@aotearoan/neon 23.2.2 → 23.2.3

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 (42) hide show
  1. package/dist/common/enums/NeonLayoutSize.cjs.js +2 -0
  2. package/dist/common/enums/NeonLayoutSize.cjs.js.map +1 -0
  3. package/dist/common/enums/NeonLayoutSize.es.js +5 -0
  4. package/dist/common/enums/NeonLayoutSize.es.js.map +1 -0
  5. package/dist/components/layout/inline/NeonInline.cjs.js +1 -1
  6. package/dist/components/layout/inline/NeonInline.cjs.js.map +1 -1
  7. package/dist/components/layout/inline/NeonInline.es.js +5 -6
  8. package/dist/components/layout/inline/NeonInline.es.js.map +1 -1
  9. package/dist/components/layout/inline/NeonInline.vue.cjs.js +1 -1
  10. package/dist/components/layout/inline/NeonInline.vue.cjs.js.map +1 -1
  11. package/dist/components/layout/inline/NeonInline.vue.es.js +4 -4
  12. package/dist/components/layout/inline/NeonInline.vue.es.js.map +1 -1
  13. package/dist/components/layout/stack/NeonStack.cjs.js +1 -1
  14. package/dist/components/layout/stack/NeonStack.cjs.js.map +1 -1
  15. package/dist/components/layout/stack/NeonStack.es.js +3 -3
  16. package/dist/components/layout/stack/NeonStack.es.js.map +1 -1
  17. package/dist/components/user-input/field/NeonField.cjs.js +1 -1
  18. package/dist/components/user-input/field/NeonField.cjs.js.map +1 -1
  19. package/dist/components/user-input/field/NeonField.es.js +5 -0
  20. package/dist/components/user-input/field/NeonField.es.js.map +1 -1
  21. package/dist/components/user-input/field/NeonField.vue.cjs.js +1 -1
  22. package/dist/components/user-input/field/NeonField.vue.cjs.js.map +1 -1
  23. package/dist/components/user-input/field/NeonField.vue.es.js +15 -13
  24. package/dist/components/user-input/field/NeonField.vue.es.js.map +1 -1
  25. package/dist/neon.cjs.js +1 -1
  26. package/dist/neon.es.js +97 -95
  27. package/dist/neon.es.js.map +1 -1
  28. package/dist/src/common/enums/NeonLayoutSize.d.ts +10 -0
  29. package/dist/src/components/feedback/banner/NeonBanner.d.ts +12 -15
  30. package/dist/src/components/feedback/note/NeonNote.d.ts +12 -15
  31. package/dist/src/components/layout/card-list/NeonCardList.d.ts +12 -15
  32. package/dist/src/components/layout/inline/NeonInline.d.ts +13 -16
  33. package/dist/src/components/layout/page/NeonPage.d.ts +12 -15
  34. package/dist/src/components/layout/stack/NeonStack.d.ts +6 -6
  35. package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +5 -5
  36. package/dist/src/components/user-input/field/NeonField.d.ts +17 -0
  37. package/dist/src/neon.d.ts +1 -0
  38. package/package.json +1 -1
  39. package/src/sass/components/_field.scss +4 -0
  40. package/src/sass/components/_inline.scss +2 -35
  41. package/src/sass/components/_stack.scss +2 -35
  42. package/src/sass/includes/_layout.scss +42 -0
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.Zero="z",r.Small="s",r.Medium="m",r.Large="l",r))(e||{});exports.NeonLayoutSize=e;
2
+ //# sourceMappingURL=NeonLayoutSize.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NeonLayoutSize.cjs.js","sources":["../../../src/common/enums/NeonLayoutSize.ts"],"sourcesContent":["/**\n * Describes the available gap options for the NeonInline & Neon Stack components, expanding on NeonSize to add a Zero\n * gap option.\n */\nexport enum NeonLayoutSize {\n Zero = 'z',\n Small = 's',\n Medium = 'm',\n Large = 'l',\n}\n"],"names":["NeonLayoutSize"],"mappings":"gFAIO,IAAKA,GAAAA,IACVA,EAAA,KAAO,IACPA,EAAA,MAAQ,IACRA,EAAA,OAAS,IACTA,EAAA,MAAQ,IAJEA,IAAAA,GAAA,CAAA,CAAA"}
@@ -0,0 +1,5 @@
1
+ var l = /* @__PURE__ */ ((r) => (r.Zero = "z", r.Small = "s", r.Medium = "m", r.Large = "l", r))(l || {});
2
+ export {
3
+ l as NeonLayoutSize
4
+ };
5
+ //# sourceMappingURL=NeonLayoutSize.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NeonLayoutSize.es.js","sources":["../../../src/common/enums/NeonLayoutSize.ts"],"sourcesContent":["/**\n * Describes the available gap options for the NeonInline & Neon Stack components, expanding on NeonSize to add a Zero\n * gap option.\n */\nexport enum NeonLayoutSize {\n Zero = 'z',\n Small = 's',\n Medium = 'm',\n Large = 'l',\n}\n"],"names":["NeonLayoutSize"],"mappings":"AAIO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,KACPA,EAAA,QAAQ,KACRA,EAAA,SAAS,KACTA,EAAA,QAAQ,KAJEA,IAAAA,KAAA,CAAA,CAAA;"}
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("vue"),n=require("../../../common/enums/NeonSize.cjs.js"),o=require("../../../common/enums/NeonResponsive.cjs.js"),i=e.defineComponent({name:"NeonInline",props:{gap:{type:String,default:()=>n.NeonSize.Large},breakpoint:{type:String,default:()=>o.NeonResponsive.MobileLarge}}});module.exports=i;
1
+ "use strict";const e=require("vue"),n=require("../../../common/enums/NeonLayoutSize.cjs.js"),t=e.defineComponent({name:"NeonInline",props:{gap:{type:String,default:()=>n.NeonLayoutSize.Large},breakpoint:{type:String}}});module.exports=t;
2
2
  //# sourceMappingURL=NeonInline.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonInline.cjs.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n name: 'NeonInline',\n props: {\n /**\n * Size of the gap between items\n */\n gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n /**\n * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=\"\"</em> to override the default\n * breakpoint & prevent switching to a vertical layout.\n */\n breakpoint: { type: String as () => NeonSize, default: () => NeonResponsive.MobileLarge },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize","NeonResponsive"],"mappings":"gJAQAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,IAAK,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,SAAS,KAAA,EAK/D,WAAY,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,eAAe,WAAA,CAAY,CAE5F,CAAC"}
1
+ {"version":3,"file":"NeonInline.cjs.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonResponsive } from '@/common/enums/NeonResponsive';\nimport { NeonLayoutSize } from '@/common/enums/NeonLayoutSize';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n name: 'NeonInline',\n props: {\n /**\n * Size of the gap between items\n */\n gap: { type: String as () => NeonLayoutSize, default: () => NeonLayoutSize.Large },\n /**\n * Breakpoint at which to layout switches to vertical column layout. If no breakpoint is provided there is no\n * responsive switch.\n */\n breakpoint: { type: String as () => NeonResponsive },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonLayoutSize"],"mappings":"6FAQAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,IAAK,CAAE,KAAM,OAAgC,QAAS,IAAMC,EAAAA,eAAe,KAAA,EAK3E,WAAY,CAAE,KAAM,MAAA,CAA+B,CAEvD,CAAC"}
@@ -1,18 +1,17 @@
1
1
  import { defineComponent as e } from "vue";
2
- import { NeonSize as o } from "../../../common/enums/NeonSize.es.js";
3
- import { NeonResponsive as n } from "../../../common/enums/NeonResponsive.es.js";
2
+ import { NeonLayoutSize as n } from "../../../common/enums/NeonLayoutSize.es.js";
4
3
  const p = e({
5
4
  name: "NeonInline",
6
5
  props: {
7
6
  /**
8
7
  * Size of the gap between items
9
8
  */
10
- gap: { type: String, default: () => o.Large },
9
+ gap: { type: String, default: () => n.Large },
11
10
  /**
12
- * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=""</em> to override the default
13
- * breakpoint & prevent switching to a vertical layout.
11
+ * Breakpoint at which to layout switches to vertical column layout. If no breakpoint is provided there is no
12
+ * responsive switch.
14
13
  */
15
- breakpoint: { type: String, default: () => n.MobileLarge }
14
+ breakpoint: { type: String }
16
15
  }
17
16
  });
18
17
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"NeonInline.es.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n name: 'NeonInline',\n props: {\n /**\n * Size of the gap between items\n */\n gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n /**\n * Breakpoint at which to layout switches to vertical. TIP: Pass <em>breakpoint=\"\"</em> to override the default\n * breakpoint & prevent switching to a vertical layout.\n */\n breakpoint: { type: String as () => NeonSize, default: () => NeonResponsive.MobileLarge },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize","NeonResponsive"],"mappings":";;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,KAAK,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAS,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/D,YAAY,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAe,YAAA;AAAA,EAAY;AAE5F,CAAC;"}
1
+ {"version":3,"file":"NeonInline.es.js","sources":["../../../../src/components/layout/inline/NeonInline.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonResponsive } from '@/common/enums/NeonResponsive';\nimport { NeonLayoutSize } from '@/common/enums/NeonLayoutSize';\n\n/**\n * A horizontal layout component. NeonInline provides a way of laying out it's contents with standard gaps. At the\n * specified breakpoint the layout will wrap to vertical.\n */\nexport default defineComponent({\n name: 'NeonInline',\n props: {\n /**\n * Size of the gap between items\n */\n gap: { type: String as () => NeonLayoutSize, default: () => NeonLayoutSize.Large },\n /**\n * Breakpoint at which to layout switches to vertical column layout. If no breakpoint is provided there is no\n * responsive switch.\n */\n breakpoint: { type: String as () => NeonResponsive },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonLayoutSize"],"mappings":";;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,KAAK,EAAE,MAAM,QAAgC,SAAS,MAAMC,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3E,YAAY,EAAE,MAAM,OAAA;AAAA,EAA+B;AAEvD,CAAC;"}
@@ -1,2 +1,2 @@
1
- "use strict";const r=require("./NeonInline.cjs.js"),e=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function t(n,s,l,p,a,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-inline--gap-${n.gap}`,`neon-inline--breakpoint-${n.breakpoint}`],"neon-inline"])},[e.renderSlot(n.$slots,"default")],2)}const i=o(r,[["render",t]]);module.exports=i;
1
+ "use strict";const r=require("./NeonInline.cjs.js"),n=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function t(e,s,l,p,a,u){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[`neon-inline--gap-${e.gap}`,e.breakpoint&&`neon-inline--breakpoint-${e.breakpoint}`],"neon-inline"])},[n.renderSlot(e.$slots,"default")],2)}const i=o(r,[["render",t]]);module.exports=i;
2
2
  //# sourceMappingURL=NeonInline.vue.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonInline.vue.cjs.js","sources":["../../../../src/components/layout/inline/NeonInline.vue"],"sourcesContent":["<template>\n <div :class=\"[`neon-inline--gap-${gap}`, `neon-inline--breakpoint-${breakpoint}`]\" class=\"neon-inline\">\n <!-- @slot stack contents -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInline.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":"kLACEA,EAAAA,mBAGM,MAAA,CAHA,MAAKC,EAAAA,eAAA,CAAA,CAAA,oBAAuBC,EAAA,GAAG,GAAA,2BAA+BA,EAAA,UAAU,IAAW,aAAa,CAAA,IAEpGC,aAAaD,EAAA,OAAA,SAAA"}
1
+ {"version":3,"file":"NeonInline.vue.cjs.js","sources":["../../../../src/components/layout/inline/NeonInline.vue"],"sourcesContent":["<template>\n <div :class=\"[`neon-inline--gap-${gap}`, breakpoint && `neon-inline--breakpoint-${breakpoint}`]\" class=\"neon-inline\">\n <!-- @slot inline contents -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInline.ts\"></script>\n"],"names":["_createElementBlock","_ctx","_renderSlot"],"mappings":"kLACEA,EAAAA,mBAGM,MAAA,CAHA,6CAA4BC,EAAA,GAAG,GAAIA,cAAU,2BAA+BA,EAAA,UAAU,IAAW,aAAa,CAAA,IAElHC,aAAaD,EAAA,OAAA,SAAA"}
@@ -1,15 +1,15 @@
1
1
  import n from "./NeonInline.es.js";
2
2
  import { openBlock as o, createElementBlock as r, normalizeClass as i, renderSlot as t } from "vue";
3
3
  import a from "../../../_virtual/_plugin-vue_export-helper.es.js";
4
- function l(e, p, s, c, f, m) {
4
+ function p(e, l, s, f, m, c) {
5
5
  return o(), r("div", {
6
- class: i([[`neon-inline--gap-${e.gap}`, `neon-inline--breakpoint-${e.breakpoint}`], "neon-inline"])
6
+ class: i([[`neon-inline--gap-${e.gap}`, e.breakpoint && `neon-inline--breakpoint-${e.breakpoint}`], "neon-inline"])
7
7
  }, [
8
8
  t(e.$slots, "default")
9
9
  ], 2);
10
10
  }
11
- const _ = /* @__PURE__ */ a(n, [["render", l]]);
11
+ const u = /* @__PURE__ */ a(n, [["render", p]]);
12
12
  export {
13
- _ as default
13
+ u as default
14
14
  };
15
15
  //# sourceMappingURL=NeonInline.vue.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonInline.vue.es.js","sources":["../../../../src/components/layout/inline/NeonInline.vue"],"sourcesContent":["<template>\n <div :class=\"[`neon-inline--gap-${gap}`, `neon-inline--breakpoint-${breakpoint}`]\" class=\"neon-inline\">\n <!-- @slot stack contents -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInline.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":";;;;cACEA,EAGM,OAAA;AAAA,IAHA,OAAKC,EAAA,CAAA,CAAA,oBAAuBC,EAAA,GAAG,IAAA,2BAA+BA,EAAA,UAAU,KAAW,aAAa,CAAA;AAAA;IAEpGC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;"}
1
+ {"version":3,"file":"NeonInline.vue.es.js","sources":["../../../../src/components/layout/inline/NeonInline.vue"],"sourcesContent":["<template>\n <div :class=\"[`neon-inline--gap-${gap}`, breakpoint && `neon-inline--breakpoint-${breakpoint}`]\" class=\"neon-inline\">\n <!-- @slot inline contents -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInline.ts\"></script>\n"],"names":["_createElementBlock","_ctx","_renderSlot"],"mappings":";;;;cACEA,EAGM,OAAA;AAAA,IAHA,+BAA4BC,EAAA,GAAG,IAAIA,gBAAU,2BAA+BA,EAAA,UAAU,KAAW,aAAa,CAAA;AAAA;IAElHC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("vue"),n=require("../../../common/enums/NeonSize.cjs.js"),t=e.defineComponent({name:"NeonStack",props:{gap:{type:String,default:()=>n.NeonSize.Large}}});module.exports=t;
1
+ "use strict";const e=require("vue"),t=require("../../../common/enums/NeonLayoutSize.cjs.js"),n=e.defineComponent({name:"NeonStack",props:{gap:{type:String,default:()=>t.NeonLayoutSize.Large}}});module.exports=n;
2
2
  //# sourceMappingURL=NeonStack.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonStack.cjs.js","sources":["../../../../src/components/layout/stack/NeonStack.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\n\n/**\n * A vertical layout component. NeonStack provides a way of laying out it's contents with standard gaps at each\n * breakpoint. For cases where the gap needs to be different it is recommended to just use a <em>div</em> & apply a gap\n * using CSS. Alternatively, NeonStack could be used by also applying a gap in CSS.\n */\nexport default defineComponent({\n name: 'NeonStack',\n props: {\n /** Size of the gap between items */\n gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize"],"mappings":"uFAQAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAEL,IAAK,CAAE,KAAM,OAA0B,QAAS,IAAMC,EAAAA,SAAS,KAAA,CAAM,CAEzE,CAAC"}
1
+ {"version":3,"file":"NeonStack.cjs.js","sources":["../../../../src/components/layout/stack/NeonStack.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonLayoutSize } from '@/common/enums/NeonLayoutSize';\n\n/**\n * A vertical layout component. NeonStack provides a way of laying out it's contents with standard gaps at each\n * breakpoint. For cases where the gap needs to be different it is recommended to just use a <em>div</em> & apply a gap\n * using CSS. Alternatively, NeonStack could be used by also applying a gap in CSS.\n */\nexport default defineComponent({\n name: 'NeonStack',\n props: {\n /** Size of the gap between items */\n gap: { type: String as () => NeonLayoutSize, default: () => NeonLayoutSize.Large },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonLayoutSize"],"mappings":"6FAQAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAEL,IAAK,CAAE,KAAM,OAAgC,QAAS,IAAMC,EAAAA,eAAe,KAAA,CAAM,CAErF,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as e } from "vue";
2
- import { NeonSize as o } from "../../../common/enums/NeonSize.es.js";
3
- const a = e({
2
+ import { NeonLayoutSize as o } from "../../../common/enums/NeonLayoutSize.es.js";
3
+ const n = e({
4
4
  name: "NeonStack",
5
5
  props: {
6
6
  /** Size of the gap between items */
@@ -8,6 +8,6 @@ const a = e({
8
8
  }
9
9
  });
10
10
  export {
11
- a as default
11
+ n as default
12
12
  };
13
13
  //# sourceMappingURL=NeonStack.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonStack.es.js","sources":["../../../../src/components/layout/stack/NeonStack.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\n\n/**\n * A vertical layout component. NeonStack provides a way of laying out it's contents with standard gaps at each\n * breakpoint. For cases where the gap needs to be different it is recommended to just use a <em>div</em> & apply a gap\n * using CSS. Alternatively, NeonStack could be used by also applying a gap in CSS.\n */\nexport default defineComponent({\n name: 'NeonStack',\n props: {\n /** Size of the gap between items */\n gap: { type: String as () => NeonSize, default: () => NeonSize.Large },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonSize"],"mappings":";;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,KAAK,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAS,MAAA;AAAA,EAAM;AAEzE,CAAC;"}
1
+ {"version":3,"file":"NeonStack.es.js","sources":["../../../../src/components/layout/stack/NeonStack.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonLayoutSize } from '@/common/enums/NeonLayoutSize';\n\n/**\n * A vertical layout component. NeonStack provides a way of laying out it's contents with standard gaps at each\n * breakpoint. For cases where the gap needs to be different it is recommended to just use a <em>div</em> & apply a gap\n * using CSS. Alternatively, NeonStack could be used by also applying a gap in CSS.\n */\nexport default defineComponent({\n name: 'NeonStack',\n props: {\n /** Size of the gap between items */\n gap: { type: String as () => NeonLayoutSize, default: () => NeonLayoutSize.Large },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonLayoutSize"],"mappings":";;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,KAAK,EAAE,MAAM,QAAgC,SAAS,MAAMC,EAAe,MAAA;AAAA,EAAM;AAErF,CAAC;"}
@@ -1,2 +1,2 @@
1
- "use strict";const e=require("vue"),t=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=e.defineComponent({name:"NeonField",props:{label:{type:String,required:!0},labelFor:{type:String,default:null},optional:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},optionalLabel:{type:String,default:"Optional"},message:{type:String,default:null},messageColor:{type:String,default:t.NeonFunctionalColor.LowContrast}}});module.exports=o;
1
+ "use strict";const e=require("vue"),t=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=e.defineComponent({name:"NeonField",props:{label:{type:String,required:!0},labelFor:{type:String,default:null},optional:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},optionalLabel:{type:String,default:"Optional"},noMessage:{type:Boolean,default:!1},message:{type:String,default:null},messageColor:{type:String,default:t.NeonFunctionalColor.LowContrast}}});module.exports=o;
2
2
  //# sourceMappingURL=NeonField.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonField.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n name: 'NeonField',\n props: {\n /**\n * The label text to render.\n */\n label: { type: String, required: true },\n /**\n * The equivalent of the <em>for</em> attribute on an HTML label.\n */\n labelFor: { type: String, default: null },\n /**\n * Display an \"optional\" indicator with the label.\n */\n optional: { type: Boolean, default: false },\n /**\n * Display label with disabled state.\n */\n disabled: { type: Boolean, default: false },\n /**\n * The default \"optional\" label text.\n */\n optionalLabel: { type: String, default: 'Optional' },\n /**\n * Message to display below the input field.\n */\n message: { type: String, default: null },\n /**\n * The color of message displayed under input. Can be any functional color.\n */\n messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":"kGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAIxC,QAAS,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIlC,aAAc,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,CAAY,CAExG,CAAC"}
1
+ {"version":3,"file":"NeonField.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n name: 'NeonField',\n props: {\n /**\n * The label text to render.\n */\n label: { type: String, required: true },\n /**\n * The equivalent of the <em>for</em> attribute on an HTML label.\n */\n labelFor: { type: String, default: null },\n /**\n * Display an \"optional\" indicator with the label.\n */\n optional: { type: Boolean, default: false },\n /**\n * Display label with disabled state.\n */\n disabled: { type: Boolean, default: false },\n /**\n * The default \"optional\" label text.\n */\n optionalLabel: { type: String, default: 'Optional' },\n /**\n * Remove empty message space below input. By default, a blank message will be displayed below each input which\n * helps simplify form layouts.\n */\n noMessage: { type: Boolean, default: false },\n /**\n * Message to display below the input field.\n */\n message: { type: String, default: null },\n /**\n * The color of message displayed under input. Can be any functional color.\n */\n messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":"kGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAKxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,QAAS,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIlC,aAAc,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,CAAY,CAExG,CAAC"}
@@ -23,6 +23,11 @@ const a = e({
23
23
  * The default "optional" label text.
24
24
  */
25
25
  optionalLabel: { type: String, default: "Optional" },
26
+ /**
27
+ * Remove empty message space below input. By default, a blank message will be displayed below each input which
28
+ * helps simplify form layouts.
29
+ */
30
+ noMessage: { type: Boolean, default: !1 },
26
31
  /**
27
32
  * Message to display below the input field.
28
33
  */
@@ -1 +1 @@
1
- {"version":3,"file":"NeonField.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n name: 'NeonField',\n props: {\n /**\n * The label text to render.\n */\n label: { type: String, required: true },\n /**\n * The equivalent of the <em>for</em> attribute on an HTML label.\n */\n labelFor: { type: String, default: null },\n /**\n * Display an \"optional\" indicator with the label.\n */\n optional: { type: Boolean, default: false },\n /**\n * Display label with disabled state.\n */\n disabled: { type: Boolean, default: false },\n /**\n * The default \"optional\" label text.\n */\n optionalLabel: { type: String, default: 'Optional' },\n /**\n * Message to display below the input field.\n */\n message: { type: String, default: null },\n /**\n * The color of message displayed under input. Can be any functional color.\n */\n messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,cAAc,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA,EAAY;AAExG,CAAC;"}
1
+ {"version":3,"file":"NeonField.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n name: 'NeonField',\n props: {\n /**\n * The label text to render.\n */\n label: { type: String, required: true },\n /**\n * The equivalent of the <em>for</em> attribute on an HTML label.\n */\n labelFor: { type: String, default: null },\n /**\n * Display an \"optional\" indicator with the label.\n */\n optional: { type: Boolean, default: false },\n /**\n * Display label with disabled state.\n */\n disabled: { type: Boolean, default: false },\n /**\n * The default \"optional\" label text.\n */\n optionalLabel: { type: String, default: 'Optional' },\n /**\n * Remove empty message space below input. By default, a blank message will be displayed below each input which\n * helps simplify form layouts.\n */\n noMessage: { type: Boolean, default: false },\n /**\n * Message to display below the input field.\n */\n message: { type: String, default: null },\n /**\n * The color of message displayed under input. Can be any functional color.\n */\n messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,cAAc,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA,EAAY;AAExG,CAAC;"}
@@ -1,2 +1,2 @@
1
- "use strict";const l=require("./NeonField.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["for"],a={class:"neon-field__label-wrapper"},r={class:"neon-field__label"},i={key:0,class:"neon-field__optional"},d={class:"neon-field__contents"};function p(o,n,_,m,u,f){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"]),for:o.labelFor},[e.createElementVNode("span",a,[e.createElementVNode("span",r,e.toDisplayString(o.label),1),o.optional?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(o.optionalLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"default"),o.message!==null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:n[0]||(n[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,t)}const c=s(l,[["render",p]]);module.exports=c;
1
+ "use strict";const l=require("./NeonField.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-field__label-wrapper"},a=["for"],r={key:0,class:"neon-field__optional"},i={class:"neon-field__contents"};function d(o,n,c,_,m,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"])},[e.createElementVNode("span",t,[e.createElementVNode("label",{for:o.labelFor,class:"neon-field__label"},e.toDisplayString(o.label),9,a),o.optional?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(o.optionalLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default"),o.noMessage?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:n[0]||(n[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message||""),3))])],2)}const p=s(l,[["render",d]]);module.exports=p;
2
2
  //# sourceMappingURL=NeonField.vue.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n <label\n :class=\"{\n 'neon-field--optional': optional,\n 'neon-field--disabled': disabled,\n 'neon-field--with-message': message !== null,\n }\"\n :for=\"labelFor\"\n class=\"neon-field\"\n >\n <span class=\"neon-field__label-wrapper\">\n <span class=\"neon-field__label\">{{ label }}</span>\n <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n </span>\n <div class=\"neon-field__contents\">\n <!-- @slot optionally wrap the field with the label -->\n <slot></slot>\n <span\n v-if=\"message !== null\"\n :class=\"`neon-color-${messageColor}`\"\n class=\"neon-field__message\"\n @click.prevent.stop=\"\"\n >\n {{ message }}\n </span>\n </div>\n </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_5","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_hoisted_4","_renderSlot"],"mappings":"8IAUUA,EAAA,CAAA,MAAM,2BAA2B,EAC/BC,EAAA,CAAA,MAAM,mBAAmB,WACT,MAAM,wBAEzBC,EAAA,CAAA,MAAM,sBAAsB,+CAbnCC,EAAAA,mBAyBQ,QAAA,CAxBL,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,oCAA4CA,EAAA,UAAO,MAM7H,YAAY,CAAA,EADjB,IAAKA,EAAA,WAGNC,EAAAA,mBAGO,OAHPN,EAGO,CAFLM,EAAAA,mBAAkD,OAAlDL,EAAkDM,EAAAA,gBAAfF,EAAA,KAAK,EAAA,CAAA,EAC5BA,EAAA,wBAAZF,EAAAA,mBAA6E,OAA7EK,EAA6ED,EAAAA,gBAAvBF,EAAA,aAAa,EAAA,CAAA,iCAErEC,EAAAA,mBAWM,MAXNJ,EAWM,CATJO,aAAaJ,EAAA,OAAA,SAAA,EAELA,EAAA,UAAO,oBADfF,EAAAA,mBAOO,OAAA,OALJ,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAC5B,qBAAqB,CAAA,EAC1B,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAEnBA,EAAA,OAAO,EAAA,CAAA"}
1
+ {"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n <div\n :class=\"{\n 'neon-field--optional': optional,\n 'neon-field--disabled': disabled,\n 'neon-field--with-message': message !== null,\n }\"\n class=\"neon-field\"\n >\n <span class=\"neon-field__label-wrapper\">\n <label :for=\"labelFor\" class=\"neon-field__label\">{{ label }}</label>\n <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n </span>\n <div class=\"neon-field__contents\">\n <!-- @slot optionally wrap the field with the label -->\n <slot></slot>\n <span v-if=\"!noMessage\" :class=\"`neon-color-${messageColor}`\" class=\"neon-field__message\" @click.prevent.stop=\"\">\n {{ message || '' }}\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":"oIASUA,EAAA,CAAA,MAAM,2BAA2B,qBAEf,MAAM,wBAEzBC,EAAA,CAAA,MAAM,sBAAsB,+CAZnCC,EAAAA,mBAmBM,MAAA,CAlBH,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,oCAA4CA,EAAA,UAAO,MAK7H,YAAY,CAAA,IAElBC,EAAAA,mBAGO,OAHPL,EAGO,CAFLK,EAAAA,mBAAoE,QAAA,CAA5D,IAAKD,EAAA,SAAU,MAAM,uCAAuBA,EAAA,KAAK,EAAA,EAAAE,CAAA,EAC7CF,EAAA,wBAAZF,EAAAA,mBAA6E,OAA7EK,EAA6EC,EAAAA,gBAAvBJ,EAAA,aAAa,EAAA,CAAA,iCAErEC,EAAAA,mBAMM,MANNJ,EAMM,CAJJQ,aAAaL,EAAA,OAAA,SAAA,EACAA,EAAA,qDAAbF,EAAAA,mBAEO,OAAA,OAFkB,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAAU,qBAAqB,CAAA,EAAE,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAC3GA,EAAA,SAAO,EAAA,EAAA,CAAA"}
@@ -1,36 +1,38 @@
1
1
  import r from "./NeonField.es.js";
2
2
  import { openBlock as o, createElementBlock as n, normalizeClass as i, createElementVNode as s, toDisplayString as l, createCommentVNode as t, renderSlot as d, withModifiers as p } from "vue";
3
3
  import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
4
- const m = ["for"], _ = { class: "neon-field__label-wrapper" }, c = { class: "neon-field__label" }, u = {
4
+ const m = { class: "neon-field__label-wrapper" }, _ = ["for"], c = {
5
5
  key: 0,
6
6
  class: "neon-field__optional"
7
7
  }, b = { class: "neon-field__contents" };
8
- function g(e, a, h, $, k, C) {
9
- return o(), n("label", {
8
+ function u(e, a, g, $, h, k) {
9
+ return o(), n("div", {
10
10
  class: i([{
11
11
  "neon-field--optional": e.optional,
12
12
  "neon-field--disabled": e.disabled,
13
13
  "neon-field--with-message": e.message !== null
14
- }, "neon-field"]),
15
- for: e.labelFor
14
+ }, "neon-field"])
16
15
  }, [
17
- s("span", _, [
18
- s("span", c, l(e.label), 1),
19
- e.optional ? (o(), n("span", u, l(e.optionalLabel), 1)) : t("", !0)
16
+ s("span", m, [
17
+ s("label", {
18
+ for: e.labelFor,
19
+ class: "neon-field__label"
20
+ }, l(e.label), 9, _),
21
+ e.optional ? (o(), n("span", c, l(e.optionalLabel), 1)) : t("", !0)
20
22
  ]),
21
23
  s("div", b, [
22
24
  d(e.$slots, "default"),
23
- e.message !== null ? (o(), n("span", {
25
+ e.noMessage ? t("", !0) : (o(), n("span", {
24
26
  key: 0,
25
27
  class: i([`neon-color-${e.messageColor}`, "neon-field__message"]),
26
28
  onClick: a[0] || (a[0] = p(() => {
27
29
  }, ["prevent", "stop"]))
28
- }, l(e.message), 3)) : t("", !0)
30
+ }, l(e.message || ""), 3))
29
31
  ])
30
- ], 10, m);
32
+ ], 2);
31
33
  }
32
- const v = /* @__PURE__ */ f(r, [["render", g]]);
34
+ const y = /* @__PURE__ */ f(r, [["render", u]]);
33
35
  export {
34
- v as default
36
+ y as default
35
37
  };
36
38
  //# sourceMappingURL=NeonField.vue.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NeonField.vue.es.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n <label\n :class=\"{\n 'neon-field--optional': optional,\n 'neon-field--disabled': disabled,\n 'neon-field--with-message': message !== null,\n }\"\n :for=\"labelFor\"\n class=\"neon-field\"\n >\n <span class=\"neon-field__label-wrapper\">\n <span class=\"neon-field__label\">{{ label }}</span>\n <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n </span>\n <div class=\"neon-field__contents\">\n <!-- @slot optionally wrap the field with the label -->\n <slot></slot>\n <span\n v-if=\"message !== null\"\n :class=\"`neon-color-${messageColor}`\"\n class=\"neon-field__message\"\n @click.prevent.stop=\"\"\n >\n {{ message }}\n </span>\n </div>\n </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_5","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_hoisted_4","_renderSlot"],"mappings":";;;mBAUUA,IAAA,EAAA,OAAM,4BAA2B,GAC/BC,IAAA,EAAA,OAAM,oBAAmB;;EACT,OAAM;GAEzBC,IAAA,EAAA,OAAM,uBAAsB;;cAbnCC,EAyBQ,SAAA;AAAA,IAxBL,OAAKC,EAAA,CAAA;AAAA,8BAAkCC,EAAA;AAAA,8BAAwCA,EAAA;AAAA,kCAA4CA,EAAA,YAAO;AAAA,OAM7H,YAAY,CAAA;AAAA,IADjB,KAAKA,EAAA;AAAA;IAGNC,EAGO,QAHPN,GAGO;AAAA,MAFLM,EAAkD,QAAlDL,GAAkDM,EAAfF,EAAA,KAAK,GAAA,CAAA;AAAA,MAC5BA,EAAA,iBAAZF,EAA6E,QAA7EK,GAA6ED,EAAvBF,EAAA,aAAa,GAAA,CAAA;;IAErEC,EAWM,OAXNJ,GAWM;AAAA,MATJO,EAAaJ,EAAA,QAAA,SAAA;AAAA,MAELA,EAAA,YAAO,aADfF,EAOO,QAAA;AAAA;QALJ,OAAKC,EAAA,CAAA,cAAgBC,EAAA,YAAY,IAC5B,qBAAqB,CAAA;AAAA,QAC1B,2BAAD,MAAA;AAAA,QAAA,GAAsB,CAAA,WAAA,MAAA,CAAA;AAAA,WAEnBA,EAAA,OAAO,GAAA,CAAA;;;;;"}
1
+ {"version":3,"file":"NeonField.vue.es.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n <div\n :class=\"{\n 'neon-field--optional': optional,\n 'neon-field--disabled': disabled,\n 'neon-field--with-message': message !== null,\n }\"\n class=\"neon-field\"\n >\n <span class=\"neon-field__label-wrapper\">\n <label :for=\"labelFor\" class=\"neon-field__label\">{{ label }}</label>\n <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n </span>\n <div class=\"neon-field__contents\">\n <!-- @slot optionally wrap the field with the label -->\n <slot></slot>\n <span v-if=\"!noMessage\" :class=\"`neon-color-${messageColor}`\" class=\"neon-field__message\" @click.prevent.stop=\"\">\n {{ message || '' }}\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":";;;AASU,MAAAA,IAAA,EAAA,OAAM,4BAA2B;;EAEf,OAAM;GAEzBC,IAAA,EAAA,OAAM,uBAAsB;;cAZnCC,EAmBM,OAAA;AAAA,IAlBH,OAAKC,EAAA,CAAA;AAAA,8BAAkCC,EAAA;AAAA,8BAAwCA,EAAA;AAAA,kCAA4CA,EAAA,YAAO;AAAA,OAK7H,YAAY,CAAA;AAAA;IAElBC,EAGO,QAHPL,GAGO;AAAA,MAFLK,EAAoE,SAAA;AAAA,QAA5D,KAAKD,EAAA;AAAA,QAAU,OAAM;AAAA,WAAuBA,EAAA,KAAK,GAAA,GAAAE,CAAA;AAAA,MAC7CF,EAAA,iBAAZF,EAA6E,QAA7EK,GAA6EC,EAAvBJ,EAAA,aAAa,GAAA,CAAA;;IAErEC,EAMM,OANNJ,GAMM;AAAA,MAJJQ,EAAaL,EAAA,QAAA,SAAA;AAAA,MACAA,EAAA,8BAAbF,EAEO,QAAA;AAAA;QAFkB,OAAKC,EAAA,CAAA,cAAgBC,EAAA,YAAY,IAAU,qBAAqB,CAAA;AAAA,QAAE,2BAAD,MAAA;AAAA,QAAA,GAAsB,CAAA,WAAA,MAAA,CAAA;AAAA,WAC3GA,EAAA,WAAO,EAAA,GAAA,CAAA;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/feedback/banner/NeonBanner.vue.cjs.js"),s=require("./components/user-input/button/NeonButton.vue.cjs.js"),c=require("./components/layout/card/NeonCard.vue.cjs.js"),l=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),u=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),a=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),q=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),S=require("./components/user-input/chip/NeonChip.vue.cjs.js"),p=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),g=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),C=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),P=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"),y=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),I=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),b=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),v=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),z=require("./components/layout/footer/NeonFooter.vue.cjs.js"),L=require("./components/layout/grid/NeonGrid.vue.cjs.js"),B=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"),R=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),F=require("./components/presentation/label/NeonLabel.vue.cjs.js"),k=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),E=require("./components/navigation/link/NeonLink.vue.cjs.js"),O=require("./components/user-input/list/NeonList.vue.cjs.js"),G=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),f=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"),J=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),V=require("./components/user-input/number/NeonNumber.vue.cjs.js"),Z=require("./components/layout/page/NeonPage.vue.cjs.js"),j=require("./components/layout/page-container/NeonPageContainer.vue.cjs.js"),K=require("./components/user-input/password/NeonPassword.vue.cjs.js"),Q=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),W=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),X=require("./components/user-input/search/NeonSearch.vue.cjs.js"),Y=require("./components/user-input/select/NeonSelect.vue.cjs.js"),_=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),$=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),ee=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),oe=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ne=require("./components/layout/stack/NeonStack.vue.cjs.js"),re=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),te=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),ie=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),Ne=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),se=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),ce=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),le=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ue=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),ae=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),qe=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),Se=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),pe=require("./common/enums/NeonAlertLevel.cjs.js"),de=require("./common/enums/NeonAlertPlacement.cjs.js"),ge=require("./common/enums/NeonBadgeSize.cjs.js"),Ce=require("./common/enums/NeonButtonSize.cjs.js"),Pe=require("./common/enums/NeonButtonStyle.cjs.js"),Te=require("./common/enums/NeonButtonType.cjs.js"),Ue=require("./common/enums/NeonChipAction.cjs.js"),ye=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ie=require("./common/enums/NeonDropdownStyle.cjs.js"),be=require("./common/enums/NeonFunctionalColor.cjs.js"),me=require("./common/enums/NeonHorizontalPosition.cjs.js"),ve=require("./common/enums/NeonInputIndicatorStyle.cjs.js"),De=require("./common/enums/NeonInputMode.cjs.js"),ze=require("./common/enums/NeonInputType.cjs.js"),Le=require("./common/enums/NeonLabelSize.cjs.js"),Be=require("./common/enums/NeonMode.cjs.js"),Ae=require("./common/enums/NeonOrientation.cjs.js"),he=require("./common/enums/NeonOutlineStyle.cjs.js"),we=require("./common/enums/NeonPageAlignment.cjs.js"),Me=require("./common/enums/NeonPosition.cjs.js"),Re=require("./common/enums/NeonResponsive.cjs.js"),Fe=require("./common/enums/NeonSize.cjs.js"),ke=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Ee=require("./common/enums/NeonState.cjs.js"),Oe=require("./common/enums/NeonSwitchStyle.cjs.js"),Ge=require("./common/enums/NeonToggleChipSize.cjs.js"),fe=require("./common/enums/NeonToggleStyle.cjs.js"),He=require("./common/enums/NeonTooltipStyle.cjs.js"),xe=require("./common/enums/NeonVerticalPosition.cjs.js"),Je=require("./common/utils/NeonAlertService.cjs.js"),Ve=require("./common/utils/NeonBannerService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),Ze=require("./common/utils/NeonClosableUtils.cjs.js"),je=require("./common/utils/NeonDateUtils.cjs.js"),Ke=require("./common/utils/NeonDebounceUtils.cjs.js"),Qe=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),We=require("./common/utils/NeonEventBus.cjs.js"),Xe=require("./common/utils/NeonFileUtils.cjs.js"),Ye=require("./common/utils/NeonIconRegistry.cjs.js"),_e=require("./common/utils/NeonJazziconUtils.cjs.js"),$e=require("./common/utils/NeonModeUtils.cjs.js"),eo=require("./common/utils/NeonNumberUtils.cjs.js"),oo=require("./common/utils/NeonPlacementUtils.cjs.js"),no=require("./common/utils/NeonRandomUtils.cjs.js"),ro=require("./common/utils/NeonResponsiveUtils.cjs.js"),to=require("./common/utils/NeonScrollUtils.cjs.js"),io=require("./common/utils/NeonToastService.cjs.js"),No=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),so=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonBanner=N;exports.NeonButton=s;exports.NeonCard=c;exports.NeonCardBody=l;exports.NeonCardFooter=u;exports.NeonCardHeader=a;exports.NeonCardList=q;exports.NeonChip=S;exports.NeonColor=p;exports.NeonDatePicker=d;exports.NeonDialog=g;exports.NeonDrawer=C;exports.NeonDropdown=P;exports.NeonDropdownMenu=T;exports.NeonDropZone=U;exports.NeonExpansionIndicator=y;exports.NeonExpansionPanel=I;exports.NeonFieldGroup=b;exports.NeonField=m;exports.NeonFile=v;exports.NeonFilterList=D;exports.NeonFooter=z;exports.NeonGrid=L;exports.NeonGridArea=B;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=R;exports.NeonLabel=F;exports.NeonLinearProgress=k;exports.NeonLink=E;exports.NeonList=O;exports.NeonMenu=G;exports.NeonMobileMenu=f;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=J;exports.NeonNumber=V;exports.NeonPage=Z;exports.NeonPageContainer=j;exports.NeonPassword=K;exports.NeonRangeSlider=Q;exports.NeonSideNav=W;exports.NeonSearch=X;exports.NeonSelect=Y;exports.NeonSelectableCard=_;exports.NeonSkeletonLoader=$;exports.NeonSlider=ee;exports.NeonSplashLoader=oe;exports.NeonStack=ne;exports.NeonStepper=re;exports.NeonSwiper=te;exports.NeonSwitch=ie;exports.NeonTab=Ne;exports.NeonTabs=se;exports.NeonToastContainer=ce;exports.NeonToggle=le;exports.NeonToggleChip=ue;exports.NeonTooltip=ae;exports.NeonTopNav=qe;exports.NeonTreeMenu=Se;exports.NeonAlertLevel=pe.NeonAlertLevel;exports.NeonAlertPlacement=de.NeonAlertPlacement;exports.NeonBadgeSize=ge.NeonBadgeSize;exports.NeonButtonSize=Ce.NeonButtonSize;exports.NeonButtonStyle=Pe.NeonButtonStyle;exports.NeonButtonType=Te.NeonButtonType;exports.NeonChipAction=Ue.NeonChipAction;exports.NeonDropdownPlacement=ye.NeonDropdownPlacement;exports.NeonDropdownStyle=Ie.NeonDropdownStyle;exports.NeonFunctionalColor=be.NeonFunctionalColor;exports.NeonHorizontalPosition=me.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=ve.NeonInputIndicatorStyle;exports.NeonInputMode=De.NeonInputMode;exports.NeonInputType=ze.NeonInputType;exports.NeonLabelSize=Le.NeonLabelSize;exports.NeonMode=Be.NeonMode;exports.NeonOrientation=Ae.NeonOrientation;exports.NeonOutlineStyle=he.NeonOutlineStyle;exports.NeonPageAlignment=we.NeonPageAlignment;exports.NeonPosition=Me.NeonPosition;exports.NeonResponsive=Re.NeonResponsive;exports.NeonSize=Fe.NeonSize;exports.NeonSplashLoaderSize=ke.NeonSplashLoaderSize;exports.NeonState=Ee.NeonState;exports.NeonSwitchStyle=Oe.NeonSwitchStyle;exports.NeonToggleChipSize=Ge.NeonToggleChipSize;exports.NeonToggleStyle=fe.NeonToggleStyle;exports.NeonTooltipStyle=He.NeonTooltipStyle;exports.NeonVerticalPosition=xe.NeonVerticalPosition;exports.NeonAlertService=Je.NeonAlertService;exports.NeonBannerService=Ve.NeonBannerService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=Ze.NeonClosableUtils;exports.NeonDateUtils=je.NeonDateUtils;exports.NeonDebounceUtils=Ke.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Qe.NeonDropdownPlacementUtils;exports.NeonEventBus=We.NeonEventBus;exports.fileToDataURL=Xe.fileToDataURL;exports.NeonIconRegistry=Ye.NeonIconRegistry;exports.NeonJazziconUtils=_e.NeonJazziconUtils;exports.NeonModeUtils=$e.NeonModeUtils;exports.NeonNumberUtils=eo.NeonNumberUtils;exports.NeonPlacementUtils=oo.NeonPlacementUtils;exports.NeonRandomUtils=no.NeonRandomUtils;exports.NeonResponsiveUtils=ro.NeonResponsiveUtils;exports.NeonScrollUtils=to.NeonScrollUtils;exports.NeonToastService=io.NeonToastService;exports.NeonTooltipPlacementUtils=No.NeonTooltipPlacementUtils;exports.RegisterIcons=so.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/feedback/banner/NeonBanner.vue.cjs.js"),s=require("./components/user-input/button/NeonButton.vue.cjs.js"),c=require("./components/layout/card/NeonCard.vue.cjs.js"),l=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),u=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),a=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),q=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),S=require("./components/user-input/chip/NeonChip.vue.cjs.js"),p=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),g=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),C=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),P=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"),y=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),I=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),b=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),z=require("./components/user-input/field/NeonField.vue.cjs.js"),L=require("./components/user-input/file/NeonFile.vue.cjs.js"),m=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),D=require("./components/layout/grid/NeonGrid.vue.cjs.js"),B=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"),R=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),F=require("./components/presentation/label/NeonLabel.vue.cjs.js"),k=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),E=require("./components/navigation/link/NeonLink.vue.cjs.js"),O=require("./components/user-input/list/NeonList.vue.cjs.js"),G=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),f=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"),J=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),V=require("./components/user-input/number/NeonNumber.vue.cjs.js"),Z=require("./components/layout/page/NeonPage.vue.cjs.js"),j=require("./components/layout/page-container/NeonPageContainer.vue.cjs.js"),K=require("./components/user-input/password/NeonPassword.vue.cjs.js"),Q=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),W=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),X=require("./components/user-input/search/NeonSearch.vue.cjs.js"),Y=require("./components/user-input/select/NeonSelect.vue.cjs.js"),_=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),$=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),ee=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),oe=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ne=require("./components/layout/stack/NeonStack.vue.cjs.js"),re=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),te=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),ie=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),Ne=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),se=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),ce=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),le=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ue=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),ae=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),qe=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),Se=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),pe=require("./common/enums/NeonAlertLevel.cjs.js"),de=require("./common/enums/NeonAlertPlacement.cjs.js"),ge=require("./common/enums/NeonBadgeSize.cjs.js"),Ce=require("./common/enums/NeonButtonSize.cjs.js"),Pe=require("./common/enums/NeonButtonStyle.cjs.js"),Te=require("./common/enums/NeonButtonType.cjs.js"),Ue=require("./common/enums/NeonChipAction.cjs.js"),ye=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ie=require("./common/enums/NeonDropdownStyle.cjs.js"),be=require("./common/enums/NeonFunctionalColor.cjs.js"),ze=require("./common/enums/NeonHorizontalPosition.cjs.js"),Le=require("./common/enums/NeonInputIndicatorStyle.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),ve=require("./common/enums/NeonInputType.cjs.js"),De=require("./common/enums/NeonLabelSize.cjs.js"),Be=require("./common/enums/NeonLayoutSize.cjs.js"),Ae=require("./common/enums/NeonMode.cjs.js"),he=require("./common/enums/NeonOrientation.cjs.js"),we=require("./common/enums/NeonOutlineStyle.cjs.js"),Me=require("./common/enums/NeonPageAlignment.cjs.js"),Re=require("./common/enums/NeonPosition.cjs.js"),Fe=require("./common/enums/NeonResponsive.cjs.js"),ke=require("./common/enums/NeonSize.cjs.js"),Ee=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Oe=require("./common/enums/NeonState.cjs.js"),Ge=require("./common/enums/NeonSwitchStyle.cjs.js"),fe=require("./common/enums/NeonToggleChipSize.cjs.js"),He=require("./common/enums/NeonToggleStyle.cjs.js"),xe=require("./common/enums/NeonTooltipStyle.cjs.js"),Je=require("./common/enums/NeonVerticalPosition.cjs.js"),Ve=require("./common/utils/NeonAlertService.cjs.js"),Ze=require("./common/utils/NeonBannerService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),je=require("./common/utils/NeonClosableUtils.cjs.js"),Ke=require("./common/utils/NeonDateUtils.cjs.js"),Qe=require("./common/utils/NeonDebounceUtils.cjs.js"),We=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Xe=require("./common/utils/NeonEventBus.cjs.js"),Ye=require("./common/utils/NeonFileUtils.cjs.js"),_e=require("./common/utils/NeonIconRegistry.cjs.js"),$e=require("./common/utils/NeonJazziconUtils.cjs.js"),eo=require("./common/utils/NeonModeUtils.cjs.js"),oo=require("./common/utils/NeonNumberUtils.cjs.js"),no=require("./common/utils/NeonPlacementUtils.cjs.js"),ro=require("./common/utils/NeonRandomUtils.cjs.js"),to=require("./common/utils/NeonResponsiveUtils.cjs.js"),io=require("./common/utils/NeonScrollUtils.cjs.js"),No=require("./common/utils/NeonToastService.cjs.js"),so=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),co=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonBanner=N;exports.NeonButton=s;exports.NeonCard=c;exports.NeonCardBody=l;exports.NeonCardFooter=u;exports.NeonCardHeader=a;exports.NeonCardList=q;exports.NeonChip=S;exports.NeonColor=p;exports.NeonDatePicker=d;exports.NeonDialog=g;exports.NeonDrawer=C;exports.NeonDropdown=P;exports.NeonDropdownMenu=T;exports.NeonDropZone=U;exports.NeonExpansionIndicator=y;exports.NeonExpansionPanel=I;exports.NeonFieldGroup=b;exports.NeonField=z;exports.NeonFile=L;exports.NeonFilterList=m;exports.NeonFooter=v;exports.NeonGrid=D;exports.NeonGridArea=B;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=R;exports.NeonLabel=F;exports.NeonLinearProgress=k;exports.NeonLink=E;exports.NeonList=O;exports.NeonMenu=G;exports.NeonMobileMenu=f;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=J;exports.NeonNumber=V;exports.NeonPage=Z;exports.NeonPageContainer=j;exports.NeonPassword=K;exports.NeonRangeSlider=Q;exports.NeonSideNav=W;exports.NeonSearch=X;exports.NeonSelect=Y;exports.NeonSelectableCard=_;exports.NeonSkeletonLoader=$;exports.NeonSlider=ee;exports.NeonSplashLoader=oe;exports.NeonStack=ne;exports.NeonStepper=re;exports.NeonSwiper=te;exports.NeonSwitch=ie;exports.NeonTab=Ne;exports.NeonTabs=se;exports.NeonToastContainer=ce;exports.NeonToggle=le;exports.NeonToggleChip=ue;exports.NeonTooltip=ae;exports.NeonTopNav=qe;exports.NeonTreeMenu=Se;exports.NeonAlertLevel=pe.NeonAlertLevel;exports.NeonAlertPlacement=de.NeonAlertPlacement;exports.NeonBadgeSize=ge.NeonBadgeSize;exports.NeonButtonSize=Ce.NeonButtonSize;exports.NeonButtonStyle=Pe.NeonButtonStyle;exports.NeonButtonType=Te.NeonButtonType;exports.NeonChipAction=Ue.NeonChipAction;exports.NeonDropdownPlacement=ye.NeonDropdownPlacement;exports.NeonDropdownStyle=Ie.NeonDropdownStyle;exports.NeonFunctionalColor=be.NeonFunctionalColor;exports.NeonHorizontalPosition=ze.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=Le.NeonInputIndicatorStyle;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=ve.NeonInputType;exports.NeonLabelSize=De.NeonLabelSize;exports.NeonLayoutSize=Be.NeonLayoutSize;exports.NeonMode=Ae.NeonMode;exports.NeonOrientation=he.NeonOrientation;exports.NeonOutlineStyle=we.NeonOutlineStyle;exports.NeonPageAlignment=Me.NeonPageAlignment;exports.NeonPosition=Re.NeonPosition;exports.NeonResponsive=Fe.NeonResponsive;exports.NeonSize=ke.NeonSize;exports.NeonSplashLoaderSize=Ee.NeonSplashLoaderSize;exports.NeonState=Oe.NeonState;exports.NeonSwitchStyle=Ge.NeonSwitchStyle;exports.NeonToggleChipSize=fe.NeonToggleChipSize;exports.NeonToggleStyle=He.NeonToggleStyle;exports.NeonTooltipStyle=xe.NeonTooltipStyle;exports.NeonVerticalPosition=Je.NeonVerticalPosition;exports.NeonAlertService=Ve.NeonAlertService;exports.NeonBannerService=Ze.NeonBannerService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=je.NeonClosableUtils;exports.NeonDateUtils=Ke.NeonDateUtils;exports.NeonDebounceUtils=Qe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=We.NeonDropdownPlacementUtils;exports.NeonEventBus=Xe.NeonEventBus;exports.fileToDataURL=Ye.fileToDataURL;exports.NeonIconRegistry=_e.NeonIconRegistry;exports.NeonJazziconUtils=$e.NeonJazziconUtils;exports.NeonModeUtils=eo.NeonModeUtils;exports.NeonNumberUtils=oo.NeonNumberUtils;exports.NeonPlacementUtils=no.NeonPlacementUtils;exports.NeonRandomUtils=ro.NeonRandomUtils;exports.NeonResponsiveUtils=to.NeonResponsiveUtils;exports.NeonScrollUtils=io.NeonScrollUtils;exports.NeonToastService=No.NeonToastService;exports.NeonTooltipPlacementUtils=so.NeonTooltipPlacementUtils;exports.RegisterIcons=co.RegisterIcons;
2
2
  //# sourceMappingURL=neon.cjs.js.map