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