{"version":3,"sources":["webpack:///./src/components/ui/icons/IconSet.vue?78d4","webpack:///./src/components/ui/icons/IconSet.vue","webpack:///src/components/ui/icons/IconSet.vue","webpack:///./src/components/ui/icons/IconSet.vue?86df","webpack:///./src/components/ui/icons/IconSet.vue?a88e"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","set","name","attrs","$t","directives","rawName","value","search","expression","domProps","on","$event","target","composing","slider","model","iconSize","callback","$$v","_l","filteredLists","list","index","key","icons","length","_e","icon","class","iconClass","style","staticRenderFns","props","type","sets","data","formatter","min","max","computed","foundIcons","methods","component"],"mappings":"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","file":"js/chunk-53bc43c2.366ffa2e.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconSet.vue?vue&type=style&index=0&id=50743a74&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"vuestic-icon-set\"},[_c('vuestic-widget',{staticClass:\"vuestic-icon-set__header\"},[_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md4 xs12 vuestic-icon-set__header__text\"},[_c('h2',[_vm._v(_vm._s(_vm.set.name))]),_c('router-link',{attrs:{\"to\":{ name: 'icon-sets' }}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('icons.back'))+\"\\n        \")])],1),_c('div',{staticClass:\"flex md4 xs12\"},[_c('div',{staticClass:\"form-group with-icon-left\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],attrs:{\"id\":\"input-icon-left\",\"name\":\"input-icon-left\",\"required\":\"\"},domProps:{\"value\":(_vm.search)},on:{\"input\":function($event){if($event.target.composing)return;_vm.search=$event.target.value}}}),_c('i',{staticClass:\"fa fa-search icon-left input-icon\"}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"input-icon-left\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('icons.search'))+\"\\n            \")]),_c('i',{staticClass:\"bar\"})])])]),_c('div',{staticClass:\"flex md4 xs12 vuestic-icon-set__header__range\"},[_c('h4',[_vm._v(\"A\")]),_c('vuestic-slider',{attrs:{\"options\":_vm.slider},model:{value:(_vm.iconSize),callback:function ($$v) {_vm.iconSize=$$v},expression:\"iconSize\"}}),_c('h2',[_vm._v(\"A\")])],1)])]),_vm._l((_vm.filteredLists),function(list,index){return _c('vuestic-widget',{key:index,staticClass:\"flex md12\",attrs:{\"headerText\":list.name}},[(list.icons.length === 0)?_c('span',[_vm._v(\"\\n      \"+_vm._s(_vm.$t('icons.none'))+\"\\n    \")]):_vm._e(),_c('div',{staticClass:\"va-row\"},_vm._l((list.icons),function(icon){return _c('div',{key:icon,staticClass:\"flex xs3 md1 icon-grid-container\"},[_c('div',{staticClass:\"vuestic-icon\"},[_c('span',{class:_vm.iconClass(icon),style:(`font-size: ${_vm.iconSize}px`),attrs:{\"aria-hidden\":\"true\"}})]),_c('div',{staticClass:\"icon-text\"},[_vm._v(\"\\n          \"+_vm._s(icon)+\"\\n        \")])])}),0)])})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vuestic-icon-set\">\n    <vuestic-widget class=\"vuestic-icon-set__header\">\n      <div class=\"va-row\">\n        <div class=\" flex md4 xs12 vuestic-icon-set__header__text\">\n          <h2>{{ set.name }}</h2>\n          <router-link :to=\"{ name: 'icon-sets' }\">\n            {{ $t('icons.back') }}\n          </router-link>\n        </div>\n\n        <div class=\" flex md4 xs12\">\n          <div class=\"form-group with-icon-left\">\n            <div class=\"input-group\">\n              <input\n                v-model=\"search\"\n                id=\"input-icon-left\"\n                name=\"input-icon-left\"\n                required\n              />\n              <i class=\"fa fa-search icon-left input-icon\"/>\n              <label class=\"control-label\" for=\"input-icon-left\">\n                {{ $t('icons.search') }}\n              </label>\n              <i class=\"bar\"></i>\n            </div>\n          </div>\n        </div>\n\n        <div class=\" flex md4 xs12 vuestic-icon-set__header__range\">\n          <h4>A</h4>\n          <vuestic-slider\n            :options=\"slider\"\n            v-model=\"iconSize\"\n          >\n          </vuestic-slider>\n          <h2>A</h2>\n        </div>\n      </div>\n    </vuestic-widget>\n\n    <vuestic-widget\n      v-for=\"(list, index) in filteredLists\"\n      :key=\"index\"\n      :headerText=\"list.name\"\n      class=\"flex md12\"\n    >\n      <span v-if=\"list.icons.length === 0\">\n        {{ $t('icons.none') }}\n      </span>\n      <div class=\"va-row\">\n        <div\n          class=\"flex xs3 md1 icon-grid-container\"\n          v-for=\"icon in list.icons\"\n          :key=\"icon\"\n        >\n          <div class=\"vuestic-icon\">\n            <span\n              :class=\"iconClass(icon)\"\n              :style=\"`font-size: ${iconSize}px`\"\n              aria-hidden=\"true\"\n            />\n          </div>\n          <div class=\"icon-text\">\n            {{ icon }}\n          </div>\n        </div>\n      </div>\n    </vuestic-widget>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'vuestic-icon-set',\n  props: {\n    name: {\n      type: String,\n    },\n\n    sets: {\n      type: Array,\n    },\n  },\n  data () {\n    return {\n      search: '',\n      iconSize: 30,\n      slider: {\n        formatter: v => `${v}px`,\n        min: 20,\n        max: 40,\n      },\n    }\n  },\n  computed: {\n    set () {\n      for (let set of this.sets) {\n        if (set.href === this.name) return set\n      }\n    },\n    filteredLists () {\n      if (!this.search) {\n        // If nothing is searched - we return all sets\n        return this.set.lists\n      }\n\n      const foundIcons = []\n      this.set.lists.forEach(list => {\n        list.icons.forEach(icon => {\n          if (!icon.toUpperCase().includes(this.search.toUpperCase())) {\n            return\n          }\n          // Same icon could be included in different sets.\n          if (foundIcons.includes(icon)) {\n            return\n          }\n          foundIcons.push(icon)\n        })\n      })\n\n      // We return all found icons as a single set.\n      return [{\n        name: 'Found Icons',\n        icons: foundIcons,\n      }]\n    },\n  },\n  methods: {\n    iconClass (icon) {\n      return `${this.set.prefix} ${this.set.prefix}-${icon}`\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.vuestic-icon-set {\n  &__header {\n    padding: 1.75rem 0 1.125rem;\n    background-color: white;\n\n    &__text {\n      padding-left: 2.5rem;\n      text-align: left;\n\n      h2 {\n        margin-top: 0;\n        margin-bottom: 0;\n      }\n    }\n\n    &__range {\n      display: flex;\n      align-items: center;\n      padding-right: 2rem;\n      padding-left: 2rem;\n\n      h2, h4 {\n        flex-grow: 0;\n        margin: .5rem;\n      }\n\n      .vuestic-slider {\n        flex-grow: 1;\n      }\n    }\n\n    margin-bottom: 2rem;\n  }\n\n  .icon-grid-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n\n    position: relative;\n    float: left;\n    height: 6rem;\n    min-height: 1px;\n    margin: 0 0 .5rem;\n    text-align: center;\n\n    &:hover {\n      color: white;\n      background-color: $brand-primary;\n      cursor: pointer;\n    }\n\n    .vuestic-icon {\n      margin: 0 0 1rem;\n      padding: 1rem 0 0;\n    }\n\n    .icon-text {\n      font-size: .6rem;\n      text-align: center;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconSet.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconSet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconSet.vue?vue&type=template&id=50743a74&\"\nimport script from \"./IconSet.vue?vue&type=script&lang=js&\"\nexport * from \"./IconSet.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IconSet.vue?vue&type=style&index=0&id=50743a74&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}