@quasar/quasar-ui-qiconpicker 2.0.4 → 2.0.5

package/dist/index.esm.js

@@ -1,568 +0,0 @@
-/*!
- * @quasar/quasar-ui-qiconpicker v2.0.4
- * (c) 2021 Jeff Galbraith <jeff@quasar.dev>
- * Released under the MIT License.
- */
-
-import { defineComponent, ref, reactive, computed, onMounted, watch, nextTick, h, Transition } from 'vue';
-import { QScrollArea, QResizeObserver, QPagination, QBtn, QTooltip } from 'quasar';
-
-/**
- * QIconPicker Properties
- */
-var useIconPickerProps = {
-  modelValue: String,
-  iconSet: {
-    type: String,
-    validator: function (v) { return [
-      'material-icons',
-      'material-icons-outlined',
-      'material-icons-round',
-      'material-icons-sharp',
-      'ionicons-v4',
-      'mdi-v4',
-      'mdi-v5',
-      'mdi-v6',
-      'fontawesome-v5',
-      'eva-icons',
-      'themify',
-      'line-awesome',
-      'bootstrap-icons',
-      ''
-    ].includes(v); },
-    default: ''
-  },
-  icons: Array,
-  filter: String,
-  tags: Array,
-  dense: Boolean,
-  tooltips: Boolean,
-  noFooter: Boolean,
-  size: {
-    type: String,
-    default: 'inherit'
-  },
-  color: String,
-  textColor: String,
-  selectedColor: {
-    type: String,
-    default: 'primary'
-  },
-  selectedTextColor: {
-    type: String,
-    default: 'grey-1'
-  },
-  paginationProps: {
-    type: Object,
-    default: function () { return ({
-      maxPages: 5,
-      input: true
-    }); }
-  },
-  modelPagination: Object,
-  animated: Boolean,
-  transitionPrev: {
-    type: String,
-    default: 'slide-right'
-  },
-  transitionNext: {
-    type: String,
-    default: 'slide-left'
-  }
-};
-
-var direction = {
-  NEXT: 'next',
-  PREV: 'prev'
-};
-
-/**
- * Pagination
- */
-function useIconPickerPagination(data, props, emit, computedFilteredIcons) {
-
-  function fixPagination(p) {
-    if (p.page < 1) {
-      p.page = 1;
-    }
-    if (p.itemsPerPage === void 0 || p.itemsPerPage < 1) {
-      p.itemsPerPage = 0; // all
-    }
-    return p
-  }
-
-  // returns true if the pagination is the same,
-  // otherwise returns false if it has changed
-  function samePagination(oldPag, newPag) {
-    for (var prop in newPag) {
-      if (newPag[ prop ] !== oldPag[ prop ]) {
-        return false
-      }
-    }
-    return true
-  }
-
-  var computedPagination = computed(function () {
-    return fixPagination(Object.assign({}, data.innerPagination,
-      props.modelPagination))
-  });
-
-  var computedPagesNumber = computed(function () {
-    return computedPagination.value.itemsPerPage === 0 ? 1
-      : Math.max(1, Math.ceil(computedFilteredIcons.value.length / computedPagination.value.itemsPerPage))
-  });
-
-  function setPagination(val) {
-    var newPagination = fixPagination(Object.assign({}, computedPagination.value,
-      val));
-
-    if (!samePagination(data.innerPagination, newPagination)) {
-      if (props.modelPagination) {
-        emit('update:model-pagination', newPagination);
-      }
-      data.innerPagination = newPagination;
-    }
-  }
-
-  function updatePagination() {
-    if (props.modelPagination !== void 0) {
-      setPagination({ total: computedFilteredIcons.value.length, totalPages: computedPagesNumber.value });
-    }
-  }
-
-  return {
-    samePagination: samePagination,
-    computedPagination: computedPagination,
-    setPagination: setPagination,
-    updatePagination: updatePagination,
-    computedPagesNumber: computedPagesNumber
-  }
-}
-
-/**
- * Icons
- */
-function useIconPickerIcons(data, props, computedFirstItemIndex, computedLastItemIndex) {
-
-  function loadIconSet(iconSet) {
-    data.iconsList = [];
-    if (iconSet) {
-      // detect if UMD version is installed
-      if (window.QIconPicker) {
-        var name = iconSet.replace(/-([a-z])/g, function (g) { return g[ 1 ].toUpperCase(); });
-        if (window.QIconPicker.iconSet && window.QIconPicker.iconSet[ name ]) {
-          data.iconsList = window.QIconPicker.iconSet[ name ].icons;
-        }
-        else {
-          console.error(("QIconPicker: no icon set loaded called " + iconSet));
-          console.error('Be sure to load the UMD version of the icon set in a script tag before using QIconPicker UMD version');
-        }
-      }
-      else {
-        try {
-          data.iconsList = require(("@quasar/quasar-ui-qiconpicker/src/components/icon-set/" + iconSet + ".js")).default.icons;
-        }
-        catch (e) {
-          console.error(("QIconPicker: cannot find icon set found called " + iconSet));
-        }
-      }
-    }
-    console.info(("Loaded " + (data.iconsList.length) + " icons."));
-  }
-
-  var computedDisplayedIcons = computed(function () {
-    var icons = [];
-    if (data.iconsList) {
-      icons = computedFilteredIcons.value;
-
-      // should the icons be paged?
-      if (props.modelPagination && props.modelPagination.itemsPerPage !== 0) {
-        icons = icons.slice(computedFirstItemIndex.value, computedLastItemIndex.value);
-      }
-    }
-    return icons
-  });
-
-  var computedFilteredIcons = computed(function () {
-    var icons = data.iconsList;
-    if (icons) {
-      if (props.tags !== void 0 && props.tags !== '' && props.tags !== null && props.tags.length > 0) {
-        icons = icons.filter(function (icon) {
-          return icon.tags.filter(function (tag) { return props.tags.includes(tag); }).length > 0
-        });
-      }
-      if (props.filter !== void 0 && props.filter !== '' && props.filter !== null) {
-        icons = icons.filter(function (icon) { return icon.name.includes(props.filter); });
-      }
-    }
-    return icons
-  });
-
-  function categories() {
-    var t = [];
-    data.iconsList.forEach(function (icon) {
-      var tags = icon.tags;
-      if (tags && tags.length > 0) {
-        tags.forEach(function (tag) {
-          if (t.includes(tag) !== true) {
-            t.push(tag);
-          }
-        });
-      }
-    });
-    t.sort();
-    data.categories = t;
-    return true
-  }
-
-  return {
-    loadIconSet: loadIconSet,
-    computedDisplayedIcons: computedDisplayedIcons,
-    computedFilteredIcons: computedFilteredIcons,
-    categories: categories
-  }
-}
-
-/**
- * Exposes api functions
- */
-function exposeIconPickerApi(data, expose, computedPagination, setPagination, computedFirstItemIndex, computedLastItemIndex, computedFilteredIcons, computedPagesNumber) {
-  // goes to previous page
-  var prevPage = function () {
-    var ref = computedPagination.value;
-    var page = ref.page;
-    if (page > 1) {
-      setPagination({ page: page - 1 });
-      data.direction = direction.PREV;
-    }
-  };
-
-  // goes to next page
-  var nextPage = function () {
-    var ref = computedPagination.value;
-    var page = ref.page;
-    var itemsPerPage = ref.itemsPerPage;
-    if (computedLastItemIndex.value > 0 && page * itemsPerPage < computedFilteredIcons.value.length) {
-      setPagination({ page: page + 1 });
-      data.direction = direction.NEXT;
-    }
-  };
-
-  // goes to last page
-  var lastPage = function () {
-    setPagination({ page: computedPagesNumber.value });
-  };
-
-  // goes to first page
-  var firstPage = function () {
-    setPagination({ page: 0 });
-  };
-
-  // checks if we are on the last page
-  var isLastPage = computed(function () {
-    return computedLastItemIndex.value === 0
-      ? true
-      : computedPagination.value.page >= computedPagesNumber.value
-  });
-
-
-  // checks if we are on the first page
-  var isFirstPage = computed(function () {
-    return computedPagination.value.page === 1
-  });
-
-  expose({
-    prevPage: prevPage,
-    nextPage: nextPage,
-    lastPage: lastPage,
-    firstPage: firstPage,
-    isLastPage: isLastPage,
-    isFirstPage: isFirstPage
-  });
-}
-
-
-var QIconPicker = defineComponent({
-  name: 'QIconPicker',
-
-  props: Object.assign({}, useIconPickerProps),
-
-  emits: [
-    'update:model-value',
-    'update:tags',
-    'update:model-pagination'
-  ],
-
-  setup: function setup(props, ref$1) {
-    var slots = ref$1.slots;
-    var emit = ref$1.emit;
-    var expose = ref$1.expose;
-
-    var scrollAreaRef = ref(null);
-    var data = reactive({
-      iconsList: [],
-      innerPagination: {
-        page: 1,
-        itemsPerPage: 0,
-        totalPages: 0
-      },
-      categories: [],
-      width: '100',
-      height: '100',
-      direction: ''
-    });
-
-    // index of first item on a page
-    var computedFirstItemIndex = computed(function () {
-      var ref = computedPagination.value;
-      var page = ref.page;
-      var itemsPerPage = ref.itemsPerPage;
-      return (page - 1) * itemsPerPage
-    });
-
-    // index of last item on a page
-    var computedLastItemIndex = computed(function () {
-      var ref = computedPagination.value;
-      var page = ref.page;
-      var itemsPerPage = ref.itemsPerPage;
-      return page * itemsPerPage
-    });
-
-    var ref$2 = useIconPickerIcons(data, props, computedFirstItemIndex, computedLastItemIndex);
-    var loadIconSet = ref$2.loadIconSet;
-    var computedDisplayedIcons = ref$2.computedDisplayedIcons;
-    var computedFilteredIcons = ref$2.computedFilteredIcons;
-    var categories = ref$2.categories;
-
-    var ref$3 = useIconPickerPagination(data, props, emit, computedFilteredIcons);
-    var samePagination = ref$3.samePagination;
-    var computedPagination = ref$3.computedPagination;
-    var setPagination = ref$3.setPagination;
-    var updatePagination = ref$3.updatePagination;
-    var computedPagesNumber = ref$3.computedPagesNumber;
-
-    exposeIconPickerApi(data, expose, computedPagination, setPagination, computedFirstItemIndex, computedLastItemIndex, computedFilteredIcons, computedPagesNumber);
-
-    onMounted(function () {
-      if (props.iconSet) {
-        loadIconSet(props.iconSet);
-      }
-      else if (props.icons !== void 0 && props.icons.length > 0) {
-        data.iconsList = props.icons;
-      }
-      updatePagination();
-    });
-
-
-    watch(function () { return props.iconSet; }, function (val) {
-      if (val) {
-        loadIconSet(val);
-        updatePagination();
-        nextTick(function () {
-          // whenever the icon set changes, it resets pagination page to page 1
-          setPagination({ page: 1 });
-        }).catch(function (e) { return console.error(e); });
-        // scroll to top of QScrollArea, if applicable
-        if(scrollAreaRef.value) {
-          scrollAreaRef.value.setScrollPosition(0);
-        }
-      }
-    });
-
-    watch(function () { return props.icons; }, function (val) {
-      if (props.icons !== void 0 && props.icons.length > 0) {
-        data.iconsList = props.icons;
-      }
-      updatePagination();
-      nextTick(function () {
-        // whenever the icon set changes, it resets pagination page to page 1
-        setPagination({ page: 1 });
-      }).catch(function (e) { return console.error(e); });
-      // scroll to top of QScrollArea, if applicable
-      if(scrollAreaRef.value) {
-        scrollAreaRef.value.setScrollPosition(0);
-      }
-    });
-
-    watch(function () { return props.filter; }, function () {
-      // whenever the filter changes, it resets pagination page to page 1
-      setPagination({ page: 1, totalPages: computedPagesNumber.value });
-      updatePagination();
-    });
-
-    watch(function () { return props.tags; }, function (val) {
-      // whenever the tags change, it resets pagination page to page 1
-      setPagination({ page: 1, totalPages: computedPagesNumber.value });
-      updatePagination();
-    });
-
-    if (props.modelPagination) {
-      watch(function () { return props.modelPagination; }, function (newVal, oldVal) {
-        if (!samePagination(oldVal, newVal)) {
-          updatePagination();
-        }
-      });
-    }
-
-    if (props.modelPagination) {
-      watch(function () { return props.modelPagination.itemsPerPage; }, function () {
-        updatePagination();
-      });
-
-      watch(function () { return props.modelPagination.page; }, function () {
-        updatePagination();
-      });
-    }
-
-    return function () {
-
-      function renderPagination() {
-        if (props.modelPagination && props.modelPagination.itemsPerPage === 0) { return '' }
-        var slot = (slots.pagination && slots.pagination());
-        var ref = computedPagination.value;
-        var page = ref.page;
-        var totalPages = ref.totalPages;
-
-        return slot || h(QPagination, Object.assign({}, {class: 'q-icon-picker__pagination'},
-          props.paginationProps,
-          {modelValue: page,
-          max: totalPages,
-          'onUpdate:modelValue': function (value) {
-            if (props.animated) {
-              if (value > page) {
-                data.direction = direction.NEXT;
-              }
-              else {
-                data.direction = direction.PREV;
-              }
-            }
-            setPagination({ page: value });
-          }}))
-      }
-
-      function renderFooter() {
-        if (props.noFooter !== true && props.modelPagination !== void 0) {
-          var slot = (slots.footer && slots.footer());
-
-          return h('div', {
-            class: 'q-icon-picker__footer flex flex-center'
-          }, [
-            slot ? slot(computedPagination.value) : renderPagination()
-          ])
-        }
-      }
-
-      function renderTooltip(name) {
-        if (props.tooltips === true) {
-          return function () { return h(QTooltip, {}, function () { return name; }); }
-        }
-      }
-
-      function renderIcon(icon) {
-        var name = (icon.prefix !== void 0 ? icon.prefix + ' ' + icon.name : icon.name);
-
-        if (slots.icon && slots.icon()) {
-          return slots.icon(name)
-        }
-        var isSelected = name === props.modelValue;
-        var textColor = isSelected ? props.selectedTextColor : undefined;
-        var color = isSelected ? props.selectedColor : undefined;
-        var size = props.size ? props.size : undefined;
-
-        return h(QBtn, {
-          id: name,
-          unelevated: true,
-          dense: props.dense,
-          noWrap: true,
-          size: size,
-          textColor: textColor,
-          color: color,
-          icon: name,
-          onClick: function () { return emit('update:model-value', name); },
-        }, renderTooltip(name))
-      }
-
-      function renderIcons() {
-        return computedDisplayedIcons.value.map(function (icon) { return renderIcon(icon); })
-      }
-
-      function renderContainer() {
-        var container = function () { return h('div', {
-          key: computedPagination.value.page,
-          class: 'q-icon-picker__container col'
-        },  [].concat( renderIcons() )); };
-
-        if (props.animated === true) {
-          var transition = 'q-transition--' + (data.direction === 'prev' ? props.transitionPrev : props.transitionNext);
-          return function () { return h(Transition, {
-            name: transition,
-            appear: true
-          }, container); }
-        }
-
-        return container
-      }
-
-
-      function renderScrollArea() {
-        return h(QScrollArea, {
-          ref: scrollAreaRef,
-          style: {
-            width: data.width + 'px',
-            height: data.height + 'px'
-          }
-        }, renderContainer())
-      }
-
-      function renderBody() {
-        return h('div', {
-          class: 'q-icon-picker__body col column'
-        }, [
-          renderScrollArea(),
-          h(QResizeObserver, {
-            onResize: function (size) {
-              data.width = size.width;
-              data.height = size.height;
-            }
-          })
-        ])
-      }
-
-      var classes = [
-        'q-icon-picker',
-        'column'
-      ];
-      if (props.color) { classes.push('bg-' + props.color); }
-      if (props.textColor) { classes.push('text-' + props.textColor); }
-
-      var picker = h('div', {
-        class: classes.join(' ')
-      },  [
-        renderBody(),
-        renderFooter()
-      ]);
-
-      nextTick(function () {
-        categories();
-        emit('update:tags', data.categories);
-      }).catch(function (e) { return console.error(e); });
-
-      return picker
-    }
-  }
-});
-
-var version = '2.0.4';
-
-function install (app) {
-  app.component(QIconPicker.name, QIconPicker);
-}
-
-var VuePlugin = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  version: version,
-  QIconPicker: QIconPicker,
-  install: install
-});
-
-export { QIconPicker, VuePlugin as default, install, version };

package/dist/index.esm.min.js

@@ -1,6 +0,0 @@
-/*!
- * @quasar/quasar-ui-qiconpicker v2.0.4
- * (c) 2021 Jeff Galbraith <jeff@quasar.dev>
- * Released under the MIT License.
- */
-import{defineComponent,ref,reactive,computed,onMounted,watch,nextTick,h,Transition}from"vue";import{QScrollArea,QResizeObserver,QPagination,QBtn,QTooltip}from"quasar";var useIconPickerProps={modelValue:String,iconSet:{type:String,validator:function(e){return["material-icons","material-icons-outlined","material-icons-round","material-icons-sharp","ionicons-v4","mdi-v4","mdi-v5","mdi-v6","fontawesome-v5","eva-icons","themify","line-awesome","bootstrap-icons",""].includes(e)},default:""},icons:Array,filter:String,tags:Array,dense:Boolean,tooltips:Boolean,noFooter:Boolean,size:{type:String,default:"inherit"},color:String,textColor:String,selectedColor:{type:String,default:"primary"},selectedTextColor:{type:String,default:"grey-1"},paginationProps:{type:Object,default:function(){return{maxPages:5,input:!0}}},modelPagination:Object,animated:Boolean,transitionPrev:{type:String,default:"slide-right"},transitionNext:{type:String,default:"slide-left"}},direction={NEXT:"next",PREV:"prev"};function useIconPickerPagination(n,t,i,e){function o(e){return e.page<1&&(e.page=1),(void 0===e.itemsPerPage||e.itemsPerPage<1)&&(e.itemsPerPage=0),e}function a(e,n){for(var t in n)if(n[t]!==e[t])return!1;return!0}var r=computed(function(){return o(Object.assign({},n.innerPagination,t.modelPagination))}),c=computed(function(){return 0===r.value.itemsPerPage?1:Math.max(1,Math.ceil(e.value.length/r.value.itemsPerPage))});function u(e){e=o(Object.assign({},r.value,e));a(n.innerPagination,e)||(t.modelPagination&&i("update:model-pagination",e),n.innerPagination=e)}function s(){void 0!==t.modelPagination&&u({total:e.value.length,totalPages:c.value})}return{samePagination:a,computedPagination:r,setPagination:u,updatePagination:s,computedPagesNumber:c}}function useIconPickerIcons(t,n,i,o){function e(n){if(t.iconsList=[],n)if(window.QIconPicker){var e=n.replace(/-([a-z])/g,function(e){return e[1].toUpperCase()});window.QIconPicker.iconSet&&window.QIconPicker.iconSet[e]?t.iconsList=window.QIconPicker.iconSet[e].icons:(console.error("QIconPicker: no icon set loaded called "+n),console.error("Be sure to load the UMD version of the icon set in a script tag before using QIconPicker UMD version"))}else try{t.iconsList=require("@quasar/quasar-ui-qiconpicker/src/components/icon-set/"+n+".js").default.icons}catch(e){console.error("QIconPicker: cannot find icon set found called "+n)}console.info("Loaded "+t.iconsList.length+" icons.")}var a=computed(function(){var e=[];return t.iconsList&&(e=r.value,n.modelPagination&&0!==n.modelPagination.itemsPerPage&&(e=e.slice(i.value,o.value))),e}),r=computed(function(){var e=t.iconsList;return e&&(void 0!==n.tags&&""!==n.tags&&null!==n.tags&&n.tags.length>0&&(e=e.filter(function(e){return e.tags.filter(function(e){return n.tags.includes(e)}).length>0})),void 0!==n.filter&&""!==n.filter&&null!==n.filter&&(e=e.filter(function(e){return e.name.includes(n.filter)}))),e});function c(){var n=[];return t.iconsList.forEach(function(e){e=e.tags;e&&e.length>0&&e.forEach(function(e){!0!==n.includes(e)&&n.push(e)})}),n.sort(),t.categories=n,!0}return{loadIconSet:e,computedDisplayedIcons:a,computedFilteredIcons:r,categories:c}}function exposeIconPickerApi(t,e,i,o,n,a,r,c){var u=function(){var e=i.value,e=e.page;e>1&&(o({page:e-1}),t.direction=direction.PREV)},s=function(){var e=i.value,n=e.page,e=e.itemsPerPage;a.value>0&&n*e<r.value.length&&(o({page:n+1}),t.direction=direction.NEXT)},l=function(){o({page:c.value})},g=function(){o({page:0})},d=computed(function(){return 0===a.value||i.value.page>=c.value}),f=computed(function(){return 1===i.value.page});e({prevPage:u,nextPage:s,lastPage:l,firstPage:g,isLastPage:d,isFirstPage:f})}var QIconPicker=defineComponent({name:"QIconPicker",props:Object.assign({},useIconPickerProps),emits:["update:model-value","update:tags","update:model-pagination"],setup:function(s,e){var l=e.slots,g=e.emit,n=e.expose,d=ref(null),f=reactive({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},categories:[],width:"100",height:"100",direction:""}),t=computed(function(){var e=v.value,n=e.page,e=e.itemsPerPage;return(n-1)*e}),i=computed(function(){var e=v.value,n=e.page,e=e.itemsPerPage;return n*e}),o=useIconPickerIcons(f,s,t,i),a=o.loadIconSet,p=o.computedDisplayedIcons,e=o.computedFilteredIcons,P=o.categories,o=useIconPickerPagination(f,s,g,e),r=o.samePagination,v=o.computedPagination,m=o.setPagination,c=o.updatePagination,u=o.computedPagesNumber;return exposeIconPickerApi(f,n,v,m,t,i,e,u),onMounted(function(){s.iconSet?a(s.iconSet):void 0!==s.icons&&s.icons.length>0&&(f.iconsList=s.icons),c()}),watch(function(){return s.iconSet},function(e){e&&(a(e),c(),nextTick(function(){m({page:1})}).catch(function(e){return console.error(e)}),d.value&&d.value.setScrollPosition(0))}),watch(function(){return s.icons},function(e){void 0!==s.icons&&s.icons.length>0&&(f.iconsList=s.icons),c(),nextTick(function(){m({page:1})}).catch(function(e){return console.error(e)}),d.value&&d.value.setScrollPosition(0)}),watch(function(){return s.filter},function(){m({page:1,totalPages:u.value}),c()}),watch(function(){return s.tags},function(e){m({page:1,totalPages:u.value}),c()}),s.modelPagination&&watch(function(){return s.modelPagination},function(e,n){r(n,e)||c()}),s.modelPagination&&(watch(function(){return s.modelPagination.itemsPerPage},function(){c()}),watch(function(){return s.modelPagination.page},function(){c()})),function(){function n(){if(s.modelPagination&&0===s.modelPagination.itemsPerPage)return"";var e=l.pagination&&l.pagination(),n=v.value,t=n.page,n=n.totalPages;return e||h(QPagination,Object.assign({},{class:"q-icon-picker__pagination"},s.paginationProps,{modelValue:t,max:n,"onUpdate:modelValue":function(e){s.animated&&(f.direction=e>t?direction.NEXT:direction.PREV),m({page:e})}}))}function e(){if(!0!==s.noFooter&&void 0!==s.modelPagination){var e=l.footer&&l.footer();return h("div",{class:"q-icon-picker__footer flex flex-center"},[e?e(v.value):n()])}}function o(e){if(!0===s.tooltips)return function(){return h(QTooltip,{},function(){return e})}}function t(e){var n=void 0!==e.prefix?e.prefix+" "+e.name:e.name;if(l.icon&&l.icon())return l.icon(n);var t=n===s.modelValue,i=t?s.selectedTextColor:void 0,e=t?s.selectedColor:void 0,t=s.size||void 0;return h(QBtn,{id:n,unelevated:!0,dense:s.dense,noWrap:!0,size:t,textColor:i,color:e,icon:n,onClick:function(){return g("update:model-value",n)}},o(n))}function i(){return p.value.map(function(e){return t(e)})}function a(){var e=function(){return h("div",{key:v.value.page,class:"q-icon-picker__container col"},[].concat(i()))};if(!0!==s.animated)return e;var n="q-transition--"+("prev"===f.direction?s.transitionPrev:s.transitionNext);return function(){return h(Transition,{name:n,appear:!0},e)}}function r(){return h(QScrollArea,{ref:d,style:{width:f.width+"px",height:f.height+"px"}},a())}function c(){return h("div",{class:"q-icon-picker__body col column"},[r(),h(QResizeObserver,{onResize:function(e){f.width=e.width,f.height=e.height}})])}var u=["q-icon-picker","column"];s.color&&u.push("bg-"+s.color),s.textColor&&u.push("text-"+s.textColor);u=h("div",{class:u.join(" ")},[c(),e()]);return nextTick(function(){P(),g("update:tags",f.categories)}).catch(function(e){return console.error(e)}),u}}}),version="2.0.4";function install(e){e.component(QIconPicker.name,QIconPicker)}var VuePlugin=Object.freeze({__proto__:null,version:version,QIconPicker:QIconPicker,install:install});export{QIconPicker,VuePlugin as default,install,version};