@aotearoan/neon 9.2.0 → 9.2.2

package/dist/components/user-input/filter-list/{NeonFilterList.ts_vue_type_script_src_6d59124f_lang.cjs.js.map → NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFilterList.ts_vue_type_script_src_6d59124f_lang.cjs.js","sources":["../../../../src/components/user-input/filter-list/NeonFilterList.ts?vue&type=script&src=6d59124f&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonFilterListItem } from '@/common/models/NeonFilterListItem';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\n\n/**\n * <p><strong>NeonFilterList</strong> is an alternative component to a select where the values are displayed in a\n * visible list to the user. This component is particularly useful for presenting filters to the user and also provides\n * the option of displaying the item counts with each list item.</p>\n */\nexport default defineComponent({\n  name: 'NeonFilterList',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The list if items to display\n     */\n    items: { type: Array as () => Array<NeonFilterListItem>, required: true },\n    /**\n     * Either a single string, indicating the key of the selected item or an array of selected keys in the case\n     * multiple = true.\n     */\n    modelValue: { type: [String, Array as () => Array<string>], required: true },\n    /**\n     * Allow multi-select of items.\n     */\n    multiple: { type: Boolean, default: true },\n    /**\n     * The size of the list items - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the selected list items..\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The number of visible items. If there are more items they will be placed behind an expansion\n     * button which toggles displaying displayCount items and all items.\n     */\n    displayCount: { type: Number, default: null },\n    /**\n     * Label for the Show more toggle if <em>displayCount</em> is set. The default is 'Show {count} more' where {count} is substituted with the display count\n     */\n    showMoreLabel: { type: String, default: 'Show {count} more' },\n    /**\n     * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.\n     */\n    showLessLabel: { type: String, default: 'Show less' },\n  },\n  emits: [\n    /**\n     * emitted when the user selects or toggles the selection of an item.\n     * @type {string | string[]} either the selected option's key (single select) or an array of the selected keys\n     * (multi-select).\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const showAll = ref(false);\n\n    const selected = computed((): Record<string, boolean> => {\n      const result: Record<string, boolean> = {};\n      (props.multiple ? (props.modelValue as string[]) : [props.modelValue as string]).forEach(\n        (v) => (result[v] = true),\n      );\n      return result;\n    });\n\n    const displayShowAllToggle = computed(() => props.displayCount && props.items.length > props.displayCount);\n\n    const visibleItems = computed(() => {\n      return displayShowAllToggle.value && !showAll.value\n        ? props.items.filter((item, index) => !props.displayCount || index < props.displayCount)\n        : props.items;\n    });\n\n    const computedShowMoreLabel = computed(() =>\n      props.showMoreLabel.replace('{count}', `${props.items.length - visibleItems.value.length}`),\n    );\n\n    const toggleShowAllLabel = computed(() => (showAll.value ? props.showLessLabel : computedShowMoreLabel.value));\n\n    const emitInput = (value: string | string[]) => {\n      emit('update:modelValue', value);\n    };\n\n    const toggleItem = (key: string, $event?: Event) => {\n      if (props.multiple) {\n        if (selected.value[key]) {\n          emitInput((props.modelValue as string[]).filter((v) => v !== key));\n        } else {\n          const result = [];\n          (props.modelValue as string[]).forEach((v) => result.push(v));\n          result.push(key);\n          emitInput(result);\n        }\n      } else {\n        emitInput(key === props.modelValue ? '' : key);\n      }\n\n      if ($event) {\n        ($event.target as HTMLDivElement).blur();\n      }\n    };\n\n    const toggleShowAll = () => {\n      showAll.value = !showAll.value;\n    };\n\n    return {\n      showAll,\n      selected,\n      visibleItems,\n      toggleShowAllLabel,\n      displayShowAllToggle,\n      toggleItem,\n      toggleShowAll,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSize","NeonFunctionalColor","props","emit","showAll","ref","selected","computed","result","v","displayShowAllToggle","visibleItems","item","index","computedShowMoreLabel","toggleShowAllLabel","emitInput","value","key","$event"],"mappings":"2PAYAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,MAA0C,SAAU,EAAK,EAKxE,WAAY,CAAE,KAAM,CAAC,OAAQ,KAA4B,EAAG,SAAU,EAAK,EAI3E,SAAU,CAAE,KAAM,QAAS,QAAS,EAAK,EAIzC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAK7F,aAAc,CAAE,KAAM,OAAQ,QAAS,IAAK,EAI5C,cAAe,CAAE,KAAM,OAAQ,QAAS,mBAAoB,EAI5D,cAAe,CAAE,KAAM,OAAQ,QAAS,WAAY,CACtD,EACA,MAAO,CAML,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAUC,MAAI,EAAK,EAEnBC,EAAWC,EAAAA,SAAS,IAA+B,CACvD,MAAMC,EAAkC,CAAA,EACxC,OAACN,EAAM,SAAYA,EAAM,WAA0B,CAACA,EAAM,UAAoB,GAAG,QAC9EO,GAAOD,EAAOC,GAAK,EAAA,EAEfD,CAAA,CACR,EAEKE,EAAuBH,EAAAA,SAAS,IAAML,EAAM,cAAgBA,EAAM,MAAM,OAASA,EAAM,YAAY,EAEnGS,EAAeJ,EAAAA,SAAS,IACrBG,EAAqB,OAAS,CAACN,EAAQ,MAC1CF,EAAM,MAAM,OAAO,CAACU,EAAMC,IAAU,CAACX,EAAM,cAAgBW,EAAQX,EAAM,YAAY,EACrFA,EAAM,KACX,EAEKY,EAAwBP,EAAA,SAAS,IACrCL,EAAM,cAAc,QAAQ,UAAW,GAAGA,EAAM,MAAM,OAASS,EAAa,MAAM,QAAQ,CAAA,EAGtFI,EAAqBR,WAAS,IAAOH,EAAQ,MAAQF,EAAM,cAAgBY,EAAsB,KAAM,EAEvGE,EAAaC,GAA6B,CAC9Cd,EAAK,oBAAqBc,CAAK,CAAA,EA0B1B,MAAA,CACL,QAAAb,EACA,SAAAE,EACA,aAAAK,EACA,mBAAAI,EACA,qBAAAL,EACA,WA7BiB,CAACQ,EAAaC,IAAmB,CAClD,GAAIjB,EAAM,SACJ,GAAAI,EAAS,MAAMY,GACjBF,EAAWd,EAAM,WAAwB,OAAQO,GAAMA,IAAMS,CAAG,CAAC,MAC5D,CACL,MAAMV,EAAS,CAAA,EACdN,EAAM,WAAwB,QAASO,GAAMD,EAAO,KAAKC,CAAC,CAAC,EAC5DD,EAAO,KAAKU,CAAG,EACfF,EAAUR,CAAM,CAClB,MAEAQ,EAAUE,IAAQhB,EAAM,WAAa,GAAKgB,CAAG,EAG3CC,GACDA,EAAO,OAA0B,MACpC,EAcA,cAXoB,IAAM,CAClBf,EAAA,MAAQ,CAACA,EAAQ,KAAA,CAUzB,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.cjs.js","sources":["../../../../src/components/user-input/filter-list/NeonFilterList.ts?vue&type=script&src=4a94a13c&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonFilterListItem } from '@/common/models/NeonFilterListItem';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\n\n/**\n * <p><strong>NeonFilterList</strong> is an alternative component to a select where the values are displayed in a\n * visible list to the user. This component is particularly useful for presenting filters to the user and also provides\n * the option of displaying the item counts with each list item.</p>\n */\nexport default defineComponent({\n  name: 'NeonFilterList',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The list if items to display\n     */\n    items: { type: Array as () => Array<NeonFilterListItem>, required: true },\n    /**\n     * Either a single string, indicating the key of the selected item or an array of selected keys in the case\n     * multiple = true.\n     */\n    modelValue: { type: [String, Array as () => Array<string>], required: true },\n    /**\n     * Allow multi-select of items.\n     */\n    multiple: { type: Boolean, default: true },\n    /**\n     * The size of the list items - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the selected list items..\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The number of visible items. If there are more items they will be placed behind an expansion\n     * button which toggles displaying displayCount items and all items.\n     */\n    displayCount: { type: Number, default: null },\n    /**\n     * Label for the Show more toggle if <em>displayCount</em> is set. The default is 'Show {count} more' where {count} is substituted with the display count\n     */\n    showMoreLabel: { type: String, default: 'Show {count} more' },\n    /**\n     * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.\n     */\n    showLessLabel: { type: String, default: 'Show less' },\n  },\n  emits: [\n    /**\n     * emitted when the user selects or toggles the selection of an item.\n     * @type {string | string[]} either the selected option's key (single select) or an array of the selected keys\n     * (multi-select).\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const showAll = ref(false);\n\n    const selected = computed((): Record<string, boolean> => {\n      const result: Record<string, boolean> = {};\n      (props.multiple ? (props.modelValue as string[]) : [props.modelValue as string]).forEach(\n        (v) => (result[v] = true),\n      );\n      return result;\n    });\n\n    const displayShowAllToggle = computed(() => props.displayCount && props.items.length > props.displayCount);\n\n    const visibleItems = computed(() => {\n      return displayShowAllToggle.value && !showAll.value\n        ? props.items.filter((item, index) => !props.displayCount || index < props.displayCount)\n        : props.items;\n    });\n\n    const computedShowMoreLabel = computed(() =>\n      props.showMoreLabel.replace('{count}', `${props.items.length - visibleItems.value.length}`),\n    );\n\n    const toggleShowAllLabel = computed(() => (showAll.value ? props.showLessLabel : computedShowMoreLabel.value));\n\n    const emitInput = (value: string | string[]) => {\n      emit('update:modelValue', value);\n    };\n\n    const toggleItem = (key: string, $event?: Event) => {\n      if (props.multiple) {\n        if (selected.value[key]) {\n          emitInput((props.modelValue as string[]).filter((v) => v !== key));\n        } else {\n          const result = [];\n          (props.modelValue as string[]).forEach((v) => result.push(v));\n          result.push(key);\n          emitInput(result);\n        }\n      } else {\n        emitInput(key === props.modelValue ? '' : key);\n      }\n\n      if ($event) {\n        ($event.target as HTMLDivElement).blur();\n      }\n    };\n\n    const toggleShowAll = () => {\n      showAll.value = !showAll.value;\n    };\n\n    return {\n      showAll,\n      selected,\n      visibleItems,\n      toggleShowAllLabel,\n      displayShowAllToggle,\n      toggleItem,\n      toggleShowAll,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSize","NeonFunctionalColor","props","emit","showAll","ref","selected","computed","result","v","displayShowAllToggle","visibleItems","item","index","computedShowMoreLabel","toggleShowAllLabel","emitInput","value","key","$event"],"mappings":"2PAYAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,MAA0C,SAAU,EAAK,EAKxE,WAAY,CAAE,KAAM,CAAC,OAAQ,KAA4B,EAAG,SAAU,EAAK,EAI3E,SAAU,CAAE,KAAM,QAAS,QAAS,EAAK,EAIzC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAK7F,aAAc,CAAE,KAAM,OAAQ,QAAS,IAAK,EAI5C,cAAe,CAAE,KAAM,OAAQ,QAAS,mBAAoB,EAI5D,cAAe,CAAE,KAAM,OAAQ,QAAS,WAAY,CACtD,EACA,MAAO,CAML,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAUC,MAAI,EAAK,EAEnBC,EAAWC,EAAAA,SAAS,IAA+B,CACvD,MAAMC,EAAkC,CAAA,EACxC,OAACN,EAAM,SAAYA,EAAM,WAA0B,CAACA,EAAM,UAAoB,GAAG,QAC9EO,GAAOD,EAAOC,GAAK,EAAA,EAEfD,CAAA,CACR,EAEKE,EAAuBH,EAAAA,SAAS,IAAML,EAAM,cAAgBA,EAAM,MAAM,OAASA,EAAM,YAAY,EAEnGS,EAAeJ,EAAAA,SAAS,IACrBG,EAAqB,OAAS,CAACN,EAAQ,MAC1CF,EAAM,MAAM,OAAO,CAACU,EAAMC,IAAU,CAACX,EAAM,cAAgBW,EAAQX,EAAM,YAAY,EACrFA,EAAM,KACX,EAEKY,EAAwBP,EAAA,SAAS,IACrCL,EAAM,cAAc,QAAQ,UAAW,GAAGA,EAAM,MAAM,OAASS,EAAa,MAAM,QAAQ,CAAA,EAGtFI,EAAqBR,WAAS,IAAOH,EAAQ,MAAQF,EAAM,cAAgBY,EAAsB,KAAM,EAEvGE,EAAaC,GAA6B,CAC9Cd,EAAK,oBAAqBc,CAAK,CAAA,EA0B1B,MAAA,CACL,QAAAb,EACA,SAAAE,EACA,aAAAK,EACA,mBAAAI,EACA,qBAAAL,EACA,WA7BiB,CAACQ,EAAaC,IAAmB,CAClD,GAAIjB,EAAM,SACJ,GAAAI,EAAS,MAAMY,GACjBF,EAAWd,EAAM,WAAwB,OAAQO,GAAMA,IAAMS,CAAG,CAAC,MAC5D,CACL,MAAMV,EAAS,CAAA,EACdN,EAAM,WAAwB,QAASO,GAAMD,EAAO,KAAKC,CAAC,CAAC,EAC5DD,EAAO,KAAKU,CAAG,EACfF,EAAUR,CAAM,CAClB,MAEAQ,EAAUE,IAAQhB,EAAM,WAAa,GAAKgB,CAAG,EAG3CC,GACDA,EAAO,OAA0B,MACpC,EAcA,cAXoB,IAAM,CAClBf,EAAA,MAAQ,CAACA,EAAQ,KAAA,CAUzB,CAEJ,CACF,CAAC"}

package/dist/components/user-input/filter-list/{NeonFilterList.ts_vue_type_script_src_6d59124f_lang.es.js → NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.es.js}

@@ -74,4 +74,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonFilterList.ts_vue_type_script_src_6d59124f_lang.es.js.map
+//# sourceMappingURL=NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.es.js.map

package/dist/components/user-input/filter-list/{NeonFilterList.ts_vue_type_script_src_6d59124f_lang.es.js.map → NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFilterList.ts_vue_type_script_src_6d59124f_lang.es.js","sources":["../../../../src/components/user-input/filter-list/NeonFilterList.ts?vue&type=script&src=6d59124f&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonFilterListItem } from '@/common/models/NeonFilterListItem';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\n\n/**\n * <p><strong>NeonFilterList</strong> is an alternative component to a select where the values are displayed in a\n * visible list to the user. This component is particularly useful for presenting filters to the user and also provides\n * the option of displaying the item counts with each list item.</p>\n */\nexport default defineComponent({\n  name: 'NeonFilterList',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The list if items to display\n     */\n    items: { type: Array as () => Array<NeonFilterListItem>, required: true },\n    /**\n     * Either a single string, indicating the key of the selected item or an array of selected keys in the case\n     * multiple = true.\n     */\n    modelValue: { type: [String, Array as () => Array<string>], required: true },\n    /**\n     * Allow multi-select of items.\n     */\n    multiple: { type: Boolean, default: true },\n    /**\n     * The size of the list items - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the selected list items..\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The number of visible items. If there are more items they will be placed behind an expansion\n     * button which toggles displaying displayCount items and all items.\n     */\n    displayCount: { type: Number, default: null },\n    /**\n     * Label for the Show more toggle if <em>displayCount</em> is set. The default is 'Show {count} more' where {count} is substituted with the display count\n     */\n    showMoreLabel: { type: String, default: 'Show {count} more' },\n    /**\n     * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.\n     */\n    showLessLabel: { type: String, default: 'Show less' },\n  },\n  emits: [\n    /**\n     * emitted when the user selects or toggles the selection of an item.\n     * @type {string | string[]} either the selected option's key (single select) or an array of the selected keys\n     * (multi-select).\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const showAll = ref(false);\n\n    const selected = computed((): Record<string, boolean> => {\n      const result: Record<string, boolean> = {};\n      (props.multiple ? (props.modelValue as string[]) : [props.modelValue as string]).forEach(\n        (v) => (result[v] = true),\n      );\n      return result;\n    });\n\n    const displayShowAllToggle = computed(() => props.displayCount && props.items.length > props.displayCount);\n\n    const visibleItems = computed(() => {\n      return displayShowAllToggle.value && !showAll.value\n        ? props.items.filter((item, index) => !props.displayCount || index < props.displayCount)\n        : props.items;\n    });\n\n    const computedShowMoreLabel = computed(() =>\n      props.showMoreLabel.replace('{count}', `${props.items.length - visibleItems.value.length}`),\n    );\n\n    const toggleShowAllLabel = computed(() => (showAll.value ? props.showLessLabel : computedShowMoreLabel.value));\n\n    const emitInput = (value: string | string[]) => {\n      emit('update:modelValue', value);\n    };\n\n    const toggleItem = (key: string, $event?: Event) => {\n      if (props.multiple) {\n        if (selected.value[key]) {\n          emitInput((props.modelValue as string[]).filter((v) => v !== key));\n        } else {\n          const result = [];\n          (props.modelValue as string[]).forEach((v) => result.push(v));\n          result.push(key);\n          emitInput(result);\n        }\n      } else {\n        emitInput(key === props.modelValue ? '' : key);\n      }\n\n      if ($event) {\n        ($event.target as HTMLDivElement).blur();\n      }\n    };\n\n    const toggleShowAll = () => {\n      showAll.value = !showAll.value;\n    };\n\n    return {\n      showAll,\n      selected,\n      visibleItems,\n      toggleShowAllLabel,\n      displayShowAllToggle,\n      toggleItem,\n      toggleShowAll,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,OAA0C,UAAU,KAAK;AAAA,IAKxE,YAAY,EAAE,MAAM,CAAC,QAAQ,KAA4B,GAAG,UAAU,KAAK;AAAA,IAI3E,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIzC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAK7F,cAAc,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAI5C,eAAe,EAAE,MAAM,QAAQ,SAAS,oBAAoB;AAAA,IAI5D,eAAe,EAAE,MAAM,QAAQ,SAAS,YAAY;AAAA,EACtD;AAAA,EACA,OAAO;AAAA,IAML;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,UAAU,IAAI,KAAK;AAEnB,UAAA,WAAW,SAAS,MAA+B;AACvD,YAAM,SAAkC,CAAA;AACxC,OAAC,MAAM,WAAY,MAAM,aAA0B,CAAC,MAAM,UAAoB,GAAG;AAAA,QAC/E,CAAC,MAAO,OAAO,KAAK;AAAA,MAAA;AAEf,aAAA;AAAA,IAAA,CACR;AAEK,UAAA,uBAAuB,SAAS,MAAM,MAAM,gBAAgB,MAAM,MAAM,SAAS,MAAM,YAAY;AAEnG,UAAA,eAAe,SAAS,MAAM;AAClC,aAAO,qBAAqB,SAAS,CAAC,QAAQ,QAC1C,MAAM,MAAM,OAAO,CAAC,MAAM,UAAU,CAAC,MAAM,gBAAgB,QAAQ,MAAM,YAAY,IACrF,MAAM;AAAA,IAAA,CACX;AAED,UAAM,wBAAwB;AAAA,MAAS,MACrC,MAAM,cAAc,QAAQ,WAAW,GAAG,MAAM,MAAM,SAAS,aAAa,MAAM,QAAQ;AAAA,IAAA;AAGtF,UAAA,qBAAqB,SAAS,MAAO,QAAQ,QAAQ,MAAM,gBAAgB,sBAAsB,KAAM;AAEvG,UAAA,YAAY,CAAC,UAA6B;AAC9C,WAAK,qBAAqB,KAAK;AAAA,IAAA;AAG3B,UAAA,aAAa,CAAC,KAAa,WAAmB;AAClD,UAAI,MAAM,UAAU;AACd,YAAA,SAAS,MAAM,MAAM;AACvB,oBAAW,MAAM,WAAwB,OAAO,CAAC,MAAM,MAAM,GAAG,CAAC;AAAA,QAAA,OAC5D;AACL,gBAAM,SAAS,CAAA;AACd,gBAAM,WAAwB,QAAQ,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAC5D,iBAAO,KAAK,GAAG;AACf,oBAAU,MAAM;AAAA,QAClB;AAAA,MAAA,OACK;AACL,kBAAU,QAAQ,MAAM,aAAa,KAAK,GAAG;AAAA,MAC/C;AAEA,UAAI,QAAQ;AACT,eAAO,OAA0B;MACpC;AAAA,IAAA;AAGF,UAAM,gBAAgB,MAAM;AAClB,cAAA,QAAQ,CAAC,QAAQ;AAAA,IAAA;AAGpB,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.es.js","sources":["../../../../src/components/user-input/filter-list/NeonFilterList.ts?vue&type=script&src=4a94a13c&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonFilterListItem } from '@/common/models/NeonFilterListItem';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\n\n/**\n * <p><strong>NeonFilterList</strong> is an alternative component to a select where the values are displayed in a\n * visible list to the user. This component is particularly useful for presenting filters to the user and also provides\n * the option of displaying the item counts with each list item.</p>\n */\nexport default defineComponent({\n  name: 'NeonFilterList',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The list if items to display\n     */\n    items: { type: Array as () => Array<NeonFilterListItem>, required: true },\n    /**\n     * Either a single string, indicating the key of the selected item or an array of selected keys in the case\n     * multiple = true.\n     */\n    modelValue: { type: [String, Array as () => Array<string>], required: true },\n    /**\n     * Allow multi-select of items.\n     */\n    multiple: { type: Boolean, default: true },\n    /**\n     * The size of the list items - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the selected list items..\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The number of visible items. If there are more items they will be placed behind an expansion\n     * button which toggles displaying displayCount items and all items.\n     */\n    displayCount: { type: Number, default: null },\n    /**\n     * Label for the Show more toggle if <em>displayCount</em> is set. The default is 'Show {count} more' where {count} is substituted with the display count\n     */\n    showMoreLabel: { type: String, default: 'Show {count} more' },\n    /**\n     * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.\n     */\n    showLessLabel: { type: String, default: 'Show less' },\n  },\n  emits: [\n    /**\n     * emitted when the user selects or toggles the selection of an item.\n     * @type {string | string[]} either the selected option's key (single select) or an array of the selected keys\n     * (multi-select).\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const showAll = ref(false);\n\n    const selected = computed((): Record<string, boolean> => {\n      const result: Record<string, boolean> = {};\n      (props.multiple ? (props.modelValue as string[]) : [props.modelValue as string]).forEach(\n        (v) => (result[v] = true),\n      );\n      return result;\n    });\n\n    const displayShowAllToggle = computed(() => props.displayCount && props.items.length > props.displayCount);\n\n    const visibleItems = computed(() => {\n      return displayShowAllToggle.value && !showAll.value\n        ? props.items.filter((item, index) => !props.displayCount || index < props.displayCount)\n        : props.items;\n    });\n\n    const computedShowMoreLabel = computed(() =>\n      props.showMoreLabel.replace('{count}', `${props.items.length - visibleItems.value.length}`),\n    );\n\n    const toggleShowAllLabel = computed(() => (showAll.value ? props.showLessLabel : computedShowMoreLabel.value));\n\n    const emitInput = (value: string | string[]) => {\n      emit('update:modelValue', value);\n    };\n\n    const toggleItem = (key: string, $event?: Event) => {\n      if (props.multiple) {\n        if (selected.value[key]) {\n          emitInput((props.modelValue as string[]).filter((v) => v !== key));\n        } else {\n          const result = [];\n          (props.modelValue as string[]).forEach((v) => result.push(v));\n          result.push(key);\n          emitInput(result);\n        }\n      } else {\n        emitInput(key === props.modelValue ? '' : key);\n      }\n\n      if ($event) {\n        ($event.target as HTMLDivElement).blur();\n      }\n    };\n\n    const toggleShowAll = () => {\n      showAll.value = !showAll.value;\n    };\n\n    return {\n      showAll,\n      selected,\n      visibleItems,\n      toggleShowAllLabel,\n      displayShowAllToggle,\n      toggleItem,\n      toggleShowAll,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,OAA0C,UAAU,KAAK;AAAA,IAKxE,YAAY,EAAE,MAAM,CAAC,QAAQ,KAA4B,GAAG,UAAU,KAAK;AAAA,IAI3E,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIzC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAK7F,cAAc,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAI5C,eAAe,EAAE,MAAM,QAAQ,SAAS,oBAAoB;AAAA,IAI5D,eAAe,EAAE,MAAM,QAAQ,SAAS,YAAY;AAAA,EACtD;AAAA,EACA,OAAO;AAAA,IAML;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,UAAU,IAAI,KAAK;AAEnB,UAAA,WAAW,SAAS,MAA+B;AACvD,YAAM,SAAkC,CAAA;AACxC,OAAC,MAAM,WAAY,MAAM,aAA0B,CAAC,MAAM,UAAoB,GAAG;AAAA,QAC/E,CAAC,MAAO,OAAO,KAAK;AAAA,MAAA;AAEf,aAAA;AAAA,IAAA,CACR;AAEK,UAAA,uBAAuB,SAAS,MAAM,MAAM,gBAAgB,MAAM,MAAM,SAAS,MAAM,YAAY;AAEnG,UAAA,eAAe,SAAS,MAAM;AAClC,aAAO,qBAAqB,SAAS,CAAC,QAAQ,QAC1C,MAAM,MAAM,OAAO,CAAC,MAAM,UAAU,CAAC,MAAM,gBAAgB,QAAQ,MAAM,YAAY,IACrF,MAAM;AAAA,IAAA,CACX;AAED,UAAM,wBAAwB;AAAA,MAAS,MACrC,MAAM,cAAc,QAAQ,WAAW,GAAG,MAAM,MAAM,SAAS,aAAa,MAAM,QAAQ;AAAA,IAAA;AAGtF,UAAA,qBAAqB,SAAS,MAAO,QAAQ,QAAQ,MAAM,gBAAgB,sBAAsB,KAAM;AAEvG,UAAA,YAAY,CAAC,UAA6B;AAC9C,WAAK,qBAAqB,KAAK;AAAA,IAAA;AAG3B,UAAA,aAAa,CAAC,KAAa,WAAmB;AAClD,UAAI,MAAM,UAAU;AACd,YAAA,SAAS,MAAM,MAAM;AACvB,oBAAW,MAAM,WAAwB,OAAO,CAAC,MAAM,MAAM,GAAG,CAAC;AAAA,QAAA,OAC5D;AACL,gBAAM,SAAS,CAAA;AACd,gBAAM,WAAwB,QAAQ,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAC5D,iBAAO,KAAK,GAAG;AACf,oBAAU,MAAM;AAAA,QAClB;AAAA,MAAA,OACK;AACL,kBAAU,QAAQ,MAAM,aAAa,KAAK,GAAG;AAAA,MAC/C;AAEA,UAAI,QAAQ;AACT,eAAO,OAA0B;MACpC;AAAA,IAAA;AAGF,UAAM,gBAAgB,MAAM;AAClB,cAAA,QAAQ,CAAC,QAAQ;AAAA,IAAA;AAGpB,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/input/NeonInput.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonInput.ts_vue_type_script_src_1b21b690_lang.cjs.js"),n=require("vue"),d=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=["id","aria-placeholder","disabled","placeholder","tabindex","type","value"],s=["id","aria-placeholder","disabled","placeholder","rows","tabindex","value"],u={key:3,class:"neon-input__textarea-counter"};function t(e,o,m,b,h,v){const i=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows?(n.openBlock(),n.createElementBlock("textarea",n.mergeProps({key:1,id:e.id,"aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:o[3]||(o[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[4]||(o[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onInput:o[5]||(o[5]=n.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),null,16,s)):(n.openBlock(),n.createElementBlock("input",n.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:o[0]||(o[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[1]||(o[1]=l=>!e.disabled&&e.onFocus()),onInput:o[2]||(o[2]=n.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,r)),e.iconVisible?(n.openBlock(),n.createBlock(i,{key:2,class:n.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:e.disabled||!e.icon||e.iconReadonly?!1:0,onClick:o[6]||(o[6]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[o[7]||(o[7]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),o[8]||(o[8]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role","tabindex"])):n.createCommentVNode("",!0),e.maxlength&&e.maxlength>0?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(`${e.modelValue.length}/${e.maxlength}`),1)):n.createCommentVNode("",!0)],2)}var p=d(a,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/input/NeonInput.vue"]]);module.exports=p;
+"use strict";var a=require("./NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js"),n=require("vue"),d=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=["id","aria-placeholder","disabled","placeholder","tabindex","type","value"],s=["id","aria-placeholder","disabled","placeholder","rows","tabindex","value"],u={key:3,class:"neon-input__textarea-counter"};function t(e,o,m,b,h,g){const i=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows?(n.openBlock(),n.createElementBlock("textarea",n.mergeProps({key:1,id:e.id,"aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:o[3]||(o[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[4]||(o[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onInput:o[5]||(o[5]=n.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),null,16,s)):(n.openBlock(),n.createElementBlock("input",n.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:o[0]||(o[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[1]||(o[1]=l=>!e.disabled&&e.onFocus()),onInput:o[2]||(o[2]=n.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,r)),e.iconVisible?(n.openBlock(),n.createBlock(i,{key:2,class:n.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:e.disabled||!e.icon||e.iconReadonly?!1:0,onClick:o[6]||(o[6]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[o[7]||(o[7]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),o[8]||(o[8]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role","tabindex"])):n.createCommentVNode("",!0),e.maxlength&&e.maxlength>0?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(`${e.modelValue.length}/${e.maxlength}`),1)):n.createCommentVNode("",!0)],2)}var p=d(a,[["render",t]]);module.exports=p;
 //# sourceMappingURL=NeonInput.cjs.js.map

package/dist/components/user-input/input/NeonInput.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonInput.ts_vue_type_script_src_1b21b690_lang.es.js";
+import _sfc_main from "./NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, withModifiers, createBlock, withKeys, createCommentVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["id", "aria-placeholder", "disabled", "placeholder", "tabindex", "type", "value"];
@@ -71,6 +71,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.maxlength && _ctx.maxlength > 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(`${_ctx.modelValue.length}/${_ctx.maxlength}`), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var NeonInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/input/NeonInput.vue"]]);
+var NeonInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonInput as default };
 //# sourceMappingURL=NeonInput.es.js.map

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_1b21b690_lang.cjs.js → NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),a=require("../../../common/enums/NeonInputType.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),w=require("../../../common/enums/NeonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),F=require("../../presentation/icon/NeonIcon.cjs.js"),k=require("../../../common/utils/NeonDebounceUtils.cjs.js"),B=n.defineComponent({name:"NeonInput",components:{NeonIcon:F},props:{id:{type:String,default:null},modelValue:{type:String,default:null},type:{type:String,default:a.NeonInputType.Text},placeholder:{type:String,default:null},size:{type:String,default:w.NeonSize.Medium},color:{type:String,default:c.NeonFunctionalColor.LowContrast},state:{type:String,default:o.NeonState.Ready},rows:{type:Number,default:null},icon:{type:String,default:null},iconReadonly:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},tabindex:{type:Number,default:0},disabled:{type:Boolean,default:!1},stateHighlight:{type:Boolean,default:!0},stateIcon:{type:Boolean,default:!0},maxlength:{type:Number,default:null},debounce:{type:Number,default:300}},emits:["focus","blur","icon-click","update:modelValue"],setup(e,{emit:u}){const f=n.useAttrs(),r=n.ref(null),i=n.ref(!1),N=n.computed(()=>{const{onBlur:t,onFocus:l,onIconClick:s,...V}=f;return V}),d=k.NeonDebounceUtils.debounce(t=>{u("update:modelValue",t)},e.debounce),m=n.computed(()=>{switch(e.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return e.stateIcon?"check":void 0;case o.NeonState.Error:return e.stateIcon?"times":void 0;default:return e.icon?e.icon:e.modelValue&&e.modelValue.length>0?"times":void 0}}),y=n.computed(()=>m.value&&!e.hideIcon&&(e.state!=="ready"||e.icon||e.modelValue&&!e.disabled&&e.modelValue.length>0)),g=n.computed(()=>{switch(e.state){case o.NeonState.Success:return c.NeonFunctionalColor.Success;case o.NeonState.Error:return c.NeonFunctionalColor.Error;case o.NeonState.Loading:return e.color;default:return c.NeonFunctionalColor.LowContrast}}),S=()=>{var t;(t=r.value)==null||t.focus()},h=()=>{var t;(t=r.value)==null||t.click()},v=()=>{i.value=!0,u("focus")},b=()=>{i.value=!1,u("blur")},I=t=>{e.disabled||(e.icon?u("icon-click"):d(""),t.preventDefault(),t.stopPropagation())},j=t=>{const l=t.target.value,s=e.maxlength&&l.length>e.maxlength?l.substring(0,e.maxlength):l;e.modelValue!==s&&d(s)},C=n.computed(()=>{if(e.placeholder)return e.placeholder;switch(e.type){case a.NeonInputType.Email:return"gbelson@hooli.com";case a.NeonInputType.Tel:return"+41785551234";case a.NeonInputType.Url:return"http://www.getskeleton.com";default:return""}});return{neonInput:r,focused:i,sanitizedAttributes:N,iconVisible:y,iconName:m,iconColor:g,computedPlaceholder:C,focus:S,click:h,onFocus:v,onBlur:b,iconClicked:I,changeValue:j}}});module.exports=B;
-//# sourceMappingURL=NeonInput.ts_vue_type_script_src_1b21b690_lang.cjs.js.map
+//# sourceMappingURL=NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js.map

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_1b21b690_lang.cjs.js.map → NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.ts_vue_type_script_src_1b21b690_lang.cjs.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=1b21b690&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * Debounce time in ms, set to 0 to disable.\n     */\n    debounce: { type: Number, default: 300 },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: InputEvent) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonState","props","emit","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","focus","_a","click","iconClicked","$event","changeValue","event","val","v","computedPlaceholder"],"mappings":"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"}
+{"version":3,"file":"NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=62c5c4a9&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * Debounce time in ms, set to 0 to disable.\n     */\n    debounce: { type: Number, default: 300 },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: InputEvent) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonState","props","emit","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","focus","_a","click","iconClicked","$event","changeValue","event","val","v","computedPlaceholder"],"mappings":"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"}

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_1b21b690_lang.es.js → NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js}

@@ -151,4 +151,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonInput.ts_vue_type_script_src_1b21b690_lang.es.js.map
+//# sourceMappingURL=NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js.map

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_1b21b690_lang.es.js.map → NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.ts_vue_type_script_src_1b21b690_lang.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=1b21b690&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * Debounce time in ms, set to 0 to disable.\n     */\n    debounce: { type: Number, default: 300 },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: InputEvent) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n    };\n  },\n});\n"],"names":["onBlur","onFocus"],"mappings":"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"}
+{"version":3,"file":"NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=62c5c4a9&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * Debounce time in ms, set to 0 to disable.\n     */\n    debounce: { type: Number, default: 300 },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: InputEvent) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n    };\n  },\n});\n"],"names":["onBlur","onFocus"],"mappings":"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"}

package/dist/components/user-input/input-indicator/NeonInputIndicator.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("./NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.cjs.js"),e=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i={key:1,class:"neon-input-indicator__label"};function c(n,s,l,p,u,_){const o=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["no-style neon-input-indicator",[`neon-input-indicator--${n.size}`,{"neon-input-indicator--with-icon":n.icon,"neon-input-indicator--with-label":n.label}]])},[n.icon?(e.openBlock(),e.createBlock(o,{key:0,name:n.icon,class:"neon-input-indicator__icon"},null,8,["name"])):e.createCommentVNode("",!0),n.label?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)],2)}var a=r(t,[["render",c],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/input-indicator/NeonInputIndicator.vue"]]);module.exports=a;
+"use strict";var t=require("./NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.cjs.js"),e=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i={key:1,class:"neon-input-indicator__label"};function a(n,l,s,p,u,_){const o=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["no-style neon-input-indicator",[`neon-input-indicator--${n.size}`,{"neon-input-indicator--with-icon":n.icon,"neon-input-indicator--with-label":n.label}]])},[n.icon?(e.openBlock(),e.createBlock(o,{key:0,name:n.icon,class:"neon-input-indicator__icon"},null,8,["name"])):e.createCommentVNode("",!0),n.label?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)],2)}var c=r(t,[["render",a]]);module.exports=c;
 //# sourceMappingURL=NeonInputIndicator.cjs.js.map

package/dist/components/user-input/input-indicator/NeonInputIndicator.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.es.js";
+import _sfc_main from "./NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = {
@@ -21,6 +21,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var NeonInputIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/input-indicator/NeonInputIndicator.vue"]]);
+var NeonInputIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonInputIndicator as default };
 //# sourceMappingURL=NeonInputIndicator.es.js.map

package/dist/components/user-input/input-indicator/{NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.cjs.js → NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),n=require("../../../common/enums/NeonSize.cjs.js"),r=require("../../presentation/icon/NeonIcon.cjs.js"),i=e.defineComponent({name:"NeonInputIndicator",components:{NeonIcon:r},props:{label:{type:String,required:!1},icon:{type:String,required:!1},size:{type:String,default:n.NeonSize.Medium}}});module.exports=i;
-//# sourceMappingURL=NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.cjs.js.map
+//# sourceMappingURL=NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.cjs.js.map

package/dist/components/user-input/input-indicator/{NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.cjs.js.map → NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.cjs.js","sources":["../../../../src/components/user-input/input-indicator/NeonInputIndicator.ts?vue&type=script&src=c5c0f436&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use input indicators to provide additional information for input fields. This can be useful to add the field units or\n * a connected label or icon.\n * <br />\n * NOTE: An input indicator is an HTML <em>label</em> so attributes like, e.g. <em>for</em> are accepted.\n */\nexport default defineComponent({\n  name: 'NeonInputIndicator',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The label to display\n     */\n    label: { type: String, required: false },\n    /**\n     * The icon to display\n     */\n    icon: { type: String, required: false },\n    /**\n     * The size of the input indicator\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize"],"mappings":"0IAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAM,EAIvC,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAM,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,CACnE,CACF,CAAC"}
+{"version":3,"file":"NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.cjs.js","sources":["../../../../src/components/user-input/input-indicator/NeonInputIndicator.ts?vue&type=script&src=2f096f24&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use input indicators to provide additional information for input fields. This can be useful to add the field units or\n * a connected label or icon.\n * <br />\n * NOTE: An input indicator is an HTML <em>label</em> so attributes like, e.g. <em>for</em> are accepted.\n */\nexport default defineComponent({\n  name: 'NeonInputIndicator',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The label to display\n     */\n    label: { type: String, required: false },\n    /**\n     * The icon to display\n     */\n    icon: { type: String, required: false },\n    /**\n     * The size of the input indicator\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize"],"mappings":"0IAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAM,EAIvC,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAM,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,CACnE,CACF,CAAC"}

package/dist/components/user-input/input-indicator/{NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.es.js → NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.es.js}

@@ -13,4 +13,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.es.js.map
+//# sourceMappingURL=NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.es.js.map

package/dist/components/user-input/input-indicator/{NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.es.js.map → NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonInputIndicator.ts_vue_type_script_src_c5c0f436_lang.es.js","sources":["../../../../src/components/user-input/input-indicator/NeonInputIndicator.ts?vue&type=script&src=c5c0f436&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use input indicators to provide additional information for input fields. This can be useful to add the field units or\n * a connected label or icon.\n * <br />\n * NOTE: An input indicator is an HTML <em>label</em> so attributes like, e.g. <em>for</em> are accepted.\n */\nexport default defineComponent({\n  name: 'NeonInputIndicator',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The label to display\n     */\n    label: { type: String, required: false },\n    /**\n     * The icon to display\n     */\n    icon: { type: String, required: false },\n    /**\n     * The size of the input indicator\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n  },\n});\n"],"names":[],"mappings":";;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAIvC,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,EACnE;AACF,CAAC;;"}
+{"version":3,"file":"NeonInputIndicator.ts_vue_type_script_src_2f096f24_lang.es.js","sources":["../../../../src/components/user-input/input-indicator/NeonInputIndicator.ts?vue&type=script&src=2f096f24&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use input indicators to provide additional information for input fields. This can be useful to add the field units or\n * a connected label or icon.\n * <br />\n * NOTE: An input indicator is an HTML <em>label</em> so attributes like, e.g. <em>for</em> are accepted.\n */\nexport default defineComponent({\n  name: 'NeonInputIndicator',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The label to display\n     */\n    label: { type: String, required: false },\n    /**\n     * The icon to display\n     */\n    icon: { type: String, required: false },\n    /**\n     * The size of the input indicator\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n  },\n});\n"],"names":[],"mappings":";;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAIvC,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,EACnE;AACF,CAAC;;"}

package/dist/components/user-input/list/NeonList.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("./NeonList.ts_vue_type_script_src_47bf608e_lang.cjs.js"),e=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a=["onClick","onKeydown"];function c(n,s,u,d,v,_){const t=e.resolveComponent("neon-icon");return e.openBlock(),e.createBlock(e.TransitionGroup,{"aria-disabled":n.disabled,class:e.normalizeClass([[`neon-list--${n.size}`,`neon-list--${n.color}`,{"neon-list--disabled":n.disabled}],"no-style neon-list"]),name:"neon-transition-list-item",role:"group",tag:"ul"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.modelValue,o=>(e.openBlock(),e.createElementBlock("li",{key:o.key,"aria-checked":"true",class:"neon-list__item",role:"switch",tabindex:"0",onClick:r=>n.remove(o.key),onKeydown:[e.withKeys(r=>n.remove(o.key),["enter"]),e.withKeys(r=>n.remove(o.key),["space"]),s[0]||(s[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))]},[e.createElementVNode("span",null,e.toDisplayString(o.label),1),n.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(t,{key:0,name:"times"}))],40,a))),128))]),_:1},8,["aria-disabled","class"])}var p=l(i,[["render",c],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/list/NeonList.vue"]]);module.exports=p;
+"use strict";var l=require("./NeonList.ts_vue_type_script_src_61992f43_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a=["onClick","onKeydown"];function c(n,r,u,d,v,k){const t=e.resolveComponent("neon-icon");return e.openBlock(),e.createBlock(e.TransitionGroup,{"aria-disabled":n.disabled,class:e.normalizeClass([[`neon-list--${n.size}`,`neon-list--${n.color}`,{"neon-list--disabled":n.disabled}],"no-style neon-list"]),name:"neon-transition-list-item",role:"group",tag:"ul"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.modelValue,o=>(e.openBlock(),e.createElementBlock("li",{key:o.key,"aria-checked":"true",class:"neon-list__item",role:"switch",tabindex:"0",onClick:s=>n.remove(o.key),onKeydown:[e.withKeys(s=>n.remove(o.key),["enter"]),e.withKeys(s=>n.remove(o.key),["space"]),r[0]||(r[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))]},[e.createElementVNode("span",null,e.toDisplayString(o.label),1),n.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(t,{key:0,name:"times"}))],40,a))),128))]),_:1},8,["aria-disabled","class"])}var p=i(l,[["render",c]]);module.exports=p;
 //# sourceMappingURL=NeonList.cjs.js.map

package/dist/components/user-input/list/NeonList.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonList.ts_vue_type_script_src_47bf608e_lang.es.js";
+import _sfc_main from "./NeonList.ts_vue_type_script_src_61992f43_lang.es.js";
 import { resolveComponent, openBlock, createBlock, TransitionGroup, normalizeClass, withCtx, createElementBlock, Fragment, renderList, withKeys, withModifiers, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["onClick", "onKeydown"];
@@ -38,6 +38,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["aria-disabled", "class"]);
 }
-var NeonList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/list/NeonList.vue"]]);
+var NeonList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonList as default };
 //# sourceMappingURL=NeonList.es.js.map

package/dist/components/user-input/list/{NeonList.ts_vue_type_script_src_47bf608e_lang.cjs.js → NeonList.ts_vue_type_script_src_61992f43_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),a=require("../../../common/enums/NeonSize.cjs.js"),u=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=require("../../presentation/icon/NeonIcon.cjs.js"),l=t.defineComponent({name:"NeonList",components:{NeonIcon:i},props:{modelValue:{type:Array,required:!0},size:{type:String,default:a.NeonSize.Medium},color:{type:String,default:u.NeonFunctionalColor.LowContrast},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","close"],setup(e,{emit:o}){return{remove:n=>{e.disabled||(o("update:modelValue",e.modelValue.filter(r=>r.key!==n)),o("close",n))}}}});module.exports=l;
-//# sourceMappingURL=NeonList.ts_vue_type_script_src_47bf608e_lang.cjs.js.map
+//# sourceMappingURL=NeonList.ts_vue_type_script_src_61992f43_lang.cjs.js.map

package/dist/components/user-input/list/{NeonList.ts_vue_type_script_src_47bf608e_lang.cjs.js.map → NeonList.ts_vue_type_script_src_61992f43_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonList.ts_vue_type_script_src_47bf608e_lang.cjs.js","sources":["../../../../src/components/user-input/list/NeonList.ts?vue&type=script&src=47bf608e&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport type { NeonListItem } from '@/common/models/NeonListItem';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Renders a list of removable items. This can be used as an alternative to removable chips where a vertical list is\n * more appropriate.\n */\nexport default defineComponent({\n  name: 'NeonList',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list items.\n     */\n    modelValue: { type: Array as () => Array<NeonListItem>, required: true },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an item is removed from the list\n     * @type {NeonListItem[]} updated list of items\n     */\n    'update:modelValue',\n    /**\n     * Emitted when an item is removed from the list\n     * @type {string} key of the item removed\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const remove = (key: string) => {\n      if (!props.disabled) {\n        emit(\n          'update:modelValue',\n          props.modelValue.filter((v) => v.key !== key),\n        );\n        emit('close', key);\n      }\n    };\n\n    return {\n      remove,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","props","emit","key","v"],"mappings":"wMAUAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,MAAoC,SAAU,EAAK,EAIvE,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,oBAKA,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAWd,MAAA,CACL,OAXcC,GAAgB,CACzBF,EAAM,WACTC,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAMA,EAAE,MAAQD,CAAG,CAAA,EAE9CD,EAAK,QAASC,CAAG,EACnB,CAIA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonList.ts_vue_type_script_src_61992f43_lang.cjs.js","sources":["../../../../src/components/user-input/list/NeonList.ts?vue&type=script&src=61992f43&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport type { NeonListItem } from '@/common/models/NeonListItem';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Renders a list of removable items. This can be used as an alternative to removable chips where a vertical list is\n * more appropriate.\n */\nexport default defineComponent({\n  name: 'NeonList',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list items.\n     */\n    modelValue: { type: Array as () => Array<NeonListItem>, required: true },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an item is removed from the list\n     * @type {NeonListItem[]} updated list of items\n     */\n    'update:modelValue',\n    /**\n     * Emitted when an item is removed from the list\n     * @type {string} key of the item removed\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const remove = (key: string) => {\n      if (!props.disabled) {\n        emit(\n          'update:modelValue',\n          props.modelValue.filter((v) => v.key !== key),\n        );\n        emit('close', key);\n      }\n    };\n\n    return {\n      remove,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","props","emit","key","v"],"mappings":"wMAUAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,MAAoC,SAAU,EAAK,EAIvE,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,oBAKA,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAWd,MAAA,CACL,OAXcC,GAAgB,CACzBF,EAAM,WACTC,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAMA,EAAE,MAAQD,CAAG,CAAA,EAE9CD,EAAK,QAASC,CAAG,EACnB,CAIA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/list/{NeonList.ts_vue_type_script_src_47bf608e_lang.es.js → NeonList.ts_vue_type_script_src_61992f43_lang.es.js}

@@ -33,4 +33,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonList.ts_vue_type_script_src_47bf608e_lang.es.js.map
+//# sourceMappingURL=NeonList.ts_vue_type_script_src_61992f43_lang.es.js.map

package/dist/components/user-input/list/{NeonList.ts_vue_type_script_src_47bf608e_lang.es.js.map → NeonList.ts_vue_type_script_src_61992f43_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonList.ts_vue_type_script_src_47bf608e_lang.es.js","sources":["../../../../src/components/user-input/list/NeonList.ts?vue&type=script&src=47bf608e&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport type { NeonListItem } from '@/common/models/NeonListItem';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Renders a list of removable items. This can be used as an alternative to removable chips where a vertical list is\n * more appropriate.\n */\nexport default defineComponent({\n  name: 'NeonList',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list items.\n     */\n    modelValue: { type: Array as () => Array<NeonListItem>, required: true },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an item is removed from the list\n     * @type {NeonListItem[]} updated list of items\n     */\n    'update:modelValue',\n    /**\n     * Emitted when an item is removed from the list\n     * @type {string} key of the item removed\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const remove = (key: string) => {\n      if (!props.disabled) {\n        emit(\n          'update:modelValue',\n          props.modelValue.filter((v) => v.key !== key),\n        );\n        emit('close', key);\n      }\n    };\n\n    return {\n      remove,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,OAAoC,UAAU,KAAK;AAAA,IAIvE,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,SAAS,CAAC,QAAgB;AAC1B,UAAA,CAAC,MAAM,UAAU;AACnB;AAAA,UACE;AAAA,UACA,MAAM,WAAW,OAAO,CAAC,MAAM,EAAE,QAAQ,GAAG;AAAA,QAAA;AAE9C,aAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonList.ts_vue_type_script_src_61992f43_lang.es.js","sources":["../../../../src/components/user-input/list/NeonList.ts?vue&type=script&src=61992f43&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport type { NeonListItem } from '@/common/models/NeonListItem';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Renders a list of removable items. This can be used as an alternative to removable chips where a vertical list is\n * more appropriate.\n */\nexport default defineComponent({\n  name: 'NeonList',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list items.\n     */\n    modelValue: { type: Array as () => Array<NeonListItem>, required: true },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an item is removed from the list\n     * @type {NeonListItem[]} updated list of items\n     */\n    'update:modelValue',\n    /**\n     * Emitted when an item is removed from the list\n     * @type {string} key of the item removed\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const remove = (key: string) => {\n      if (!props.disabled) {\n        emit(\n          'update:modelValue',\n          props.modelValue.filter((v) => v.key !== key),\n        );\n        emit('close', key);\n      }\n    };\n\n    return {\n      remove,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,OAAoC,UAAU,KAAK;AAAA,IAIvE,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,SAAS,CAAC,QAAgB;AAC1B,UAAA,CAAC,MAAM,UAAU;AACnB;AAAA,UACE;AAAA,UACA,MAAM,WAAW,OAAO,CAAC,MAAM,EAAE,QAAQ,GAAG;AAAA,QAAA;AAE9C,aAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/number/NeonNumber.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.cjs.js"),n=require("vue"),u=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function d(e,o,m,p,b,v){const r=n.resolveComponent("neon-button"),i=n.resolveComponent("neon-input"),s=n.resolveComponent("neon-field-group");return n.openBlock(),n.createBlock(s,{class:n.normalizeClass([[`neon-number--${e.size}`,`neon-number--${e.color}`,{"neon-number--disabled":e.disabled,"neon-number--editable":e.editable,"neon-number--with-buttons":e.spinButtons}],"neon-number"])},{default:n.withCtx(()=>[e.spinButtons?(n.openBlock(),n.createBlock(r,{key:0,"aria-label":e.decrementLabel,color:e.color,disabled:e.disabled||e.min!==void 0&&e.min===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__decrement",icon:"minus",onClick:o[0]||(o[0]=l=>e.decrement())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0),n.createVNode(i,n.mergeProps({"aria-valuemax":e.max,"aria-valuemin":e.min,"aria-valuenow":e.modelValue,color:e.color,disabled:e.disabled||!e.editable,inputmode:e.inputmode,max:e.max,min:e.min,"model-value":e.displayValue,placeholder:e.placeholder,size:e.size,step:e.computedStep,class:"neon-number__input",role:"spinbutton",type:"text"},e.sanitizedAttributes,{onBlur:o[1]||(o[1]=l=>e.onBlur()),onFocus:o[2]||(o[2]=l=>e.onFocus()),"onUpdate:modelValue":e.valueChanged,onKeydown:[o[3]||(o[3]=n.withKeys(n.withModifiers(l=>e.increment(),["prevent"]),["up"])),o[4]||(o[4]=n.withKeys(n.withModifiers(l=>e.decrement(),["prevent"]),["down"]))]}),null,16,["aria-valuemax","aria-valuemin","aria-valuenow","color","disabled","inputmode","max","min","model-value","placeholder","size","step","onUpdate:modelValue"]),e.spinButtons?(n.openBlock(),n.createBlock(r,{key:1,"aria-label":e.incrementLabel,color:e.color,disabled:e.disabled||e.max!==void 0&&e.max===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__increment",icon:"plus",onClick:o[5]||(o[5]=l=>e.increment())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0)]),_:1},8,["class"])}var t=u(a,[["render",d],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/number/NeonNumber.vue"]]);module.exports=t;
+"use strict";var s=require("./NeonNumber.ts_vue_type_script_src_778885f2_lang.cjs.js"),n=require("vue"),u=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function d(e,o,m,p,b,v){const r=n.resolveComponent("neon-button"),i=n.resolveComponent("neon-input"),a=n.resolveComponent("neon-field-group");return n.openBlock(),n.createBlock(a,{class:n.normalizeClass([[`neon-number--${e.size}`,`neon-number--${e.color}`,{"neon-number--disabled":e.disabled,"neon-number--editable":e.editable,"neon-number--with-buttons":e.spinButtons}],"neon-number"])},{default:n.withCtx(()=>[e.spinButtons?(n.openBlock(),n.createBlock(r,{key:0,"aria-label":e.decrementLabel,color:e.color,disabled:e.disabled||e.min!==void 0&&e.min===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__decrement",icon:"minus",onClick:o[0]||(o[0]=l=>e.decrement())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0),n.createVNode(i,n.mergeProps({"aria-valuemax":e.max,"aria-valuemin":e.min,"aria-valuenow":e.modelValue,color:e.color,disabled:e.disabled||!e.editable,inputmode:e.inputmode,max:e.max,min:e.min,"model-value":e.displayValue,placeholder:e.placeholder,size:e.size,step:e.computedStep,class:"neon-number__input",role:"spinbutton",type:"text"},e.sanitizedAttributes,{onBlur:o[1]||(o[1]=l=>e.onBlur()),onFocus:o[2]||(o[2]=l=>e.onFocus()),"onUpdate:modelValue":e.valueChanged,onKeydown:[o[3]||(o[3]=n.withKeys(n.withModifiers(l=>e.increment(),["prevent"]),["up"])),o[4]||(o[4]=n.withKeys(n.withModifiers(l=>e.decrement(),["prevent"]),["down"]))]}),null,16,["aria-valuemax","aria-valuemin","aria-valuenow","color","disabled","inputmode","max","min","model-value","placeholder","size","step","onUpdate:modelValue"]),e.spinButtons?(n.openBlock(),n.createBlock(r,{key:1,"aria-label":e.incrementLabel,color:e.color,disabled:e.disabled||e.max!==void 0&&e.max===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__increment",icon:"plus",onClick:o[5]||(o[5]=l=>e.increment())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0)]),_:1},8,["class"])}var t=u(s,[["render",d]]);module.exports=t;
 //# sourceMappingURL=NeonNumber.cjs.js.map

package/dist/components/user-input/number/NeonNumber.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.es.js";
+import _sfc_main from "./NeonNumber.ts_vue_type_script_src_778885f2_lang.es.js";
 import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createCommentVNode, createVNode, mergeProps, withKeys, withModifiers } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -68,6 +68,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class"]);
 }
-var NeonNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/number/NeonNumber.vue"]]);
+var NeonNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonNumber as default };
 //# sourceMappingURL=NeonNumber.es.js.map

package/dist/components/user-input/number/{NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.cjs.js → NeonNumber.ts_vue_type_script_src_778885f2_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var u=require("vue"),S=require("../../../common/enums/NeonFunctionalColor.cjs.js"),p=require("../../../common/enums/NeonSize.cjs.js"),q=require("../../../common/enums/NeonInputMode.cjs.js"),F=require("../button/NeonButton.cjs.js"),B=require("../field-group/NeonFieldGroup.cjs.js"),M=require("../input/NeonInput.cjs.js"),v=require("../../../common/utils/NeonNumberUtils.cjs.js"),x=u.defineComponent({name:"NeonNumber",components:{NeonButton:F,NeonFieldGroup:B,NeonInput:M},props:{modelValue:{type:Number,default:null},min:{type:Number,required:!1},max:{type:Number,required:!1},step:{type:Number,required:!1},color:{type:String,default:S.NeonFunctionalColor.LowContrast},size:{type:String,default:p.NeonSize.Medium},locale:{type:String,default:null},placeholder:{type:String,default:null},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},spinButtons:{type:Boolean,default:!1},percentage:{type:Boolean,default:!1},decimals:{type:Number,required:!1},valueTemplate:{type:String,required:!1},inputmode:{type:String,default:q.NeonInputMode.Numeric},incrementLabel:{type:String,default:"Increment"},decrementLabel:{type:String,default:"Decrement"}},emits:["update:modelValue"],setup(e,{emit:f}){const V=u.useAttrs(),o=u.ref(!1),m=t=>{e.disabled||f("update:modelValue",t)},b=u.computed(()=>{const{onBlur:t,onFocus:n,...r}=V;return r}),y=t=>{var s,N;const n=v.NeonNumberUtils.parseNumber(t),r=t!==""&&t!==null?Math.max(Math.min(n,(s=e.max)!=null?s:Number.MAX_SAFE_INTEGER),(N=e.min)!=null?N:Number.MIN_SAFE_INTEGER):null;(r===null||!isNaN(n))&&m(r)},l=u.computed(()=>{var t;return(t=e.decimals)!=null?t:e.percentage?0:void 0}),a=u.computed(()=>e.percentage&&l.value!==void 0?l.value+2:l.value),i=u.computed(()=>{const t=e.modelValue!==null?+e.modelValue:e.min||0;return a.value!==void 0?Number(t.toFixed(a.value)):t}),g=u.computed(()=>e.modelValue!==null&&(e.valueTemplate!==void 0||l.value!==void 0||e.percentage!==void 0)?v.NeonNumberUtils.formatNumber(e.modelValue,{decimals:l.value,format:e.valueTemplate,percentage:e.percentage},e.locale):e.modelValue),d=u.computed(()=>{var t;return a.value?(t=e.modelValue)==null?void 0:t.toFixed(a.value):e.modelValue}),j=u.computed(()=>o.value?d.value?`${d.value}`:"":g.value),c=u.computed(()=>{var t;return(t=e.step)!=null?t:e.percentage?.01:1});return{focus:o,sanitizedAttributes:b,computedDecimals:l,computedRawDecimals:a,computedValue:i,computedStep:c,displayValue:j,valueChanged:y,increment:()=>{const t=i.value+c.value,n=e.max!==void 0?Math.min(e.max,t):t;n!==e.modelValue&&m(n)},decrement:()=>{const t=i.value-c.value,n=e.min!==void 0?Math.max(e.min,t):t;n!==e.modelValue&&m(n)},onFocus:()=>o.value=!0,onBlur:()=>o.value=!1}}});module.exports=x;
-//# sourceMappingURL=NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.cjs.js.map
+//# sourceMappingURL=NeonNumber.ts_vue_type_script_src_778885f2_lang.cjs.js.map

package/dist/components/user-input/number/{NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.cjs.js.map → NeonNumber.ts_vue_type_script_src_778885f2_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.cjs.js","sources":["../../../../src/components/user-input/number/NeonNumber.ts?vue&type=script&src=6ec8ed24&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonFieldGroup from '@/components/user-input/field-group/NeonFieldGroup.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonNumber</strong> component is the equivalent of an <strong>&lt;input type=\"number\" /&gt;</strong>\n *   with -/+ spin buttons. In addition, it supports formatting as a percentage or with a provided custom template and\n *   also pasting of values in the user's locale, e.g. 6,543.12.\n * </p>\n * <p><strong>NeonNumber</strong> supports all the properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonNumber',\n  components: {\n    NeonButton,\n    NeonFieldGroup,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The value of the number input. Either a valid number or null.\n     */\n    modelValue: { type: Number, default: null },\n    /**\n     * The minimum value the input can accept.\n     */\n    min: { type: Number, required: false },\n    /**\n     * The maximum value the input can accept.\n     */\n    max: { type: Number, required: false },\n    /**\n     * The step value for the spin buttons.\n     */\n    step: { type: Number, required: false },\n    /**\n     * The component color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The component size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Whether the component is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Enable/disable direct editing of the value.\n     */\n    editable: { type: Boolean, default: true },\n    /**\n     * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.\n     */\n    spinButtons: { type: Boolean, default: false },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The rounding precision for display formatting.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the value for display. Use the placeholder {value} to reference the value in\n     * the template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * The HTML inputmode of the component. Either 'numeric' or 'decimal'.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Numeric },\n    /**\n     * ARIA label for the increment spinner button.\n     */\n    incrementLabel: { type: String, default: 'Increment' },\n    /**\n     * ARIA label for the decrement spinner button.\n     */\n    decrementLabel: { type: String, default: 'Decrement' },\n  },\n  emits: [\n    /**\n     * Emitted when the user changes the value of the number via the increment/decrement buttons or manually entering\n     * the value.\n     * @type {number | null} the current value or null if the value has been cleared.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const focus = ref(false);\n\n    const emitValue = (value: number | null) => {\n      if (!props.disabled) {\n        emit('update:modelValue', value);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onBlur, onFocus, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const valueChanged = (value: string) => {\n      const parsedValue = NeonNumberUtils.parseNumber(value);\n      const newValue =\n        value !== '' && value !== null\n          ? Math.max(Math.min(parsedValue, props.max ?? Number.MAX_SAFE_INTEGER), props.min ?? Number.MIN_SAFE_INTEGER)\n          : null;\n      if (newValue === null || !isNaN(parsedValue)) {\n        emitValue(newValue);\n      }\n    };\n\n    const computedDecimals = computed(() => {\n      return props.decimals ?? (props.percentage ? 0 : undefined);\n    });\n\n    const computedRawDecimals = computed(() => {\n      return props.percentage && computedDecimals.value !== undefined\n        ? computedDecimals.value + 2\n        : computedDecimals.value;\n    });\n\n    const computedValue = computed(() => {\n      const newValue = props.modelValue !== null ? +props.modelValue : props.min || 0;\n      return computedRawDecimals.value !== undefined ? Number(newValue.toFixed(computedRawDecimals.value)) : newValue;\n    });\n\n    const formattedValue = computed(() => {\n      return props.modelValue !== null &&\n        (props.valueTemplate !== undefined || computedDecimals.value !== undefined || props.percentage !== undefined)\n        ? NeonNumberUtils.formatNumber(\n            props.modelValue,\n            {\n              decimals: computedDecimals.value,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : props.modelValue;\n    });\n\n    const rawValue = computed(() => {\n      return computedRawDecimals.value ? props.modelValue?.toFixed(computedRawDecimals.value) : props.modelValue;\n    });\n\n    const displayValue = computed(() => {\n      return focus.value ? (rawValue.value ? `${rawValue.value}` : '') : formattedValue.value;\n    });\n\n    const computedStep = computed(() => {\n      return props.step ?? (props.percentage ? 0.01 : 1);\n    });\n\n    const decrement = () => {\n      const newValue = computedValue.value - computedStep.value;\n      const emittedValue = props.min !== undefined ? Math.max(props.min, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const increment = () => {\n      const newValue = computedValue.value + computedStep.value;\n      const emittedValue = props.max !== undefined ? Math.min(props.max, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const onFocus = () => (focus.value = true);\n    const onBlur = () => (focus.value = false);\n\n    return {\n      focus,\n      sanitizedAttributes,\n      computedDecimals,\n      computedRawDecimals,\n      computedValue,\n      computedStep,\n      displayValue,\n      valueChanged,\n      increment,\n      decrement,\n      onFocus,\n      onBlur,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonFieldGroup","NeonInput","NeonFunctionalColor","NeonSize","NeonInputMode","props","emit","attrs","useAttrs","focus","ref","emitValue","value","sanitizedAttributes","computed","onBlur","onFocus","sanitized","valueChanged","parsedValue","NeonNumberUtils","newValue","_a","_b","computedDecimals","computedRawDecimals","computedValue","formattedValue","rawValue","displayValue","computedStep","emittedValue"],"mappings":"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"}
+{"version":3,"file":"NeonNumber.ts_vue_type_script_src_778885f2_lang.cjs.js","sources":["../../../../src/components/user-input/number/NeonNumber.ts?vue&type=script&src=778885f2&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonFieldGroup from '@/components/user-input/field-group/NeonFieldGroup.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonNumber</strong> component is the equivalent of an <strong>&lt;input type=\"number\" /&gt;</strong>\n *   with -/+ spin buttons. In addition, it supports formatting as a percentage or with a provided custom template and\n *   also pasting of values in the user's locale, e.g. 6,543.12.\n * </p>\n * <p><strong>NeonNumber</strong> supports all the properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonNumber',\n  components: {\n    NeonButton,\n    NeonFieldGroup,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The value of the number input. Either a valid number or null.\n     */\n    modelValue: { type: Number, default: null },\n    /**\n     * The minimum value the input can accept.\n     */\n    min: { type: Number, required: false },\n    /**\n     * The maximum value the input can accept.\n     */\n    max: { type: Number, required: false },\n    /**\n     * The step value for the spin buttons.\n     */\n    step: { type: Number, required: false },\n    /**\n     * The component color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The component size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Whether the component is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Enable/disable direct editing of the value.\n     */\n    editable: { type: Boolean, default: true },\n    /**\n     * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.\n     */\n    spinButtons: { type: Boolean, default: false },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The rounding precision for display formatting.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the value for display. Use the placeholder {value} to reference the value in\n     * the template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * The HTML inputmode of the component. Either 'numeric' or 'decimal'.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Numeric },\n    /**\n     * ARIA label for the increment spinner button.\n     */\n    incrementLabel: { type: String, default: 'Increment' },\n    /**\n     * ARIA label for the decrement spinner button.\n     */\n    decrementLabel: { type: String, default: 'Decrement' },\n  },\n  emits: [\n    /**\n     * Emitted when the user changes the value of the number via the increment/decrement buttons or manually entering\n     * the value.\n     * @type {number | null} the current value or null if the value has been cleared.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const focus = ref(false);\n\n    const emitValue = (value: number | null) => {\n      if (!props.disabled) {\n        emit('update:modelValue', value);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onBlur, onFocus, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const valueChanged = (value: string) => {\n      const parsedValue = NeonNumberUtils.parseNumber(value);\n      const newValue =\n        value !== '' && value !== null\n          ? Math.max(Math.min(parsedValue, props.max ?? Number.MAX_SAFE_INTEGER), props.min ?? Number.MIN_SAFE_INTEGER)\n          : null;\n      if (newValue === null || !isNaN(parsedValue)) {\n        emitValue(newValue);\n      }\n    };\n\n    const computedDecimals = computed(() => {\n      return props.decimals ?? (props.percentage ? 0 : undefined);\n    });\n\n    const computedRawDecimals = computed(() => {\n      return props.percentage && computedDecimals.value !== undefined\n        ? computedDecimals.value + 2\n        : computedDecimals.value;\n    });\n\n    const computedValue = computed(() => {\n      const newValue = props.modelValue !== null ? +props.modelValue : props.min || 0;\n      return computedRawDecimals.value !== undefined ? Number(newValue.toFixed(computedRawDecimals.value)) : newValue;\n    });\n\n    const formattedValue = computed(() => {\n      return props.modelValue !== null &&\n        (props.valueTemplate !== undefined || computedDecimals.value !== undefined || props.percentage !== undefined)\n        ? NeonNumberUtils.formatNumber(\n            props.modelValue,\n            {\n              decimals: computedDecimals.value,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : props.modelValue;\n    });\n\n    const rawValue = computed(() => {\n      return computedRawDecimals.value ? props.modelValue?.toFixed(computedRawDecimals.value) : props.modelValue;\n    });\n\n    const displayValue = computed(() => {\n      return focus.value ? (rawValue.value ? `${rawValue.value}` : '') : formattedValue.value;\n    });\n\n    const computedStep = computed(() => {\n      return props.step ?? (props.percentage ? 0.01 : 1);\n    });\n\n    const decrement = () => {\n      const newValue = computedValue.value - computedStep.value;\n      const emittedValue = props.min !== undefined ? Math.max(props.min, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const increment = () => {\n      const newValue = computedValue.value + computedStep.value;\n      const emittedValue = props.max !== undefined ? Math.min(props.max, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const onFocus = () => (focus.value = true);\n    const onBlur = () => (focus.value = false);\n\n    return {\n      focus,\n      sanitizedAttributes,\n      computedDecimals,\n      computedRawDecimals,\n      computedValue,\n      computedStep,\n      displayValue,\n      valueChanged,\n      increment,\n      decrement,\n      onFocus,\n      onBlur,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonFieldGroup","NeonInput","NeonFunctionalColor","NeonSize","NeonInputMode","props","emit","attrs","useAttrs","focus","ref","emitValue","value","sanitizedAttributes","computed","onBlur","onFocus","sanitized","valueChanged","parsedValue","NeonNumberUtils","newValue","_a","_b","computedDecimals","computedRawDecimals","computedValue","formattedValue","rawValue","displayValue","computedStep","emittedValue"],"mappings":"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"}

package/dist/components/user-input/number/{NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.es.js → NeonNumber.ts_vue_type_script_src_778885f2_lang.es.js}

@@ -121,4 +121,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.es.js.map
+//# sourceMappingURL=NeonNumber.ts_vue_type_script_src_778885f2_lang.es.js.map

package/dist/components/user-input/number/{NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.es.js.map → NeonNumber.ts_vue_type_script_src_778885f2_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonNumber.ts_vue_type_script_src_6ec8ed24_lang.es.js","sources":["../../../../src/components/user-input/number/NeonNumber.ts?vue&type=script&src=6ec8ed24&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonFieldGroup from '@/components/user-input/field-group/NeonFieldGroup.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonNumber</strong> component is the equivalent of an <strong>&lt;input type=\"number\" /&gt;</strong>\n *   with -/+ spin buttons. In addition, it supports formatting as a percentage or with a provided custom template and\n *   also pasting of values in the user's locale, e.g. 6,543.12.\n * </p>\n * <p><strong>NeonNumber</strong> supports all the properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonNumber',\n  components: {\n    NeonButton,\n    NeonFieldGroup,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The value of the number input. Either a valid number or null.\n     */\n    modelValue: { type: Number, default: null },\n    /**\n     * The minimum value the input can accept.\n     */\n    min: { type: Number, required: false },\n    /**\n     * The maximum value the input can accept.\n     */\n    max: { type: Number, required: false },\n    /**\n     * The step value for the spin buttons.\n     */\n    step: { type: Number, required: false },\n    /**\n     * The component color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The component size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Whether the component is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Enable/disable direct editing of the value.\n     */\n    editable: { type: Boolean, default: true },\n    /**\n     * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.\n     */\n    spinButtons: { type: Boolean, default: false },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The rounding precision for display formatting.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the value for display. Use the placeholder {value} to reference the value in\n     * the template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * The HTML inputmode of the component. Either 'numeric' or 'decimal'.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Numeric },\n    /**\n     * ARIA label for the increment spinner button.\n     */\n    incrementLabel: { type: String, default: 'Increment' },\n    /**\n     * ARIA label for the decrement spinner button.\n     */\n    decrementLabel: { type: String, default: 'Decrement' },\n  },\n  emits: [\n    /**\n     * Emitted when the user changes the value of the number via the increment/decrement buttons or manually entering\n     * the value.\n     * @type {number | null} the current value or null if the value has been cleared.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const focus = ref(false);\n\n    const emitValue = (value: number | null) => {\n      if (!props.disabled) {\n        emit('update:modelValue', value);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onBlur, onFocus, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const valueChanged = (value: string) => {\n      const parsedValue = NeonNumberUtils.parseNumber(value);\n      const newValue =\n        value !== '' && value !== null\n          ? Math.max(Math.min(parsedValue, props.max ?? Number.MAX_SAFE_INTEGER), props.min ?? Number.MIN_SAFE_INTEGER)\n          : null;\n      if (newValue === null || !isNaN(parsedValue)) {\n        emitValue(newValue);\n      }\n    };\n\n    const computedDecimals = computed(() => {\n      return props.decimals ?? (props.percentage ? 0 : undefined);\n    });\n\n    const computedRawDecimals = computed(() => {\n      return props.percentage && computedDecimals.value !== undefined\n        ? computedDecimals.value + 2\n        : computedDecimals.value;\n    });\n\n    const computedValue = computed(() => {\n      const newValue = props.modelValue !== null ? +props.modelValue : props.min || 0;\n      return computedRawDecimals.value !== undefined ? Number(newValue.toFixed(computedRawDecimals.value)) : newValue;\n    });\n\n    const formattedValue = computed(() => {\n      return props.modelValue !== null &&\n        (props.valueTemplate !== undefined || computedDecimals.value !== undefined || props.percentage !== undefined)\n        ? NeonNumberUtils.formatNumber(\n            props.modelValue,\n            {\n              decimals: computedDecimals.value,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : props.modelValue;\n    });\n\n    const rawValue = computed(() => {\n      return computedRawDecimals.value ? props.modelValue?.toFixed(computedRawDecimals.value) : props.modelValue;\n    });\n\n    const displayValue = computed(() => {\n      return focus.value ? (rawValue.value ? `${rawValue.value}` : '') : formattedValue.value;\n    });\n\n    const computedStep = computed(() => {\n      return props.step ?? (props.percentage ? 0.01 : 1);\n    });\n\n    const decrement = () => {\n      const newValue = computedValue.value - computedStep.value;\n      const emittedValue = props.min !== undefined ? Math.max(props.min, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const increment = () => {\n      const newValue = computedValue.value + computedStep.value;\n      const emittedValue = props.max !== undefined ? Math.min(props.max, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const onFocus = () => (focus.value = true);\n    const onBlur = () => (focus.value = false);\n\n    return {\n      focus,\n      sanitizedAttributes,\n      computedDecimals,\n      computedRawDecimals,\n      computedValue,\n      computedStep,\n      displayValue,\n      valueChanged,\n      increment,\n      decrement,\n      onFocus,\n      onBlur,\n    };\n  },\n});\n"],"names":["onBlur","onFocus"],"mappings":"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"}
+{"version":3,"file":"NeonNumber.ts_vue_type_script_src_778885f2_lang.es.js","sources":["../../../../src/components/user-input/number/NeonNumber.ts?vue&type=script&src=778885f2&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonFieldGroup from '@/components/user-input/field-group/NeonFieldGroup.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonNumber</strong> component is the equivalent of an <strong>&lt;input type=\"number\" /&gt;</strong>\n *   with -/+ spin buttons. In addition, it supports formatting as a percentage or with a provided custom template and\n *   also pasting of values in the user's locale, e.g. 6,543.12.\n * </p>\n * <p><strong>NeonNumber</strong> supports all the properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonNumber',\n  components: {\n    NeonButton,\n    NeonFieldGroup,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The value of the number input. Either a valid number or null.\n     */\n    modelValue: { type: Number, default: null },\n    /**\n     * The minimum value the input can accept.\n     */\n    min: { type: Number, required: false },\n    /**\n     * The maximum value the input can accept.\n     */\n    max: { type: Number, required: false },\n    /**\n     * The step value for the spin buttons.\n     */\n    step: { type: Number, required: false },\n    /**\n     * The component color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The component size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Whether the component is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Enable/disable direct editing of the value.\n     */\n    editable: { type: Boolean, default: true },\n    /**\n     * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.\n     */\n    spinButtons: { type: Boolean, default: false },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The rounding precision for display formatting.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the value for display. Use the placeholder {value} to reference the value in\n     * the template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * The HTML inputmode of the component. Either 'numeric' or 'decimal'.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Numeric },\n    /**\n     * ARIA label for the increment spinner button.\n     */\n    incrementLabel: { type: String, default: 'Increment' },\n    /**\n     * ARIA label for the decrement spinner button.\n     */\n    decrementLabel: { type: String, default: 'Decrement' },\n  },\n  emits: [\n    /**\n     * Emitted when the user changes the value of the number via the increment/decrement buttons or manually entering\n     * the value.\n     * @type {number | null} the current value or null if the value has been cleared.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const focus = ref(false);\n\n    const emitValue = (value: number | null) => {\n      if (!props.disabled) {\n        emit('update:modelValue', value);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onBlur, onFocus, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const valueChanged = (value: string) => {\n      const parsedValue = NeonNumberUtils.parseNumber(value);\n      const newValue =\n        value !== '' && value !== null\n          ? Math.max(Math.min(parsedValue, props.max ?? Number.MAX_SAFE_INTEGER), props.min ?? Number.MIN_SAFE_INTEGER)\n          : null;\n      if (newValue === null || !isNaN(parsedValue)) {\n        emitValue(newValue);\n      }\n    };\n\n    const computedDecimals = computed(() => {\n      return props.decimals ?? (props.percentage ? 0 : undefined);\n    });\n\n    const computedRawDecimals = computed(() => {\n      return props.percentage && computedDecimals.value !== undefined\n        ? computedDecimals.value + 2\n        : computedDecimals.value;\n    });\n\n    const computedValue = computed(() => {\n      const newValue = props.modelValue !== null ? +props.modelValue : props.min || 0;\n      return computedRawDecimals.value !== undefined ? Number(newValue.toFixed(computedRawDecimals.value)) : newValue;\n    });\n\n    const formattedValue = computed(() => {\n      return props.modelValue !== null &&\n        (props.valueTemplate !== undefined || computedDecimals.value !== undefined || props.percentage !== undefined)\n        ? NeonNumberUtils.formatNumber(\n            props.modelValue,\n            {\n              decimals: computedDecimals.value,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : props.modelValue;\n    });\n\n    const rawValue = computed(() => {\n      return computedRawDecimals.value ? props.modelValue?.toFixed(computedRawDecimals.value) : props.modelValue;\n    });\n\n    const displayValue = computed(() => {\n      return focus.value ? (rawValue.value ? `${rawValue.value}` : '') : formattedValue.value;\n    });\n\n    const computedStep = computed(() => {\n      return props.step ?? (props.percentage ? 0.01 : 1);\n    });\n\n    const decrement = () => {\n      const newValue = computedValue.value - computedStep.value;\n      const emittedValue = props.min !== undefined ? Math.max(props.min, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const increment = () => {\n      const newValue = computedValue.value + computedStep.value;\n      const emittedValue = props.max !== undefined ? Math.min(props.max, newValue) : newValue;\n      if (emittedValue !== props.modelValue) {\n        emitValue(emittedValue);\n      }\n    };\n\n    const onFocus = () => (focus.value = true);\n    const onBlur = () => (focus.value = false);\n\n    return {\n      focus,\n      sanitizedAttributes,\n      computedDecimals,\n      computedRawDecimals,\n      computedValue,\n      computedStep,\n      displayValue,\n      valueChanged,\n      increment,\n      decrement,\n      onFocus,\n      onBlur,\n    };\n  },\n});\n"],"names":["onBlur","onFocus"],"mappings":"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"}

package/dist/components/user-input/password/NeonPassword.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./NeonPassword.ts_vue_type_script_src_77c7672e_lang.cjs.js"),s=require("vue"),n=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function t(e,p,c,u,a,_){const o=s.resolveComponent("neon-input");return s.openBlock(),s.createBlock(o,s.mergeProps({type:e.show?"text":"password",class:"neon-password",icon:e.show?"visibility-on":"visibility-off"},e.sanitizedAttributes,{onIconClick:e.iconClicked}),null,16,["type","icon","onIconClick"])}var i=n(r,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/password/NeonPassword.vue"]]);module.exports=i;
+"use strict";var s=require("./NeonPassword.ts_vue_type_script_src_d3935eba_lang.cjs.js"),o=require("vue"),n=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function i(e,p,c,a,u,_){const r=o.resolveComponent("neon-input");return o.openBlock(),o.createBlock(r,o.mergeProps({type:e.show?"text":"password",class:"neon-password",icon:e.show?"visibility-on":"visibility-off"},e.sanitizedAttributes,{onIconClick:e.iconClicked}),null,16,["type","icon","onIconClick"])}var t=n(s,[["render",i]]);module.exports=t;
 //# sourceMappingURL=NeonPassword.cjs.js.map

package/dist/components/user-input/password/NeonPassword.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonPassword.ts_vue_type_script_src_77c7672e_lang.es.js";
+import _sfc_main from "./NeonPassword.ts_vue_type_script_src_d3935eba_lang.es.js";
 import { resolveComponent, openBlock, createBlock, mergeProps } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -9,6 +9,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     icon: _ctx.show ? "visibility-on" : "visibility-off"
   }, _ctx.sanitizedAttributes, { onIconClick: _ctx.iconClicked }), null, 16, ["type", "icon", "onIconClick"]);
 }
-var NeonPassword = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/password/NeonPassword.vue"]]);
+var NeonPassword = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonPassword as default };
 //# sourceMappingURL=NeonPassword.es.js.map