@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.
- package/dist/common/enums/NeonLayoutSize.cjs.js +2 -0
- package/dist/common/enums/NeonLayoutSize.cjs.js.map +1 -0
- package/dist/common/enums/NeonLayoutSize.es.js +5 -0
- package/dist/common/enums/NeonLayoutSize.es.js.map +1 -0
- package/dist/components/layout/inline/NeonInline.cjs.js +1 -1
- package/dist/components/layout/inline/NeonInline.cjs.js.map +1 -1
- package/dist/components/layout/inline/NeonInline.es.js +5 -6
- package/dist/components/layout/inline/NeonInline.es.js.map +1 -1
- package/dist/components/layout/inline/NeonInline.vue.cjs.js +1 -1
- package/dist/components/layout/inline/NeonInline.vue.cjs.js.map +1 -1
- package/dist/components/layout/inline/NeonInline.vue.es.js +4 -4
- package/dist/components/layout/inline/NeonInline.vue.es.js.map +1 -1
- package/dist/components/layout/stack/NeonStack.cjs.js +1 -1
- package/dist/components/layout/stack/NeonStack.cjs.js.map +1 -1
- package/dist/components/layout/stack/NeonStack.es.js +3 -3
- package/dist/components/layout/stack/NeonStack.es.js.map +1 -1
- package/dist/components/user-input/field/NeonField.cjs.js +1 -1
- package/dist/components/user-input/field/NeonField.cjs.js.map +1 -1
- package/dist/components/user-input/field/NeonField.es.js +5 -0
- package/dist/components/user-input/field/NeonField.es.js.map +1 -1
- package/dist/components/user-input/field/NeonField.vue.cjs.js +1 -1
- package/dist/components/user-input/field/NeonField.vue.cjs.js.map +1 -1
- package/dist/components/user-input/field/NeonField.vue.es.js +15 -13
- package/dist/components/user-input/field/NeonField.vue.es.js.map +1 -1
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +97 -95
- package/dist/neon.es.js.map +1 -1
- package/dist/src/common/enums/NeonLayoutSize.d.ts +10 -0
- package/dist/src/components/feedback/banner/NeonBanner.d.ts +12 -15
- package/dist/src/components/feedback/note/NeonNote.d.ts +12 -15
- package/dist/src/components/layout/card-list/NeonCardList.d.ts +12 -15
- package/dist/src/components/layout/inline/NeonInline.d.ts +13 -16
- package/dist/src/components/layout/page/NeonPage.d.ts +12 -15
- package/dist/src/components/layout/stack/NeonStack.d.ts +6 -6
- package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +5 -5
- package/dist/src/components/user-input/field/NeonField.d.ts +17 -0
- package/dist/src/neon.d.ts +1 -0
- package/package.json +1 -1
- package/src/sass/components/_field.scss +4 -0
- package/src/sass/components/_inline.scss +2 -35
- package/src/sass/components/_stack.scss +2 -35
- package/src/sass/includes/_layout.scss +42 -0
|
@@ -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 @@
|
|
|
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/
|
|
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 {
|
|
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 {
|
|
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: () =>
|
|
9
|
+
gap: { type: String, default: () => n.Large },
|
|
11
10
|
/**
|
|
12
|
-
* Breakpoint at which to layout switches to vertical.
|
|
13
|
-
*
|
|
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
|
|
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 {
|
|
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"),
|
|
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
|
|
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
|
|
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
|
|
11
|
+
const u = /* @__PURE__ */ a(n, [["render", p]]);
|
|
12
12
|
export {
|
|
13
|
-
|
|
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
|
|
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"),
|
|
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 {
|
|
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 {
|
|
3
|
-
const
|
|
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
|
-
|
|
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 {
|
|
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,
|
|
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,
|
|
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=
|
|
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 <
|
|
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 =
|
|
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
|
|
9
|
-
return o(), n("
|
|
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("
|
|
19
|
-
|
|
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.
|
|
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
|
|
30
|
+
}, l(e.message || ""), 3))
|
|
29
31
|
])
|
|
30
|
-
],
|
|
32
|
+
], 2);
|
|
31
33
|
}
|
|
32
|
-
const
|
|
34
|
+
const y = /* @__PURE__ */ f(r, [["render", u]]);
|
|
33
35
|
export {
|
|
34
|
-
|
|
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 <
|
|
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
|