@quasar/quasar-ui-qiconpicker 3.0.0-beta.0 → 3.0.0-beta.2

package/README.md

@@ -2,7 +2,7 @@
 
 QIconPicker is a Quasar component that provides an icon picker for Vue and Quasar applications.
 
-[![npm](https://img.shields.io/npm/v/@quasar/quasar-ui-qiconpicker/next?label=@quasar/quasar-ui-qiconpicker)](https://www.npmjs.com/package/@quasar/quasar-ui-qiconpicker)
+[![npm](https://img.shields.io/npm/v/@quasar/quasar-ui-qiconpicker/beta?label=@quasar/quasar-ui-qiconpicker)](https://www.npmjs.com/package/@quasar/quasar-ui-qiconpicker)
 [![npm](https://img.shields.io/npm/dt/@quasar/quasar-ui-qiconpicker)](https://www.npmjs.com/package/@quasar/quasar-ui-qiconpicker)
 
 [![Discord](https://img.shields.io/badge/discord-join%20server-738ADB?style=for-the-badge&logo=discord&logoColor=738ADB)](https://chat.quasar.dev)
@@ -17,10 +17,15 @@ Install the [App Extension](../app-extension).
 Or install the UI package directly:
 
 ```bash
-pnpm add @quasar/quasar-ui-qiconpicker
-# yarn add @quasar/quasar-ui-qiconpicker
-# npm install @quasar/quasar-ui-qiconpicker
-# bun add @quasar/quasar-ui-qiconpicker
+pnpm add @quasar/quasar-ui-qiconpicker@beta
+# or
+bun add @quasar/quasar-ui-qiconpicker@beta
+# or
+yarn add @quasar/quasar-ui-qiconpicker@beta
+# or
+npm install @quasar/quasar-ui-qiconpicker@beta
+# or, in a Quasar CLI app
+quasar ext add @quasar/qiconpicker@beta
 ```
 
 Then create and register a boot file:
@@ -72,7 +77,24 @@ The UMD bundle exports `window.QIconPicker`.
 <script src="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker/dist/index.umd.min.js"></script>
 ```
 
-Built-in `icon-set` values lazy load from `@quasar/extras` and are intended for ESM/CJS bundler usage. For UMD, pass an `icons` array directly.
+Built-in `icon-set` values lazy load from `@quasar/extras` and are intended for ESM bundler usage. For UMD, pass an `icons` array directly.
+
+Supported built-in `icon-set` values are:
+
+- `material-icons`
+- `material-icons-outlined`
+- `material-icons-round`
+- `material-icons-sharp`
+- `material-symbols-outlined`
+- `material-symbols-rounded`
+- `material-symbols-sharp`
+- `ionicons-v8`
+- `mdi-v7`
+- `fontawesome-v7`
+- `eva-icons`
+- `themify`
+- `line-awesome`
+- `bootstrap-icons`
 
 ## Setup
 
@@ -84,9 +106,12 @@ pnpm build:ui
 pnpm build:docs
 ```
 
-## Donate
+## Support
 
-If you appreciate the work that went into this project, please consider donating to [Quasar](https://donate.quasar.dev) or [Jeff](https://github.com/sponsors/hawkeye64).
+If QIconPicker is useful in your workflow and you want to support ongoing maintenance:
+
+GitHub Sponsors: https://github.com/sponsors/hawkeye64
+PayPal: https://paypal.me/hawkeye64
 
 ## License
 

package/dist/api/QIconPicker.json

@@ -1,7 +1,7 @@
 {
   "type": "component",
   "meta": {
-    "docsUrl": "https://quasarframework.github.io/quasar-ui-qiconpicker/docs"
+    "docsUrl": "https://qiconpicker.netlify.app/developing/using-qiconpicker"
   },
   "props": {
     "model-value": {
@@ -26,11 +26,8 @@
         "material-symbols-outlined",
         "material-symbols-rounded",
         "material-symbols-sharp",
-        "ionicons-v7",
         "ionicons-v8",
-        "mdi-v6",
         "mdi-v7",
-        "fontawesome-v6",
         "fontawesome-v7",
         "line-awesome",
         "eva-icons",

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+ * @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
  * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
  * Released under the MIT License.
  */

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /*!
-* @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+* @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
 * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
 * Released under the MIT License.
 */
@@ -26,11 +26,8 @@ const iconSetNames = [
 	"material-symbols-outlined",
 	"material-symbols-rounded",
 	"material-symbols-sharp",
-	"ionicons-v7",
 	"ionicons-v8",
-	"mdi-v6",
 	"mdi-v7",
-	"fontawesome-v6",
 	"fontawesome-v7",
 	"eva-icons",
 	"themify",
@@ -87,21 +84,11 @@ const iconSetConfigs = {
 	"material-symbols-outlined": { createEntry: createMaterialSvgEntry("symOutlined", "sym_o_") },
 	"material-symbols-rounded": { createEntry: createMaterialSvgEntry("symRounded", "sym_r_") },
 	"material-symbols-sharp": { createEntry: createMaterialSvgEntry("symSharp", "sym_s_") },
-	"mdi-v6": { createEntry: createSvgEntry("mdi", "mdi-") },
 	"mdi-v7": { createEntry: createSvgEntry("mdi", "mdi-") },
-	"ionicons-v7": { createEntry: (iconName, icon) => ({
-		name: iconName,
-		icon
-	}) },
 	"ionicons-v8": { createEntry: (iconName, icon) => ({
 		name: iconName,
 		icon
 	}) },
-	"fontawesome-v6": { createEntry: (iconName, icon) => ({
-		name: `fa-${pascalToKebab(iconName.slice(3))}`,
-		icon,
-		prefix: iconName.slice(0, 3)
-	}) },
 	"fontawesome-v7": { createEntry: (iconName, icon) => ({
 		name: `fa-${pascalToKebab(iconName.slice(3))}`,
 		icon,
@@ -128,11 +115,8 @@ const iconSetLoaders = {
 	"material-symbols-outlined": () => Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"), import("@quasar/extras/material-symbols-outlined")]).then(([icons, extras]) => createIconSet("material-symbols-outlined", icons, extras)),
 	"material-symbols-rounded": () => Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"), import("@quasar/extras/material-symbols-rounded")]).then(([icons, extras]) => createIconSet("material-symbols-rounded", icons, extras)),
 	"material-symbols-sharp": () => Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"), import("@quasar/extras/material-symbols-sharp")]).then(([icons, extras]) => createIconSet("material-symbols-sharp", icons, extras)),
-	"ionicons-v7": () => Promise.all([import("@quasar/extras/ionicons-v7/icons.json"), import("@quasar/extras/ionicons-v7")]).then(([icons, extras]) => createIconSet("ionicons-v7", icons, extras)),
 	"ionicons-v8": () => Promise.all([import("@quasar/extras/ionicons-v8/icons.json"), import("@quasar/extras/ionicons-v8")]).then(([icons, extras]) => createIconSet("ionicons-v8", icons, extras)),
-	"mdi-v6": () => Promise.all([import("@quasar/extras/mdi-v6/icons.json"), import("@quasar/extras/mdi-v6")]).then(([icons, extras]) => createIconSet("mdi-v6", icons, extras)),
 	"mdi-v7": () => Promise.all([import("@quasar/extras/mdi-v7/icons.json"), import("@quasar/extras/mdi-v7")]).then(([icons, extras]) => createIconSet("mdi-v7", icons, extras)),
-	"fontawesome-v6": () => Promise.all([import("@quasar/extras/fontawesome-v6/icons.json"), import("@quasar/extras/fontawesome-v6")]).then(([icons, extras]) => createIconSet("fontawesome-v6", icons, extras)),
 	"fontawesome-v7": () => Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"), import("@quasar/extras/fontawesome-v7")]).then(([icons, extras]) => createIconSet("fontawesome-v7", icons, extras)),
 	"line-awesome": () => Promise.all([import("@quasar/extras/line-awesome/icons.json"), import("@quasar/extras/line-awesome")]).then(([icons, extras]) => createIconSet("line-awesome", icons, extras)),
 	"eva-icons": () => Promise.all([import("@quasar/extras/eva-icons/icons.json"), import("@quasar/extras/eva-icons")]).then(([icons, extras]) => createIconSet("eva-icons", icons, extras)),
@@ -254,7 +238,7 @@ function useIconPickerIcons(data, props, computedFirstItemIndex, computedLastIte
 			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("Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.");
+				console.error("Built-in icon sets require ESM bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.");
 			}
 		} else if (iconSetNames.includes(iconSet)) try {
 			const loadedIconSet = await loadIconSet(iconSet);
@@ -478,7 +462,7 @@ var QIconPicker_default = defineComponent({
 });
 //#endregion
 //#region src/version.ts
-const version = "3.0.0-beta.0";
+const version = "3.0.0-beta.2";
 //#endregion
 //#region src/vue-plugin.ts
 var vue_plugin_exports = /* @__PURE__ */ __exportAll({

package/dist/index.esm.min.js

@@ -1,6 +1,6 @@
 /*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+ * @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
  * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
  * Released under the MIT License.
  */
-import{Transition,computed,defineComponent,h,nextTick,onMounted,reactive,ref,watch}from"vue";import{QBtn,QPagination,QResizeObserver,QScrollArea,QTooltip}from"quasar";var __defProp=Object.defineProperty,__exportAll=(e,t)=>{let o={};for(var a in e)__defProp(o,a,{get:e[a],enumerable:!0});return t||__defProp(o,Symbol.toStringTag,{value:"Module"}),o};const iconSetNames=["material-icons","material-icons-outlined","material-icons-round","material-icons-sharp","material-symbols-outlined","material-symbols-rounded","material-symbols-sharp","ionicons-v7","ionicons-v8","mdi-v6","mdi-v7","fontawesome-v6","fontawesome-v7","eva-icons","themify","line-awesome","bootstrap-icons"];function pascalToKebab(e){return e.replace(/([A-Z]+)([A-Z][a-z])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function pascalToSnake(e){return pascalToKebab(e).replace(/-/g,"_")}function removePrefix(e,t){if(!1===e.startsWith(t))throw new Error(`Icon export ${e} does not start with expected prefix `+t);return e.slice(t.length)}function createSvgEntry(o,a=""){return(e,t)=>({name:""+a+pascalToKebab(removePrefix(e,o)),icon:t})}function createMaterialSvgEntry(o,a=""){return(e,t)=>({name:""+a+pascalToSnake(removePrefix(e,o)),icon:t})}function getIconNames(e){return Array.isArray(e)?e:e.default}function getIconExports(e){return Object.fromEntries(Object.entries(e).filter(e=>"string"===typeof e[1]))}function createIconSet(o,e,t){const a=getIconNames(e),n=new Set(a),i=getIconExports(t),r=iconSetConfigs[o];return{name:o,icons:a.map(e=>{const t=i[e];if("string"!==typeof t)throw new Error(`QIconPicker: ${o} is missing @quasar/extras export `+e);return r.createEntry(e,t,n)})}}const iconSetConfigs={"material-icons":{createEntry:createMaterialSvgEntry("mat")},"material-icons-outlined":{createEntry:createMaterialSvgEntry("outlined","o_")},"material-icons-round":{createEntry:createMaterialSvgEntry("round","r_")},"material-icons-sharp":{createEntry:createMaterialSvgEntry("sharp","s_")},"material-symbols-outlined":{createEntry:createMaterialSvgEntry("symOutlined","sym_o_")},"material-symbols-rounded":{createEntry:createMaterialSvgEntry("symRounded","sym_r_")},"material-symbols-sharp":{createEntry:createMaterialSvgEntry("symSharp","sym_s_")},"mdi-v6":{createEntry:createSvgEntry("mdi","mdi-")},"mdi-v7":{createEntry:createSvgEntry("mdi","mdi-")},"ionicons-v7":{createEntry:(e,t)=>({name:e,icon:t})},"ionicons-v8":{createEntry:(e,t)=>({name:e,icon:t})},"fontawesome-v6":{createEntry:(e,t)=>({name:"fa-"+pascalToKebab(e.slice(3)),icon:t,prefix:e.slice(0,3)})},"fontawesome-v7":{createEntry:(e,t)=>({name:"fa-"+pascalToKebab(e.slice(3)),icon:t,prefix:e.slice(0,3)})},"line-awesome":{createEntry:(e,t,o)=>{const a=removePrefix(e,"la"),n=a.endsWith("Solid");return{name:"la-"+pascalToKebab(n?a.slice(0,-5):a),icon:t,prefix:n?"las":o.has(e+"Solid")?"lar":"lab"}}},"eva-icons":{createEntry:createSvgEntry("eva","eva-")},themify:{createEntry:createSvgEntry("ti","ti-")},"bootstrap-icons":{createEntry:createSvgEntry("bi","bi-")}},iconSetLoaders={"material-icons":()=>Promise.all([import("@quasar/extras/material-icons/icons.json"),import("@quasar/extras/material-icons")]).then(([e,t])=>createIconSet("material-icons",e,t)),"material-icons-outlined":()=>Promise.all([import("@quasar/extras/material-icons-outlined/icons.json"),import("@quasar/extras/material-icons-outlined")]).then(([e,t])=>createIconSet("material-icons-outlined",e,t)),"material-icons-round":()=>Promise.all([import("@quasar/extras/material-icons-round/icons.json"),import("@quasar/extras/material-icons-round")]).then(([e,t])=>createIconSet("material-icons-round",e,t)),"material-icons-sharp":()=>Promise.all([import("@quasar/extras/material-icons-sharp/icons.json"),import("@quasar/extras/material-icons-sharp")]).then(([e,t])=>createIconSet("material-icons-sharp",e,t)),"material-symbols-outlined":()=>Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"),import("@quasar/extras/material-symbols-outlined")]).then(([e,t])=>createIconSet("material-symbols-outlined",e,t)),"material-symbols-rounded":()=>Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"),import("@quasar/extras/material-symbols-rounded")]).then(([e,t])=>createIconSet("material-symbols-rounded",e,t)),"material-symbols-sharp":()=>Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"),import("@quasar/extras/material-symbols-sharp")]).then(([e,t])=>createIconSet("material-symbols-sharp",e,t)),"ionicons-v7":()=>Promise.all([import("@quasar/extras/ionicons-v7/icons.json"),import("@quasar/extras/ionicons-v7")]).then(([e,t])=>createIconSet("ionicons-v7",e,t)),"ionicons-v8":()=>Promise.all([import("@quasar/extras/ionicons-v8/icons.json"),import("@quasar/extras/ionicons-v8")]).then(([e,t])=>createIconSet("ionicons-v8",e,t)),"mdi-v6":()=>Promise.all([import("@quasar/extras/mdi-v6/icons.json"),import("@quasar/extras/mdi-v6")]).then(([e,t])=>createIconSet("mdi-v6",e,t)),"mdi-v7":()=>Promise.all([import("@quasar/extras/mdi-v7/icons.json"),import("@quasar/extras/mdi-v7")]).then(([e,t])=>createIconSet("mdi-v7",e,t)),"fontawesome-v6":()=>Promise.all([import("@quasar/extras/fontawesome-v6/icons.json"),import("@quasar/extras/fontawesome-v6")]).then(([e,t])=>createIconSet("fontawesome-v6",e,t)),"fontawesome-v7":()=>Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"),import("@quasar/extras/fontawesome-v7")]).then(([e,t])=>createIconSet("fontawesome-v7",e,t)),"line-awesome":()=>Promise.all([import("@quasar/extras/line-awesome/icons.json"),import("@quasar/extras/line-awesome")]).then(([e,t])=>createIconSet("line-awesome",e,t)),"eva-icons":()=>Promise.all([import("@quasar/extras/eva-icons/icons.json"),import("@quasar/extras/eva-icons")]).then(([e,t])=>createIconSet("eva-icons",e,t)),themify:()=>Promise.all([import("@quasar/extras/themify/icons.json"),import("@quasar/extras/themify")]).then(([e,t])=>createIconSet("themify",e,t)),"bootstrap-icons":()=>Promise.all([import("@quasar/extras/bootstrap-icons/icons.json"),import("@quasar/extras/bootstrap-icons")]).then(([e,t])=>createIconSet("bootstrap-icons",e,t))};function loadIconSet(e){return iconSetLoaders[e]()}const useIconPickerProps={modelValue:String,iconSet:{type:String,validator:e=>[...iconSetNames,""].includes(e),default:""},icons:Array,filter:String,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:()=>({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(o,a,n,e){function i(e){return e.page<1&&(e.page=1),(void 0===e.itemsPerPage||e.itemsPerPage<1)&&(e.itemsPerPage=0),e}function r(e,t){for(var o in t)if(t[o]!==e[o])return!1;return!0}const s=computed(()=>{return i({...o.innerPagination,...a.modelPagination})}),t=computed(()=>{return 0===s.value.itemsPerPage?1:Math.max(1,Math.ceil(e.value.length/s.value.itemsPerPage))});function c(e){const t=i({...s.value,...e});r(o.innerPagination,t)||(a.modelPagination&&n("update:model-pagination",t),o.innerPagination=t)}function l(){void 0!==a.modelPagination&&c({total:e.value.length,totalPages:t.value})}return{samePagination:r,computedPagination:s,setPagination:c,updatePagination:l,computedPagesNumber:t}}function useIconPickerIcons(n,o,t,a){let i=0;async function e(t){const e=++i;if(n.iconsList=[],t)if("undefined"!==typeof window&&window.QIconPicker){const o=t.replace(/-([a-z])/g,e=>e[1].toUpperCase());window.QIconPicker.iconSet&&window.QIconPicker.iconSet[o]?n.iconsList=window.QIconPicker.iconSet[o].icons:(console.error("QIconPicker: no icon set loaded called "+t),console.error("Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead."))}else if(iconSetNames.includes(t))try{const a=await loadIconSet(t);e===i&&(n.iconsList=a.icons)}catch(e){console.error("QIconPicker: failed to load icon set called "+t),console.error(e)}else console.error("QIconPicker: cannot find icon set called "+t)}const r=computed(()=>{let e=[];return n.iconsList&&(e=s.value,o.modelPagination)&&0!==o.modelPagination.itemsPerPage&&(e=e.slice(t.value,a.value)),e}),s=computed(()=>{let e=n.iconsList;if(e&&void 0!==o.filter&&""!==o.filter&&null!==o.filter){const t=o.filter.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t))}return e});return{loadIconSet:e,computedDisplayedIcons:r,computedFilteredIcons:s}}function exposeIconPickerApi(o,e,a,n,t,i,r,s){const c=()=>{const e=a.value.page;e>1&&(n({page:e-1}),o.direction=direction.PREV)},l=()=>{const{page:e,itemsPerPage:t}=a.value;i.value>0&&e*t<r.value.length&&(n({page:e+1}),o.direction=direction.NEXT)},m=()=>{n({page:s.value})},u=()=>{n({page:0})};e({prevPage:c,nextPage:l,lastPage:m,firstPage:u,isLastPage:computed(()=>{return 0===i.value||a.value.page>=s.value}),isFirstPage:computed(()=>{return 1===a.value.page})})}var QIconPicker_default=defineComponent({name:"QIconPicker",props:{...useIconPickerProps},emits:["update:model-value","update:model-pagination"],setup(l,{slots:m,emit:u,expose:e}){const d=ref(null),p=reactive({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},width:"100",height:"100",direction:""}),t=computed(()=>{const{page:e,itemsPerPage:t}=v.value;return(e-1)*t}),o=computed(()=>{const{page:e,itemsPerPage:t}=v.value;return e*t}),{loadIconSet:a,computedDisplayedIcons:g,computedFilteredIcons:n}=useIconPickerIcons(p,l,t,o),{samePagination:i,computedPagination:v,setPagination:P,updatePagination:r,computedPagesNumber:s}=useIconPickerPagination(p,l,u,n);return exposeIconPickerApi(p,e,v,P,t,o,n,s),onMounted(async()=>{l.iconSet?await a(l.iconSet):void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r()}),watch(()=>l.iconSet,async e=>{e&&(await a(e),r(),nextTick(()=>{P({page:1})}).catch(e=>console.error(e)),d.value)&&d.value.setScrollPosition("vertical",0)}),watch(()=>l.icons,()=>{void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r(),nextTick(()=>{P({page:1})}).catch(e=>console.error(e)),d.value&&d.value.setScrollPosition("vertical",0)}),watch(()=>l.filter,()=>{P({page:1,totalPages:s.value}),r()}),l.modelPagination&&watch(()=>l.modelPagination,(e,t)=>{i(t,e)||r()}),l.modelPagination&&(watch(()=>l.modelPagination.itemsPerPage,()=>{r()}),watch(()=>l.modelPagination.page,()=>{r()})),()=>{function e(){if(l.modelPagination&&0===l.modelPagination.itemsPerPage)return"";const{page:t,totalPages:e}=v.value;return m.pagination?m.pagination(v.value):h(QPagination,{class:"q-icon-picker__pagination",...l.paginationProps,modelValue:t,max:e,"onUpdate:modelValue":e=>{l.animated&&(e>t?p.direction=direction.NEXT:p.direction=direction.PREV),P({page:e})}})}function t(){if(!0!==l.noFooter&&void 0!==l.modelPagination)return h("div",{class:"q-icon-picker__footer flex flex-center"},[m.footer?m.footer(v.value):e()])}function s(e){if(!0===l.tooltips)return()=>h(QTooltip,{},()=>e)}function o(e){const t=void 0!==e.prefix?e.prefix+" "+e.name:e.name,o=void 0!==e.icon?e.icon:t;if(m.icon)return m.icon(t);const a=t===l.modelValue,n=a?l.selectedTextColor:void 0,i=a?l.selectedColor:void 0,r=l.size||void 0;return h(QBtn,{id:e.name,unelevated:!0,dense:l.dense,noWrap:!0,size:r,textColor:n,color:i,icon:o,onClick:()=>u("update:model-value",t)},s(t))}function a(){return g.value.map(e=>o(e))}function n(){const e=()=>h("div",{key:v.value.page,class:"q-icon-picker__container col"},[...a()]);if(!0!==l.animated)return e;{const t="q-transition--"+("prev"===p.direction?l.transitionPrev:l.transitionNext);return()=>h(Transition,{name:t,appear:!0},e)}}function i(){return h(QScrollArea,{ref:d,style:{width:p.width+"px",height:p.height+"px"}},n())}function r(){return h("div",{class:"q-icon-picker__body col column"},[i(),h(QResizeObserver,{onResize:e=>{p.width=e.width,p.height=e.height}})])}const c=["q-icon-picker","column"];return l.color&&c.push("bg-"+l.color),l.textColor&&c.push("text-"+l.textColor),h("div",{class:c.join(" ")},[r(),t()])}}});const version="3.0.0-beta.0";var vue_plugin_exports=__exportAll({QIconPicker:()=>QIconPicker_default,install:()=>install,version:()=>version});function install(e){e.component(String(QIconPicker_default.name),QIconPicker_default)}var index_esm_default=vue_plugin_exports;export{QIconPicker_default as QIconPicker,index_esm_default as default,install,version};
+import{Transition,computed,defineComponent,h,nextTick,onMounted,reactive,ref,watch}from"vue";import{QBtn,QPagination,QResizeObserver,QScrollArea,QTooltip}from"quasar";var __defProp=Object.defineProperty,__exportAll=(e,t)=>{let o={};for(var a in e)__defProp(o,a,{get:e[a],enumerable:!0});return t||__defProp(o,Symbol.toStringTag,{value:"Module"}),o};const iconSetNames=["material-icons","material-icons-outlined","material-icons-round","material-icons-sharp","material-symbols-outlined","material-symbols-rounded","material-symbols-sharp","ionicons-v8","mdi-v7","fontawesome-v7","eva-icons","themify","line-awesome","bootstrap-icons"];function pascalToKebab(e){return e.replace(/([A-Z]+)([A-Z][a-z])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function pascalToSnake(e){return pascalToKebab(e).replace(/-/g,"_")}function removePrefix(e,t){if(!1===e.startsWith(t))throw new Error(`Icon export ${e} does not start with expected prefix `+t);return e.slice(t.length)}function createSvgEntry(o,a=""){return(e,t)=>({name:""+a+pascalToKebab(removePrefix(e,o)),icon:t})}function createMaterialSvgEntry(o,a=""){return(e,t)=>({name:""+a+pascalToSnake(removePrefix(e,o)),icon:t})}function getIconNames(e){return Array.isArray(e)?e:e.default}function getIconExports(e){return Object.fromEntries(Object.entries(e).filter(e=>"string"===typeof e[1]))}function createIconSet(o,e,t){const a=getIconNames(e),n=new Set(a),i=getIconExports(t),r=iconSetConfigs[o];return{name:o,icons:a.map(e=>{const t=i[e];if("string"!==typeof t)throw new Error(`QIconPicker: ${o} is missing @quasar/extras export `+e);return r.createEntry(e,t,n)})}}const iconSetConfigs={"material-icons":{createEntry:createMaterialSvgEntry("mat")},"material-icons-outlined":{createEntry:createMaterialSvgEntry("outlined","o_")},"material-icons-round":{createEntry:createMaterialSvgEntry("round","r_")},"material-icons-sharp":{createEntry:createMaterialSvgEntry("sharp","s_")},"material-symbols-outlined":{createEntry:createMaterialSvgEntry("symOutlined","sym_o_")},"material-symbols-rounded":{createEntry:createMaterialSvgEntry("symRounded","sym_r_")},"material-symbols-sharp":{createEntry:createMaterialSvgEntry("symSharp","sym_s_")},"mdi-v7":{createEntry:createSvgEntry("mdi","mdi-")},"ionicons-v8":{createEntry:(e,t)=>({name:e,icon:t})},"fontawesome-v7":{createEntry:(e,t)=>({name:"fa-"+pascalToKebab(e.slice(3)),icon:t,prefix:e.slice(0,3)})},"line-awesome":{createEntry:(e,t,o)=>{const a=removePrefix(e,"la"),n=a.endsWith("Solid");return{name:"la-"+pascalToKebab(n?a.slice(0,-5):a),icon:t,prefix:n?"las":o.has(e+"Solid")?"lar":"lab"}}},"eva-icons":{createEntry:createSvgEntry("eva","eva-")},themify:{createEntry:createSvgEntry("ti","ti-")},"bootstrap-icons":{createEntry:createSvgEntry("bi","bi-")}},iconSetLoaders={"material-icons":()=>Promise.all([import("@quasar/extras/material-icons/icons.json"),import("@quasar/extras/material-icons")]).then(([e,t])=>createIconSet("material-icons",e,t)),"material-icons-outlined":()=>Promise.all([import("@quasar/extras/material-icons-outlined/icons.json"),import("@quasar/extras/material-icons-outlined")]).then(([e,t])=>createIconSet("material-icons-outlined",e,t)),"material-icons-round":()=>Promise.all([import("@quasar/extras/material-icons-round/icons.json"),import("@quasar/extras/material-icons-round")]).then(([e,t])=>createIconSet("material-icons-round",e,t)),"material-icons-sharp":()=>Promise.all([import("@quasar/extras/material-icons-sharp/icons.json"),import("@quasar/extras/material-icons-sharp")]).then(([e,t])=>createIconSet("material-icons-sharp",e,t)),"material-symbols-outlined":()=>Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"),import("@quasar/extras/material-symbols-outlined")]).then(([e,t])=>createIconSet("material-symbols-outlined",e,t)),"material-symbols-rounded":()=>Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"),import("@quasar/extras/material-symbols-rounded")]).then(([e,t])=>createIconSet("material-symbols-rounded",e,t)),"material-symbols-sharp":()=>Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"),import("@quasar/extras/material-symbols-sharp")]).then(([e,t])=>createIconSet("material-symbols-sharp",e,t)),"ionicons-v8":()=>Promise.all([import("@quasar/extras/ionicons-v8/icons.json"),import("@quasar/extras/ionicons-v8")]).then(([e,t])=>createIconSet("ionicons-v8",e,t)),"mdi-v7":()=>Promise.all([import("@quasar/extras/mdi-v7/icons.json"),import("@quasar/extras/mdi-v7")]).then(([e,t])=>createIconSet("mdi-v7",e,t)),"fontawesome-v7":()=>Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"),import("@quasar/extras/fontawesome-v7")]).then(([e,t])=>createIconSet("fontawesome-v7",e,t)),"line-awesome":()=>Promise.all([import("@quasar/extras/line-awesome/icons.json"),import("@quasar/extras/line-awesome")]).then(([e,t])=>createIconSet("line-awesome",e,t)),"eva-icons":()=>Promise.all([import("@quasar/extras/eva-icons/icons.json"),import("@quasar/extras/eva-icons")]).then(([e,t])=>createIconSet("eva-icons",e,t)),themify:()=>Promise.all([import("@quasar/extras/themify/icons.json"),import("@quasar/extras/themify")]).then(([e,t])=>createIconSet("themify",e,t)),"bootstrap-icons":()=>Promise.all([import("@quasar/extras/bootstrap-icons/icons.json"),import("@quasar/extras/bootstrap-icons")]).then(([e,t])=>createIconSet("bootstrap-icons",e,t))};function loadIconSet(e){return iconSetLoaders[e]()}const useIconPickerProps={modelValue:String,iconSet:{type:String,validator:e=>[...iconSetNames,""].includes(e),default:""},icons:Array,filter:String,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:()=>({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(o,a,n,e){function i(e){return e.page<1&&(e.page=1),(void 0===e.itemsPerPage||e.itemsPerPage<1)&&(e.itemsPerPage=0),e}function r(e,t){for(var o in t)if(t[o]!==e[o])return!1;return!0}const s=computed(()=>{return i({...o.innerPagination,...a.modelPagination})}),t=computed(()=>{return 0===s.value.itemsPerPage?1:Math.max(1,Math.ceil(e.value.length/s.value.itemsPerPage))});function c(e){const t=i({...s.value,...e});r(o.innerPagination,t)||(a.modelPagination&&n("update:model-pagination",t),o.innerPagination=t)}function l(){void 0!==a.modelPagination&&c({total:e.value.length,totalPages:t.value})}return{samePagination:r,computedPagination:s,setPagination:c,updatePagination:l,computedPagesNumber:t}}function useIconPickerIcons(n,o,t,a){let i=0;async function e(t){const e=++i;if(n.iconsList=[],t)if("undefined"!==typeof window&&window.QIconPicker){const o=t.replace(/-([a-z])/g,e=>e[1].toUpperCase());window.QIconPicker.iconSet&&window.QIconPicker.iconSet[o]?n.iconsList=window.QIconPicker.iconSet[o].icons:(console.error("QIconPicker: no icon set loaded called "+t),console.error("Built-in icon sets require ESM bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead."))}else if(iconSetNames.includes(t))try{const a=await loadIconSet(t);e===i&&(n.iconsList=a.icons)}catch(e){console.error("QIconPicker: failed to load icon set called "+t),console.error(e)}else console.error("QIconPicker: cannot find icon set called "+t)}const r=computed(()=>{let e=[];return n.iconsList&&(e=s.value,o.modelPagination)&&0!==o.modelPagination.itemsPerPage&&(e=e.slice(t.value,a.value)),e}),s=computed(()=>{let e=n.iconsList;if(e&&void 0!==o.filter&&""!==o.filter&&null!==o.filter){const t=o.filter.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t))}return e});return{loadIconSet:e,computedDisplayedIcons:r,computedFilteredIcons:s}}function exposeIconPickerApi(o,e,a,n,t,i,r,s){const c=()=>{const e=a.value.page;e>1&&(n({page:e-1}),o.direction=direction.PREV)},l=()=>{const{page:e,itemsPerPage:t}=a.value;i.value>0&&e*t<r.value.length&&(n({page:e+1}),o.direction=direction.NEXT)},m=()=>{n({page:s.value})},u=()=>{n({page:0})};e({prevPage:c,nextPage:l,lastPage:m,firstPage:u,isLastPage:computed(()=>{return 0===i.value||a.value.page>=s.value}),isFirstPage:computed(()=>{return 1===a.value.page})})}var QIconPicker_default=defineComponent({name:"QIconPicker",props:{...useIconPickerProps},emits:["update:model-value","update:model-pagination"],setup(l,{slots:m,emit:u,expose:e}){const d=ref(null),p=reactive({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},width:"100",height:"100",direction:""}),t=computed(()=>{const{page:e,itemsPerPage:t}=P.value;return(e-1)*t}),o=computed(()=>{const{page:e,itemsPerPage:t}=P.value;return e*t}),{loadIconSet:a,computedDisplayedIcons:g,computedFilteredIcons:n}=useIconPickerIcons(p,l,t,o),{samePagination:i,computedPagination:P,setPagination:v,updatePagination:r,computedPagesNumber:s}=useIconPickerPagination(p,l,u,n);return exposeIconPickerApi(p,e,P,v,t,o,n,s),onMounted(async()=>{l.iconSet?await a(l.iconSet):void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r()}),watch(()=>l.iconSet,async e=>{e&&(await a(e),r(),nextTick(()=>{v({page:1})}).catch(e=>console.error(e)),d.value)&&d.value.setScrollPosition("vertical",0)}),watch(()=>l.icons,()=>{void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r(),nextTick(()=>{v({page:1})}).catch(e=>console.error(e)),d.value&&d.value.setScrollPosition("vertical",0)}),watch(()=>l.filter,()=>{v({page:1,totalPages:s.value}),r()}),l.modelPagination&&watch(()=>l.modelPagination,(e,t)=>{i(t,e)||r()}),l.modelPagination&&(watch(()=>l.modelPagination.itemsPerPage,()=>{r()}),watch(()=>l.modelPagination.page,()=>{r()})),()=>{function e(){if(l.modelPagination&&0===l.modelPagination.itemsPerPage)return"";const{page:t,totalPages:e}=P.value;return m.pagination?m.pagination(P.value):h(QPagination,{class:"q-icon-picker__pagination",...l.paginationProps,modelValue:t,max:e,"onUpdate:modelValue":e=>{l.animated&&(e>t?p.direction=direction.NEXT:p.direction=direction.PREV),v({page:e})}})}function t(){if(!0!==l.noFooter&&void 0!==l.modelPagination)return h("div",{class:"q-icon-picker__footer flex flex-center"},[m.footer?m.footer(P.value):e()])}function s(e){if(!0===l.tooltips)return()=>h(QTooltip,{},()=>e)}function o(e){const t=void 0!==e.prefix?e.prefix+" "+e.name:e.name,o=void 0!==e.icon?e.icon:t;if(m.icon)return m.icon(t);const a=t===l.modelValue,n=a?l.selectedTextColor:void 0,i=a?l.selectedColor:void 0,r=l.size||void 0;return h(QBtn,{id:e.name,unelevated:!0,dense:l.dense,noWrap:!0,size:r,textColor:n,color:i,icon:o,onClick:()=>u("update:model-value",t)},s(t))}function a(){return g.value.map(e=>o(e))}function n(){const e=()=>h("div",{key:P.value.page,class:"q-icon-picker__container col"},[...a()]);if(!0!==l.animated)return e;{const t="q-transition--"+("prev"===p.direction?l.transitionPrev:l.transitionNext);return()=>h(Transition,{name:t,appear:!0},e)}}function i(){return h(QScrollArea,{ref:d,style:{width:p.width+"px",height:p.height+"px"}},n())}function r(){return h("div",{class:"q-icon-picker__body col column"},[i(),h(QResizeObserver,{onResize:e=>{p.width=e.width,p.height=e.height}})])}const c=["q-icon-picker","column"];return l.color&&c.push("bg-"+l.color),l.textColor&&c.push("text-"+l.textColor),h("div",{class:c.join(" ")},[r(),t()])}}});const version="3.0.0-beta.2";var vue_plugin_exports=__exportAll({QIconPicker:()=>QIconPicker_default,install:()=>install,version:()=>version});function install(e){e.component(String(QIconPicker_default.name),QIconPicker_default)}var index_esm_default=vue_plugin_exports;export{QIconPicker_default as QIconPicker,index_esm_default as default,install,version};

package/dist/index.min.css

@@ -1,5 +1,5 @@
 /*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+ * @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
  * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
  * Released under the MIT License.
  */.q-icon-picker{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.q-icon-picker__body{position:relative}.q-icon-picker__body,.q-icon-picker__scroll-area{overflow:hidden;flex:1 1 auto;width:100%}.q-icon-picker__container{display:flex;flex:1 1 auto;flex-wrap:wrap;flex-direction:row;justify-content:center;width:100%}.q-icon-picker__footer,.q-icon-picker__header{width:100%}

package/dist/index.rtl.css

@@ -1,5 +1,5 @@
 /*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+ * @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
  * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
  * Released under the MIT License.
  */

package/dist/index.rtl.min.css

@@ -1,5 +1,5 @@
 /*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+ * @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
  * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
  * Released under the MIT License.
  */.q-icon-picker{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.q-icon-picker__body{position:relative}.q-icon-picker__body,.q-icon-picker__scroll-area{overflow:hidden;flex:1 1 auto;width:100%}.q-icon-picker__container{display:flex;flex:1 1 auto;flex-wrap:wrap;flex-direction:row;justify-content:center;width:100%}.q-icon-picker__footer,.q-icon-picker__header{width:100%}

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+* @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
 * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
 * Released under the MIT License.
 */
@@ -20,11 +20,8 @@
 		"material-symbols-outlined",
 		"material-symbols-rounded",
 		"material-symbols-sharp",
-		"ionicons-v7",
 		"ionicons-v8",
-		"mdi-v6",
 		"mdi-v7",
-		"fontawesome-v6",
 		"fontawesome-v7",
 		"eva-icons",
 		"themify",
@@ -81,21 +78,11 @@
 		"material-symbols-outlined": { createEntry: createMaterialSvgEntry("symOutlined", "sym_o_") },
 		"material-symbols-rounded": { createEntry: createMaterialSvgEntry("symRounded", "sym_r_") },
 		"material-symbols-sharp": { createEntry: createMaterialSvgEntry("symSharp", "sym_s_") },
-		"mdi-v6": { createEntry: createSvgEntry("mdi", "mdi-") },
 		"mdi-v7": { createEntry: createSvgEntry("mdi", "mdi-") },
-		"ionicons-v7": { createEntry: (iconName, icon) => ({
-			name: iconName,
-			icon
-		}) },
 		"ionicons-v8": { createEntry: (iconName, icon) => ({
 			name: iconName,
 			icon
 		}) },
-		"fontawesome-v6": { createEntry: (iconName, icon) => ({
-			name: `fa-${pascalToKebab(iconName.slice(3))}`,
-			icon,
-			prefix: iconName.slice(0, 3)
-		}) },
 		"fontawesome-v7": { createEntry: (iconName, icon) => ({
 			name: `fa-${pascalToKebab(iconName.slice(3))}`,
 			icon,
@@ -122,11 +109,8 @@
 		"material-symbols-outlined": () => Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"), import("@quasar/extras/material-symbols-outlined")]).then(([icons, extras]) => createIconSet("material-symbols-outlined", icons, extras)),
 		"material-symbols-rounded": () => Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"), import("@quasar/extras/material-symbols-rounded")]).then(([icons, extras]) => createIconSet("material-symbols-rounded", icons, extras)),
 		"material-symbols-sharp": () => Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"), import("@quasar/extras/material-symbols-sharp")]).then(([icons, extras]) => createIconSet("material-symbols-sharp", icons, extras)),
-		"ionicons-v7": () => Promise.all([import("@quasar/extras/ionicons-v7/icons.json"), import("@quasar/extras/ionicons-v7")]).then(([icons, extras]) => createIconSet("ionicons-v7", icons, extras)),
 		"ionicons-v8": () => Promise.all([import("@quasar/extras/ionicons-v8/icons.json"), import("@quasar/extras/ionicons-v8")]).then(([icons, extras]) => createIconSet("ionicons-v8", icons, extras)),
-		"mdi-v6": () => Promise.all([import("@quasar/extras/mdi-v6/icons.json"), import("@quasar/extras/mdi-v6")]).then(([icons, extras]) => createIconSet("mdi-v6", icons, extras)),
 		"mdi-v7": () => Promise.all([import("@quasar/extras/mdi-v7/icons.json"), import("@quasar/extras/mdi-v7")]).then(([icons, extras]) => createIconSet("mdi-v7", icons, extras)),
-		"fontawesome-v6": () => Promise.all([import("@quasar/extras/fontawesome-v6/icons.json"), import("@quasar/extras/fontawesome-v6")]).then(([icons, extras]) => createIconSet("fontawesome-v6", icons, extras)),
 		"fontawesome-v7": () => Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"), import("@quasar/extras/fontawesome-v7")]).then(([icons, extras]) => createIconSet("fontawesome-v7", icons, extras)),
 		"line-awesome": () => Promise.all([import("@quasar/extras/line-awesome/icons.json"), import("@quasar/extras/line-awesome")]).then(([icons, extras]) => createIconSet("line-awesome", icons, extras)),
 		"eva-icons": () => Promise.all([import("@quasar/extras/eva-icons/icons.json"), import("@quasar/extras/eva-icons")]).then(([icons, extras]) => createIconSet("eva-icons", icons, extras)),
@@ -248,7 +232,7 @@
 				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("Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.");
+					console.error("Built-in icon sets require ESM bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.");
 				}
 			} else if (iconSetNames.includes(iconSet)) try {
 				const loadedIconSet = await loadIconSet(iconSet);
@@ -472,7 +456,7 @@
 	});
 	//#endregion
 	//#region src/version.ts
-	const version = "3.0.0-beta.0";
+	const version = "3.0.0-beta.2";
 	//#endregion
 	//#region src/vue-plugin.ts
 	function install(app) {

package/dist/index.umd.min.js

@@ -1,6 +1,6 @@
 /*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
+ * @quasar/quasar-ui-qiconpicker v3.0.0-beta.2
  * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
  * Released under the MIT License.
  */
-(function(e,o){"object"===typeof exports&&"undefined"!==typeof module?o(exports,require("vue"),require("quasar")):"function"===typeof define&&define.amd?define(["exports","vue","quasar"],o):(e="undefined"!==typeof globalThis?globalThis:e||self,o(e.QIconPicker={},e.Vue,e.Quasar))})(this,function(e,P,h){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const c=["material-icons","material-icons-outlined","material-icons-round","material-icons-sharp","material-symbols-outlined","material-symbols-rounded","material-symbols-sharp","ionicons-v7","ionicons-v8","mdi-v6","mdi-v7","fontawesome-v6","fontawesome-v7","eva-icons","themify","line-awesome","bootstrap-icons"];function a(e){return e.replace(/([A-Z]+)([A-Z][a-z])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function n(e){return a(e).replace(/-/g,"_")}function r(e,o){if(!1===e.startsWith(o))throw new Error(`Icon export ${e} does not start with expected prefix `+o);return e.slice(o.length)}function o(t,i=""){return(e,o)=>({name:""+i+a(r(e,t)),icon:o})}function t(t,i=""){return(e,o)=>({name:""+i+n(r(e,t)),icon:o})}function s(e){return Array.isArray(e)?e:e.default}function l(e){return Object.fromEntries(Object.entries(e).filter(e=>"string"===typeof e[1]))}function i(t,e,o){const i=s(e),n=new Set(i),a=l(o),r=m[t];return{name:t,icons:i.map(e=>{const o=a[e];if("string"!==typeof o)throw new Error(`QIconPicker: ${t} is missing @quasar/extras export `+e);return r.createEntry(e,o,n)})}}const m={"material-icons":{createEntry:t("mat")},"material-icons-outlined":{createEntry:t("outlined","o_")},"material-icons-round":{createEntry:t("round","r_")},"material-icons-sharp":{createEntry:t("sharp","s_")},"material-symbols-outlined":{createEntry:t("symOutlined","sym_o_")},"material-symbols-rounded":{createEntry:t("symRounded","sym_r_")},"material-symbols-sharp":{createEntry:t("symSharp","sym_s_")},"mdi-v6":{createEntry:o("mdi","mdi-")},"mdi-v7":{createEntry:o("mdi","mdi-")},"ionicons-v7":{createEntry:(e,o)=>({name:e,icon:o})},"ionicons-v8":{createEntry:(e,o)=>({name:e,icon:o})},"fontawesome-v6":{createEntry:(e,o)=>({name:"fa-"+a(e.slice(3)),icon:o,prefix:e.slice(0,3)})},"fontawesome-v7":{createEntry:(e,o)=>({name:"fa-"+a(e.slice(3)),icon:o,prefix:e.slice(0,3)})},"line-awesome":{createEntry:(e,o,t)=>{const i=r(e,"la"),n=i.endsWith("Solid");return{name:"la-"+a(n?i.slice(0,-5):i),icon:o,prefix:n?"las":t.has(e+"Solid")?"lar":"lab"}}},"eva-icons":{createEntry:o("eva","eva-")},themify:{createEntry:o("ti","ti-")},"bootstrap-icons":{createEntry:o("bi","bi-")}},u={"material-icons":()=>Promise.all([import("@quasar/extras/material-icons/icons.json"),import("@quasar/extras/material-icons")]).then(([e,o])=>i("material-icons",e,o)),"material-icons-outlined":()=>Promise.all([import("@quasar/extras/material-icons-outlined/icons.json"),import("@quasar/extras/material-icons-outlined")]).then(([e,o])=>i("material-icons-outlined",e,o)),"material-icons-round":()=>Promise.all([import("@quasar/extras/material-icons-round/icons.json"),import("@quasar/extras/material-icons-round")]).then(([e,o])=>i("material-icons-round",e,o)),"material-icons-sharp":()=>Promise.all([import("@quasar/extras/material-icons-sharp/icons.json"),import("@quasar/extras/material-icons-sharp")]).then(([e,o])=>i("material-icons-sharp",e,o)),"material-symbols-outlined":()=>Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"),import("@quasar/extras/material-symbols-outlined")]).then(([e,o])=>i("material-symbols-outlined",e,o)),"material-symbols-rounded":()=>Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"),import("@quasar/extras/material-symbols-rounded")]).then(([e,o])=>i("material-symbols-rounded",e,o)),"material-symbols-sharp":()=>Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"),import("@quasar/extras/material-symbols-sharp")]).then(([e,o])=>i("material-symbols-sharp",e,o)),"ionicons-v7":()=>Promise.all([import("@quasar/extras/ionicons-v7/icons.json"),import("@quasar/extras/ionicons-v7")]).then(([e,o])=>i("ionicons-v7",e,o)),"ionicons-v8":()=>Promise.all([import("@quasar/extras/ionicons-v8/icons.json"),import("@quasar/extras/ionicons-v8")]).then(([e,o])=>i("ionicons-v8",e,o)),"mdi-v6":()=>Promise.all([import("@quasar/extras/mdi-v6/icons.json"),import("@quasar/extras/mdi-v6")]).then(([e,o])=>i("mdi-v6",e,o)),"mdi-v7":()=>Promise.all([import("@quasar/extras/mdi-v7/icons.json"),import("@quasar/extras/mdi-v7")]).then(([e,o])=>i("mdi-v7",e,o)),"fontawesome-v6":()=>Promise.all([import("@quasar/extras/fontawesome-v6/icons.json"),import("@quasar/extras/fontawesome-v6")]).then(([e,o])=>i("fontawesome-v6",e,o)),"fontawesome-v7":()=>Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"),import("@quasar/extras/fontawesome-v7")]).then(([e,o])=>i("fontawesome-v7",e,o)),"line-awesome":()=>Promise.all([import("@quasar/extras/line-awesome/icons.json"),import("@quasar/extras/line-awesome")]).then(([e,o])=>i("line-awesome",e,o)),"eva-icons":()=>Promise.all([import("@quasar/extras/eva-icons/icons.json"),import("@quasar/extras/eva-icons")]).then(([e,o])=>i("eva-icons",e,o)),themify:()=>Promise.all([import("@quasar/extras/themify/icons.json"),import("@quasar/extras/themify")]).then(([e,o])=>i("themify",e,o)),"bootstrap-icons":()=>Promise.all([import("@quasar/extras/bootstrap-icons/icons.json"),import("@quasar/extras/bootstrap-icons")]).then(([e,o])=>i("bootstrap-icons",e,o))};function d(e){return u[e]()}const p={modelValue:String,iconSet:{type:String,validator:e=>[...c,""].includes(e),default:""},icons:Array,filter:String,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:()=>({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 x(t,i,n,e){function a(e){return e.page<1&&(e.page=1),(void 0===e.itemsPerPage||e.itemsPerPage<1)&&(e.itemsPerPage=0),e}function r(e,o){for(var t in o)if(o[t]!==e[t])return!1;return!0}const s=(0,P.computed)(()=>{return a({...t.innerPagination,...i.modelPagination})}),o=(0,P.computed)(()=>{return 0===s.value.itemsPerPage?1:Math.max(1,Math.ceil(e.value.length/s.value.itemsPerPage))});function c(e){const o=a({...s.value,...e});r(t.innerPagination,o)||(i.modelPagination&&n("update:model-pagination",o),t.innerPagination=o)}function l(){void 0!==i.modelPagination&&c({total:e.value.length,totalPages:o.value})}return{samePagination:r,computedPagination:s,setPagination:c,updatePagination:l,computedPagesNumber:o}}function w(n,t,o,i){let a=0;async function e(o){const e=++a;if(n.iconsList=[],o)if("undefined"!==typeof window&&window.QIconPicker){const t=o.replace(/-([a-z])/g,e=>e[1].toUpperCase());window.QIconPicker.iconSet&&window.QIconPicker.iconSet[t]?n.iconsList=window.QIconPicker.iconSet[t].icons:(console.error("QIconPicker: no icon set loaded called "+o),console.error("Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead."))}else if(c.includes(o))try{const i=await d(o);e===a&&(n.iconsList=i.icons)}catch(e){console.error("QIconPicker: failed to load icon set called "+o),console.error(e)}else console.error("QIconPicker: cannot find icon set called "+o)}const r=(0,P.computed)(()=>{let e=[];return n.iconsList&&(e=s.value,t.modelPagination)&&0!==t.modelPagination.itemsPerPage&&(e=e.slice(o.value,i.value)),e}),s=(0,P.computed)(()=>{let e=n.iconsList;if(e&&void 0!==t.filter&&""!==t.filter&&null!==t.filter){const o=t.filter.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(o))}return e});return{loadIconSet:e,computedDisplayedIcons:r,computedFilteredIcons:s}}function q(t,e,i,n,o,a,r,s){const c=()=>{const e=i.value.page;e>1&&(n({page:e-1}),t.direction=y.PREV)},l=()=>{const{page:e,itemsPerPage:o}=i.value;a.value>0&&e*o<r.value.length&&(n({page:e+1}),t.direction=y.NEXT)},m=()=>{n({page:s.value})},u=()=>{n({page:0})};e({prevPage:c,nextPage:l,lastPage:m,firstPage:u,isLastPage:(0,P.computed)(()=>{return 0===a.value||i.value.page>=s.value}),isFirstPage:(0,P.computed)(()=>{return 1===i.value.page})})}var g=(0,P.defineComponent)({name:"QIconPicker",props:{...p},emits:["update:model-value","update:model-pagination"],setup(l,{slots:m,emit:u,expose:e}){const d=(0,P.ref)(null),p=(0,P.reactive)({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},width:"100",height:"100",direction:""}),o=(0,P.computed)(()=>{const{page:e,itemsPerPage:o}=f.value;return(e-1)*o}),t=(0,P.computed)(()=>{const{page:e,itemsPerPage:o}=f.value;return e*o}),{loadIconSet:i,computedDisplayedIcons:g,computedFilteredIcons:n}=w(p,l,o,t),{samePagination:a,computedPagination:f,setPagination:v,updatePagination:r,computedPagesNumber:s}=x(p,l,u,n);return q(p,e,f,v,o,t,n,s),(0,P.onMounted)(async()=>{l.iconSet?await i(l.iconSet):void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r()}),(0,P.watch)(()=>l.iconSet,async e=>{e&&(await i(e),r(),(0,P.nextTick)(()=>{v({page:1})}).catch(e=>console.error(e)),d.value)&&d.value.setScrollPosition("vertical",0)}),(0,P.watch)(()=>l.icons,()=>{void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r(),(0,P.nextTick)(()=>{v({page:1})}).catch(e=>console.error(e)),d.value&&d.value.setScrollPosition("vertical",0)}),(0,P.watch)(()=>l.filter,()=>{v({page:1,totalPages:s.value}),r()}),l.modelPagination&&(0,P.watch)(()=>l.modelPagination,(e,o)=>{a(o,e)||r()}),l.modelPagination&&((0,P.watch)(()=>l.modelPagination.itemsPerPage,()=>{r()}),(0,P.watch)(()=>l.modelPagination.page,()=>{r()})),()=>{function e(){if(l.modelPagination&&0===l.modelPagination.itemsPerPage)return"";const{page:o,totalPages:e}=f.value;return m.pagination?m.pagination(f.value):(0,P.h)(h.QPagination,{class:"q-icon-picker__pagination",...l.paginationProps,modelValue:o,max:e,"onUpdate:modelValue":e=>{l.animated&&(e>o?p.direction=y.NEXT:p.direction=y.PREV),v({page:e})}})}function o(){if(!0!==l.noFooter&&void 0!==l.modelPagination)return(0,P.h)("div",{class:"q-icon-picker__footer flex flex-center"},[m.footer?m.footer(f.value):e()])}function s(e){if(!0===l.tooltips)return()=>(0,P.h)(h.QTooltip,{},()=>e)}function t(e){const o=void 0!==e.prefix?e.prefix+" "+e.name:e.name,t=void 0!==e.icon?e.icon:o;if(m.icon)return m.icon(o);const i=o===l.modelValue,n=i?l.selectedTextColor:void 0,a=i?l.selectedColor:void 0,r=l.size||void 0;return(0,P.h)(h.QBtn,{id:e.name,unelevated:!0,dense:l.dense,noWrap:!0,size:r,textColor:n,color:a,icon:t,onClick:()=>u("update:model-value",o)},s(o))}function i(){return g.value.map(e=>t(e))}function n(){const e=()=>(0,P.h)("div",{key:f.value.page,class:"q-icon-picker__container col"},[...i()]);if(!0!==l.animated)return e;{const o="q-transition--"+("prev"===p.direction?l.transitionPrev:l.transitionNext);return()=>(0,P.h)(P.Transition,{name:o,appear:!0},e)}}function a(){return(0,P.h)(h.QScrollArea,{ref:d,style:{width:p.width+"px",height:p.height+"px"}},n())}function r(){return(0,P.h)("div",{class:"q-icon-picker__body col column"},[a(),(0,P.h)(h.QResizeObserver,{onResize:e=>{p.width=e.width,p.height=e.height}})])}const c=["q-icon-picker","column"];return l.color&&c.push("bg-"+l.color),l.textColor&&c.push("text-"+l.textColor),(0,P.h)("div",{class:c.join(" ")},[r(),o()])}}});const f="3.0.0-beta.0";function v(e){e.component(String(g.name),g)}e.QIconPicker=g,e.install=v,e.version=f});
+(function(e,t){"object"===typeof exports&&"undefined"!==typeof module?t(exports,require("vue"),require("quasar")):"function"===typeof define&&define.amd?define(["exports","vue","quasar"],t):(e="undefined"!==typeof globalThis?globalThis:e||self,t(e.QIconPicker={},e.Vue,e.Quasar))})(this,function(e,h,v){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const l=["material-icons","material-icons-outlined","material-icons-round","material-icons-sharp","material-symbols-outlined","material-symbols-rounded","material-symbols-sharp","ionicons-v8","mdi-v7","fontawesome-v7","eva-icons","themify","line-awesome","bootstrap-icons"];function a(e){return e.replace(/([A-Z]+)([A-Z][a-z])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function n(e){return a(e).replace(/-/g,"_")}function r(e,t){if(!1===e.startsWith(t))throw new Error(`Icon export ${e} does not start with expected prefix `+t);return e.slice(t.length)}function t(o,i=""){return(e,t)=>({name:""+i+a(r(e,o)),icon:t})}function o(o,i=""){return(e,t)=>({name:""+i+n(r(e,o)),icon:t})}function s(e){return Array.isArray(e)?e:e.default}function c(e){return Object.fromEntries(Object.entries(e).filter(e=>"string"===typeof e[1]))}function i(o,e,t){const i=s(e),n=new Set(i),a=c(t),r=u[o];return{name:o,icons:i.map(e=>{const t=a[e];if("string"!==typeof t)throw new Error(`QIconPicker: ${o} is missing @quasar/extras export `+e);return r.createEntry(e,t,n)})}}const u={"material-icons":{createEntry:o("mat")},"material-icons-outlined":{createEntry:o("outlined","o_")},"material-icons-round":{createEntry:o("round","r_")},"material-icons-sharp":{createEntry:o("sharp","s_")},"material-symbols-outlined":{createEntry:o("symOutlined","sym_o_")},"material-symbols-rounded":{createEntry:o("symRounded","sym_r_")},"material-symbols-sharp":{createEntry:o("symSharp","sym_s_")},"mdi-v7":{createEntry:t("mdi","mdi-")},"ionicons-v8":{createEntry:(e,t)=>({name:e,icon:t})},"fontawesome-v7":{createEntry:(e,t)=>({name:"fa-"+a(e.slice(3)),icon:t,prefix:e.slice(0,3)})},"line-awesome":{createEntry:(e,t,o)=>{const i=r(e,"la"),n=i.endsWith("Solid");return{name:"la-"+a(n?i.slice(0,-5):i),icon:t,prefix:n?"las":o.has(e+"Solid")?"lar":"lab"}}},"eva-icons":{createEntry:t("eva","eva-")},themify:{createEntry:t("ti","ti-")},"bootstrap-icons":{createEntry:t("bi","bi-")}},m={"material-icons":()=>Promise.all([import("@quasar/extras/material-icons/icons.json"),import("@quasar/extras/material-icons")]).then(([e,t])=>i("material-icons",e,t)),"material-icons-outlined":()=>Promise.all([import("@quasar/extras/material-icons-outlined/icons.json"),import("@quasar/extras/material-icons-outlined")]).then(([e,t])=>i("material-icons-outlined",e,t)),"material-icons-round":()=>Promise.all([import("@quasar/extras/material-icons-round/icons.json"),import("@quasar/extras/material-icons-round")]).then(([e,t])=>i("material-icons-round",e,t)),"material-icons-sharp":()=>Promise.all([import("@quasar/extras/material-icons-sharp/icons.json"),import("@quasar/extras/material-icons-sharp")]).then(([e,t])=>i("material-icons-sharp",e,t)),"material-symbols-outlined":()=>Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"),import("@quasar/extras/material-symbols-outlined")]).then(([e,t])=>i("material-symbols-outlined",e,t)),"material-symbols-rounded":()=>Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"),import("@quasar/extras/material-symbols-rounded")]).then(([e,t])=>i("material-symbols-rounded",e,t)),"material-symbols-sharp":()=>Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"),import("@quasar/extras/material-symbols-sharp")]).then(([e,t])=>i("material-symbols-sharp",e,t)),"ionicons-v8":()=>Promise.all([import("@quasar/extras/ionicons-v8/icons.json"),import("@quasar/extras/ionicons-v8")]).then(([e,t])=>i("ionicons-v8",e,t)),"mdi-v7":()=>Promise.all([import("@quasar/extras/mdi-v7/icons.json"),import("@quasar/extras/mdi-v7")]).then(([e,t])=>i("mdi-v7",e,t)),"fontawesome-v7":()=>Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"),import("@quasar/extras/fontawesome-v7")]).then(([e,t])=>i("fontawesome-v7",e,t)),"line-awesome":()=>Promise.all([import("@quasar/extras/line-awesome/icons.json"),import("@quasar/extras/line-awesome")]).then(([e,t])=>i("line-awesome",e,t)),"eva-icons":()=>Promise.all([import("@quasar/extras/eva-icons/icons.json"),import("@quasar/extras/eva-icons")]).then(([e,t])=>i("eva-icons",e,t)),themify:()=>Promise.all([import("@quasar/extras/themify/icons.json"),import("@quasar/extras/themify")]).then(([e,t])=>i("themify",e,t)),"bootstrap-icons":()=>Promise.all([import("@quasar/extras/bootstrap-icons/icons.json"),import("@quasar/extras/bootstrap-icons")]).then(([e,t])=>i("bootstrap-icons",e,t))};function d(e){return m[e]()}const p={modelValue:String,iconSet:{type:String,validator:e=>[...l,""].includes(e),default:""},icons:Array,filter:String,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:()=>({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 x(o,i,n,e){function a(e){return e.page<1&&(e.page=1),(void 0===e.itemsPerPage||e.itemsPerPage<1)&&(e.itemsPerPage=0),e}function r(e,t){for(var o in t)if(t[o]!==e[o])return!1;return!0}const s=(0,h.computed)(()=>{return a({...o.innerPagination,...i.modelPagination})}),t=(0,h.computed)(()=>{return 0===s.value.itemsPerPage?1:Math.max(1,Math.ceil(e.value.length/s.value.itemsPerPage))});function l(e){const t=a({...s.value,...e});r(o.innerPagination,t)||(i.modelPagination&&n("update:model-pagination",t),o.innerPagination=t)}function c(){void 0!==i.modelPagination&&l({total:e.value.length,totalPages:t.value})}return{samePagination:r,computedPagination:s,setPagination:l,updatePagination:c,computedPagesNumber:t}}function w(n,o,t,i){let a=0;async function e(t){const e=++a;if(n.iconsList=[],t)if("undefined"!==typeof window&&window.QIconPicker){const o=t.replace(/-([a-z])/g,e=>e[1].toUpperCase());window.QIconPicker.iconSet&&window.QIconPicker.iconSet[o]?n.iconsList=window.QIconPicker.iconSet[o].icons:(console.error("QIconPicker: no icon set loaded called "+t),console.error("Built-in icon sets require ESM bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead."))}else if(l.includes(t))try{const i=await d(t);e===a&&(n.iconsList=i.icons)}catch(e){console.error("QIconPicker: failed to load icon set called "+t),console.error(e)}else console.error("QIconPicker: cannot find icon set called "+t)}const r=(0,h.computed)(()=>{let e=[];return n.iconsList&&(e=s.value,o.modelPagination)&&0!==o.modelPagination.itemsPerPage&&(e=e.slice(t.value,i.value)),e}),s=(0,h.computed)(()=>{let e=n.iconsList;if(e&&void 0!==o.filter&&""!==o.filter&&null!==o.filter){const t=o.filter.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t))}return e});return{loadIconSet:e,computedDisplayedIcons:r,computedFilteredIcons:s}}function b(o,e,i,n,t,a,r,s){const l=()=>{const e=i.value.page;e>1&&(n({page:e-1}),o.direction=y.PREV)},c=()=>{const{page:e,itemsPerPage:t}=i.value;a.value>0&&e*t<r.value.length&&(n({page:e+1}),o.direction=y.NEXT)},u=()=>{n({page:s.value})},m=()=>{n({page:0})};e({prevPage:l,nextPage:c,lastPage:u,firstPage:m,isLastPage:(0,h.computed)(()=>{return 0===a.value||i.value.page>=s.value}),isFirstPage:(0,h.computed)(()=>{return 1===i.value.page})})}var g=(0,h.defineComponent)({name:"QIconPicker",props:{...p},emits:["update:model-value","update:model-pagination"],setup(c,{slots:u,emit:m,expose:e}){const d=(0,h.ref)(null),p=(0,h.reactive)({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},width:"100",height:"100",direction:""}),t=(0,h.computed)(()=>{const{page:e,itemsPerPage:t}=f.value;return(e-1)*t}),o=(0,h.computed)(()=>{const{page:e,itemsPerPage:t}=f.value;return e*t}),{loadIconSet:i,computedDisplayedIcons:g,computedFilteredIcons:n}=w(p,c,t,o),{samePagination:a,computedPagination:f,setPagination:P,updatePagination:r,computedPagesNumber:s}=x(p,c,m,n);return b(p,e,f,P,t,o,n,s),(0,h.onMounted)(async()=>{c.iconSet?await i(c.iconSet):void 0!==c.icons&&c.icons.length>0&&(p.iconsList=c.icons),r()}),(0,h.watch)(()=>c.iconSet,async e=>{e&&(await i(e),r(),(0,h.nextTick)(()=>{P({page:1})}).catch(e=>console.error(e)),d.value)&&d.value.setScrollPosition("vertical",0)}),(0,h.watch)(()=>c.icons,()=>{void 0!==c.icons&&c.icons.length>0&&(p.iconsList=c.icons),r(),(0,h.nextTick)(()=>{P({page:1})}).catch(e=>console.error(e)),d.value&&d.value.setScrollPosition("vertical",0)}),(0,h.watch)(()=>c.filter,()=>{P({page:1,totalPages:s.value}),r()}),c.modelPagination&&(0,h.watch)(()=>c.modelPagination,(e,t)=>{a(t,e)||r()}),c.modelPagination&&((0,h.watch)(()=>c.modelPagination.itemsPerPage,()=>{r()}),(0,h.watch)(()=>c.modelPagination.page,()=>{r()})),()=>{function e(){if(c.modelPagination&&0===c.modelPagination.itemsPerPage)return"";const{page:t,totalPages:e}=f.value;return u.pagination?u.pagination(f.value):(0,h.h)(v.QPagination,{class:"q-icon-picker__pagination",...c.paginationProps,modelValue:t,max:e,"onUpdate:modelValue":e=>{c.animated&&(e>t?p.direction=y.NEXT:p.direction=y.PREV),P({page:e})}})}function t(){if(!0!==c.noFooter&&void 0!==c.modelPagination)return(0,h.h)("div",{class:"q-icon-picker__footer flex flex-center"},[u.footer?u.footer(f.value):e()])}function s(e){if(!0===c.tooltips)return()=>(0,h.h)(v.QTooltip,{},()=>e)}function o(e){const t=void 0!==e.prefix?e.prefix+" "+e.name:e.name,o=void 0!==e.icon?e.icon:t;if(u.icon)return u.icon(t);const i=t===c.modelValue,n=i?c.selectedTextColor:void 0,a=i?c.selectedColor:void 0,r=c.size||void 0;return(0,h.h)(v.QBtn,{id:e.name,unelevated:!0,dense:c.dense,noWrap:!0,size:r,textColor:n,color:a,icon:o,onClick:()=>m("update:model-value",t)},s(t))}function i(){return g.value.map(e=>o(e))}function n(){const e=()=>(0,h.h)("div",{key:f.value.page,class:"q-icon-picker__container col"},[...i()]);if(!0!==c.animated)return e;{const t="q-transition--"+("prev"===p.direction?c.transitionPrev:c.transitionNext);return()=>(0,h.h)(h.Transition,{name:t,appear:!0},e)}}function a(){return(0,h.h)(v.QScrollArea,{ref:d,style:{width:p.width+"px",height:p.height+"px"}},n())}function r(){return(0,h.h)("div",{class:"q-icon-picker__body col column"},[a(),(0,h.h)(v.QResizeObserver,{onResize:e=>{p.width=e.width,p.height=e.height}})])}const l=["q-icon-picker","column"];return c.color&&l.push("bg-"+c.color),c.textColor&&l.push("text-"+c.textColor),(0,h.h)("div",{class:l.join(" ")},[r(),t()])}}});const f="3.0.0-beta.2";function P(e){e.component(String(g.name),g)}e.QIconPicker=g,e.install=P,e.version=f});

package/dist/types/index.d.ts

@@ -8,7 +8,7 @@ export interface QIconPicker extends ComponentPublicInstance {
     /**
      * The name of a [Quasar Icon Set](https://quasar.dev/options/quasar-icon-sets). Built-in sets are lazy loaded from `@quasar/extras`.
      */
-    iconSet? : "material-icons" | "material-icons-outlined" | "material-icons-round" | "material-icons-sharp" | "material-symbols-outlined" | "material-symbols-rounded" | "material-symbols-sharp" | "ionicons-v7" | "ionicons-v8" | "mdi-v6" | "mdi-v7" | "fontawesome-v6" | "fontawesome-v7" | "line-awesome" | "eva-icons" | "themify" | "bootstrap-icons"
+    iconSet? : "material-icons" | "material-icons-outlined" | "material-icons-round" | "material-icons-sharp" | "material-symbols-outlined" | "material-symbols-rounded" | "material-symbols-sharp" | "ionicons-v8" | "mdi-v7" | "fontawesome-v7" | "line-awesome" | "eva-icons" | "themify" | "bootstrap-icons"
     /**
      * An array of objects containing icon information. The object must contain the key `name` with the value being the selected icon name. Use the optional `icon` key for SVG path data used for display, for example `{ name: 'bolt', icon: matBolt }`.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quasar/quasar-ui-qiconpicker",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "description": "QIconPicker - Quasar component",
   "keywords": [
     "icon",
@@ -32,7 +32,8 @@
     "dist",
     "src"
   ],
-  "main": "dist/index.cjs.js",
+  "type": "module",
+  "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
   "typings": "dist/types/index.d.ts",
@@ -42,7 +43,7 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js"
+      "default": "./dist/index.esm.js"
     },
     "./index.min.css": {
       "default": "./dist/index.min.css"
@@ -65,7 +66,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@quasar/extras": "1.18.0",
+    "@quasar/extras": "2.0.0",
     "@types/node": "^25.9.1",
     "@types/rtlcss": "^3.5.4",
     "@types/uglify-js": "^3.17.5",
@@ -78,17 +79,17 @@
     "postcss": "^8.5.15",
     "quasar": "^2.19.3",
     "rimraf": "^6.1.3",
-    "rolldown": "^1.0.2",
+    "rolldown": "^1.0.3",
     "rtlcss": "^4.3.0",
-    "sass-embedded": "^1.99.0",
+    "sass-embedded": "^1.100.0",
     "table": "^6.9.0",
-    "tsx": "^4.22.3",
-    "typescript": "~5.9.3",
+    "tsx": "^4.22.4",
+    "typescript": "~6.0.3",
     "uglify-js": "^3.19.3",
-    "vue": "^3.5.34"
+    "vue": "^3.5.35"
   },
   "peerDependencies": {
-    "@quasar/extras": ">=1.18.0"
+    "@quasar/extras": ">=2.0.0"
   },
   "browserslist": [
     "last 4 Chrome versions",
@@ -102,7 +103,7 @@
   ],
   "engines": {
     "node": ">=22.13",
-    "pnpm": ">=11.1.0"
+    "pnpm": ">=11.5.0"
   },
   "vetur": {
     "tags": "dist/vetur/tags.json",
@@ -116,7 +117,7 @@
     "build:css": "tsx build/script.css.ts",
     "build:api": "tsx build/build.api.ts",
     "build:app-ext": "tsx build/script.app-ext.ts",
-    "typecheck": "pnpm build:api && tsc -p test-d/tsconfig.json --noEmit --pretty false",
+    "typecheck": "pnpm build:api && tsc -p tsconfig.json --noEmit --pretty false && tsc -p test-d/tsconfig.json --noEmit --pretty false",
     "test:types": "pnpm build && pnpm typecheck",
     "release": "pnpm publish --tag beta"
   }

package/src/components/QIconPicker.json

@@ -1,6 +1,6 @@
 {
   "meta": {
-    "docsUrl": "https://quasarframework.github.io/quasar-ui-qiconpicker/docs"
+    "docsUrl": "https://qiconpicker.netlify.app/developing/using-qiconpicker"
   },
   "props": {
     "model-value": {
@@ -22,11 +22,8 @@
         "material-symbols-outlined",
         "material-symbols-rounded",
         "material-symbols-sharp",
-        "ionicons-v7",
         "ionicons-v8",
-        "mdi-v6",
         "mdi-v7",
-        "fontawesome-v6",
         "fontawesome-v7",
         "line-awesome",
         "eva-icons",

package/src/components/QIconPicker.ts

@@ -160,7 +160,7 @@ function useIconPickerIcons(data, props, computedFirstItemIndex, computedLastIte
         } else {
           console.error(`QIconPicker: no icon set loaded called ${iconSet}`)
           console.error(
-            'Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.',
+            'Built-in icon sets require ESM bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.',
           )
         }
       } else {

package/src/components/icon-set-loader.ts

@@ -23,11 +23,8 @@ export const iconSetNames = [
   'material-symbols-outlined',
   'material-symbols-rounded',
   'material-symbols-sharp',
-  'ionicons-v7',
   'ionicons-v8',
-  'mdi-v6',
   'mdi-v7',
-  'fontawesome-v6',
   'fontawesome-v7',
   'eva-icons',
   'themify',
@@ -128,25 +125,12 @@ const iconSetConfigs: Record<IconSetName, IconSetConfig> = {
   'material-symbols-sharp': {
     createEntry: createMaterialSvgEntry('symSharp', 'sym_s_'),
   },
-  'mdi-v6': {
-    createEntry: createSvgEntry('mdi', 'mdi-'),
-  },
   'mdi-v7': {
     createEntry: createSvgEntry('mdi', 'mdi-'),
   },
-  'ionicons-v7': {
-    createEntry: (iconName, icon) => ({ name: iconName, icon }),
-  },
   'ionicons-v8': {
     createEntry: (iconName, icon) => ({ name: iconName, icon }),
   },
-  'fontawesome-v6': {
-    createEntry: (iconName, icon) => ({
-      name: `fa-${pascalToKebab(iconName.slice(3))}`,
-      icon,
-      prefix: iconName.slice(0, 3),
-    }),
-  },
   'fontawesome-v7': {
     createEntry: (iconName, icon) => ({
       name: `fa-${pascalToKebab(iconName.slice(3))}`,
@@ -214,29 +198,15 @@ const iconSetLoaders: Record<IconSetName, () => Promise<IconSet>> = {
       import('@quasar/extras/material-symbols-sharp/icons.json'),
       import('@quasar/extras/material-symbols-sharp'),
     ]).then(([icons, extras]) => createIconSet('material-symbols-sharp', icons, extras)),
-  'ionicons-v7': () =>
-    Promise.all([
-      import('@quasar/extras/ionicons-v7/icons.json'),
-      import('@quasar/extras/ionicons-v7'),
-    ]).then(([icons, extras]) => createIconSet('ionicons-v7', icons, extras)),
   'ionicons-v8': () =>
     Promise.all([
       import('@quasar/extras/ionicons-v8/icons.json'),
       import('@quasar/extras/ionicons-v8'),
     ]).then(([icons, extras]) => createIconSet('ionicons-v8', icons, extras)),
-  'mdi-v6': () =>
-    Promise.all([import('@quasar/extras/mdi-v6/icons.json'), import('@quasar/extras/mdi-v6')]).then(
-      ([icons, extras]) => createIconSet('mdi-v6', icons, extras),
-    ),
   'mdi-v7': () =>
     Promise.all([import('@quasar/extras/mdi-v7/icons.json'), import('@quasar/extras/mdi-v7')]).then(
       ([icons, extras]) => createIconSet('mdi-v7', icons, extras),
     ),
-  'fontawesome-v6': () =>
-    Promise.all([
-      import('@quasar/extras/fontawesome-v6/icons.json'),
-      import('@quasar/extras/fontawesome-v6'),
-    ]).then(([icons, extras]) => createIconSet('fontawesome-v6', icons, extras)),
   'fontawesome-v7': () =>
     Promise.all([
       import('@quasar/extras/fontawesome-v7/icons.json'),

package/src/version.ts

@@ -1 +1 @@
-export const version = '3.0.0-beta.0'
+export const version = '3.0.0-beta.2'

package/dist/index.cjs.js

@@ -1,479 +0,0 @@
-/*!
-* @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
-* (c) 2026 Jeff Galbraith <jeff@quasar.dev>
-* Released under the MIT License.
-*/
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let vue = require("vue");
-let quasar = require("quasar");
-//#region src/components/icon-set-loader.ts
-const iconSetNames = [
-	"material-icons",
-	"material-icons-outlined",
-	"material-icons-round",
-	"material-icons-sharp",
-	"material-symbols-outlined",
-	"material-symbols-rounded",
-	"material-symbols-sharp",
-	"ionicons-v7",
-	"ionicons-v8",
-	"mdi-v6",
-	"mdi-v7",
-	"fontawesome-v6",
-	"fontawesome-v7",
-	"eva-icons",
-	"themify",
-	"line-awesome",
-	"bootstrap-icons"
-];
-function pascalToKebab(value) {
-	return value.replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function pascalToSnake(value) {
-	return pascalToKebab(value).replace(/-/g, "_");
-}
-function removePrefix(value, prefix) {
-	if (value.startsWith(prefix) === false) throw new Error(`Icon export ${value} does not start with expected prefix ${prefix}`);
-	return value.slice(prefix.length);
-}
-function createSvgEntry(prefix, namePrefix = "") {
-	return (iconName, icon) => ({
-		name: `${namePrefix}${pascalToKebab(removePrefix(iconName, prefix))}`,
-		icon
-	});
-}
-function createMaterialSvgEntry(prefix, namePrefix = "") {
-	return (iconName, icon) => ({
-		name: `${namePrefix}${pascalToSnake(removePrefix(iconName, prefix))}`,
-		icon
-	});
-}
-function getIconNames(module) {
-	return Array.isArray(module) ? module : module.default;
-}
-function getIconExports(module) {
-	return Object.fromEntries(Object.entries(module).filter((entry) => typeof entry[1] === "string"));
-}
-function createIconSet(name, iconNamesModule, extrasModule) {
-	const iconNames = getIconNames(iconNamesModule);
-	const iconNamesSet = new Set(iconNames);
-	const extras = getIconExports(extrasModule);
-	const config = iconSetConfigs[name];
-	return {
-		name,
-		icons: iconNames.map((iconName) => {
-			const icon = extras[iconName];
-			if (typeof icon !== "string") throw new Error(`QIconPicker: ${name} is missing @quasar/extras export ${iconName}`);
-			return config.createEntry(iconName, icon, iconNamesSet);
-		})
-	};
-}
-const iconSetConfigs = {
-	"material-icons": { createEntry: createMaterialSvgEntry("mat") },
-	"material-icons-outlined": { createEntry: createMaterialSvgEntry("outlined", "o_") },
-	"material-icons-round": { createEntry: createMaterialSvgEntry("round", "r_") },
-	"material-icons-sharp": { createEntry: createMaterialSvgEntry("sharp", "s_") },
-	"material-symbols-outlined": { createEntry: createMaterialSvgEntry("symOutlined", "sym_o_") },
-	"material-symbols-rounded": { createEntry: createMaterialSvgEntry("symRounded", "sym_r_") },
-	"material-symbols-sharp": { createEntry: createMaterialSvgEntry("symSharp", "sym_s_") },
-	"mdi-v6": { createEntry: createSvgEntry("mdi", "mdi-") },
-	"mdi-v7": { createEntry: createSvgEntry("mdi", "mdi-") },
-	"ionicons-v7": { createEntry: (iconName, icon) => ({
-		name: iconName,
-		icon
-	}) },
-	"ionicons-v8": { createEntry: (iconName, icon) => ({
-		name: iconName,
-		icon
-	}) },
-	"fontawesome-v6": { createEntry: (iconName, icon) => ({
-		name: `fa-${pascalToKebab(iconName.slice(3))}`,
-		icon,
-		prefix: iconName.slice(0, 3)
-	}) },
-	"fontawesome-v7": { createEntry: (iconName, icon) => ({
-		name: `fa-${pascalToKebab(iconName.slice(3))}`,
-		icon,
-		prefix: iconName.slice(0, 3)
-	}) },
-	"line-awesome": { createEntry: (iconName, icon, iconNames) => {
-		const rawName = removePrefix(iconName, "la");
-		const isSolid = rawName.endsWith("Solid");
-		return {
-			name: `la-${pascalToKebab(isSolid ? rawName.slice(0, -5) : rawName)}`,
-			icon,
-			prefix: isSolid ? "las" : iconNames.has(`${iconName}Solid`) ? "lar" : "lab"
-		};
-	} },
-	"eva-icons": { createEntry: createSvgEntry("eva", "eva-") },
-	themify: { createEntry: createSvgEntry("ti", "ti-") },
-	"bootstrap-icons": { createEntry: createSvgEntry("bi", "bi-") }
-};
-const iconSetLoaders = {
-	"material-icons": () => Promise.all([import("@quasar/extras/material-icons/icons.json"), import("@quasar/extras/material-icons")]).then(([icons, extras]) => createIconSet("material-icons", icons, extras)),
-	"material-icons-outlined": () => Promise.all([import("@quasar/extras/material-icons-outlined/icons.json"), import("@quasar/extras/material-icons-outlined")]).then(([icons, extras]) => createIconSet("material-icons-outlined", icons, extras)),
-	"material-icons-round": () => Promise.all([import("@quasar/extras/material-icons-round/icons.json"), import("@quasar/extras/material-icons-round")]).then(([icons, extras]) => createIconSet("material-icons-round", icons, extras)),
-	"material-icons-sharp": () => Promise.all([import("@quasar/extras/material-icons-sharp/icons.json"), import("@quasar/extras/material-icons-sharp")]).then(([icons, extras]) => createIconSet("material-icons-sharp", icons, extras)),
-	"material-symbols-outlined": () => Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"), import("@quasar/extras/material-symbols-outlined")]).then(([icons, extras]) => createIconSet("material-symbols-outlined", icons, extras)),
-	"material-symbols-rounded": () => Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"), import("@quasar/extras/material-symbols-rounded")]).then(([icons, extras]) => createIconSet("material-symbols-rounded", icons, extras)),
-	"material-symbols-sharp": () => Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"), import("@quasar/extras/material-symbols-sharp")]).then(([icons, extras]) => createIconSet("material-symbols-sharp", icons, extras)),
-	"ionicons-v7": () => Promise.all([import("@quasar/extras/ionicons-v7/icons.json"), import("@quasar/extras/ionicons-v7")]).then(([icons, extras]) => createIconSet("ionicons-v7", icons, extras)),
-	"ionicons-v8": () => Promise.all([import("@quasar/extras/ionicons-v8/icons.json"), import("@quasar/extras/ionicons-v8")]).then(([icons, extras]) => createIconSet("ionicons-v8", icons, extras)),
-	"mdi-v6": () => Promise.all([import("@quasar/extras/mdi-v6/icons.json"), import("@quasar/extras/mdi-v6")]).then(([icons, extras]) => createIconSet("mdi-v6", icons, extras)),
-	"mdi-v7": () => Promise.all([import("@quasar/extras/mdi-v7/icons.json"), import("@quasar/extras/mdi-v7")]).then(([icons, extras]) => createIconSet("mdi-v7", icons, extras)),
-	"fontawesome-v6": () => Promise.all([import("@quasar/extras/fontawesome-v6/icons.json"), import("@quasar/extras/fontawesome-v6")]).then(([icons, extras]) => createIconSet("fontawesome-v6", icons, extras)),
-	"fontawesome-v7": () => Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"), import("@quasar/extras/fontawesome-v7")]).then(([icons, extras]) => createIconSet("fontawesome-v7", icons, extras)),
-	"line-awesome": () => Promise.all([import("@quasar/extras/line-awesome/icons.json"), import("@quasar/extras/line-awesome")]).then(([icons, extras]) => createIconSet("line-awesome", icons, extras)),
-	"eva-icons": () => Promise.all([import("@quasar/extras/eva-icons/icons.json"), import("@quasar/extras/eva-icons")]).then(([icons, extras]) => createIconSet("eva-icons", icons, extras)),
-	themify: () => Promise.all([import("@quasar/extras/themify/icons.json"), import("@quasar/extras/themify")]).then(([icons, extras]) => createIconSet("themify", icons, extras)),
-	"bootstrap-icons": () => Promise.all([import("@quasar/extras/bootstrap-icons/icons.json"), import("@quasar/extras/bootstrap-icons")]).then(([icons, extras]) => createIconSet("bootstrap-icons", icons, extras))
-};
-function loadIconSet(name) {
-	return iconSetLoaders[name]();
-}
-//#endregion
-//#region src/components/QIconPicker.ts
-/**
-* QIconPicker Properties
-*/
-const useIconPickerProps = {
-	modelValue: String,
-	iconSet: {
-		type: String,
-		validator: (v) => [...iconSetNames, ""].includes(v),
-		default: ""
-	},
-	icons: Array,
-	filter: String,
-	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: () => ({
-			maxPages: 5,
-			input: true
-		})
-	},
-	modelPagination: Object,
-	animated: Boolean,
-	transitionPrev: {
-		type: String,
-		default: "slide-right"
-	},
-	transitionNext: {
-		type: String,
-		default: "slide-left"
-	}
-};
-const 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;
-		return p;
-	}
-	function samePagination(oldPag, newPag) {
-		for (const prop in newPag) if (newPag[prop] !== oldPag[prop]) return false;
-		return true;
-	}
-	const computedPagination = (0, vue.computed)(() => {
-		return fixPagination({
-			...data.innerPagination,
-			...props.modelPagination
-		});
-	});
-	const computedPagesNumber = (0, vue.computed)(() => {
-		return computedPagination.value.itemsPerPage === 0 ? 1 : Math.max(1, Math.ceil(computedFilteredIcons.value.length / computedPagination.value.itemsPerPage));
-	});
-	function setPagination(val) {
-		const newPagination = fixPagination({
-			...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,
-		computedPagination,
-		setPagination,
-		updatePagination,
-		computedPagesNumber
-	};
-}
-/**
-* Icons
-*/
-function useIconPickerIcons(data, props, computedFirstItemIndex, computedLastItemIndex) {
-	let iconSetLoadId = 0;
-	async function loadIconSet$1(iconSet) {
-		const loadId = ++iconSetLoadId;
-		data.iconsList = [];
-		if (iconSet) if (typeof window !== "undefined" && window.QIconPicker) {
-			const name = iconSet.replace(/-([a-z])/g, (g) => 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("Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead.");
-			}
-		} else if (iconSetNames.includes(iconSet)) try {
-			const loadedIconSet = await loadIconSet(iconSet);
-			if (loadId === iconSetLoadId) data.iconsList = loadedIconSet.icons;
-		} catch (err) {
-			console.error(`QIconPicker: failed to load icon set called ${iconSet}`);
-			console.error(err);
-		}
-		else console.error(`QIconPicker: cannot find icon set called ${iconSet}`);
-	}
-	const computedDisplayedIcons = (0, vue.computed)(() => {
-		let icons = [];
-		if (data.iconsList) {
-			icons = computedFilteredIcons.value;
-			if (props.modelPagination && props.modelPagination.itemsPerPage !== 0) icons = icons.slice(computedFirstItemIndex.value, computedLastItemIndex.value);
-		}
-		return icons;
-	});
-	const computedFilteredIcons = (0, vue.computed)(() => {
-		let icons = data.iconsList;
-		if (icons) {
-			if (props.filter !== void 0 && props.filter !== "" && props.filter !== null) {
-				const filter = props.filter.toLowerCase();
-				icons = icons.filter((icon) => icon.name.toLowerCase().includes(filter));
-			}
-		}
-		return icons;
-	});
-	return {
-		loadIconSet: loadIconSet$1,
-		computedDisplayedIcons,
-		computedFilteredIcons
-	};
-}
-/**
-* Exposes api functions
-*/
-function exposeIconPickerApi(data, expose, computedPagination, setPagination, computedFirstItemIndex, computedLastItemIndex, computedFilteredIcons, computedPagesNumber) {
-	const prevPage = () => {
-		const { page } = computedPagination.value;
-		if (page > 1) {
-			setPagination({ page: page - 1 });
-			data.direction = direction.PREV;
-		}
-	};
-	const nextPage = () => {
-		const { page, itemsPerPage } = computedPagination.value;
-		if (computedLastItemIndex.value > 0 && page * itemsPerPage < computedFilteredIcons.value.length) {
-			setPagination({ page: page + 1 });
-			data.direction = direction.NEXT;
-		}
-	};
-	const lastPage = () => {
-		setPagination({ page: computedPagesNumber.value });
-	};
-	const firstPage = () => {
-		setPagination({ page: 0 });
-	};
-	expose({
-		prevPage,
-		nextPage,
-		lastPage,
-		firstPage,
-		isLastPage: (0, vue.computed)(() => {
-			return computedLastItemIndex.value === 0 ? true : computedPagination.value.page >= computedPagesNumber.value;
-		}),
-		isFirstPage: (0, vue.computed)(() => {
-			return computedPagination.value.page === 1;
-		})
-	});
-}
-var QIconPicker_default = (0, vue.defineComponent)({
-	name: "QIconPicker",
-	props: { ...useIconPickerProps },
-	emits: ["update:model-value", "update:model-pagination"],
-	setup(props, { slots, emit, expose }) {
-		const scrollAreaRef = (0, vue.ref)(null);
-		const data = (0, vue.reactive)({
-			iconsList: [],
-			innerPagination: {
-				page: 1,
-				itemsPerPage: 0,
-				totalPages: 0
-			},
-			width: "100",
-			height: "100",
-			direction: ""
-		});
-		const computedFirstItemIndex = (0, vue.computed)(() => {
-			const { page, itemsPerPage } = computedPagination.value;
-			return (page - 1) * itemsPerPage;
-		});
-		const computedLastItemIndex = (0, vue.computed)(() => {
-			const { page, itemsPerPage } = computedPagination.value;
-			return page * itemsPerPage;
-		});
-		const { loadIconSet, computedDisplayedIcons, computedFilteredIcons } = useIconPickerIcons(data, props, computedFirstItemIndex, computedLastItemIndex);
-		const { samePagination, computedPagination, setPagination, updatePagination, computedPagesNumber } = useIconPickerPagination(data, props, emit, computedFilteredIcons);
-		exposeIconPickerApi(data, expose, computedPagination, setPagination, computedFirstItemIndex, computedLastItemIndex, computedFilteredIcons, computedPagesNumber);
-		(0, vue.onMounted)(async () => {
-			if (props.iconSet) await loadIconSet(props.iconSet);
-			else if (props.icons !== void 0 && props.icons.length > 0) data.iconsList = props.icons;
-			updatePagination();
-		});
-		(0, vue.watch)(() => props.iconSet, async (val) => {
-			if (val) {
-				await loadIconSet(val);
-				updatePagination();
-				(0, vue.nextTick)(() => {
-					setPagination({ page: 1 });
-				}).catch((e) => console.error(e));
-				if (scrollAreaRef.value) scrollAreaRef.value.setScrollPosition("vertical", 0);
-			}
-		});
-		(0, vue.watch)(() => props.icons, () => {
-			if (props.icons !== void 0 && props.icons.length > 0) data.iconsList = props.icons;
-			updatePagination();
-			(0, vue.nextTick)(() => {
-				setPagination({ page: 1 });
-			}).catch((e) => console.error(e));
-			if (scrollAreaRef.value) scrollAreaRef.value.setScrollPosition("vertical", 0);
-		});
-		(0, vue.watch)(() => props.filter, () => {
-			setPagination({
-				page: 1,
-				totalPages: computedPagesNumber.value
-			});
-			updatePagination();
-		});
-		if (props.modelPagination) (0, vue.watch)(() => props.modelPagination, (newVal, oldVal) => {
-			if (!samePagination(oldVal, newVal)) updatePagination();
-		});
-		if (props.modelPagination) {
-			(0, vue.watch)(() => props.modelPagination.itemsPerPage, () => {
-				updatePagination();
-			});
-			(0, vue.watch)(() => props.modelPagination.page, () => {
-				updatePagination();
-			});
-		}
-		return () => {
-			function renderPagination() {
-				if (props.modelPagination && props.modelPagination.itemsPerPage === 0) return "";
-				const { page, totalPages } = computedPagination.value;
-				return slots.pagination ? slots.pagination(computedPagination.value) : (0, vue.h)(quasar.QPagination, {
-					class: "q-icon-picker__pagination",
-					...props.paginationProps,
-					modelValue: page,
-					max: totalPages,
-					"onUpdate:modelValue": (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) return (0, vue.h)("div", { class: "q-icon-picker__footer flex flex-center" }, [slots.footer ? slots.footer(computedPagination.value) : renderPagination()]);
-			}
-			function renderTooltip(name) {
-				if (props.tooltips === true) return () => (0, vue.h)(quasar.QTooltip, {}, () => name);
-			}
-			function renderIcon(icon) {
-				const iconValue = icon.prefix !== void 0 ? icon.prefix + " " + icon.name : icon.name;
-				const displayValue = icon.icon !== void 0 ? icon.icon : iconValue;
-				if (slots.icon) return slots.icon(iconValue);
-				const isSelected = iconValue === props.modelValue;
-				const textColor = isSelected ? props.selectedTextColor : void 0;
-				const color = isSelected ? props.selectedColor : void 0;
-				const size = props.size ? props.size : void 0;
-				return (0, vue.h)(quasar.QBtn, {
-					id: icon.name,
-					unelevated: true,
-					dense: props.dense,
-					noWrap: true,
-					size,
-					textColor,
-					color,
-					icon: displayValue,
-					onClick: () => emit("update:model-value", iconValue)
-				}, renderTooltip(iconValue));
-			}
-			function renderIcons() {
-				return computedDisplayedIcons.value.map((icon) => renderIcon(icon));
-			}
-			function renderContainer() {
-				const container = () => (0, vue.h)("div", {
-					key: computedPagination.value.page,
-					class: "q-icon-picker__container col"
-				}, [...renderIcons()]);
-				if (props.animated === true) {
-					const transition = "q-transition--" + (data.direction === "prev" ? props.transitionPrev : props.transitionNext);
-					return () => (0, vue.h)(vue.Transition, {
-						name: transition,
-						appear: true
-					}, container);
-				}
-				return container;
-			}
-			function renderScrollArea() {
-				return (0, vue.h)(quasar.QScrollArea, {
-					ref: scrollAreaRef,
-					style: {
-						width: data.width + "px",
-						height: data.height + "px"
-					}
-				}, renderContainer());
-			}
-			function renderBody() {
-				return (0, vue.h)("div", { class: "q-icon-picker__body col column" }, [renderScrollArea(), (0, vue.h)(quasar.QResizeObserver, { onResize: (size) => {
-					data.width = size.width;
-					data.height = size.height;
-				} })]);
-			}
-			const classes = ["q-icon-picker", "column"];
-			if (props.color) classes.push("bg-" + props.color);
-			if (props.textColor) classes.push("text-" + props.textColor);
-			return (0, vue.h)("div", { class: classes.join(" ") }, [renderBody(), renderFooter()]);
-		};
-	}
-});
-//#endregion
-//#region src/version.ts
-const version = "3.0.0-beta.0";
-//#endregion
-//#region src/vue-plugin.ts
-function install(app) {
-	app.component(String(QIconPicker_default.name), QIconPicker_default);
-}
-//#endregion
-exports.QIconPicker = QIconPicker_default;
-exports.install = install;
-exports.version = version;

package/dist/index.cjs.min.js

@@ -1,6 +0,0 @@
-/*!
- * @quasar/quasar-ui-qiconpicker v3.0.0-beta.0
- * (c) 2026 Jeff Galbraith <jeff@quasar.dev>
- * Released under the MIT License.
- */
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let vue=require("vue"),quasar=require("quasar");const iconSetNames=["material-icons","material-icons-outlined","material-icons-round","material-icons-sharp","material-symbols-outlined","material-symbols-rounded","material-symbols-sharp","ionicons-v7","ionicons-v8","mdi-v6","mdi-v7","fontawesome-v6","fontawesome-v7","eva-icons","themify","line-awesome","bootstrap-icons"];function pascalToKebab(e){return e.replace(/([A-Z]+)([A-Z][a-z])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function pascalToSnake(e){return pascalToKebab(e).replace(/-/g,"_")}function removePrefix(e,t){if(!1===e.startsWith(t))throw new Error(`Icon export ${e} does not start with expected prefix `+t);return e.slice(t.length)}function createSvgEntry(o,a=""){return(e,t)=>({name:""+a+pascalToKebab(removePrefix(e,o)),icon:t})}function createMaterialSvgEntry(o,a=""){return(e,t)=>({name:""+a+pascalToSnake(removePrefix(e,o)),icon:t})}function getIconNames(e){return Array.isArray(e)?e:e.default}function getIconExports(e){return Object.fromEntries(Object.entries(e).filter(e=>"string"===typeof e[1]))}function createIconSet(o,e,t){const a=getIconNames(e),n=new Set(a),i=getIconExports(t),r=iconSetConfigs[o];return{name:o,icons:a.map(e=>{const t=i[e];if("string"!==typeof t)throw new Error(`QIconPicker: ${o} is missing @quasar/extras export `+e);return r.createEntry(e,t,n)})}}const iconSetConfigs={"material-icons":{createEntry:createMaterialSvgEntry("mat")},"material-icons-outlined":{createEntry:createMaterialSvgEntry("outlined","o_")},"material-icons-round":{createEntry:createMaterialSvgEntry("round","r_")},"material-icons-sharp":{createEntry:createMaterialSvgEntry("sharp","s_")},"material-symbols-outlined":{createEntry:createMaterialSvgEntry("symOutlined","sym_o_")},"material-symbols-rounded":{createEntry:createMaterialSvgEntry("symRounded","sym_r_")},"material-symbols-sharp":{createEntry:createMaterialSvgEntry("symSharp","sym_s_")},"mdi-v6":{createEntry:createSvgEntry("mdi","mdi-")},"mdi-v7":{createEntry:createSvgEntry("mdi","mdi-")},"ionicons-v7":{createEntry:(e,t)=>({name:e,icon:t})},"ionicons-v8":{createEntry:(e,t)=>({name:e,icon:t})},"fontawesome-v6":{createEntry:(e,t)=>({name:"fa-"+pascalToKebab(e.slice(3)),icon:t,prefix:e.slice(0,3)})},"fontawesome-v7":{createEntry:(e,t)=>({name:"fa-"+pascalToKebab(e.slice(3)),icon:t,prefix:e.slice(0,3)})},"line-awesome":{createEntry:(e,t,o)=>{const a=removePrefix(e,"la"),n=a.endsWith("Solid");return{name:"la-"+pascalToKebab(n?a.slice(0,-5):a),icon:t,prefix:n?"las":o.has(e+"Solid")?"lar":"lab"}}},"eva-icons":{createEntry:createSvgEntry("eva","eva-")},themify:{createEntry:createSvgEntry("ti","ti-")},"bootstrap-icons":{createEntry:createSvgEntry("bi","bi-")}},iconSetLoaders={"material-icons":()=>Promise.all([import("@quasar/extras/material-icons/icons.json"),import("@quasar/extras/material-icons")]).then(([e,t])=>createIconSet("material-icons",e,t)),"material-icons-outlined":()=>Promise.all([import("@quasar/extras/material-icons-outlined/icons.json"),import("@quasar/extras/material-icons-outlined")]).then(([e,t])=>createIconSet("material-icons-outlined",e,t)),"material-icons-round":()=>Promise.all([import("@quasar/extras/material-icons-round/icons.json"),import("@quasar/extras/material-icons-round")]).then(([e,t])=>createIconSet("material-icons-round",e,t)),"material-icons-sharp":()=>Promise.all([import("@quasar/extras/material-icons-sharp/icons.json"),import("@quasar/extras/material-icons-sharp")]).then(([e,t])=>createIconSet("material-icons-sharp",e,t)),"material-symbols-outlined":()=>Promise.all([import("@quasar/extras/material-symbols-outlined/icons.json"),import("@quasar/extras/material-symbols-outlined")]).then(([e,t])=>createIconSet("material-symbols-outlined",e,t)),"material-symbols-rounded":()=>Promise.all([import("@quasar/extras/material-symbols-rounded/icons.json"),import("@quasar/extras/material-symbols-rounded")]).then(([e,t])=>createIconSet("material-symbols-rounded",e,t)),"material-symbols-sharp":()=>Promise.all([import("@quasar/extras/material-symbols-sharp/icons.json"),import("@quasar/extras/material-symbols-sharp")]).then(([e,t])=>createIconSet("material-symbols-sharp",e,t)),"ionicons-v7":()=>Promise.all([import("@quasar/extras/ionicons-v7/icons.json"),import("@quasar/extras/ionicons-v7")]).then(([e,t])=>createIconSet("ionicons-v7",e,t)),"ionicons-v8":()=>Promise.all([import("@quasar/extras/ionicons-v8/icons.json"),import("@quasar/extras/ionicons-v8")]).then(([e,t])=>createIconSet("ionicons-v8",e,t)),"mdi-v6":()=>Promise.all([import("@quasar/extras/mdi-v6/icons.json"),import("@quasar/extras/mdi-v6")]).then(([e,t])=>createIconSet("mdi-v6",e,t)),"mdi-v7":()=>Promise.all([import("@quasar/extras/mdi-v7/icons.json"),import("@quasar/extras/mdi-v7")]).then(([e,t])=>createIconSet("mdi-v7",e,t)),"fontawesome-v6":()=>Promise.all([import("@quasar/extras/fontawesome-v6/icons.json"),import("@quasar/extras/fontawesome-v6")]).then(([e,t])=>createIconSet("fontawesome-v6",e,t)),"fontawesome-v7":()=>Promise.all([import("@quasar/extras/fontawesome-v7/icons.json"),import("@quasar/extras/fontawesome-v7")]).then(([e,t])=>createIconSet("fontawesome-v7",e,t)),"line-awesome":()=>Promise.all([import("@quasar/extras/line-awesome/icons.json"),import("@quasar/extras/line-awesome")]).then(([e,t])=>createIconSet("line-awesome",e,t)),"eva-icons":()=>Promise.all([import("@quasar/extras/eva-icons/icons.json"),import("@quasar/extras/eva-icons")]).then(([e,t])=>createIconSet("eva-icons",e,t)),themify:()=>Promise.all([import("@quasar/extras/themify/icons.json"),import("@quasar/extras/themify")]).then(([e,t])=>createIconSet("themify",e,t)),"bootstrap-icons":()=>Promise.all([import("@quasar/extras/bootstrap-icons/icons.json"),import("@quasar/extras/bootstrap-icons")]).then(([e,t])=>createIconSet("bootstrap-icons",e,t))};function loadIconSet(e){return iconSetLoaders[e]()}const useIconPickerProps={modelValue:String,iconSet:{type:String,validator:e=>[...iconSetNames,""].includes(e),default:""},icons:Array,filter:String,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:()=>({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(o,a,n,e){function i(e){return e.page<1&&(e.page=1),(void 0===e.itemsPerPage||e.itemsPerPage<1)&&(e.itemsPerPage=0),e}function r(e,t){for(var o in t)if(t[o]!==e[o])return!1;return!0}const s=(0,vue.computed)(()=>{return i({...o.innerPagination,...a.modelPagination})}),t=(0,vue.computed)(()=>{return 0===s.value.itemsPerPage?1:Math.max(1,Math.ceil(e.value.length/s.value.itemsPerPage))});function c(e){const t=i({...s.value,...e});r(o.innerPagination,t)||(a.modelPagination&&n("update:model-pagination",t),o.innerPagination=t)}function l(){void 0!==a.modelPagination&&c({total:e.value.length,totalPages:t.value})}return{samePagination:r,computedPagination:s,setPagination:c,updatePagination:l,computedPagesNumber:t}}function useIconPickerIcons(n,o,t,a){let i=0;async function e(t){const e=++i;if(n.iconsList=[],t)if("undefined"!==typeof window&&window.QIconPicker){const o=t.replace(/-([a-z])/g,e=>e[1].toUpperCase());window.QIconPicker.iconSet&&window.QIconPicker.iconSet[o]?n.iconsList=window.QIconPicker.iconSet[o].icons:(console.error("QIconPicker: no icon set loaded called "+t),console.error("Built-in icon sets require ESM/CJS bundler support for @quasar/extras lazy imports. With the UMD build, pass an icons array instead."))}else if(iconSetNames.includes(t))try{const a=await loadIconSet(t);e===i&&(n.iconsList=a.icons)}catch(e){console.error("QIconPicker: failed to load icon set called "+t),console.error(e)}else console.error("QIconPicker: cannot find icon set called "+t)}const r=(0,vue.computed)(()=>{let e=[];return n.iconsList&&(e=s.value,o.modelPagination)&&0!==o.modelPagination.itemsPerPage&&(e=e.slice(t.value,a.value)),e}),s=(0,vue.computed)(()=>{let e=n.iconsList;if(e&&void 0!==o.filter&&""!==o.filter&&null!==o.filter){const t=o.filter.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t))}return e});return{loadIconSet:e,computedDisplayedIcons:r,computedFilteredIcons:s}}function exposeIconPickerApi(o,e,a,n,t,i,r,s){const c=()=>{const e=a.value.page;e>1&&(n({page:e-1}),o.direction=direction.PREV)},l=()=>{const{page:e,itemsPerPage:t}=a.value;i.value>0&&e*t<r.value.length&&(n({page:e+1}),o.direction=direction.NEXT)},u=()=>{n({page:s.value})},m=()=>{n({page:0})};e({prevPage:c,nextPage:l,lastPage:u,firstPage:m,isLastPage:(0,vue.computed)(()=>{return 0===i.value||a.value.page>=s.value}),isFirstPage:(0,vue.computed)(()=>{return 1===a.value.page})})}var QIconPicker_default=(0,vue.defineComponent)({name:"QIconPicker",props:{...useIconPickerProps},emits:["update:model-value","update:model-pagination"],setup(l,{slots:u,emit:m,expose:e}){const d=(0,vue.ref)(null),p=(0,vue.reactive)({iconsList:[],innerPagination:{page:1,itemsPerPage:0,totalPages:0},width:"100",height:"100",direction:""}),t=(0,vue.computed)(()=>{const{page:e,itemsPerPage:t}=g.value;return(e-1)*t}),o=(0,vue.computed)(()=>{const{page:e,itemsPerPage:t}=g.value;return e*t}),{loadIconSet:a,computedDisplayedIcons:v,computedFilteredIcons:n}=useIconPickerIcons(p,l,t,o),{samePagination:i,computedPagination:g,setPagination:P,updatePagination:r,computedPagesNumber:s}=useIconPickerPagination(p,l,m,n);return exposeIconPickerApi(p,e,g,P,t,o,n,s),(0,vue.onMounted)(async()=>{l.iconSet?await a(l.iconSet):void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r()}),(0,vue.watch)(()=>l.iconSet,async e=>{e&&(await a(e),r(),(0,vue.nextTick)(()=>{P({page:1})}).catch(e=>console.error(e)),d.value)&&d.value.setScrollPosition("vertical",0)}),(0,vue.watch)(()=>l.icons,()=>{void 0!==l.icons&&l.icons.length>0&&(p.iconsList=l.icons),r(),(0,vue.nextTick)(()=>{P({page:1})}).catch(e=>console.error(e)),d.value&&d.value.setScrollPosition("vertical",0)}),(0,vue.watch)(()=>l.filter,()=>{P({page:1,totalPages:s.value}),r()}),l.modelPagination&&(0,vue.watch)(()=>l.modelPagination,(e,t)=>{i(t,e)||r()}),l.modelPagination&&((0,vue.watch)(()=>l.modelPagination.itemsPerPage,()=>{r()}),(0,vue.watch)(()=>l.modelPagination.page,()=>{r()})),()=>{function e(){if(l.modelPagination&&0===l.modelPagination.itemsPerPage)return"";const{page:t,totalPages:e}=g.value;return u.pagination?u.pagination(g.value):(0,vue.h)(quasar.QPagination,{class:"q-icon-picker__pagination",...l.paginationProps,modelValue:t,max:e,"onUpdate:modelValue":e=>{l.animated&&(e>t?p.direction=direction.NEXT:p.direction=direction.PREV),P({page:e})}})}function t(){if(!0!==l.noFooter&&void 0!==l.modelPagination)return(0,vue.h)("div",{class:"q-icon-picker__footer flex flex-center"},[u.footer?u.footer(g.value):e()])}function s(e){if(!0===l.tooltips)return()=>(0,vue.h)(quasar.QTooltip,{},()=>e)}function o(e){const t=void 0!==e.prefix?e.prefix+" "+e.name:e.name,o=void 0!==e.icon?e.icon:t;if(u.icon)return u.icon(t);const a=t===l.modelValue,n=a?l.selectedTextColor:void 0,i=a?l.selectedColor:void 0,r=l.size||void 0;return(0,vue.h)(quasar.QBtn,{id:e.name,unelevated:!0,dense:l.dense,noWrap:!0,size:r,textColor:n,color:i,icon:o,onClick:()=>m("update:model-value",t)},s(t))}function a(){return v.value.map(e=>o(e))}function n(){const e=()=>(0,vue.h)("div",{key:g.value.page,class:"q-icon-picker__container col"},[...a()]);if(!0!==l.animated)return e;{const t="q-transition--"+("prev"===p.direction?l.transitionPrev:l.transitionNext);return()=>(0,vue.h)(vue.Transition,{name:t,appear:!0},e)}}function i(){return(0,vue.h)(quasar.QScrollArea,{ref:d,style:{width:p.width+"px",height:p.height+"px"}},n())}function r(){return(0,vue.h)("div",{class:"q-icon-picker__body col column"},[i(),(0,vue.h)(quasar.QResizeObserver,{onResize:e=>{p.width=e.width,p.height=e.height}})])}const c=["q-icon-picker","column"];return l.color&&c.push("bg-"+l.color),l.textColor&&c.push("text-"+l.textColor),(0,vue.h)("div",{class:c.join(" ")},[r(),t()])}}});const version="3.0.0-beta.0";function install(e){e.component(String(QIconPicker_default.name),QIconPicker_default)}exports.QIconPicker=QIconPicker_default,exports.install=install,exports.version=version;

package/src/index.cjs.ts

@@ -1 +0,0 @@
-export * from './vue-plugin'