@quasar/quasar-ui-qiconpicker 2.0.2 → 2.0.5

package/dist/index.umd.js

@@ -1,570 +0,0 @@
-/*!
- * @quasar/quasar-ui-qiconpicker v2.0.2
- * (c) 2021 Jeff Galbraith <jeff@quasar.dev>
- * Released under the MIT License.
- */
-
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('quasar')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'quasar'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.QIconPicker = {}, global.Vue, global.Quasar));
-})(this, (function (exports, vue, quasar) { 'use strict';
-
-  /**
-   * 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 = vue.computed(function () {
-      return fixPagination(Object.assign({}, data.innerPagination,
-        props.modelPagination))
-    });
-
-    var computedPagesNumber = vue.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 = vue.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 = vue.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 = vue.computed(function () {
-      return computedLastItemIndex.value === 0
-        ? true
-        : computedPagination.value.page >= computedPagesNumber.value
-    });
-
-
-    // checks if we are on the first page
-    var isFirstPage = vue.computed(function () {
-      return computedPagination.value.page === 1
-    });
-
-    expose({
-      prevPage: prevPage,
-      nextPage: nextPage,
-      lastPage: lastPage,
-      firstPage: firstPage,
-      isLastPage: isLastPage,
-      isFirstPage: isFirstPage
-    });
-  }
-
-
-  var QIconPicker = vue.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 = vue.ref(null);
-      var data = vue.reactive({
-        iconsList: [],
-        innerPagination: {
-          page: 1,
-          itemsPerPage: 0,
-          totalPages: 0
-        },
-        categories: [],
-        width: '100',
-        height: '100',
-        direction: ''
-      });
-
-      // index of first item on a page
-      var computedFirstItemIndex = vue.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 = vue.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);
-
-      vue.onMounted(function () {
-        if (props.iconSet) {
-          loadIconSet(props.iconSet);
-        }
-        else if (props.icons !== void 0 && props.icons.length > 0) {
-          data.iconsList = props.icons;
-        }
-        updatePagination();
-      });
-
-
-      vue.watch(function () { return props.iconSet; }, function (val) {
-        if (val) {
-          loadIconSet(val);
-          updatePagination();
-          vue.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);
-          }
-        }
-      });
-
-      vue.watch(function () { return props.icons; }, function (val) {
-        if (props.icons !== void 0 && props.icons.length > 0) {
-          data.iconsList = props.icons;
-        }
-        updatePagination();
-        vue.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);
-        }
-      });
-
-      vue.watch(function () { return props.filter; }, function () {
-        // whenever the filter changes, it resets pagination page to page 1
-        setPagination({ page: 1, totalPages: computedPagesNumber.value });
-        updatePagination();
-      });
-
-      vue.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) {
-        vue.watch(function () { return props.modelPagination; }, function (newVal, oldVal) {
-          if (!samePagination(oldVal, newVal)) {
-            updatePagination();
-          }
-        });
-      }
-
-      if (props.modelPagination) {
-        vue.watch(function () { return props.modelPagination.itemsPerPage; }, function () {
-          updatePagination();
-        });
-
-        vue.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 || vue.h(quasar.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 vue.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 vue.h(quasar.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 vue.h(quasar.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 vue.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 vue.h(vue.Transition, {
-              name: transition,
-              appear: true
-            }, container); }
-          }
-
-          return container
-        }
-
-
-        function renderScrollArea() {
-          return vue.h(quasar.QScrollArea, {
-            ref: scrollAreaRef,
-            style: {
-              width: data.width + 'px',
-              height: data.height + 'px'
-            }
-          }, renderContainer())
-        }
-
-        function renderBody() {
-          return vue.h('div', {
-            class: 'q-icon-picker__body col column'
-          }, [
-            renderScrollArea(),
-            vue.h(quasar.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 = vue.h('div', {
-          class: classes.join(' ')
-        },  [
-          renderBody(),
-          renderFooter()
-        ]);
-
-        vue.nextTick(function () {
-          categories();
-          emit('update:tags', data.categories);
-        }).catch(function (e) { return console.error(e); });
-
-        return picker
-      }
-    }
-  });
-
-  var version = '2.0.2';
-
-  function install (app) {
-    app.component(QIconPicker.name, QIconPicker);
-  }
-
-  exports.QIconPicker = QIconPicker;
-  exports.install = install;
-  exports.version = version;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));

package/dist/index.umd.min.js

@@ -1,6 +0,0 @@
-/*!
- * @quasar/quasar-ui-qiconpicker v2.0.2
- * (c) 2021 Jeff Galbraith <jeff@quasar.dev>
- * Released under the MIT License.
- */
-(function(e,n){"object"===typeof exports&&"undefined"!==typeof module?n(exports,require("vue"),require("quasar")):"function"===typeof define&&define.amd?define(["exports","vue","quasar"],n):(e="undefined"!==typeof globalThis?globalThis:e||self,n(e.QIconPicker={},e.Vue,e.Quasar))})(this,function(e,h,x){"use strict";var n={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"}},y={NEXT:"next",PREV:"prev"};function w(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=h.computed(function(){return o(Object.assign({},n.innerPagination,t.modelPagination))}),c=h.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 S(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=h.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=h.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 k(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=y.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=y.NEXT)},l=function(){o({page:c.value})},d=function(){o({page:0})},g=h.computed(function(){return 0===a.value||i.value.page>=c.value}),f=h.computed(function(){return 1===i.value.page});e({prevPage:u,nextPage:s,lastPage:l,firstPage:d,isLastPage:g,isFirstPage:f})}var t=h.defineComponent({name:"QIconPicker",props:Object.assign({},n),emits:["update:model-value","update:tags","update:model-pagination"],setup:function(s,e){var l=e.slots,d=e.emit,n=e.expose,g=h.ref(null),f=h.reactive({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},categories:[],width:"100",height:"100",direction:""}),t=h.computed(function(){var e=m.value,n=e.page,e=e.itemsPerPage;return(n-1)*e}),i=h.computed(function(){var e=m.value,n=e.page,e=e.itemsPerPage;return n*e}),o=S(f,s,t,i),a=o.loadIconSet,p=o.computedDisplayedIcons,e=o.computedFilteredIcons,v=o.categories,o=w(f,s,d,e),r=o.samePagination,m=o.computedPagination,P=o.setPagination,c=o.updatePagination,u=o.computedPagesNumber;return k(f,n,m,P,t,i,e,u),h.onMounted(function(){s.iconSet?a(s.iconSet):void 0!==s.icons&&s.icons.length>0&&(f.iconsList=s.icons),c()}),h.watch(function(){return s.iconSet},function(e){e&&(a(e),c(),h.nextTick(function(){P({page:1})}).catch(function(e){return console.error(e)}),g.value&&g.value.setScrollPosition(0))}),h.watch(function(){return s.icons},function(e){void 0!==s.icons&&s.icons.length>0&&(f.iconsList=s.icons),c(),h.nextTick(function(){P({page:1})}).catch(function(e){return console.error(e)}),g.value&&g.value.setScrollPosition(0)}),h.watch(function(){return s.filter},function(){P({page:1,totalPages:u.value}),c()}),h.watch(function(){return s.tags},function(e){P({page:1,totalPages:u.value}),c()}),s.modelPagination&&h.watch(function(){return s.modelPagination},function(e,n){r(n,e)||c()}),s.modelPagination&&(h.watch(function(){return s.modelPagination.itemsPerPage},function(){c()}),h.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=m.value,t=n.page,n=n.totalPages;return e||h.h(x.QPagination,Object.assign({},{class:"q-icon-picker__pagination"},s.paginationProps,{modelValue:t,max:n,"onUpdate:modelValue":function(e){s.animated&&(f.direction=e>t?y.NEXT:y.PREV),P({page:e})}}))}function e(){if(!0!==s.noFooter&&void 0!==s.modelPagination){var e=l.footer&&l.footer();return h.h("div",{class:"q-icon-picker__footer flex flex-center"},[e?e(m.value):n()])}}function o(e){if(!0===s.tooltips)return function(){return h.h(x.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.h(x.QBtn,{id:n,unelevated:!0,dense:s.dense,noWrap:!0,size:t,textColor:i,color:e,icon:n,onClick:function(){return d("update:model-value",n)}},o(n))}function i(){return p.value.map(function(e){return t(e)})}function a(){var e=function(){return h.h("div",{key:m.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.h(h.Transition,{name:n,appear:!0},e)}}function r(){return h.h(x.QScrollArea,{ref:g,style:{width:f.width+"px",height:f.height+"px"}},a())}function c(){return h.h("div",{class:"q-icon-picker__body col column"},[r(),h.h(x.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.h("div",{class:u.join(" ")},[c(),e()]);return h.nextTick(function(){v(),d("update:tags",f.categories)}).catch(function(e){return console.error(e)}),u}}}),n="2.0.2";function i(e){e.component(t.name,t)}e.QIconPicker=t,e.install=i,e.version=n,Object.defineProperty(e,"__esModule",{value:!0})});