@aotearoan/neon 22.1.1 → 22.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/common/enums/NeonButtonType.cjs.js +2 -0
  2. package/dist/common/enums/NeonButtonType.cjs.js.map +1 -0
  3. package/dist/common/enums/NeonButtonType.es.js +5 -0
  4. package/dist/common/enums/NeonButtonType.es.js.map +1 -0
  5. package/dist/common/utils/NeonFileUtils.cjs.js +2 -0
  6. package/dist/common/utils/NeonFileUtils.cjs.js.map +1 -0
  7. package/dist/common/utils/NeonFileUtils.es.js +10 -0
  8. package/dist/common/utils/NeonFileUtils.es.js.map +1 -0
  9. package/dist/components/presentation/badge/NeonBadge.cjs.js +1 -1
  10. package/dist/components/presentation/badge/NeonBadge.cjs.js.map +1 -1
  11. package/dist/components/presentation/badge/NeonBadge.es.js +51 -26
  12. package/dist/components/presentation/badge/NeonBadge.es.js.map +1 -1
  13. package/dist/components/presentation/badge/NeonBadge.vue.cjs.js +1 -1
  14. package/dist/components/presentation/badge/NeonBadge.vue.cjs.js.map +1 -1
  15. package/dist/components/presentation/badge/NeonBadge.vue.es.js +28 -14
  16. package/dist/components/presentation/badge/NeonBadge.vue.es.js.map +1 -1
  17. package/dist/components/user-input/button/NeonButton.cjs.js +1 -1
  18. package/dist/components/user-input/button/NeonButton.cjs.js.map +1 -1
  19. package/dist/components/user-input/button/NeonButton.es.js +18 -12
  20. package/dist/components/user-input/button/NeonButton.es.js.map +1 -1
  21. package/dist/components/user-input/button/NeonButton.vue.cjs.js +1 -1
  22. package/dist/components/user-input/button/NeonButton.vue.cjs.js.map +1 -1
  23. package/dist/components/user-input/button/NeonButton.vue.es.js +9 -8
  24. package/dist/components/user-input/button/NeonButton.vue.es.js.map +1 -1
  25. package/dist/components/user-input/file/NeonFile.cjs.js +1 -1
  26. package/dist/components/user-input/file/NeonFile.cjs.js.map +1 -1
  27. package/dist/components/user-input/file/NeonFile.es.js +20 -12
  28. package/dist/components/user-input/file/NeonFile.es.js.map +1 -1
  29. package/dist/components/user-input/file/NeonFile.vue.cjs.js +1 -1
  30. package/dist/components/user-input/file/NeonFile.vue.cjs.js.map +1 -1
  31. package/dist/components/user-input/file/NeonFile.vue.es.js +7 -5
  32. package/dist/components/user-input/file/NeonFile.vue.es.js.map +1 -1
  33. package/dist/neon.cjs.js +1 -1
  34. package/dist/neon.es.js +115 -111
  35. package/dist/neon.es.js.map +1 -1
  36. package/dist/src/common/enums/NeonButtonType.d.ts +5 -0
  37. package/dist/src/common/utils/NeonFileUtils.d.ts +6 -0
  38. package/dist/src/components/feedback/dialog/NeonDialog.d.ts +22 -8
  39. package/dist/src/components/feedback/note/NeonNote.d.ts +10 -1
  40. package/dist/src/components/layout/card-list/NeonCardList.d.ts +22 -17
  41. package/dist/src/components/layout/modal/NeonModal.d.ts +10 -1
  42. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +5015 -494
  43. package/dist/src/components/navigation/menu/NeonMenu.d.ts +4634 -41
  44. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +4879 -424
  45. package/dist/src/components/presentation/badge/NeonBadge.d.ts +1501 -3
  46. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +1556 -27
  47. package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +32 -7
  48. package/dist/src/components/user-input/button/NeonButton.d.ts +24 -7
  49. package/dist/src/components/user-input/chip/NeonChip.d.ts +1 -1
  50. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +1823 -214
  51. package/dist/src/components/user-input/drop-zone/NeonDropZone.d.ts +1 -1
  52. package/dist/src/components/user-input/file/NeonFile.d.ts +645 -7
  53. package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts +1 -1
  54. package/dist/src/components/user-input/number/NeonNumber.d.ts +14 -19
  55. package/dist/src/components/user-input/search/NeonSearch.d.ts +4657 -46
  56. package/dist/src/components/user-input/select/NeonSelect.d.ts +5100 -537
  57. package/dist/src/neon.d.ts +2 -0
  58. package/package.json +1 -1
  59. package/src/sass/components/_badge.scss +77 -0
  60. package/src/sass/includes/_dependencies.scss +1 -1
  61. package/src/sass/variables.scss +3 -0
@@ -1,14 +1,14 @@
1
1
  import y from "./NeonButton.es.js";
2
- import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as s, toDisplayString as r } from "vue";
2
+ import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as t, toDisplayString as r } from "vue";
3
3
  import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
4
4
  const v = {
5
5
  key: 1,
6
6
  class: "neon-button__label"
7
- }, h = ["disabled", "tabindex"], S = {
7
+ }, h = ["disabled", "tabindex", "type"], S = {
8
8
  key: 1,
9
9
  class: "neon-button__label"
10
10
  };
11
- function w(e, t, B, C, N, $) {
11
+ function w(e, s, B, C, N, $) {
12
12
  const a = l("neon-icon"), b = l("neon-link"), u = l("neon-expansion-indicator");
13
13
  return e.href ? (n(), i(b, d({
14
14
  key: 0,
@@ -29,17 +29,18 @@ function w(e, t, B, C, N, $) {
29
29
  inverse: e.buttonStyle === "solid" || e.inverse,
30
30
  name: e.iconName
31
31
  }, null, 8, ["color", "disabled", "inverse", "name"])) : o("", !0),
32
- e.label ? (n(), s("span", v, r(e.label), 1)) : o("", !0)
32
+ e.label ? (n(), t("span", v, r(e.label), 1)) : o("", !0)
33
33
  ]),
34
34
  _: 1
35
- }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), s("button", d({
35
+ }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), t("button", d({
36
36
  key: 1,
37
37
  ref: "button",
38
38
  class: [e.classes, "neon-button"],
39
39
  disabled: e.disabled || e.state !== "ready",
40
- tabindex: e.disabled ? -1 : 0
40
+ tabindex: e.disabled ? -1 : 0,
41
+ type: e.buttonType
41
42
  }, e.sanitizedAttributes, {
42
- onClick: t[0] || (t[0] = (...p) => e.clickButton && e.clickButton(...p))
43
+ onClick: s[0] || (s[0] = (...p) => e.clickButton && e.clickButton(...p))
43
44
  }), [
44
45
  e.icon || e.state !== "ready" ? (n(), i(a, {
45
46
  key: 0,
@@ -49,7 +50,7 @@ function w(e, t, B, C, N, $) {
49
50
  inverse: e.buttonStyle === "solid" || e.inverse,
50
51
  name: e.iconName
51
52
  }, null, 8, ["aria-label", "color", "disabled", "inverse", "name"])) : o("", !0),
52
- e.label || e.buttonStyle === "input" ? (n(), s("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
53
+ e.label || e.buttonStyle === "input" ? (n(), t("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
53
54
  e.indicator ? (n(), i(u, {
54
55
  key: 2,
55
56
  color: e.buttonStyle === "text" ? e.color : "low-contrast",
@@ -1 +1 @@
1
- {"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n <neon-link\n v-if=\"href\"\n ref=\"button\"\n :class=\"classes\"\n :href=\"href\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n outline-style=\"none\"\n role=\"button\"\n v-bind=\"sanitizedAttributes\"\n @keydown.space.prevent=\"clickLink\"\n >\n <neon-icon\n v-if=\"icon || state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' || inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n </neon-link>\n <button\n v-else\n ref=\"button\"\n :class=\"classes\"\n :disabled=\"disabled || state !== 'ready'\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n v-bind=\"sanitizedAttributes\"\n @click=\"clickButton\"\n >\n <neon-icon\n v-if=\"icon || state !== 'ready'\"\n :aria-label=\"iconAriaLabel\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' || inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n {{ label || (buttonStyle === 'input' && '') }}\n </span>\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n :disabled=\"disabled\"\n :expanded=\"indicatorExpanded\"\n :inverse=\"buttonStyle === 'solid' || inverse\"\n class=\"neon-button__indicator\"\n />\n </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAoBqB,OAAM;;;;SAtC9CA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA6BS,UA7BTF,EA6BS;AAAA;IA3BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,KAEZA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}
1
+ {"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n <neon-link\n v-if=\"href\"\n ref=\"button\"\n :class=\"classes\"\n :href=\"href\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n outline-style=\"none\"\n role=\"button\"\n v-bind=\"sanitizedAttributes\"\n @keydown.space.prevent=\"clickLink\"\n >\n <neon-icon\n v-if=\"icon || state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' || inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n </neon-link>\n <button\n v-else\n ref=\"button\"\n :class=\"classes\"\n :disabled=\"disabled || state !== 'ready'\"\n :tabindex=\"!disabled ? 0 : -1\"\n :type=\"buttonType\"\n class=\"neon-button\"\n v-bind=\"sanitizedAttributes\"\n @click=\"clickButton\"\n >\n <neon-icon\n v-if=\"icon || state !== 'ready'\"\n :aria-label=\"iconAriaLabel\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' || inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n {{ label || (buttonStyle === 'input' && '') }}\n </span>\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n :disabled=\"disabled\"\n :expanded=\"indicatorExpanded\"\n :inverse=\"buttonStyle === 'solid' || inverse\"\n class=\"neon-button__indicator\"\n />\n </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAqBqB,OAAM;;;;SAvC9CA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA8BS,UA9BTF,EA8BS;AAAA;IA5BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAIF,aAAa;AAAA,IAHlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,IACnB,MAAMA,EAAA;AAAA,KAECA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";const n=require("vue"),p=require("../../../common/enums/NeonSize.cjs.js"),m=require("../../../common/enums/NeonFunctionalColor.cjs.js"),y=require("../../../common/enums/NeonState.cjs.js"),g=require("../button/NeonButton.vue.cjs.js"),S=require("../input/NeonInput.vue.cjs.js"),N=require("../list/NeonList.vue.cjs.js"),v=n.defineComponent({name:"NeonFile",components:{NeonButton:g,NeonInput:S,NeonList:N},props:{disabled:{type:Boolean,default:!1},directUpload:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},id:{type:String,default:null},size:{type:String,default:p.NeonSize.Medium},state:{type:String,default:y.NeonState.Ready},color:{type:String,default:m.NeonFunctionalColor.Primary},label:{type:String,default:null},icon:{type:String,default:null}},emits:["update:modelValue"],setup(l,{emit:r}){const i=n.ref(null),t=n.ref([]),s=n.ref(""),c=n.computed(()=>t.value.map(e=>({key:e.name,label:e.name}))),a=()=>{r("update:modelValue",l.multiple?t.value:t.value[0]),l.directUpload&&(t.value=[])};return{fileInput:i,files:t,fileList:c,fileInputModel:s,remove:e=>{l.disabled||(t.value=t.value.filter(o=>o.name!==e),a())},clearAll:()=>{l.disabled||(t.value=[],a())},openFileDialog:()=>{var e;(e=i.value)==null||e.click()},onInput:e=>{if(e!=null&&e.target){const o=e.target.files,u=o?Array.from(o).filter(d=>!t.value.find(f=>f.name===d.name)):[];t.value=l.multiple?[...t.value,...u]:u,a()}}}}});module.exports=v;
1
+ "use strict";const a=require("vue"),p=require("../../../common/enums/NeonSize.cjs.js"),m=require("../../../common/enums/NeonFunctionalColor.cjs.js"),y=require("../../../common/enums/NeonState.cjs.js"),g=require("../button/NeonButton.vue.cjs.js"),S=require("../input/NeonInput.vue.cjs.js"),N=require("../list/NeonList.vue.cjs.js"),v=a.defineComponent({name:"NeonFile",components:{NeonButton:g,NeonInput:S,NeonList:N},props:{disabled:{type:Boolean,default:!1},directUpload:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},id:{type:String,default:null},size:{type:String,default:p.NeonSize.Medium},state:{type:String,default:y.NeonState.Ready},color:{type:String,default:m.NeonFunctionalColor.Primary},circular:{type:Boolean,default:null},label:{type:String,default:null},icon:{type:String,default:null},title:{type:String,default:"Upload"}},emits:["update:modelValue"],setup(n,{emit:r}){const i=a.ref(null),t=a.ref([]),s=a.ref(""),c=a.computed(()=>t.value.map(e=>({key:e.name,label:e.name}))),o=()=>{r("update:modelValue",n.multiple?t.value:t.value[0]),n.directUpload&&(t.value=[])};return{fileInput:i,files:t,fileList:c,fileInputModel:s,remove:e=>{n.disabled||(t.value=t.value.filter(l=>l.name!==e),o())},clearAll:()=>{n.disabled||(t.value=[],o())},openFileDialog:()=>{var e,l;(l=(e=i.value)==null?void 0:e.neonInput)==null||l.click()},onInput:e=>{if(e!=null&&e.target){const l=e.target.files,u=l?Array.from(l).filter(d=>!t.value.find(f=>f.name===d.name)):[];t.value=n.multiple?[...t.value,...u]:u,o()}}}}});module.exports=v;
2
2
  //# sourceMappingURL=NeonFile.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonFile.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /**\n * The disabled state of the component\n */\n disabled: { type: Boolean, default: false },\n /**\n * Files are uploaded directly once added, there is no waiting to click a confirmation button\n */\n directUpload: { type: Boolean, default: false },\n /**\n * Support multiple files.\n */\n multiple: { type: Boolean, default: false },\n /**\n * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n */\n accept: { type: String, default: null },\n /**\n * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n */\n id: { type: String, default: null },\n /**\n * The file component size\n */\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /**\n * The state of the input, used to indicate loading, success and error states\n */\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /**\n * The file component color\n */\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /**\n * The label of the file component button\n */\n label: { type: String, default: null },\n /**\n * The icon of the file component button\n */\n icon: { type: String, default: null },\n },\n emits: [\n /**\n * Emitted when files are selected and uploaded\n * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<HTMLInputElement | null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":"0UAYAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,aAAc,CAAE,KAAM,QAAS,QAAS,EAAA,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAKpC,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAA,EAKjC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI7B,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,CAAK,EAEtC,MAAO,CAKL,mBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAYC,EAAAA,IAA6B,IAAI,EAC7CC,EAAQD,EAAAA,IAAiB,EAAE,EAC3BE,EAAiBF,EAAAA,IAAI,EAAE,EAEvBG,EAAWC,EAAAA,SAAS,IACjBH,EAAM,MAAM,IAAKI,IAAU,CAAE,IAAKA,EAAK,KAAM,MAAOA,EAAK,IAAA,EAAO,CACxE,EAEKC,EAAY,IAAM,CACtBR,EAAK,oBAAqBD,EAAM,SAAWI,EAAM,MAAQA,EAAM,MAAM,CAAC,CAAC,EACnEJ,EAAM,eACRI,EAAM,MAAQ,CAAA,EAElB,EA+BA,MAAO,CACL,UAAAF,EACA,MAAAE,EACA,SAAAE,EACA,eAAAD,EACA,OAlCcK,GAAqB,CAC9BV,EAAM,WACTI,EAAM,MAAQA,EAAM,MAAM,OAAQO,GAAMA,EAAE,OAASD,CAAQ,EAC3DD,EAAA,EAEJ,EA8BE,SA5Be,IAAM,CAChBT,EAAM,WACTI,EAAM,MAAQ,CAAA,EACdK,EAAA,EAEJ,EAwBE,eAtBqB,IAAM,QAC3BG,EAAAV,EAAU,QAAV,MAAAU,EAAiB,OACnB,EAqBE,QAnBeC,GAAiB,CAChC,GAAIA,GAAA,MAAAA,EAAO,OAAQ,CACjB,MAAMC,EAAYD,EAAM,OAA4B,MAC9CE,EAAWD,EACb,MAAM,KAAKA,CAAQ,EAAE,OAAQN,GAAS,CAACJ,EAAM,MAAM,KAAM,GAAM,EAAE,OAASI,EAAK,IAAI,CAAC,EACpF,CAAA,EACJJ,EAAM,MAAQJ,EAAM,SAAW,CAAC,GAAGI,EAAM,MAAO,GAAGW,CAAQ,EAAIA,EAC/DN,EAAA,CACF,CACF,CAUE,CAEJ,CACF,CAAC"}
1
+ {"version":3,"file":"NeonFile.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /**\n * The disabled state of the component\n */\n disabled: { type: Boolean, default: false },\n /**\n * Files are uploaded directly once added, there is no waiting to click a confirmation button\n */\n directUpload: { type: Boolean, default: false },\n /**\n * Support multiple files.\n */\n multiple: { type: Boolean, default: false },\n /**\n * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n */\n accept: { type: String, default: null },\n /**\n * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n */\n id: { type: String, default: null },\n /**\n * The file component size\n */\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /**\n * The state of the input, used to indicate loading, success and error states\n */\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /**\n * The file component color\n */\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /**\n * Make the button circular. NOTE: This is only for icon only buttons.\n */\n circular: { type: Boolean, default: null },\n /**\n * The label of the file component button\n */\n label: { type: String, default: null },\n /**\n * The icon of the file component button\n */\n icon: { type: String, default: null },\n /**\n * Title for the file upload button.\n */\n title: { type: String, default: 'Upload' },\n },\n emits: [\n /**\n * Emitted when files are selected and uploaded\n * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<InstanceType<typeof NeonInput> | null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.neonInput?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_b","_a","event","theFiles","newFiles"],"mappings":"0UAYAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,aAAc,CAAE,KAAM,QAAS,QAAS,EAAA,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAKpC,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAA,EAKjC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI7B,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,SAAU,CAAE,KAAM,QAAS,QAAS,IAAA,EAIpC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,MAAO,CAAE,KAAM,OAAQ,QAAS,QAAA,CAAS,EAE3C,MAAO,CAKL,mBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAYC,EAAAA,IAA2C,IAAI,EAC3DC,EAAQD,EAAAA,IAAiB,EAAE,EAC3BE,EAAiBF,EAAAA,IAAI,EAAE,EAEvBG,EAAWC,EAAAA,SAAS,IACjBH,EAAM,MAAM,IAAKI,IAAU,CAAE,IAAKA,EAAK,KAAM,MAAOA,EAAK,IAAA,EAAO,CACxE,EAEKC,EAAY,IAAM,CACtBR,EAAK,oBAAqBD,EAAM,SAAWI,EAAM,MAAQA,EAAM,MAAM,CAAC,CAAC,EACnEJ,EAAM,eACRI,EAAM,MAAQ,CAAA,EAElB,EA+BA,MAAO,CACL,UAAAF,EACA,MAAAE,EACA,SAAAE,EACA,eAAAD,EACA,OAlCcK,GAAqB,CAC9BV,EAAM,WACTI,EAAM,MAAQA,EAAM,MAAM,OAAQO,GAAMA,EAAE,OAASD,CAAQ,EAC3DD,EAAA,EAEJ,EA8BE,SA5Be,IAAM,CAChBT,EAAM,WACTI,EAAM,MAAQ,CAAA,EACdK,EAAA,EAEJ,EAwBE,eAtBqB,IAAM,UAC3BG,GAAAC,EAAAX,EAAU,QAAV,YAAAW,EAAiB,YAAjB,MAAAD,EAA4B,OAC9B,EAqBE,QAnBeE,GAAiB,CAChC,GAAIA,GAAA,MAAAA,EAAO,OAAQ,CACjB,MAAMC,EAAYD,EAAM,OAA4B,MAC9CE,EAAWD,EACb,MAAM,KAAKA,CAAQ,EAAE,OAAQP,GAAS,CAACJ,EAAM,MAAM,KAAM,GAAM,EAAE,OAASI,EAAK,IAAI,CAAC,EACpF,CAAA,EACJJ,EAAM,MAAQJ,EAAM,SAAW,CAAC,GAAGI,EAAM,MAAO,GAAGY,CAAQ,EAAIA,EAC/DP,EAAA,CACF,CACF,CAUE,CAEJ,CACF,CAAC"}
@@ -47,6 +47,10 @@ const V = s({
47
47
  * The file component color
48
48
  */
49
49
  color: { type: String, default: g.Primary },
50
+ /**
51
+ * Make the button circular. NOTE: This is only for icon only buttons.
52
+ */
53
+ circular: { type: Boolean, default: null },
50
54
  /**
51
55
  * The label of the file component button
52
56
  */
@@ -54,7 +58,11 @@ const V = s({
54
58
  /**
55
59
  * The icon of the file component button
56
60
  */
57
- icon: { type: String, default: null }
61
+ icon: { type: String, default: null },
62
+ /**
63
+ * Title for the file upload button.
64
+ */
65
+ title: { type: String, default: "Upload" }
58
66
  },
59
67
  emits: [
60
68
  /**
@@ -63,29 +71,29 @@ const V = s({
63
71
  */
64
72
  "update:modelValue"
65
73
  ],
66
- setup(t, { emit: r }) {
67
- const i = n(null), l = n([]), m = n(""), f = c(() => l.value.map((e) => ({ key: e.name, label: e.name }))), a = () => {
68
- r("update:modelValue", t.multiple ? l.value : l.value[0]), t.directUpload && (l.value = []);
74
+ setup(o, { emit: r }) {
75
+ const i = n(null), l = n([]), f = n(""), m = c(() => l.value.map((e) => ({ key: e.name, label: e.name }))), a = () => {
76
+ r("update:modelValue", o.multiple ? l.value : l.value[0]), o.directUpload && (l.value = []);
69
77
  };
70
78
  return {
71
79
  fileInput: i,
72
80
  files: l,
73
- fileList: f,
74
- fileInputModel: m,
81
+ fileList: m,
82
+ fileInputModel: f,
75
83
  remove: (e) => {
76
- t.disabled || (l.value = l.value.filter((o) => o.name !== e), a());
84
+ o.disabled || (l.value = l.value.filter((t) => t.name !== e), a());
77
85
  },
78
86
  clearAll: () => {
79
- t.disabled || (l.value = [], a());
87
+ o.disabled || (l.value = [], a());
80
88
  },
81
89
  openFileDialog: () => {
82
- var e;
83
- (e = i.value) == null || e.click();
90
+ var e, t;
91
+ (t = (e = i.value) == null ? void 0 : e.neonInput) == null || t.click();
84
92
  },
85
93
  onInput: (e) => {
86
94
  if (e != null && e.target) {
87
- const o = e.target.files, u = o ? Array.from(o).filter((d) => !l.value.find((p) => p.name === d.name)) : [];
88
- l.value = t.multiple ? [...l.value, ...u] : u, a();
95
+ const t = e.target.files, u = t ? Array.from(t).filter((p) => !l.value.find((d) => d.name === p.name)) : [];
96
+ l.value = o.multiple ? [...l.value, ...u] : u, a();
89
97
  }
90
98
  }
91
99
  };
@@ -1 +1 @@
1
- {"version":3,"file":"NeonFile.es.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /**\n * The disabled state of the component\n */\n disabled: { type: Boolean, default: false },\n /**\n * Files are uploaded directly once added, there is no waiting to click a confirmation button\n */\n directUpload: { type: Boolean, default: false },\n /**\n * Support multiple files.\n */\n multiple: { type: Boolean, default: false },\n /**\n * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n */\n accept: { type: String, default: null },\n /**\n * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n */\n id: { type: String, default: null },\n /**\n * The file component size\n */\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /**\n * The state of the input, used to indicate loading, success and error states\n */\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /**\n * The file component color\n */\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /**\n * The label of the file component button\n */\n label: { type: String, default: null },\n /**\n * The icon of the file component button\n */\n icon: { type: String, default: null },\n },\n emits: [\n /**\n * Emitted when files are selected and uploaded\n * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<HTMLInputElement | null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":";;;;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,cAAc,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7B,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAA2B,SAASC,EAAU,MAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,EAAK;AAAA,EAEtC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAYC,EAA6B,IAAI,GAC7CC,IAAQD,EAAiB,EAAE,GAC3BE,IAAiBF,EAAI,EAAE,GAEvBG,IAAWC,EAAS,MACjBH,EAAM,MAAM,IAAI,CAACI,OAAU,EAAE,KAAKA,EAAK,MAAM,OAAOA,EAAK,KAAA,EAAO,CACxE,GAEKC,IAAY,MAAM;AACtB,MAAAR,EAAK,qBAAqBD,EAAM,WAAWI,EAAM,QAAQA,EAAM,MAAM,CAAC,CAAC,GACnEJ,EAAM,iBACRI,EAAM,QAAQ,CAAA;AAAA,IAElB;AA+BA,WAAO;AAAA,MACL,WAAAF;AAAA,MACA,OAAAE;AAAA,MACA,UAAAE;AAAA,MACA,gBAAAD;AAAA,MACA,QAlCa,CAACK,MAAqB;AACnC,QAAKV,EAAM,aACTI,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACO,MAAMA,EAAE,SAASD,CAAQ,GAC3DD,EAAA;AAAA,MAEJ;AAAA,MA8BE,UA5Be,MAAM;AACrB,QAAKT,EAAM,aACTI,EAAM,QAAQ,CAAA,GACdK,EAAA;AAAA,MAEJ;AAAA,MAwBE,gBAtBqB,MAAM;;AAC3B,SAAAG,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,MACnB;AAAA,MAqBE,SAnBc,CAACC,MAAiB;AAChC,YAAIA,KAAA,QAAAA,EAAO,QAAQ;AACjB,gBAAMC,IAAYD,EAAM,OAA4B,OAC9CE,IAAWD,IACb,MAAM,KAAKA,CAAQ,EAAE,OAAO,CAACN,MAAS,CAACJ,EAAM,MAAM,KAAK,CAACO,MAAMA,EAAE,SAASH,EAAK,IAAI,CAAC,IACpF,CAAA;AACJ,UAAAJ,EAAM,QAAQJ,EAAM,WAAW,CAAC,GAAGI,EAAM,OAAO,GAAGW,CAAQ,IAAIA,GAC/DN,EAAA;AAAA,QACF;AAAA,MACF;AAAA,IAUE;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"NeonFile.es.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n name: 'NeonFile',\n components: {\n NeonButton,\n NeonInput,\n NeonList,\n },\n props: {\n /**\n * The disabled state of the component\n */\n disabled: { type: Boolean, default: false },\n /**\n * Files are uploaded directly once added, there is no waiting to click a confirmation button\n */\n directUpload: { type: Boolean, default: false },\n /**\n * Support multiple files.\n */\n multiple: { type: Boolean, default: false },\n /**\n * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n * e.g. 'application/pdf'.\n */\n accept: { type: String, default: null },\n /**\n * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n * the hidden input).\n */\n id: { type: String, default: null },\n /**\n * The file component size\n */\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /**\n * The state of the input, used to indicate loading, success and error states\n */\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /**\n * The file component color\n */\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /**\n * Make the button circular. NOTE: This is only for icon only buttons.\n */\n circular: { type: Boolean, default: null },\n /**\n * The label of the file component button\n */\n label: { type: String, default: null },\n /**\n * The icon of the file component button\n */\n icon: { type: String, default: null },\n /**\n * Title for the file upload button.\n */\n title: { type: String, default: 'Upload' },\n },\n emits: [\n /**\n * Emitted when files are selected and uploaded\n * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const fileInput = ref<InstanceType<typeof NeonInput> | null>(null);\n const files = ref<Array<File>>([]);\n const fileInputModel = ref('');\n\n const fileList = computed(() => {\n return files.value.map((file) => ({ key: file.name, label: file.name }));\n });\n\n const emitFiles = () => {\n emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n if (props.directUpload) {\n files.value = [];\n }\n };\n\n const remove = (filename: string) => {\n if (!props.disabled) {\n files.value = files.value.filter((f) => f.name !== filename);\n emitFiles();\n }\n };\n\n const clearAll = () => {\n if (!props.disabled) {\n files.value = [];\n emitFiles();\n }\n };\n\n const openFileDialog = () => {\n fileInput.value?.neonInput?.click();\n };\n\n const onInput = (event: Event) => {\n if (event?.target) {\n const theFiles = (event.target as HTMLInputElement).files;\n const newFiles = theFiles\n ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n : [];\n files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n emitFiles();\n }\n };\n\n return {\n fileInput,\n files,\n fileList,\n fileInputModel,\n remove,\n clearAll,\n openFileDialog,\n onInput,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_b","_a","event","theFiles","newFiles"],"mappings":";;;;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,cAAc,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7B,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAA2B,SAASC,EAAU,MAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,UAAU,EAAE,MAAM,SAAS,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,OAAO,EAAE,MAAM,QAAQ,SAAS,SAAA;AAAA,EAAS;AAAA,EAE3C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAYC,EAA2C,IAAI,GAC3DC,IAAQD,EAAiB,EAAE,GAC3BE,IAAiBF,EAAI,EAAE,GAEvBG,IAAWC,EAAS,MACjBH,EAAM,MAAM,IAAI,CAACI,OAAU,EAAE,KAAKA,EAAK,MAAM,OAAOA,EAAK,KAAA,EAAO,CACxE,GAEKC,IAAY,MAAM;AACtB,MAAAR,EAAK,qBAAqBD,EAAM,WAAWI,EAAM,QAAQA,EAAM,MAAM,CAAC,CAAC,GACnEJ,EAAM,iBACRI,EAAM,QAAQ,CAAA;AAAA,IAElB;AA+BA,WAAO;AAAA,MACL,WAAAF;AAAA,MACA,OAAAE;AAAA,MACA,UAAAE;AAAA,MACA,gBAAAD;AAAA,MACA,QAlCa,CAACK,MAAqB;AACnC,QAAKV,EAAM,aACTI,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACO,MAAMA,EAAE,SAASD,CAAQ,GAC3DD,EAAA;AAAA,MAEJ;AAAA,MA8BE,UA5Be,MAAM;AACrB,QAAKT,EAAM,aACTI,EAAM,QAAQ,CAAA,GACdK,EAAA;AAAA,MAEJ;AAAA,MAwBE,gBAtBqB,MAAM;;AAC3B,SAAAG,KAAAC,IAAAX,EAAU,UAAV,gBAAAW,EAAiB,cAAjB,QAAAD,EAA4B;AAAA,MAC9B;AAAA,MAqBE,SAnBc,CAACE,MAAiB;AAChC,YAAIA,KAAA,QAAAA,EAAO,QAAQ;AACjB,gBAAMC,IAAYD,EAAM,OAA4B,OAC9CE,IAAWD,IACb,MAAM,KAAKA,CAAQ,EAAE,OAAO,CAACP,MAAS,CAACJ,EAAM,MAAM,KAAK,CAACO,MAAMA,EAAE,SAASH,EAAK,IAAI,CAAC,IACpF,CAAA;AACJ,UAAAJ,EAAM,QAAQJ,EAAM,WAAW,CAAC,GAAGI,EAAM,OAAO,GAAGY,CAAQ,IAAIA,GAC/DP,EAAA;AAAA,QACF;AAAA,MACF;AAAA,IAUE;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,2 +1,2 @@
1
- "use strict";const a=require("./NeonFile.cjs.js"),l=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["aria-disabled"],p={class:"neon-button-group neon-file__actions"};function u(e,o,c,m,f,C){const s=l.resolveComponent("neon-list"),d=l.resolveComponent("neon-input"),n=l.resolveComponent("neon-button");return l.openBlock(),l.createElementBlock("div",{"aria-disabled":e.disabled,class:l.normalizeClass([[`neon-file--${e.color}`,`neon-file--${e.size}`,{"neon-file--disabled":e.disabled,"neon-file--single":!e.multiple,"neon-file--direct-upload":e.directUpload}],"neon-file"])},[e.directUpload?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(s,{key:0,color:e.color,disabled:e.disabled,modelValue:e.fileList,size:e.size,onClose:e.remove},null,8,["color","disabled","modelValue","size","onClose"])),l.createVNode(d,{id:e.id,ref:"fileInput",modelValue:e.fileInputModel,"onUpdate:modelValue":o[0]||(o[0]=i=>e.fileInputModel=i),accept:e.accept,disabled:e.disabled,multiple:e.multiple,tabindex:-1,class:"neon-file__input",type:"file",onInput:e.onInput},null,8,["id","modelValue","accept","disabled","multiple","onInput"]),l.createElementVNode("div",p,[e.multiple&&!e.directUpload?(l.openBlock(),l.createBlock(n,{key:0,disabled:e.disabled||e.files.length===0,size:e.size,"button-style":"text",color:"low-contrast",label:"Clear all",onClick:o[1]||(o[1]=i=>e.clearAll())},null,8,["disabled","size"])):l.createCommentVNode("",!0),l.createVNode(n,{"aria-controls":e.id?e.id:void 0,color:e.color,disabled:e.disabled,icon:e.icon,label:e.label,size:e.size,state:e.state,onClick:e.openFileDialog},null,8,["aria-controls","color","disabled","icon","label","size","state","onClick"])])],10,r)}const b=t(a,[["render",u]]);module.exports=b;
1
+ "use strict";const a=require("./NeonFile.cjs.js"),l=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["aria-disabled"],u={class:"neon-button-group neon-file__actions"};function p(e,o,b,m,f,C){const s=l.resolveComponent("neon-list"),d=l.resolveComponent("neon-input"),n=l.resolveComponent("neon-button");return l.openBlock(),l.createElementBlock("div",{"aria-disabled":e.disabled,class:l.normalizeClass([[`neon-file--${e.color}`,`neon-file--${e.size}`,{"neon-file--disabled":e.disabled,"neon-file--single":!e.multiple,"neon-file--direct-upload":e.directUpload}],"neon-file"])},[e.directUpload?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(s,{key:0,color:e.color,disabled:e.disabled,modelValue:e.fileList,size:e.size,onClose:e.remove},null,8,["color","disabled","modelValue","size","onClose"])),l.createVNode(d,{id:e.id,ref:"fileInput",modelValue:e.fileInputModel,"onUpdate:modelValue":o[0]||(o[0]=i=>e.fileInputModel=i),accept:e.accept,disabled:e.disabled,multiple:e.multiple,tabindex:-1,class:"neon-file__input",type:"file",onInput:e.onInput},null,8,["id","modelValue","accept","disabled","multiple","onInput"]),l.createElementVNode("div",u,[e.multiple&&!e.directUpload?(l.openBlock(),l.createBlock(n,{key:0,disabled:e.disabled||e.files.length===0,size:e.size,"button-style":"text",color:"low-contrast",label:"Clear all",onClick:o[1]||(o[1]=i=>e.clearAll())},null,8,["disabled","size"])):l.createCommentVNode("",!0),l.createVNode(n,{"aria-controls":e.id?e.id:void 0,circular:e.circular,color:e.color,disabled:e.disabled,icon:e.icon,label:e.label,size:e.size,state:e.state,title:e.title,onClick:e.openFileDialog},null,8,["aria-controls","circular","color","disabled","icon","label","size","state","title","onClick"])])],10,r)}const c=t(a,[["render",p]]);module.exports=c;
2
2
  //# sourceMappingURL=NeonFile.vue.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonFile.vue.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.vue"],"sourcesContent":["<template>\n <div\n :aria-disabled=\"disabled\"\n :class=\"[\n `neon-file--${color}`,\n `neon-file--${size}`,\n { 'neon-file--disabled': disabled, 'neon-file--single': !multiple, 'neon-file--direct-upload': directUpload },\n ]\"\n class=\"neon-file\"\n >\n <neon-list\n v-if=\"!directUpload\"\n :color=\"color\"\n :disabled=\"disabled\"\n :modelValue=\"fileList\"\n :size=\"size\"\n @close=\"remove\"\n />\n <neon-input\n :id=\"id\"\n ref=\"fileInput\"\n v-model=\"fileInputModel\"\n :accept=\"accept\"\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n :tabindex=\"-1\"\n class=\"neon-file__input\"\n type=\"file\"\n @input=\"onInput\"\n />\n <div class=\"neon-button-group neon-file__actions\">\n <neon-button\n v-if=\"multiple && !directUpload\"\n :disabled=\"disabled || files.length === 0\"\n :size=\"size\"\n button-style=\"text\"\n color=\"low-contrast\"\n label=\"Clear all\"\n @click=\"clearAll()\"\n />\n <neon-button\n :aria-controls=\"id ? id : undefined\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :label=\"label\"\n :size=\"size\"\n :state=\"state\"\n @click=\"openFileDialog\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFile.ts\" />\n"],"names":["_hoisted_2","_createElementBlock","_ctx","_normalizeClass","_createBlock","_component_neon_list","_createVNode","_component_neon_input","$event","_createElementVNode","_component_neon_button"],"mappings":"uJA8BSA,EAAA,CAAA,MAAM,sCAAsC,8JA7BnDC,EAAAA,mBAkDM,MAAA,CAjDH,gBAAeC,EAAA,SACf,MAAKC,EAAAA,eAAA,CAAA,eAAwBD,EAAA,KAAK,iBAAwBA,EAAA,IAAI,0BAAmCA,EAAA,SAAQ,oBAAA,CAAwBA,EAAA,SAAQ,2BAA8BA,EAAA,YAAY,GAK9K,WAAW,CAAA,IAGRA,EAAA,wDADTE,EAAAA,YAOEC,EAAA,OALC,MAAOH,EAAA,MACP,SAAUA,EAAA,SACV,WAAYA,EAAA,SACZ,KAAMA,EAAA,KACN,QAAOA,EAAA,oEAEVI,EAAAA,YAWEC,EAAA,CAVC,GAAIL,EAAA,GACL,IAAI,uBACKA,EAAA,oDAAAA,EAAA,eAAcM,GACtB,OAAQN,EAAA,OACR,SAAUA,EAAA,SACV,SAAUA,EAAA,SACV,SAAU,GACX,MAAM,mBACN,KAAK,OACJ,QAAOA,EAAA,8EAEVO,EAAAA,mBAoBM,MApBNT,EAoBM,CAlBIE,EAAA,WAAaA,EAAA,4BADrBE,EAAAA,YAQEM,EAAA,OANC,SAAUR,EAAA,UAAYA,EAAA,MAAM,SAAM,EAClC,KAAMA,EAAA,KACP,eAAa,OACb,MAAM,eACN,MAAM,YACL,uBAAOA,EAAA,sEAEVI,EAAAA,YASEI,EAAA,CARC,gBAAeR,EAAA,GAAKA,EAAA,GAAK,OACzB,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,QAAOA,EAAA"}
1
+ {"version":3,"file":"NeonFile.vue.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.vue"],"sourcesContent":["<template>\n <div\n :aria-disabled=\"disabled\"\n :class=\"[\n `neon-file--${color}`,\n `neon-file--${size}`,\n { 'neon-file--disabled': disabled, 'neon-file--single': !multiple, 'neon-file--direct-upload': directUpload },\n ]\"\n class=\"neon-file\"\n >\n <neon-list\n v-if=\"!directUpload\"\n :color=\"color\"\n :disabled=\"disabled\"\n :modelValue=\"fileList\"\n :size=\"size\"\n @close=\"remove\"\n />\n <neon-input\n :id=\"id\"\n ref=\"fileInput\"\n v-model=\"fileInputModel\"\n :accept=\"accept\"\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n :tabindex=\"-1\"\n class=\"neon-file__input\"\n type=\"file\"\n @input=\"onInput\"\n />\n <div class=\"neon-button-group neon-file__actions\">\n <neon-button\n v-if=\"multiple && !directUpload\"\n :disabled=\"disabled || files.length === 0\"\n :size=\"size\"\n button-style=\"text\"\n color=\"low-contrast\"\n label=\"Clear all\"\n @click=\"clearAll()\"\n />\n <neon-button\n :aria-controls=\"id ? id : undefined\"\n :circular=\"circular\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :label=\"label\"\n :size=\"size\"\n :state=\"state\"\n :title=\"title\"\n @click=\"openFileDialog\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFile.ts\" />\n"],"names":["_hoisted_2","_createElementBlock","_ctx","_normalizeClass","_createBlock","_component_neon_list","_createVNode","_component_neon_input","$event","_createElementVNode","_component_neon_button"],"mappings":"uJA8BSA,EAAA,CAAA,MAAM,sCAAsC,8JA7BnDC,EAAAA,mBAoDM,MAAA,CAnDH,gBAAeC,EAAA,SACf,MAAKC,EAAAA,eAAA,CAAA,eAAwBD,EAAA,KAAK,iBAAwBA,EAAA,IAAI,0BAAmCA,EAAA,SAAQ,oBAAA,CAAwBA,EAAA,SAAQ,2BAA8BA,EAAA,YAAY,GAK9K,WAAW,CAAA,IAGRA,EAAA,wDADTE,EAAAA,YAOEC,EAAA,OALC,MAAOH,EAAA,MACP,SAAUA,EAAA,SACV,WAAYA,EAAA,SACZ,KAAMA,EAAA,KACN,QAAOA,EAAA,oEAEVI,EAAAA,YAWEC,EAAA,CAVC,GAAIL,EAAA,GACL,IAAI,uBACKA,EAAA,oDAAAA,EAAA,eAAcM,GACtB,OAAQN,EAAA,OACR,SAAUA,EAAA,SACV,SAAUA,EAAA,SACV,SAAU,GACX,MAAM,mBACN,KAAK,OACJ,QAAOA,EAAA,8EAEVO,EAAAA,mBAsBM,MAtBNT,EAsBM,CApBIE,EAAA,WAAaA,EAAA,4BADrBE,EAAAA,YAQEM,EAAA,OANC,SAAUR,EAAA,UAAYA,EAAA,MAAM,SAAM,EAClC,KAAMA,EAAA,KACP,eAAa,OACb,MAAM,eACN,MAAM,YACL,uBAAOA,EAAA,sEAEVI,EAAAA,YAWEI,EAAA,CAVC,gBAAeR,EAAA,GAAKA,EAAA,GAAK,OACzB,SAAUA,EAAA,SACV,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,MAAOA,EAAA,MACP,QAAOA,EAAA"}
@@ -1,5 +1,5 @@
1
1
  import u from "./NeonFile.es.js";
2
- import { resolveComponent as o, openBlock as n, createElementBlock as m, normalizeClass as b, createBlock as s, createCommentVNode as a, createVNode as t, createElementVNode as f } from "vue";
2
+ import { resolveComponent as o, openBlock as n, createElementBlock as m, normalizeClass as b, createBlock as a, createCommentVNode as s, createVNode as t, createElementVNode as f } from "vue";
3
3
  import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
4
4
  const z = ["aria-disabled"], C = { class: "neon-button-group neon-file__actions" };
5
5
  function k(e, l, V, $, I, v) {
@@ -12,7 +12,7 @@ function k(e, l, V, $, I, v) {
12
12
  { "neon-file--disabled": e.disabled, "neon-file--single": !e.multiple, "neon-file--direct-upload": e.directUpload }
13
13
  ], "neon-file"])
14
14
  }, [
15
- e.directUpload ? a("", !0) : (n(), s(r, {
15
+ e.directUpload ? s("", !0) : (n(), a(r, {
16
16
  key: 0,
17
17
  color: e.color,
18
18
  disabled: e.disabled,
@@ -34,7 +34,7 @@ function k(e, l, V, $, I, v) {
34
34
  onInput: e.onInput
35
35
  }, null, 8, ["id", "modelValue", "accept", "disabled", "multiple", "onInput"]),
36
36
  f("div", C, [
37
- e.multiple && !e.directUpload ? (n(), s(i, {
37
+ e.multiple && !e.directUpload ? (n(), a(i, {
38
38
  key: 0,
39
39
  disabled: e.disabled || e.files.length === 0,
40
40
  size: e.size,
@@ -42,17 +42,19 @@ function k(e, l, V, $, I, v) {
42
42
  color: "low-contrast",
43
43
  label: "Clear all",
44
44
  onClick: l[1] || (l[1] = (d) => e.clearAll())
45
- }, null, 8, ["disabled", "size"])) : a("", !0),
45
+ }, null, 8, ["disabled", "size"])) : s("", !0),
46
46
  t(i, {
47
47
  "aria-controls": e.id ? e.id : void 0,
48
+ circular: e.circular,
48
49
  color: e.color,
49
50
  disabled: e.disabled,
50
51
  icon: e.icon,
51
52
  label: e.label,
52
53
  size: e.size,
53
54
  state: e.state,
55
+ title: e.title,
54
56
  onClick: e.openFileDialog
55
- }, null, 8, ["aria-controls", "color", "disabled", "icon", "label", "size", "state", "onClick"])
57
+ }, null, 8, ["aria-controls", "circular", "color", "disabled", "icon", "label", "size", "state", "title", "onClick"])
56
58
  ])
57
59
  ], 10, z);
58
60
  }
@@ -1 +1 @@
1
- {"version":3,"file":"NeonFile.vue.es.js","sources":["../../../../src/components/user-input/file/NeonFile.vue"],"sourcesContent":["<template>\n <div\n :aria-disabled=\"disabled\"\n :class=\"[\n `neon-file--${color}`,\n `neon-file--${size}`,\n { 'neon-file--disabled': disabled, 'neon-file--single': !multiple, 'neon-file--direct-upload': directUpload },\n ]\"\n class=\"neon-file\"\n >\n <neon-list\n v-if=\"!directUpload\"\n :color=\"color\"\n :disabled=\"disabled\"\n :modelValue=\"fileList\"\n :size=\"size\"\n @close=\"remove\"\n />\n <neon-input\n :id=\"id\"\n ref=\"fileInput\"\n v-model=\"fileInputModel\"\n :accept=\"accept\"\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n :tabindex=\"-1\"\n class=\"neon-file__input\"\n type=\"file\"\n @input=\"onInput\"\n />\n <div class=\"neon-button-group neon-file__actions\">\n <neon-button\n v-if=\"multiple && !directUpload\"\n :disabled=\"disabled || files.length === 0\"\n :size=\"size\"\n button-style=\"text\"\n color=\"low-contrast\"\n label=\"Clear all\"\n @click=\"clearAll()\"\n />\n <neon-button\n :aria-controls=\"id ? id : undefined\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :label=\"label\"\n :size=\"size\"\n :state=\"state\"\n @click=\"openFileDialog\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFile.ts\" />\n"],"names":["_hoisted_2","_createElementBlock","_ctx","_normalizeClass","_createBlock","_component_neon_list","_createVNode","_component_neon_input","$event","_createElementVNode","_component_neon_button"],"mappings":";;;6BA8BSA,IAAA,EAAA,OAAM,uCAAsC;;;cA7BnDC,EAkDM,OAAA;AAAA,IAjDH,iBAAeC,EAAA;AAAA,IACf,OAAKC,EAAA,CAAA;AAAA,oBAAwBD,EAAA,KAAK;AAAA,oBAAwBA,EAAA,IAAI;AAAA,+BAAmCA,EAAA,UAAQ,qBAAA,CAAwBA,EAAA,UAAQ,4BAA8BA,EAAA,aAAY;AAAA,OAK9K,WAAW,CAAA;AAAA;IAGRA,EAAA,iCADTE,EAOEC,GAAA;AAAA;MALC,OAAOH,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,YAAYA,EAAA;AAAA,MACZ,MAAMA,EAAA;AAAA,MACN,SAAOA,EAAA;AAAA;IAEVI,EAWEC,GAAA;AAAA,MAVC,IAAIL,EAAA;AAAA,MACL,KAAI;AAAA,kBACKA,EAAA;AAAA,oDAAAA,EAAA,iBAAcM;AAAA,MACtB,QAAQN,EAAA;AAAA,MACR,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,UAAU;AAAA,MACX,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,SAAOA,EAAA;AAAA;IAEVO,EAoBM,OApBNT,GAoBM;AAAA,MAlBIE,EAAA,aAAaA,EAAA,qBADrBE,EAQEM,GAAA;AAAA;QANC,UAAUR,EAAA,YAAYA,EAAA,MAAM,WAAM;AAAA,QAClC,MAAMA,EAAA;AAAA,QACP,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACL,gCAAOA,EAAA;;MAEVI,EASEI,GAAA;AAAA,QARC,iBAAeR,EAAA,KAAKA,EAAA,KAAK;AAAA,QACzB,OAAOA,EAAA;AAAA,QACP,UAAUA,EAAA;AAAA,QACV,MAAMA,EAAA;AAAA,QACN,OAAOA,EAAA;AAAA,QACP,MAAMA,EAAA;AAAA,QACN,OAAOA,EAAA;AAAA,QACP,SAAOA,EAAA;AAAA;;;;;"}
1
+ {"version":3,"file":"NeonFile.vue.es.js","sources":["../../../../src/components/user-input/file/NeonFile.vue"],"sourcesContent":["<template>\n <div\n :aria-disabled=\"disabled\"\n :class=\"[\n `neon-file--${color}`,\n `neon-file--${size}`,\n { 'neon-file--disabled': disabled, 'neon-file--single': !multiple, 'neon-file--direct-upload': directUpload },\n ]\"\n class=\"neon-file\"\n >\n <neon-list\n v-if=\"!directUpload\"\n :color=\"color\"\n :disabled=\"disabled\"\n :modelValue=\"fileList\"\n :size=\"size\"\n @close=\"remove\"\n />\n <neon-input\n :id=\"id\"\n ref=\"fileInput\"\n v-model=\"fileInputModel\"\n :accept=\"accept\"\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n :tabindex=\"-1\"\n class=\"neon-file__input\"\n type=\"file\"\n @input=\"onInput\"\n />\n <div class=\"neon-button-group neon-file__actions\">\n <neon-button\n v-if=\"multiple && !directUpload\"\n :disabled=\"disabled || files.length === 0\"\n :size=\"size\"\n button-style=\"text\"\n color=\"low-contrast\"\n label=\"Clear all\"\n @click=\"clearAll()\"\n />\n <neon-button\n :aria-controls=\"id ? id : undefined\"\n :circular=\"circular\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :label=\"label\"\n :size=\"size\"\n :state=\"state\"\n :title=\"title\"\n @click=\"openFileDialog\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFile.ts\" />\n"],"names":["_hoisted_2","_createElementBlock","_ctx","_normalizeClass","_createBlock","_component_neon_list","_createVNode","_component_neon_input","$event","_createElementVNode","_component_neon_button"],"mappings":";;;6BA8BSA,IAAA,EAAA,OAAM,uCAAsC;;;cA7BnDC,EAoDM,OAAA;AAAA,IAnDH,iBAAeC,EAAA;AAAA,IACf,OAAKC,EAAA,CAAA;AAAA,oBAAwBD,EAAA,KAAK;AAAA,oBAAwBA,EAAA,IAAI;AAAA,+BAAmCA,EAAA,UAAQ,qBAAA,CAAwBA,EAAA,UAAQ,4BAA8BA,EAAA,aAAY;AAAA,OAK9K,WAAW,CAAA;AAAA;IAGRA,EAAA,iCADTE,EAOEC,GAAA;AAAA;MALC,OAAOH,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,YAAYA,EAAA;AAAA,MACZ,MAAMA,EAAA;AAAA,MACN,SAAOA,EAAA;AAAA;IAEVI,EAWEC,GAAA;AAAA,MAVC,IAAIL,EAAA;AAAA,MACL,KAAI;AAAA,kBACKA,EAAA;AAAA,oDAAAA,EAAA,iBAAcM;AAAA,MACtB,QAAQN,EAAA;AAAA,MACR,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,UAAU;AAAA,MACX,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,SAAOA,EAAA;AAAA;IAEVO,EAsBM,OAtBNT,GAsBM;AAAA,MApBIE,EAAA,aAAaA,EAAA,qBADrBE,EAQEM,GAAA;AAAA;QANC,UAAUR,EAAA,YAAYA,EAAA,MAAM,WAAM;AAAA,QAClC,MAAMA,EAAA;AAAA,QACP,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACL,gCAAOA,EAAA;;MAEVI,EAWEI,GAAA;AAAA,QAVC,iBAAeR,EAAA,KAAKA,EAAA,KAAK;AAAA,QACzB,UAAUA,EAAA;AAAA,QACV,OAAOA,EAAA;AAAA,QACP,UAAUA,EAAA;AAAA,QACV,MAAMA,EAAA;AAAA,QACN,OAAOA,EAAA;AAAA,QACP,MAAMA,EAAA;AAAA,QACN,OAAOA,EAAA;AAAA,QACP,OAAOA,EAAA;AAAA,QACP,SAAOA,EAAA;AAAA;;;;;"}
package/dist/neon.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),p=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),P=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),T=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),m=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),y=require("./components/user-input/field/NeonField.vue.cjs.js"),z=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),A=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),L=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),de=require("./common/enums/NeonBadgeSize.cjs.js"),pe=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonChipAction.cjs.js"),Pe=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ue=require("./common/enums/NeonDropdownStyle.cjs.js"),Te=require("./common/enums/NeonFunctionalColor.cjs.js"),be=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),ye=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),De=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Ae=require("./common/enums/NeonPageAlignment.cjs.js"),Le=require("./common/enums/NeonPosition.cjs.js"),he=require("./common/enums/NeonResponsive.cjs.js"),we=require("./common/enums/NeonSize.cjs.js"),Me=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Be=require("./common/enums/NeonState.cjs.js"),Re=require("./common/enums/NeonSwitchStyle.cjs.js"),Fe=require("./common/enums/NeonToggleChipSize.cjs.js"),ke=require("./common/enums/NeonToggleStyle.cjs.js"),Ee=require("./common/enums/NeonTooltipStyle.cjs.js"),Oe=require("./common/enums/NeonVerticalPosition.cjs.js"),Ge=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),He=require("./common/utils/NeonClosableUtils.cjs.js"),xe=require("./common/utils/NeonDateUtils.cjs.js"),fe=require("./common/utils/NeonDebounceUtils.cjs.js"),Je=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ve=require("./common/utils/NeonEventBus.cjs.js"),Ze=require("./common/utils/NeonIconRegistry.cjs.js"),je=require("./common/utils/NeonJazziconUtils.cjs.js"),Ke=require("./common/utils/NeonModeUtils.cjs.js"),Qe=require("./common/utils/NeonNumberUtils.cjs.js"),We=require("./common/utils/NeonPlacementUtils.cjs.js"),Xe=require("./common/utils/NeonRandomUtils.cjs.js"),Ye=require("./common/utils/NeonResponsiveUtils.cjs.js"),_e=require("./common/utils/NeonScrollUtils.cjs.js"),$e=require("./common/utils/NeonToastService.cjs.js"),eo=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),oo=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=d;exports.NeonDialog=p;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=P;exports.NeonDropZone=U;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=m;exports.NeonField=y;exports.NeonFile=z;exports.NeonFilterList=D;exports.NeonFooter=v;exports.NeonGrid=I;exports.NeonGridArea=A;exports.NeonIcon=L;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=de.NeonBadgeSize;exports.NeonButtonSize=pe.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonChipAction=Ce.NeonChipAction;exports.NeonDropdownPlacement=Pe.NeonDropdownPlacement;exports.NeonDropdownStyle=Ue.NeonDropdownStyle;exports.NeonFunctionalColor=Te.NeonFunctionalColor;exports.NeonHorizontalPosition=be.NeonHorizontalPosition;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=ye.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=De.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPageAlignment=Ae.NeonPageAlignment;exports.NeonPosition=Le.NeonPosition;exports.NeonResponsive=he.NeonResponsive;exports.NeonSize=we.NeonSize;exports.NeonSplashLoaderSize=Me.NeonSplashLoaderSize;exports.NeonState=Be.NeonState;exports.NeonSwitchStyle=Re.NeonSwitchStyle;exports.NeonToggleChipSize=Fe.NeonToggleChipSize;exports.NeonToggleStyle=ke.NeonToggleStyle;exports.NeonTooltipStyle=Ee.NeonTooltipStyle;exports.NeonVerticalPosition=Oe.NeonVerticalPosition;exports.NeonAlertService=Ge.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=He.NeonClosableUtils;exports.NeonDateUtils=xe.NeonDateUtils;exports.NeonDebounceUtils=fe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Je.NeonDropdownPlacementUtils;exports.NeonEventBus=Ve.NeonEventBus;exports.NeonIconRegistry=Ze.NeonIconRegistry;exports.NeonJazziconUtils=je.NeonJazziconUtils;exports.NeonModeUtils=Ke.NeonModeUtils;exports.NeonNumberUtils=Qe.NeonNumberUtils;exports.NeonPlacementUtils=We.NeonPlacementUtils;exports.NeonRandomUtils=Xe.NeonRandomUtils;exports.NeonResponsiveUtils=Ye.NeonResponsiveUtils;exports.NeonScrollUtils=_e.NeonScrollUtils;exports.NeonToastService=$e.NeonToastService;exports.NeonTooltipPlacementUtils=eo.NeonTooltipPlacementUtils;exports.RegisterIcons=oo.RegisterIcons;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),T=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),P=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),D=require("./components/user-input/file/NeonFile.vue.cjs.js"),z=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),L=require("./components/layout/footer/NeonFooter.vue.cjs.js"),v=require("./components/layout/grid/NeonGrid.vue.cjs.js"),I=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),f=require("./components/layout/modal/NeonModal.vue.cjs.js"),H=require("./components/feedback/note/NeonNote.vue.cjs.js"),x=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),pe=require("./common/enums/NeonBadgeSize.cjs.js"),de=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonButtonType.cjs.js"),Te=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),Pe=require("./common/enums/NeonDropdownStyle.cjs.js"),be=require("./common/enums/NeonFunctionalColor.cjs.js"),ye=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),De=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),Le=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Ae=require("./common/enums/NeonPageAlignment.cjs.js"),he=require("./common/enums/NeonPosition.cjs.js"),we=require("./common/enums/NeonResponsive.cjs.js"),Me=require("./common/enums/NeonSize.cjs.js"),Be=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Re=require("./common/enums/NeonState.cjs.js"),Fe=require("./common/enums/NeonSwitchStyle.cjs.js"),ke=require("./common/enums/NeonToggleChipSize.cjs.js"),Ee=require("./common/enums/NeonToggleStyle.cjs.js"),Oe=require("./common/enums/NeonTooltipStyle.cjs.js"),Ge=require("./common/enums/NeonVerticalPosition.cjs.js"),fe=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),He=require("./common/utils/NeonClosableUtils.cjs.js"),xe=require("./common/utils/NeonDateUtils.cjs.js"),Je=require("./common/utils/NeonDebounceUtils.cjs.js"),Ve=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ze=require("./common/utils/NeonEventBus.cjs.js"),je=require("./common/utils/NeonFileUtils.cjs.js"),Ke=require("./common/utils/NeonIconRegistry.cjs.js"),Qe=require("./common/utils/NeonJazziconUtils.cjs.js"),We=require("./common/utils/NeonModeUtils.cjs.js"),Xe=require("./common/utils/NeonNumberUtils.cjs.js"),Ye=require("./common/utils/NeonPlacementUtils.cjs.js"),_e=require("./common/utils/NeonRandomUtils.cjs.js"),$e=require("./common/utils/NeonResponsiveUtils.cjs.js"),eo=require("./common/utils/NeonScrollUtils.cjs.js"),oo=require("./common/utils/NeonToastService.cjs.js"),no=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),ro=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=T;exports.NeonDropZone=U;exports.NeonExpansionIndicator=P;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=m;exports.NeonFile=D;exports.NeonFilterList=z;exports.NeonFooter=L;exports.NeonGrid=v;exports.NeonGridArea=I;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=f;exports.NeonNote=H;exports.NeonNotificationCounter=x;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=pe.NeonBadgeSize;exports.NeonButtonSize=de.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonButtonType=Ce.NeonButtonType;exports.NeonChipAction=Te.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=Pe.NeonDropdownStyle;exports.NeonFunctionalColor=be.NeonFunctionalColor;exports.NeonHorizontalPosition=ye.NeonHorizontalPosition;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=De.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=Le.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPageAlignment=Ae.NeonPageAlignment;exports.NeonPosition=he.NeonPosition;exports.NeonResponsive=we.NeonResponsive;exports.NeonSize=Me.NeonSize;exports.NeonSplashLoaderSize=Be.NeonSplashLoaderSize;exports.NeonState=Re.NeonState;exports.NeonSwitchStyle=Fe.NeonSwitchStyle;exports.NeonToggleChipSize=ke.NeonToggleChipSize;exports.NeonToggleStyle=Ee.NeonToggleStyle;exports.NeonTooltipStyle=Oe.NeonTooltipStyle;exports.NeonVerticalPosition=Ge.NeonVerticalPosition;exports.NeonAlertService=fe.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=He.NeonClosableUtils;exports.NeonDateUtils=xe.NeonDateUtils;exports.NeonDebounceUtils=Je.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Ve.NeonDropdownPlacementUtils;exports.NeonEventBus=Ze.NeonEventBus;exports.fileToDataURL=je.fileToDataURL;exports.NeonIconRegistry=Ke.NeonIconRegistry;exports.NeonJazziconUtils=Qe.NeonJazziconUtils;exports.NeonModeUtils=We.NeonModeUtils;exports.NeonNumberUtils=Xe.NeonNumberUtils;exports.NeonPlacementUtils=Ye.NeonPlacementUtils;exports.NeonRandomUtils=_e.NeonRandomUtils;exports.NeonResponsiveUtils=$e.NeonResponsiveUtils;exports.NeonScrollUtils=eo.NeonScrollUtils;exports.NeonToastService=oo.NeonToastService;exports.NeonTooltipPlacementUtils=no.NeonTooltipPlacementUtils;exports.RegisterIcons=ro.RegisterIcons;
2
2
  //# sourceMappingURL=neon.cjs.js.map