@aotearoan/neon 27.1.0 → 28.0.1
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/components/presentation/header/NeonHeader.cjs.js +2 -0
- package/dist/components/presentation/header/NeonHeader.cjs.js.map +1 -0
- package/dist/components/presentation/header/NeonHeader.es.js +56 -0
- package/dist/components/presentation/header/NeonHeader.es.js.map +1 -0
- package/dist/components/presentation/header/NeonHeader.vue.cjs.js +2 -0
- package/dist/components/presentation/header/NeonHeader.vue.cjs.js.map +1 -0
- package/dist/components/presentation/header/NeonHeader.vue.es.js +76 -0
- package/dist/components/presentation/header/NeonHeader.vue.es.js.map +1 -0
- package/dist/components/user-input/toggle/NeonToggle.vue.cjs.js +1 -1
- package/dist/components/user-input/toggle/NeonToggle.vue.cjs.js.map +1 -1
- package/dist/components/user-input/toggle/NeonToggle.vue.es.js +60 -52
- package/dist/components/user-input/toggle/NeonToggle.vue.es.js.map +1 -1
- package/dist/model/presentation/header/NeonHeaderLevel.cjs.js +2 -0
- package/dist/model/presentation/header/NeonHeaderLevel.cjs.js.map +1 -0
- package/dist/model/presentation/header/NeonHeaderLevel.es.js +5 -0
- package/dist/model/presentation/header/NeonHeaderLevel.es.js.map +1 -0
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +124 -124
- package/dist/src/components/presentation/header/NeonHeader.d.ts +383 -0
- package/dist/src/components/presentation/header/NeonHeader.vue.d.ts +2 -0
- package/dist/src/model/presentation/header/NeonHeaderLevel.d.ts +17 -0
- package/dist/src/neon.d.ts +2 -2
- package/package.json +1 -1
- package/src/sass/components/_banner.scss +3 -3
- package/src/sass/components/_header.scss +81 -0
- package/src/sass/components/components.scss +1 -2
- package/src/sass/includes/_dependencies.scss +1 -2
- package/src/sass/includes/_toggle-mixins.scss +4 -0
- package/src/sass/theme.scss +4 -8
- package/dist/components/layout/page-header/NeonPageHeader.cjs.js +0 -2
- package/dist/components/layout/page-header/NeonPageHeader.cjs.js.map +0 -1
- package/dist/components/layout/page-header/NeonPageHeader.es.js +0 -24
- package/dist/components/layout/page-header/NeonPageHeader.es.js.map +0 -1
- package/dist/components/layout/page-header/NeonPageHeader.vue.cjs.js +0 -2
- package/dist/components/layout/page-header/NeonPageHeader.vue.cjs.js.map +0 -1
- package/dist/components/layout/page-header/NeonPageHeader.vue.es.js +0 -43
- package/dist/components/layout/page-header/NeonPageHeader.vue.es.js.map +0 -1
- package/dist/components/layout/page-section/NeonPageSection.cjs.js +0 -2
- package/dist/components/layout/page-section/NeonPageSection.cjs.js.map +0 -1
- package/dist/components/layout/page-section/NeonPageSection.es.js +0 -14
- package/dist/components/layout/page-section/NeonPageSection.es.js.map +0 -1
- package/dist/components/layout/page-section/NeonPageSection.vue.cjs.js +0 -2
- package/dist/components/layout/page-section/NeonPageSection.vue.cjs.js.map +0 -1
- package/dist/components/layout/page-section/NeonPageSection.vue.es.js +0 -18
- package/dist/components/layout/page-section/NeonPageSection.vue.es.js.map +0 -1
- package/dist/src/components/layout/page-header/NeonPageHeader.d.ts +0 -592
- package/dist/src/components/layout/page-header/NeonPageHeader.vue.d.ts +0 -2
- package/dist/src/components/layout/page-section/NeonPageSection.d.ts +0 -21
- package/dist/src/components/layout/page-section/NeonPageSection.vue.d.ts +0 -2
- package/src/sass/components/_page-header.scss +0 -36
- package/src/sass/components/_page-section.scss +0 -13
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const t=require("vue"),o=require("../../navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js"),a=require("../../layout/inline/NeonInline.vue.cjs.js"),l=require("../../layout/stack/NeonStack.vue.cjs.js"),e=require("../../../model/presentation/header/NeonHeaderLevel.cjs.js"),u=t.defineComponent({name:"NeonHeader",components:{NeonBreadcrumbs:o,NeonInline:a,NeonStack:l},props:{title:{type:String,required:!0},subtitle:{type:String},level:{type:String,default:()=>e.NeonHeaderLevel.Page},breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!1},backLabel:{type:String,default:"Back"}},setup(r,{slots:n}){return{titleLevel:t.computed(()=>{switch(r.level){case e.NeonHeaderLevel.SubSection:return"h3";case e.NeonHeaderLevel.Section:return"h2";default:return"h1"}}),NeonHeaderLevel:e.NeonHeaderLevel,slots:n}}});module.exports=u;
|
|
2
|
+
//# sourceMappingURL=NeonHeader.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonHeader.cjs.js","sources":["../../../../src/components/presentation/header/NeonHeader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport NeonBreadcrumbs from '@/components/navigation/breadcrumbs/NeonBreadcrumbs.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonHeaderLevel } from '@/model/presentation/header/NeonHeaderLevel';\n\n/**\n * A header component consisting of a title, an optional subtitle, actions, labels and breadcrumbs. This component\n * supports different levels of headers including Page, Section & SubSection (`NeonHeaderLevel`).\n */\nexport default defineComponent({\n name: 'NeonHeader',\n components: { NeonBreadcrumbs, NeonInline, NeonStack },\n props: {\n /**\n * The title of the header.\n */\n title: { type: String, required: true },\n /**\n * The subtitle of the header.\n */\n subtitle: { type: String },\n /**\n * The level of the header. Allows the header to be used in multiple contexts with different sizes.\n */\n level: { type: String as () => NeonHeaderLevel, default: () => NeonHeaderLevel.Page },\n /**\n * Breadcrumbs to display above the header (Page level only).\n */\n breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n // TODO: revert the default to true when the back button is implemented on all pages in all apps\n /**\n * Whether to display a back button (Page level only).\n */\n backButton: { type: Boolean, default: false },\n /**\n * Override the label for the back button (Page level only).\n */\n backLabel: { type: String, default: 'Back' },\n },\n setup(props, { slots }) {\n const titleLevel = computed<string>(() => {\n switch (props.level) {\n case NeonHeaderLevel.SubSection:\n return 'h3';\n case NeonHeaderLevel.Section:\n return 'h2';\n default:\n return 'h1';\n }\n });\n\n return {\n titleLevel,\n NeonHeaderLevel,\n slots,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonBreadcrumbs","NeonInline","NeonStack","NeonHeaderLevel","props","slots","computed"],"mappings":"4RAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CAAE,gBAAAC,EAAiB,WAAAC,EAAY,UAAAC,CAAA,EAC3C,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,MAAA,EAIlB,MAAO,CAAE,KAAM,OAAiC,QAAS,IAAMC,EAAAA,gBAAgB,IAAA,EAI/E,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAK1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,CAAO,EAE7C,MAAMC,EAAO,CAAE,MAAAC,GAAS,CAYtB,MAAO,CACL,WAZiBC,EAAAA,SAAiB,IAAM,CACxC,OAAQF,EAAM,MAAA,CACZ,KAAKD,EAAAA,gBAAgB,WACnB,MAAO,KACT,KAAKA,EAAAA,gBAAgB,QACnB,MAAO,KACT,QACE,MAAO,IAAA,CAEb,CAAC,EAGC,gBACAA,EAAAA,gBACA,MAAAE,CAAA,CAEJ,CACF,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineComponent as o, computed as n } from "vue";
|
|
2
|
+
import a from "../../navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js";
|
|
3
|
+
import l from "../../layout/inline/NeonInline.vue.es.js";
|
|
4
|
+
import i from "../../layout/stack/NeonStack.vue.es.js";
|
|
5
|
+
import { NeonHeaderLevel as e } from "../../../model/presentation/header/NeonHeaderLevel.es.js";
|
|
6
|
+
const d = o({
|
|
7
|
+
name: "NeonHeader",
|
|
8
|
+
components: { NeonBreadcrumbs: a, NeonInline: l, NeonStack: i },
|
|
9
|
+
props: {
|
|
10
|
+
/**
|
|
11
|
+
* The title of the header.
|
|
12
|
+
*/
|
|
13
|
+
title: { type: String, required: !0 },
|
|
14
|
+
/**
|
|
15
|
+
* The subtitle of the header.
|
|
16
|
+
*/
|
|
17
|
+
subtitle: { type: String },
|
|
18
|
+
/**
|
|
19
|
+
* The level of the header. Allows the header to be used in multiple contexts with different sizes.
|
|
20
|
+
*/
|
|
21
|
+
level: { type: String, default: () => e.Page },
|
|
22
|
+
/**
|
|
23
|
+
* Breadcrumbs to display above the header (Page level only).
|
|
24
|
+
*/
|
|
25
|
+
breadcrumbs: { type: Array, default: () => [] },
|
|
26
|
+
// TODO: revert the default to true when the back button is implemented on all pages in all apps
|
|
27
|
+
/**
|
|
28
|
+
* Whether to display a back button (Page level only).
|
|
29
|
+
*/
|
|
30
|
+
backButton: { type: Boolean, default: !1 },
|
|
31
|
+
/**
|
|
32
|
+
* Override the label for the back button (Page level only).
|
|
33
|
+
*/
|
|
34
|
+
backLabel: { type: String, default: "Back" }
|
|
35
|
+
},
|
|
36
|
+
setup(t, { slots: r }) {
|
|
37
|
+
return {
|
|
38
|
+
titleLevel: n(() => {
|
|
39
|
+
switch (t.level) {
|
|
40
|
+
case e.SubSection:
|
|
41
|
+
return "h3";
|
|
42
|
+
case e.Section:
|
|
43
|
+
return "h2";
|
|
44
|
+
default:
|
|
45
|
+
return "h1";
|
|
46
|
+
}
|
|
47
|
+
}),
|
|
48
|
+
NeonHeaderLevel: e,
|
|
49
|
+
slots: r
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
d as default
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=NeonHeader.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonHeader.es.js","sources":["../../../../src/components/presentation/header/NeonHeader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport NeonBreadcrumbs from '@/components/navigation/breadcrumbs/NeonBreadcrumbs.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonHeaderLevel } from '@/model/presentation/header/NeonHeaderLevel';\n\n/**\n * A header component consisting of a title, an optional subtitle, actions, labels and breadcrumbs. This component\n * supports different levels of headers including Page, Section & SubSection (`NeonHeaderLevel`).\n */\nexport default defineComponent({\n name: 'NeonHeader',\n components: { NeonBreadcrumbs, NeonInline, NeonStack },\n props: {\n /**\n * The title of the header.\n */\n title: { type: String, required: true },\n /**\n * The subtitle of the header.\n */\n subtitle: { type: String },\n /**\n * The level of the header. Allows the header to be used in multiple contexts with different sizes.\n */\n level: { type: String as () => NeonHeaderLevel, default: () => NeonHeaderLevel.Page },\n /**\n * Breadcrumbs to display above the header (Page level only).\n */\n breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n // TODO: revert the default to true when the back button is implemented on all pages in all apps\n /**\n * Whether to display a back button (Page level only).\n */\n backButton: { type: Boolean, default: false },\n /**\n * Override the label for the back button (Page level only).\n */\n backLabel: { type: String, default: 'Back' },\n },\n setup(props, { slots }) {\n const titleLevel = computed<string>(() => {\n switch (props.level) {\n case NeonHeaderLevel.SubSection:\n return 'h3';\n case NeonHeaderLevel.Section:\n return 'h2';\n default:\n return 'h1';\n }\n });\n\n return {\n titleLevel,\n NeonHeaderLevel,\n slots,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonBreadcrumbs","NeonInline","NeonStack","NeonHeaderLevel","props","slots","computed"],"mappings":";;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,iBAAAC,GAAiB,YAAAC,GAAY,WAAAC,EAAA;AAAA,EAC3C,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIlB,OAAO,EAAE,MAAM,QAAiC,SAAS,MAAMC,EAAgB,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/E,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA,EAAO;AAAA,EAE7C,MAAMC,GAAO,EAAE,OAAAC,KAAS;AAYtB,WAAO;AAAA,MACL,YAZiBC,EAAiB,MAAM;AACxC,gBAAQF,EAAM,OAAA;AAAA,UACZ,KAAKD,EAAgB;AACnB,mBAAO;AAAA,UACT,KAAKA,EAAgB;AACnB,mBAAO;AAAA,UACT;AACE,mBAAO;AAAA,QAAA;AAAA,MAEb,CAAC;AAAA,MAIC,iBAAAA;AAAA,MACA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const l=require("./NeonHeader.cjs.js"),e=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),s={key:0,class:"neon-header__subtitle"};function c(t,u,i,p,b,_){const a=e.resolveComponent("neon-breadcrumbs"),o=e.resolveComponent("neon-inline"),n=e.resolveComponent("neon-stack");return e.openBlock(),e.createBlock(n,{class:e.normalizeClass([`neon-header--${t.level}`,"neon-header"])},{default:e.withCtx(()=>[t.level===t.NeonHeaderLevel.Page&&(t.backButton||t.breadcrumbs.length!==0)?(e.openBlock(),e.createBlock(a,{key:0,"back-button":t.backButton,"back-label":t.backLabel,breadcrumbs:t.breadcrumbs},null,8,["back-button","back-label","breadcrumbs"])):e.createCommentVNode("",!0),e.createVNode(o,{class:"neon-header__content"},{default:e.withCtx(()=>[e.createVNode(n,{class:"neon-header__content-copy",gap:"s"},{default:e.withCtx(()=>[e.createVNode(o,{class:"neon-header__title-wrapper",gap:"m"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.titleLevel),{class:"neon-header__title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})),t.slots.labels?(e.openBlock(),e.createBlock(o,{key:0,class:"neon-header__labels",gap:"m"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"labels")]),_:3})):e.createCommentVNode("",!0)]),_:3}),t.subtitle?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)]),_:3}),t.slots.actions?(e.openBlock(),e.createBlock(o,{key:0,class:"neon-header__actions",gap:"s"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),_:3})):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"])}const d=r(l,[["render",c]]);module.exports=d;
|
|
2
|
+
//# sourceMappingURL=NeonHeader.vue.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonHeader.vue.cjs.js","sources":["../../../../src/components/presentation/header/NeonHeader.vue"],"sourcesContent":["<template>\n <neon-stack :class=\"`neon-header--${level}`\" class=\"neon-header\">\n <neon-breadcrumbs\n v-if=\"level === NeonHeaderLevel.Page && (backButton || breadcrumbs.length !== 0)\"\n :back-button=\"backButton\"\n :back-label=\"backLabel\"\n :breadcrumbs=\"breadcrumbs\"\n />\n <neon-inline class=\"neon-header__content\">\n <neon-stack class=\"neon-header__content-copy\" gap=\"s\">\n <neon-inline class=\"neon-header__title-wrapper\" gap=\"m\">\n <component :is=\"titleLevel\" class=\"neon-header__title\">{{ title }}</component>\n <neon-inline v-if=\"slots.labels\" class=\"neon-header__labels\" gap=\"m\">\n <!-- @slot a slot for adding labels/info popovers next to the title. NOTE: these are rendered in reverse order on mobile -->\n <slot name=\"labels\"></slot>\n </neon-inline>\n </neon-inline>\n <span v-if=\"subtitle\" class=\"neon-header__subtitle\">{{ subtitle }}</span>\n </neon-stack>\n <neon-inline v-if=\"slots.actions\" class=\"neon-header__actions\" gap=\"s\">\n <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the buttons here in order to apply the correct spacings -->\n <slot name=\"actions\"></slot>\n </neon-inline>\n </neon-inline>\n </neon-stack>\n</template>\n\n<script lang=\"ts\" src=\"./NeonHeader.ts\" />\n"],"names":["_createBlock","_component_neon_stack","_normalizeClass","_ctx","_component_neon_breadcrumbs","_createVNode","_component_neon_inline","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":"8IAiB8B,MAAM,4LAhBlCA,EAAAA,YAuBaC,EAAA,CAvBA,MAAKC,EAAAA,eAAA,CAAA,gBAAkBC,EAAA,KAAK,GAAU,aAAa,CAAA,sBAC9D,IAKE,CAJMA,EAAA,QAAUA,kBAAgB,OAASA,EAAA,YAAcA,EAAA,YAAY,SAAM,kBAD3EH,EAAAA,YAKEI,EAAA,OAHC,cAAaD,EAAA,WACb,aAAYA,EAAA,UACZ,YAAaA,EAAA,6FAEhBE,EAAAA,YAecC,EAAA,CAfD,MAAM,sBAAsB,EAAA,mBACvC,IASa,CATbD,EAAAA,YASaJ,EAAA,CATD,MAAM,4BAA4B,IAAI,wBAChD,IAMc,CANdI,EAAAA,YAMcC,EAAA,CAND,MAAM,6BAA6B,IAAI,wBAClD,IAA8E,EAA9EC,YAAA,EAAAP,EAAAA,YAA8EQ,0BAA9DL,EAAA,UAAU,EAAA,CAAE,MAAM,sBAAoB,mBAAC,IAAW,qCAARA,EAAA,KAAK,EAAA,CAAA,WAC5CA,EAAA,MAAM,sBAAzBH,EAAAA,YAGcM,EAAA,OAHmB,MAAM,sBAAsB,IAAI,wBAE/D,IAA2B,CAA3BG,aAA2BN,EAAA,OAAA,QAAA,+CAGnBA,EAAA,wBAAZO,EAAAA,mBAAyE,OAAzEC,EAAyEC,EAAAA,gBAAlBT,EAAA,QAAQ,EAAA,CAAA,uCAE9CA,EAAA,MAAM,uBAAzBH,EAAAA,YAGcM,EAAA,OAHoB,MAAM,uBAAuB,IAAI,wBAEjE,IAA4B,CAA5BG,aAA4BN,EAAA,OAAA,SAAA"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import i from "./NeonHeader.es.js";
|
|
2
|
+
import { resolveComponent as l, openBlock as a, createBlock as o, normalizeClass as m, withCtx as n, createCommentVNode as s, createVNode as r, resolveDynamicComponent as p, createTextVNode as _, toDisplayString as d, renderSlot as b, createElementBlock as k } from "vue";
|
|
3
|
+
import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
const h = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "neon-header__subtitle"
|
|
7
|
+
};
|
|
8
|
+
function g(e, y, $, v, B, C) {
|
|
9
|
+
const u = l("neon-breadcrumbs"), t = l("neon-inline"), c = l("neon-stack");
|
|
10
|
+
return a(), o(c, {
|
|
11
|
+
class: m([`neon-header--${e.level}`, "neon-header"])
|
|
12
|
+
}, {
|
|
13
|
+
default: n(() => [
|
|
14
|
+
e.level === e.NeonHeaderLevel.Page && (e.backButton || e.breadcrumbs.length !== 0) ? (a(), o(u, {
|
|
15
|
+
key: 0,
|
|
16
|
+
"back-button": e.backButton,
|
|
17
|
+
"back-label": e.backLabel,
|
|
18
|
+
breadcrumbs: e.breadcrumbs
|
|
19
|
+
}, null, 8, ["back-button", "back-label", "breadcrumbs"])) : s("", !0),
|
|
20
|
+
r(t, { class: "neon-header__content" }, {
|
|
21
|
+
default: n(() => [
|
|
22
|
+
r(c, {
|
|
23
|
+
class: "neon-header__content-copy",
|
|
24
|
+
gap: "s"
|
|
25
|
+
}, {
|
|
26
|
+
default: n(() => [
|
|
27
|
+
r(t, {
|
|
28
|
+
class: "neon-header__title-wrapper",
|
|
29
|
+
gap: "m"
|
|
30
|
+
}, {
|
|
31
|
+
default: n(() => [
|
|
32
|
+
(a(), o(p(e.titleLevel), { class: "neon-header__title" }, {
|
|
33
|
+
default: n(() => [
|
|
34
|
+
_(d(e.title), 1)
|
|
35
|
+
]),
|
|
36
|
+
_: 1
|
|
37
|
+
})),
|
|
38
|
+
e.slots.labels ? (a(), o(t, {
|
|
39
|
+
key: 0,
|
|
40
|
+
class: "neon-header__labels",
|
|
41
|
+
gap: "m"
|
|
42
|
+
}, {
|
|
43
|
+
default: n(() => [
|
|
44
|
+
b(e.$slots, "labels")
|
|
45
|
+
]),
|
|
46
|
+
_: 3
|
|
47
|
+
})) : s("", !0)
|
|
48
|
+
]),
|
|
49
|
+
_: 3
|
|
50
|
+
}),
|
|
51
|
+
e.subtitle ? (a(), k("span", h, d(e.subtitle), 1)) : s("", !0)
|
|
52
|
+
]),
|
|
53
|
+
_: 3
|
|
54
|
+
}),
|
|
55
|
+
e.slots.actions ? (a(), o(t, {
|
|
56
|
+
key: 0,
|
|
57
|
+
class: "neon-header__actions",
|
|
58
|
+
gap: "s"
|
|
59
|
+
}, {
|
|
60
|
+
default: n(() => [
|
|
61
|
+
b(e.$slots, "actions")
|
|
62
|
+
]),
|
|
63
|
+
_: 3
|
|
64
|
+
})) : s("", !0)
|
|
65
|
+
]),
|
|
66
|
+
_: 3
|
|
67
|
+
})
|
|
68
|
+
]),
|
|
69
|
+
_: 3
|
|
70
|
+
}, 8, ["class"]);
|
|
71
|
+
}
|
|
72
|
+
const w = /* @__PURE__ */ f(i, [["render", g]]);
|
|
73
|
+
export {
|
|
74
|
+
w as default
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=NeonHeader.vue.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonHeader.vue.es.js","sources":["../../../../src/components/presentation/header/NeonHeader.vue"],"sourcesContent":["<template>\n <neon-stack :class=\"`neon-header--${level}`\" class=\"neon-header\">\n <neon-breadcrumbs\n v-if=\"level === NeonHeaderLevel.Page && (backButton || breadcrumbs.length !== 0)\"\n :back-button=\"backButton\"\n :back-label=\"backLabel\"\n :breadcrumbs=\"breadcrumbs\"\n />\n <neon-inline class=\"neon-header__content\">\n <neon-stack class=\"neon-header__content-copy\" gap=\"s\">\n <neon-inline class=\"neon-header__title-wrapper\" gap=\"m\">\n <component :is=\"titleLevel\" class=\"neon-header__title\">{{ title }}</component>\n <neon-inline v-if=\"slots.labels\" class=\"neon-header__labels\" gap=\"m\">\n <!-- @slot a slot for adding labels/info popovers next to the title. NOTE: these are rendered in reverse order on mobile -->\n <slot name=\"labels\"></slot>\n </neon-inline>\n </neon-inline>\n <span v-if=\"subtitle\" class=\"neon-header__subtitle\">{{ subtitle }}</span>\n </neon-stack>\n <neon-inline v-if=\"slots.actions\" class=\"neon-header__actions\" gap=\"s\">\n <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the buttons here in order to apply the correct spacings -->\n <slot name=\"actions\"></slot>\n </neon-inline>\n </neon-inline>\n </neon-stack>\n</template>\n\n<script lang=\"ts\" src=\"./NeonHeader.ts\" />\n"],"names":["_createBlock","_component_neon_stack","_normalizeClass","_ctx","_component_neon_breadcrumbs","_createVNode","_component_neon_inline","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;EAiB8B,OAAM;;;;cAhBlCA,EAuBaC,GAAA;AAAA,IAvBA,OAAKC,EAAA,CAAA,gBAAkBC,EAAA,KAAK,IAAU,aAAa,CAAA;AAAA;eAC9D,MAKE;AAAA,MAJMA,EAAA,UAAUA,kBAAgB,SAASA,EAAA,cAAcA,EAAA,YAAY,WAAM,WAD3EH,EAKEI,GAAA;AAAA;QAHC,eAAaD,EAAA;AAAA,QACb,cAAYA,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA;MAEhBE,EAecC,GAAA,EAfD,OAAM,uBAAsB,GAAA;AAAA,mBACvC,MASa;AAAA,UATbD,EASaJ,GAAA;AAAA,YATD,OAAM;AAAA,YAA4B,KAAI;AAAA;uBAChD,MAMc;AAAA,cANdI,EAMcC,GAAA;AAAA,gBAND,OAAM;AAAA,gBAA6B,KAAI;AAAA;2BAClD,MAA8E;AAAA,mBAA9EC,EAAA,GAAAP,EAA8EQ,EAA9DL,EAAA,UAAU,GAAA,EAAE,OAAM,wBAAoB;AAAA,+BAAC,MAAW;AAAA,0BAARA,EAAA,KAAK,GAAA,CAAA;AAAA;;;kBAC5CA,EAAA,MAAM,eAAzBH,EAGcM,GAAA;AAAA;oBAHmB,OAAM;AAAA,oBAAsB,KAAI;AAAA;+BAE/D,MAA2B;AAAA,sBAA3BG,EAA2BN,EAAA,QAAA,QAAA;AAAA;;;;;;cAGnBA,EAAA,iBAAZO,EAAyE,QAAzEC,GAAyEC,EAAlBT,EAAA,QAAQ,GAAA,CAAA;;;;UAE9CA,EAAA,MAAM,gBAAzBH,EAGcM,GAAA;AAAA;YAHoB,OAAM;AAAA,YAAuB,KAAI;AAAA;uBAEjE,MAA4B;AAAA,cAA5BG,EAA4BN,EAAA,QAAA,SAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const d=require("./NeonToggle.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["aria-checked","aria-disabled","tabindex","onKeydown"],i=["checked","disabled","name","value","onClick"],c={key:0,class:"neon-toggle__radio-button"},g={key:0,class:"neon-toggle__radio-button-indicator"},u={key:1},m={key:0,class:"neon-toggle__additional-content"};function k(l,y,_,h,p,B){const a=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-toggle--${l.toggleStyle}`,`neon-toggle--${l.disabled?"low-contrast":l.color}`,`neon-toggle--${l.orientation}`,`neon-toggle--${l.size}`,{"neon-toggle--disabled":l.disabled}],"neon-toggle"]),role:"radiogroup"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.key},[e.createElementVNode("label",{"aria-checked":o.key===l.modelValue,"aria-disabled":l.disabled||o.disabled,class:e.normalizeClass([{"neon-toggle__label--disabled":l.disabled||o.disabled,"neon-toggle__label--checked":o.key===l.modelValue,"neon-toggle__label--with-icon":o.icon,"neon-toggle__label--with-slot-override":l.slots.option},"neon-toggle__label no-style"]),tabindex:!l.disabled&&!o.disabled?0:void 0,role:"radio",onKeydown:[e.withKeys(t=>l.selectOption(o),["enter"]),e.withKeys(e.withModifiers(t=>l.selectOption(o),["prevent"]),["space"])]},[e.createElementVNode("input",e.mergeProps({checked:o.key===l.modelValue,disabled:l.disabled||o.disabled,name:l.name,tabindex:-1,value:o.key,class:"neon-toggle__input",type:"radio"},{ref_for:!0},l.sanitizedAttributes,{onClick:t=>l.onInput(o)}),null,16,i),l.toggleStyle!==l.NeonToggleStyle.Toggle?(e.openBlock(),e.createElementBlock("div",c,[o.key===l.modelValue?(e.openBlock(),e.createElementBlock("div",g)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"option",{index:n,option:o},()=>[o.icon?(e.openBlock(),e.createBlock(a,{key:0,disabled:l.disabled||o.disabled,name:o.icon},null,8,["disabled","name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)])],42,r),l.slots.additionalContent?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"additionalContent",e.mergeProps({ref_for:!0},{option:o,index:n}))])):e.createCommentVNode("",!0)],64))),128))],2)}const b=s(d,[["render",k]]);module.exports=b;
|
|
2
2
|
//# sourceMappingURL=NeonToggle.vue.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonToggle.vue.cjs.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-toggle--${toggleStyle}`,\n `neon-toggle--${disabled ? 'low-contrast' : color}`,\n `neon-toggle--${orientation}`,\n `neon-toggle--${size}`,\n { 'neon-toggle--disabled': disabled },\n ]\"\n class=\"neon-toggle\"\n role=\"radiogroup\"\n >\n <
|
|
1
|
+
{"version":3,"file":"NeonToggle.vue.cjs.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-toggle--${toggleStyle}`,\n `neon-toggle--${disabled ? 'low-contrast' : color}`,\n `neon-toggle--${orientation}`,\n `neon-toggle--${size}`,\n { 'neon-toggle--disabled': disabled },\n ]\"\n class=\"neon-toggle\"\n role=\"radiogroup\"\n >\n <template v-for=\"(option, index) in model\" :key=\"option.key\">\n <label\n :aria-checked=\"option.key === modelValue\"\n :aria-disabled=\"disabled || option.disabled\"\n :class=\"{\n 'neon-toggle__label--disabled': disabled || option.disabled,\n 'neon-toggle__label--checked': option.key === modelValue,\n 'neon-toggle__label--with-icon': option.icon,\n 'neon-toggle__label--with-slot-override': slots.option,\n }\"\n :tabindex=\"!disabled && !option.disabled ? 0 : undefined\"\n class=\"neon-toggle__label no-style\"\n role=\"radio\"\n @keydown.enter=\"selectOption(option)\"\n @keydown.space.prevent=\"selectOption(option)\"\n >\n <input\n :checked=\"option.key === modelValue\"\n :disabled=\"disabled || option.disabled\"\n :name=\"name\"\n :tabindex=\"-1\"\n :value=\"option.key\"\n class=\"neon-toggle__input\"\n type=\"radio\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onInput(option)\"\n />\n <div v-if=\"toggleStyle !== NeonToggleStyle.Toggle\" class=\"neon-toggle__radio-button\">\n <div v-if=\"option.key === modelValue\" class=\"neon-toggle__radio-button-indicator\"></div>\n </div>\n <!-- @slot This slot is for overriding the option rendering, it is passed two arguments:\n @binding {NeonToggleModel} option - the option for which to render additional content.\n @binding {number} index - the index of the option in the list. -->\n <slot :index=\"index\" :option=\"option\" name=\"option\">\n <neon-icon v-if=\"option.icon\" :disabled=\"disabled || option.disabled\" :name=\"option.icon\" />\n <span v-if=\"option.label\">{{ option.label }}</span>\n </slot>\n </label>\n <!-- @slot slot for rendering additional option content:\n @binding {NeonToggleModel} option - the option for which to render additional content.\n @binding {number} index - the index of the option in the list. -->\n <div v-if=\"slots.additionalContent\" class=\"neon-toggle__additional-content\">\n <slot name=\"additionalContent\" v-bind=\"{ option, index }\"></slot>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonToggle.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_Fragment","_renderList","option","index","_createElementVNode","_withKeys","$event","_withModifiers","_mergeProps","_hoisted_3","_hoisted_4","_renderSlot","_createBlock","_component_neon_icon","_hoisted_5","_toDisplayString","_hoisted_6"],"mappings":"0PAuC2D,MAAM,sCACjB,MAAM,0DAaZ,MAAM,wHApD9CA,EAAAA,mBAwDM,MAAA,CAvDH,MAAKC,EAAAA,eAAA,CAAA,iBAA0BC,EAAA,WAAW,GAA0B,gBAAAA,EAAA,wBAA4BA,EAAA,KAAK,mBAA0BA,EAAA,WAAW,mBAA0BA,EAAA,IAAI,4BAAqCA,EAAA,QAAQ,GAOhN,aAAa,CAAA,EACnB,KAAK,gBAELC,EAAAA,UAAA,EAAA,EAAAH,EAAAA,mBA4CWI,WAAA,KAAAC,EAAAA,WA5CyBH,EAAA,MAAK,CAAvBI,EAAQC,oDAAuB,IAAAD,EAAO,MACtDE,EAAAA,mBAoCQ,QAAA,CAnCL,eAAcF,EAAO,MAAQJ,EAAA,WAC7B,gBAAeA,EAAA,UAAYI,EAAO,SAClC,MAAKL,EAAAA,eAAA,CAAA,gCAA8CC,EAAA,UAAYI,EAAO,uCAAmDA,EAAO,MAAQJ,EAAA,WAAuD,gCAAAI,EAAO,KAA0D,yCAAAJ,EAAA,MAAM,QAOjQ,6BAA6B,CAAA,EADlC,UAAWA,EAAA,UAAQ,CAAKI,EAAO,WAAe,OAE/C,KAAK,QACJ,UAAO,CAAQG,EAAAA,SAAAC,GAAAR,EAAA,aAAaI,CAAM,EAAA,CAAA,OAAA,CAAA,EACXG,EAAAA,SAAAE,EAAAA,cAAAD,GAAAR,EAAA,aAAaI,CAAM,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,KAE3CE,EAAAA,mBAUE,QAVFI,aAUE,CATC,QAASN,EAAO,MAAQJ,EAAA,WACxB,SAAUA,EAAA,UAAYI,EAAO,SAC7B,KAAMJ,EAAA,KACN,SAAU,GACV,MAAOI,EAAO,IACf,MAAM,qBACN,KAAK,sBACGJ,EAAA,oBAAmB,CAC1B,QAAKQ,GAAER,EAAA,QAAQI,CAAM,eAEbJ,EAAA,cAAgBA,EAAA,gBAAgB,QAA3CC,EAAAA,YAAAH,EAAAA,mBAEM,MAFNa,EAEM,CADOP,EAAO,MAAQJ,EAAA,YAA1BC,EAAAA,YAAAH,EAAAA,mBAAwF,MAAxFc,CAAwF,8DAK1FC,aAGOb,EAAA,OAAA,SAAA,CAHA,MAAOK,EAAQ,OAAQD,GAA9B,IAGO,CAFYA,EAAO,oBAAxBU,EAAAA,YAA4FC,EAAA,OAA7D,SAAUf,EAAA,UAAYI,EAAO,SAAW,KAAMA,EAAO,+DACxEA,EAAO,qBAAnBN,EAAAA,mBAAmD,OAAAkB,EAAAC,EAAAA,gBAAtBb,EAAO,KAAK,EAAA,CAAA,wCAMlCJ,EAAA,MAAM,mBAAjBC,EAAAA,YAAAH,EAAAA,mBAEM,MAFNoB,EAEM,CADJL,EAAAA,WAAiEb,EAAA,OAAA,oBAAjEU,EAAAA,WAAiE,CAAA,QAAA,EAAA,EAAA,CAAxB,OAAAN,EAAQ,MAAAC,CAAK,CAAA,CAAA"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
1
|
+
import m from "./NeonToggle.es.js";
|
|
2
|
+
import { resolveComponent as k, openBlock as n, createElementBlock as o, normalizeClass as t, Fragment as i, renderList as y, createElementVNode as r, withKeys as g, withModifiers as h, mergeProps as b, createCommentVNode as d, renderSlot as u, createBlock as _, toDisplayString as f } from "vue";
|
|
3
3
|
import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
-
const v = ["aria-checked", "aria-disabled", "tabindex", "onKeydown"],
|
|
4
|
+
const v = ["aria-checked", "aria-disabled", "tabindex", "onKeydown"], p = ["checked", "disabled", "name", "value", "onClick"], w = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "neon-toggle__radio-button"
|
|
7
|
-
},
|
|
7
|
+
}, C = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "neon-toggle__radio-button-indicator"
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
}, V = { key: 1 }, S = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "neon-toggle__additional-content"
|
|
13
|
+
};
|
|
14
|
+
function N(e, z, B, K, T, E) {
|
|
15
|
+
const c = k("neon-icon");
|
|
13
16
|
return n(), o("div", {
|
|
14
|
-
class:
|
|
17
|
+
class: t([[
|
|
15
18
|
`neon-toggle--${e.toggleStyle}`,
|
|
16
19
|
`neon-toggle--${e.disabled ? "low-contrast" : e.color}`,
|
|
17
20
|
`neon-toggle--${e.orientation}`,
|
|
@@ -20,54 +23,59 @@ function S(e, N, z, B, K, T) {
|
|
|
20
23
|
], "neon-toggle"]),
|
|
21
24
|
role: "radiogroup"
|
|
22
25
|
}, [
|
|
23
|
-
(n(!0), o(
|
|
24
|
-
key: l.key
|
|
25
|
-
"aria-checked": l.key === e.modelValue,
|
|
26
|
-
"aria-disabled": e.disabled || l.disabled,
|
|
27
|
-
class: s([{
|
|
28
|
-
"neon-toggle__label--disabled": e.disabled || l.disabled,
|
|
29
|
-
"neon-toggle__label--checked": l.key === e.modelValue,
|
|
30
|
-
"neon-toggle__label--with-icon": l.icon,
|
|
31
|
-
"neon-toggle__label--with-slot-override": e.slots.option,
|
|
32
|
-
"neon-toggle__label--with-text": l.label
|
|
33
|
-
}, "neon-toggle__label no-style"]),
|
|
34
|
-
tabindex: !e.disabled && !l.disabled ? 0 : void 0,
|
|
35
|
-
role: "radio",
|
|
36
|
-
onKeydown: [
|
|
37
|
-
i((a) => e.selectOption(l), ["enter"]),
|
|
38
|
-
i(m((a) => e.selectOption(l), ["prevent"]), ["space"])
|
|
39
|
-
]
|
|
26
|
+
(n(!0), o(i, null, y(e.model, (l, a) => (n(), o(i, {
|
|
27
|
+
key: l.key
|
|
40
28
|
}, [
|
|
41
|
-
|
|
42
|
-
checked: l.key === e.modelValue,
|
|
43
|
-
disabled: e.disabled || l.disabled,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
l.icon ? (n(), _(t, {
|
|
60
|
-
key: 0,
|
|
29
|
+
r("label", {
|
|
30
|
+
"aria-checked": l.key === e.modelValue,
|
|
31
|
+
"aria-disabled": e.disabled || l.disabled,
|
|
32
|
+
class: t([{
|
|
33
|
+
"neon-toggle__label--disabled": e.disabled || l.disabled,
|
|
34
|
+
"neon-toggle__label--checked": l.key === e.modelValue,
|
|
35
|
+
"neon-toggle__label--with-icon": l.icon,
|
|
36
|
+
"neon-toggle__label--with-slot-override": e.slots.option
|
|
37
|
+
}, "neon-toggle__label no-style"]),
|
|
38
|
+
tabindex: !e.disabled && !l.disabled ? 0 : void 0,
|
|
39
|
+
role: "radio",
|
|
40
|
+
onKeydown: [
|
|
41
|
+
g((s) => e.selectOption(l), ["enter"]),
|
|
42
|
+
g(h((s) => e.selectOption(l), ["prevent"]), ["space"])
|
|
43
|
+
]
|
|
44
|
+
}, [
|
|
45
|
+
r("input", b({
|
|
46
|
+
checked: l.key === e.modelValue,
|
|
61
47
|
disabled: e.disabled || l.disabled,
|
|
62
|
-
name:
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
48
|
+
name: e.name,
|
|
49
|
+
tabindex: -1,
|
|
50
|
+
value: l.key,
|
|
51
|
+
class: "neon-toggle__input",
|
|
52
|
+
type: "radio"
|
|
53
|
+
}, { ref_for: !0 }, e.sanitizedAttributes, {
|
|
54
|
+
onClick: (s) => e.onInput(l)
|
|
55
|
+
}), null, 16, p),
|
|
56
|
+
e.toggleStyle !== e.NeonToggleStyle.Toggle ? (n(), o("div", w, [
|
|
57
|
+
l.key === e.modelValue ? (n(), o("div", C)) : d("", !0)
|
|
58
|
+
])) : d("", !0),
|
|
59
|
+
u(e.$slots, "option", {
|
|
60
|
+
index: a,
|
|
61
|
+
option: l
|
|
62
|
+
}, () => [
|
|
63
|
+
l.icon ? (n(), _(c, {
|
|
64
|
+
key: 0,
|
|
65
|
+
disabled: e.disabled || l.disabled,
|
|
66
|
+
name: l.icon
|
|
67
|
+
}, null, 8, ["disabled", "name"])) : d("", !0),
|
|
68
|
+
l.label ? (n(), o("span", V, f(l.label), 1)) : d("", !0)
|
|
69
|
+
])
|
|
70
|
+
], 42, v),
|
|
71
|
+
e.slots.additionalContent ? (n(), o("div", S, [
|
|
72
|
+
u(e.$slots, "additionalContent", b({ ref_for: !0 }, { option: l, index: a }))
|
|
73
|
+
])) : d("", !0)
|
|
74
|
+
], 64))), 128))
|
|
67
75
|
], 2);
|
|
68
76
|
}
|
|
69
|
-
const
|
|
77
|
+
const F = /* @__PURE__ */ $(m, [["render", N]]);
|
|
70
78
|
export {
|
|
71
|
-
|
|
79
|
+
F as default
|
|
72
80
|
};
|
|
73
81
|
//# sourceMappingURL=NeonToggle.vue.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonToggle.vue.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-toggle--${toggleStyle}`,\n `neon-toggle--${disabled ? 'low-contrast' : color}`,\n `neon-toggle--${orientation}`,\n `neon-toggle--${size}`,\n { 'neon-toggle--disabled': disabled },\n ]\"\n class=\"neon-toggle\"\n role=\"radiogroup\"\n >\n <
|
|
1
|
+
{"version":3,"file":"NeonToggle.vue.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-toggle--${toggleStyle}`,\n `neon-toggle--${disabled ? 'low-contrast' : color}`,\n `neon-toggle--${orientation}`,\n `neon-toggle--${size}`,\n { 'neon-toggle--disabled': disabled },\n ]\"\n class=\"neon-toggle\"\n role=\"radiogroup\"\n >\n <template v-for=\"(option, index) in model\" :key=\"option.key\">\n <label\n :aria-checked=\"option.key === modelValue\"\n :aria-disabled=\"disabled || option.disabled\"\n :class=\"{\n 'neon-toggle__label--disabled': disabled || option.disabled,\n 'neon-toggle__label--checked': option.key === modelValue,\n 'neon-toggle__label--with-icon': option.icon,\n 'neon-toggle__label--with-slot-override': slots.option,\n }\"\n :tabindex=\"!disabled && !option.disabled ? 0 : undefined\"\n class=\"neon-toggle__label no-style\"\n role=\"radio\"\n @keydown.enter=\"selectOption(option)\"\n @keydown.space.prevent=\"selectOption(option)\"\n >\n <input\n :checked=\"option.key === modelValue\"\n :disabled=\"disabled || option.disabled\"\n :name=\"name\"\n :tabindex=\"-1\"\n :value=\"option.key\"\n class=\"neon-toggle__input\"\n type=\"radio\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onInput(option)\"\n />\n <div v-if=\"toggleStyle !== NeonToggleStyle.Toggle\" class=\"neon-toggle__radio-button\">\n <div v-if=\"option.key === modelValue\" class=\"neon-toggle__radio-button-indicator\"></div>\n </div>\n <!-- @slot This slot is for overriding the option rendering, it is passed two arguments:\n @binding {NeonToggleModel} option - the option for which to render additional content.\n @binding {number} index - the index of the option in the list. -->\n <slot :index=\"index\" :option=\"option\" name=\"option\">\n <neon-icon v-if=\"option.icon\" :disabled=\"disabled || option.disabled\" :name=\"option.icon\" />\n <span v-if=\"option.label\">{{ option.label }}</span>\n </slot>\n </label>\n <!-- @slot slot for rendering additional option content:\n @binding {NeonToggleModel} option - the option for which to render additional content.\n @binding {number} index - the index of the option in the list. -->\n <div v-if=\"slots.additionalContent\" class=\"neon-toggle__additional-content\">\n <slot name=\"additionalContent\" v-bind=\"{ option, index }\"></slot>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonToggle.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_Fragment","_renderList","option","index","_createElementVNode","_withKeys","$event","_withModifiers","_mergeProps","_hoisted_3","_hoisted_4","_renderSlot","_createBlock","_component_neon_icon","_hoisted_5","_toDisplayString","_hoisted_6"],"mappings":";;;;;EAuC2D,OAAM;;;EACjB,OAAM;;;EAaZ,OAAM;;;;cApD9CA,EAwDM,OAAA;AAAA,IAvDH,OAAKC,EAAA,CAAA;AAAA,sBAA0BC,EAAA,WAAW;AAAA,MAA0B,gBAAAA,EAAA,4BAA4BA,EAAA,KAAK;AAAA,sBAA0BA,EAAA,WAAW;AAAA,sBAA0BA,EAAA,IAAI;AAAA,iCAAqCA,EAAA,SAAQ;AAAA,OAOhN,aAAa,CAAA;AAAA,IACnB,MAAK;AAAA;KAELC,EAAA,EAAA,GAAAH,EA4CWI,GAAA,MAAAC,EA5CyBH,EAAA,OAAK,CAAvBI,GAAQC;MAAuB,KAAAD,EAAO;AAAA;MACtDE,EAoCQ,SAAA;AAAA,QAnCL,gBAAcF,EAAO,QAAQJ,EAAA;AAAA,QAC7B,iBAAeA,EAAA,YAAYI,EAAO;AAAA,QAClC,OAAKL,EAAA,CAAA;AAAA,0CAA8CC,EAAA,YAAYI,EAAO;AAAA,yCAAmDA,EAAO,QAAQJ,EAAA;AAAA,UAAuD,iCAAAI,EAAO;AAAA,UAA0D,0CAAAJ,EAAA,MAAM;AAAA,WAOjQ,6BAA6B,CAAA;AAAA,QADlC,WAAWA,EAAA,YAAQ,CAAKI,EAAO,eAAe;AAAA,QAE/C,MAAK;AAAA,QACJ,WAAO;AAAA,UAAQG,EAAA,CAAAC,MAAAR,EAAA,aAAaI,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA,UACXG,EAAAE,EAAA,CAAAD,MAAAR,EAAA,aAAaI,CAAM,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;QAE3CE,EAUE,SAVFI,EAUE;AAAA,UATC,SAASN,EAAO,QAAQJ,EAAA;AAAA,UACxB,UAAUA,EAAA,YAAYI,EAAO;AAAA,UAC7B,MAAMJ,EAAA;AAAA,UACN,UAAU;AAAA,UACV,OAAOI,EAAO;AAAA,UACf,OAAM;AAAA,UACN,MAAK;AAAA,4BACGJ,EAAA,qBAAmB;AAAA,UAC1B,SAAK,CAAAQ,MAAER,EAAA,QAAQI,CAAM;AAAA;QAEbJ,EAAA,gBAAgBA,EAAA,gBAAgB,UAA3CC,KAAAH,EAEM,OAFNa,GAEM;AAAA,UADOP,EAAO,QAAQJ,EAAA,cAA1BC,KAAAH,EAAwF,OAAxFc,CAAwF;;QAK1FC,EAGOb,EAAA,QAAA,UAAA;AAAA,UAHA,OAAOK;AAAA,UAAQ,QAAQD;AAAA,WAA9B,MAGO;AAAA,UAFYA,EAAO,aAAxBU,EAA4FC,GAAA;AAAA;YAA7D,UAAUf,EAAA,YAAYI,EAAO;AAAA,YAAW,MAAMA,EAAO;AAAA;UACxEA,EAAO,cAAnBN,EAAmD,QAAAkB,GAAAC,EAAtBb,EAAO,KAAK,GAAA,CAAA;;;MAMlCJ,EAAA,MAAM,qBAAjBC,KAAAH,EAEM,OAFNoB,GAEM;AAAA,QADJL,EAAiEb,EAAA,QAAA,qBAAjEU,EAAiE,EAAA,SAAA,GAAA,GAAA,EAAxB,QAAAN,GAAQ,OAAAC,EAAK,CAAA,CAAA;AAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonHeaderLevel.cjs.js","sources":["../../../../src/model/presentation/header/NeonHeaderLevel.ts"],"sourcesContent":["/**\n * Represents the different levels of headers that can be used in a Neon page.\n */\nexport enum NeonHeaderLevel {\n /**\n * The top level header for a page. This is the equivalent of an H1 and can also include breadcrumbs.\n */\n Page = 'page',\n /**\n * A header that is used to page sections. This is the equivalent of an H2.\n */\n Section = 'section',\n /**\n * A header that is used in page subsections. This is the equivalent of an H3.\n */\n SubSection = 'sub-section',\n}\n"],"names":["NeonHeaderLevel"],"mappings":"gFAGO,IAAKA,GAAAA,IAIVA,EAAA,KAAO,OAIPA,EAAA,QAAU,UAIVA,EAAA,WAAa,cAZHA,IAAAA,GAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonHeaderLevel.es.js","sources":["../../../../src/model/presentation/header/NeonHeaderLevel.ts"],"sourcesContent":["/**\n * Represents the different levels of headers that can be used in a Neon page.\n */\nexport enum NeonHeaderLevel {\n /**\n * The top level header for a page. This is the equivalent of an H1 and can also include breadcrumbs.\n */\n Page = 'page',\n /**\n * A header that is used to page sections. This is the equivalent of an H2.\n */\n Section = 'section',\n /**\n * A header that is used in page subsections. This is the equivalent of an H3.\n */\n SubSection = 'sub-section',\n}\n"],"names":["NeonHeaderLevel"],"mappings":"AAGO,IAAKA,sBAAAA,OAIVA,EAAA,OAAO,QAIPA,EAAA,UAAU,WAIVA,EAAA,aAAa,eAZHA,IAAAA,KAAA,CAAA,CAAA;"}
|
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/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js"),c=require("./components/user-input/button/NeonButton.vue.cjs.js"),l=require("./components/layout/card/NeonCard.vue.cjs.js"),u=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),a=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),q=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),S=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),d=require("./components/user-input/chip/NeonChip.vue.cjs.js"),p=require("./components/user-input/color/NeonColor.vue.cjs.js"),g=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),C=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),P=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),T=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),y=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),b=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),I=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),L=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),z=require("./components/user-input/file/NeonFile.vue.cjs.js"),B=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"),A=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),h=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),w=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),M=require("./components/layout/inline/NeonInline.vue.cjs.js"),R=require("./components/user-input/input/NeonInput.vue.cjs.js"),F=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),k=require("./components/presentation/label/NeonLabel.vue.cjs.js"),E=require("./components/presentation/labelled-content/NeonLabelledContent.vue.cjs.js"),H=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),O=require("./components/navigation/link/NeonLink.vue.cjs.js"),G=require("./components/user-input/list/NeonList.vue.cjs.js"),f=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),x=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),J=require("./components/layout/modal/NeonModal.vue.cjs.js"),V=require("./components/feedback/note/NeonNote.vue.cjs.js"),Z=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),j=require("./components/user-input/number/NeonNumber.vue.cjs.js"),K=require("./components/layout/page/NeonPage.vue.cjs.js"),Q=require("./components/layout/page-container/NeonPageContainer.vue.cjs.js"),W=require("./components/layout/page-header/NeonPageHeader.vue.cjs.js"),X=require("./components/layout/page-section/NeonPageSection.vue.cjs.js"),Y=require("./components/navigation/pagination/NeonPagination.vue.cjs.js"),_=require("./components/user-input/password/NeonPassword.vue.cjs.js"),$=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),ee=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),oe=require("./components/user-input/search/NeonSearch.vue.cjs.js"),ne=require("./components/user-input/select/NeonSelect.vue.cjs.js"),re=require("./components/layout/card-list/selectable-card/NeonSelectableCard.vue.cjs.js"),te=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),ie=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),Ne=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),se=require("./components/layout/stack/NeonStack.vue.cjs.js"),ce=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),le=require("./components/layout/sticky-buttons/NeonStickyButtons.vue.cjs.js"),ue=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),ae=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),qe=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),Se=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),de=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),pe=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ge=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),Ce=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),Pe=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),Te=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),ye=require("./model/feedback/alert/NeonAlertLevel.cjs.js"),Ue=require("./model/feedback/alert/NeonAlertPlacement.cjs.js"),be=require("./model/presentation/badge/NeonBadgeSize.cjs.js"),Ie=require("./model/user-input/button/NeonButtonSize.cjs.js"),Le=require("./model/user-input/button/NeonButtonStyle.cjs.js"),me=require("./model/user-input/button/NeonButtonType.cjs.js"),ze=require("./model/user-input/chip/NeonChipAction.cjs.js"),Be=require("./model/presentation/dropdown/NeonDropdownPlacement.cjs.js"),ve=require("./model/presentation/dropdown/NeonDropdownStyle.cjs.js"),De=require("./model/common/color/NeonFunctionalColor.cjs.js"),Ae=require("./model/common/position/NeonHorizontalPosition.cjs.js"),he=require("./model/user-input/input-indicator/NeonInputIndicatorStyle.cjs.js"),we=require("./model/user-input/input/NeonInputMode.cjs.js"),Me=require("./model/user-input/input/NeonInputType.cjs.js"),Re=require("./model/presentation/label/NeonLabelSize.cjs.js"),Fe=require("./model/common/layout/NeonLayoutSize.cjs.js"),ke=require("./model/common/color/NeonMode.cjs.js"),Ee=require("./model/common/layout/NeonOrientation.cjs.js"),He=require("./model/common/accessibility/NeonOutlineStyle.cjs.js"),Oe=require("./model/layout/page/NeonPageAlignment.cjs.js"),Ge=require("./model/common/position/NeonPosition.cjs.js"),fe=require("./model/common/responsive/NeonResponsive.cjs.js"),xe=require("./model/common/size/NeonSize.cjs.js"),Je=require("./model/feedback/splash-loader/NeonSplashLoaderSize.cjs.js"),Ve=require("./model/common/state/NeonState.cjs.js"),Ze=require("./model/user-input/switch/NeonSwitchStyle.cjs.js"),je=require("./model/user-input/toggle/NeonToggleChipSize.cjs.js"),Ke=require("./model/user-input/toggle/NeonToggleStyle.cjs.js"),Qe=require("./model/feedback/tooltip/NeonTooltipStyle.cjs.js"),We=require("./model/common/position/NeonVerticalPosition.cjs.js"),Xe=require("./utils/feedback/alert/NeonAlertService.cjs.js"),Ye=require("./utils/feedback/banner/NeonBannerService.cjs.js"),e=require("./utils/common/clipboard/NeonClipboardService.cjs.js"),_e=require("./utils/common/closable/NeonClosableUtils.cjs.js"),$e=require("./utils/common/date/NeonDateUtils.cjs.js"),eo=require("./utils/common/debounce/NeonDebounceUtils.cjs.js"),oo=require("./utils/presentation/dropdown/NeonDropdownPlacementUtils.cjs.js"),no=require("./utils/common/event/NeonEventBus.cjs.js"),ro=require("./utils/user-input/file/NeonFileUtils.cjs.js"),to=require("./utils/common/icons/NeonIconRegistry.cjs.js"),io=require("./utils/presentation/badge/NeonJazziconUtils.cjs.js"),No=require("./utils/common/color/NeonModeUtils.cjs.js"),so=require("./utils/common/number/NeonNumberUtils.cjs.js"),co=require("./utils/common/dom/NeonPlacementUtils.cjs.js"),lo=require("./utils/common/number/NeonRandomUtils.cjs.js"),uo=require("./utils/common/responsive/NeonResponsiveUtils.cjs.js"),ao=require("./utils/common/dom/NeonScrollUtils.cjs.js"),qo=require("./utils/feedback/toast/NeonToastService.cjs.js"),So=require("./utils/feedback/tooltip/NeonTooltipPlacementUtils.cjs.js"),po=require("./utils/common/icons/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonBanner=N;exports.NeonBreadcrumbs=s;exports.NeonButton=c;exports.NeonCard=l;exports.NeonCardBody=u;exports.NeonCardFooter=a;exports.NeonCardHeader=q;exports.NeonCardList=S;exports.NeonChip=d;exports.NeonColor=p;exports.NeonDatePicker=g;exports.NeonDialog=C;exports.NeonDrawer=P;exports.NeonDropdown=T;exports.NeonDropdownMenu=y;exports.NeonDropZone=U;exports.NeonExpansionIndicator=b;exports.NeonExpansionPanel=I;exports.NeonFieldGroup=L;exports.NeonField=m;exports.NeonFile=z;exports.NeonFilterList=B;exports.NeonFooter=v;exports.NeonGrid=D;exports.NeonGridArea=A;exports.NeonIcon=h;exports.NeonImageCarousel=w;exports.NeonInline=M;exports.NeonInput=R;exports.NeonInputIndicator=F;exports.NeonLabel=k;exports.NeonLabelledContent=E;exports.NeonLinearProgress=H;exports.NeonLink=O;exports.NeonList=G;exports.NeonMenu=f;exports.NeonMobileMenu=x;exports.NeonModal=J;exports.NeonNote=V;exports.NeonNotificationCounter=Z;exports.NeonNumber=j;exports.NeonPage=K;exports.NeonPageContainer=Q;exports.NeonPageHeader=W;exports.NeonPageSection=X;exports.NeonPagination=Y;exports.NeonPassword=_;exports.NeonRangeSlider=$;exports.NeonSideNav=ee;exports.NeonSearch=oe;exports.NeonSelect=ne;exports.NeonSelectableCard=re;exports.NeonSkeletonLoader=te;exports.NeonSlider=ie;exports.NeonSplashLoader=Ne;exports.NeonStack=se;exports.NeonStepper=ce;exports.NeonStickyButtons=le;exports.NeonSwiper=ue;exports.NeonSwitch=ae;exports.NeonTab=qe;exports.NeonTabs=Se;exports.NeonToastContainer=de;exports.NeonToggle=pe;exports.NeonToggleChip=ge;exports.NeonTooltip=Ce;exports.NeonTopNav=Pe;exports.NeonTreeMenu=Te;exports.NeonAlertLevel=ye.NeonAlertLevel;exports.NeonAlertPlacement=Ue.NeonAlertPlacement;exports.NeonBadgeSize=be.NeonBadgeSize;exports.NeonButtonSize=Ie.NeonButtonSize;exports.NeonButtonStyle=Le.NeonButtonStyle;exports.NeonButtonType=me.NeonButtonType;exports.NeonChipAction=ze.NeonChipAction;exports.NeonDropdownPlacement=Be.NeonDropdownPlacement;exports.NeonDropdownStyle=ve.NeonDropdownStyle;exports.NeonFunctionalColor=De.NeonFunctionalColor;exports.NeonHorizontalPosition=Ae.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=he.NeonInputIndicatorStyle;exports.NeonInputMode=we.NeonInputMode;exports.NeonInputType=Me.NeonInputType;exports.NeonLabelSize=Re.NeonLabelSize;exports.NeonLayoutSize=Fe.NeonLayoutSize;exports.NeonMode=ke.NeonMode;exports.NeonOrientation=Ee.NeonOrientation;exports.NeonOutlineStyle=He.NeonOutlineStyle;exports.NeonPageAlignment=Oe.NeonPageAlignment;exports.NeonPosition=Ge.NeonPosition;exports.NeonResponsive=fe.NeonResponsive;exports.NeonSize=xe.NeonSize;exports.NeonSplashLoaderSize=Je.NeonSplashLoaderSize;exports.NeonState=Ve.NeonState;exports.NeonSwitchStyle=Ze.NeonSwitchStyle;exports.NeonToggleChipSize=je.NeonToggleChipSize;exports.NeonToggleStyle=Ke.NeonToggleStyle;exports.NeonTooltipStyle=Qe.NeonTooltipStyle;exports.NeonVerticalPosition=We.NeonVerticalPosition;exports.NeonAlertService=Xe.NeonAlertService;exports.NeonBannerService=Ye.NeonBannerService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=_e.NeonClosableUtils;exports.NeonDateUtils=$e.NeonDateUtils;exports.NeonDebounceUtils=eo.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=oo.NeonDropdownPlacementUtils;exports.NeonEventBus=no.NeonEventBus;exports.fileToDataURL=ro.fileToDataURL;exports.NeonIconRegistry=to.NeonIconRegistry;exports.NeonJazziconUtils=io.NeonJazziconUtils;exports.NeonModeUtils=No.NeonModeUtils;exports.NeonNumberUtils=so.NeonNumberUtils;exports.NeonPlacementUtils=co.NeonPlacementUtils;exports.NeonRandomUtils=lo.NeonRandomUtils;exports.NeonResponsiveUtils=uo.NeonResponsiveUtils;exports.NeonScrollUtils=ao.NeonScrollUtils;exports.NeonToastService=qo.NeonToastService;exports.NeonTooltipPlacementUtils=So.NeonTooltipPlacementUtils;exports.RegisterIcons=po.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/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js"),c=require("./components/user-input/button/NeonButton.vue.cjs.js"),l=require("./components/layout/card/NeonCard.vue.cjs.js"),u=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),a=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),q=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),S=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),d=require("./components/user-input/chip/NeonChip.vue.cjs.js"),p=require("./components/user-input/color/NeonColor.vue.cjs.js"),g=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),C=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),P=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),T=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),y=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),b=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),L=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),v=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),I=require("./components/user-input/field/NeonField.vue.cjs.js"),m=require("./components/user-input/file/NeonFile.vue.cjs.js"),z=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),B=require("./components/layout/footer/NeonFooter.vue.cjs.js"),D=require("./components/layout/grid/NeonGrid.vue.cjs.js"),A=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),h=require("./components/presentation/header/NeonHeader.vue.cjs.js"),w=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),M=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),R=require("./components/layout/inline/NeonInline.vue.cjs.js"),F=require("./components/user-input/input/NeonInput.vue.cjs.js"),k=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),H=require("./components/presentation/label/NeonLabel.vue.cjs.js"),E=require("./components/presentation/labelled-content/NeonLabelledContent.vue.cjs.js"),O=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),G=require("./components/navigation/link/NeonLink.vue.cjs.js"),f=require("./components/user-input/list/NeonList.vue.cjs.js"),x=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),J=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),V=require("./components/layout/modal/NeonModal.vue.cjs.js"),Z=require("./components/feedback/note/NeonNote.vue.cjs.js"),j=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),K=require("./components/user-input/number/NeonNumber.vue.cjs.js"),Q=require("./components/layout/page/NeonPage.vue.cjs.js"),W=require("./components/layout/page-container/NeonPageContainer.vue.cjs.js"),X=require("./components/navigation/pagination/NeonPagination.vue.cjs.js"),Y=require("./components/user-input/password/NeonPassword.vue.cjs.js"),_=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),$=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),ee=require("./components/user-input/search/NeonSearch.vue.cjs.js"),oe=require("./components/user-input/select/NeonSelect.vue.cjs.js"),ne=require("./components/layout/card-list/selectable-card/NeonSelectableCard.vue.cjs.js"),re=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),te=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),ie=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),Ne=require("./components/layout/stack/NeonStack.vue.cjs.js"),se=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ce=require("./components/layout/sticky-buttons/NeonStickyButtons.vue.cjs.js"),le=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),ue=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),ae=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),qe=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Se=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),de=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),pe=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),ge=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),Ce=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),Pe=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),Te=require("./model/feedback/alert/NeonAlertLevel.cjs.js"),ye=require("./model/feedback/alert/NeonAlertPlacement.cjs.js"),Ue=require("./model/presentation/badge/NeonBadgeSize.cjs.js"),be=require("./model/user-input/button/NeonButtonSize.cjs.js"),Le=require("./model/user-input/button/NeonButtonStyle.cjs.js"),ve=require("./model/user-input/button/NeonButtonType.cjs.js"),Ie=require("./model/user-input/chip/NeonChipAction.cjs.js"),me=require("./model/presentation/dropdown/NeonDropdownPlacement.cjs.js"),ze=require("./model/presentation/dropdown/NeonDropdownStyle.cjs.js"),Be=require("./model/common/color/NeonFunctionalColor.cjs.js"),De=require("./model/presentation/header/NeonHeaderLevel.cjs.js"),Ae=require("./model/common/position/NeonHorizontalPosition.cjs.js"),he=require("./model/user-input/input-indicator/NeonInputIndicatorStyle.cjs.js"),we=require("./model/user-input/input/NeonInputMode.cjs.js"),Me=require("./model/user-input/input/NeonInputType.cjs.js"),Re=require("./model/presentation/label/NeonLabelSize.cjs.js"),Fe=require("./model/common/layout/NeonLayoutSize.cjs.js"),ke=require("./model/common/color/NeonMode.cjs.js"),He=require("./model/common/layout/NeonOrientation.cjs.js"),Ee=require("./model/common/accessibility/NeonOutlineStyle.cjs.js"),Oe=require("./model/layout/page/NeonPageAlignment.cjs.js"),Ge=require("./model/common/position/NeonPosition.cjs.js"),fe=require("./model/common/responsive/NeonResponsive.cjs.js"),xe=require("./model/common/size/NeonSize.cjs.js"),Je=require("./model/feedback/splash-loader/NeonSplashLoaderSize.cjs.js"),Ve=require("./model/common/state/NeonState.cjs.js"),Ze=require("./model/user-input/switch/NeonSwitchStyle.cjs.js"),je=require("./model/user-input/toggle/NeonToggleChipSize.cjs.js"),Ke=require("./model/user-input/toggle/NeonToggleStyle.cjs.js"),Qe=require("./model/feedback/tooltip/NeonTooltipStyle.cjs.js"),We=require("./model/common/position/NeonVerticalPosition.cjs.js"),Xe=require("./utils/feedback/alert/NeonAlertService.cjs.js"),Ye=require("./utils/feedback/banner/NeonBannerService.cjs.js"),e=require("./utils/common/clipboard/NeonClipboardService.cjs.js"),_e=require("./utils/common/closable/NeonClosableUtils.cjs.js"),$e=require("./utils/common/date/NeonDateUtils.cjs.js"),eo=require("./utils/common/debounce/NeonDebounceUtils.cjs.js"),oo=require("./utils/presentation/dropdown/NeonDropdownPlacementUtils.cjs.js"),no=require("./utils/common/event/NeonEventBus.cjs.js"),ro=require("./utils/user-input/file/NeonFileUtils.cjs.js"),to=require("./utils/common/icons/NeonIconRegistry.cjs.js"),io=require("./utils/presentation/badge/NeonJazziconUtils.cjs.js"),No=require("./utils/common/color/NeonModeUtils.cjs.js"),so=require("./utils/common/number/NeonNumberUtils.cjs.js"),co=require("./utils/common/dom/NeonPlacementUtils.cjs.js"),lo=require("./utils/common/number/NeonRandomUtils.cjs.js"),uo=require("./utils/common/responsive/NeonResponsiveUtils.cjs.js"),ao=require("./utils/common/dom/NeonScrollUtils.cjs.js"),qo=require("./utils/feedback/toast/NeonToastService.cjs.js"),So=require("./utils/feedback/tooltip/NeonTooltipPlacementUtils.cjs.js"),po=require("./utils/common/icons/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonBanner=N;exports.NeonBreadcrumbs=s;exports.NeonButton=c;exports.NeonCard=l;exports.NeonCardBody=u;exports.NeonCardFooter=a;exports.NeonCardHeader=q;exports.NeonCardList=S;exports.NeonChip=d;exports.NeonColor=p;exports.NeonDatePicker=g;exports.NeonDialog=C;exports.NeonDrawer=P;exports.NeonDropdown=T;exports.NeonDropdownMenu=y;exports.NeonDropZone=U;exports.NeonExpansionIndicator=b;exports.NeonExpansionPanel=L;exports.NeonFieldGroup=v;exports.NeonField=I;exports.NeonFile=m;exports.NeonFilterList=z;exports.NeonFooter=B;exports.NeonGrid=D;exports.NeonGridArea=A;exports.NeonHeader=h;exports.NeonIcon=w;exports.NeonImageCarousel=M;exports.NeonInline=R;exports.NeonInput=F;exports.NeonInputIndicator=k;exports.NeonLabel=H;exports.NeonLabelledContent=E;exports.NeonLinearProgress=O;exports.NeonLink=G;exports.NeonList=f;exports.NeonMenu=x;exports.NeonMobileMenu=J;exports.NeonModal=V;exports.NeonNote=Z;exports.NeonNotificationCounter=j;exports.NeonNumber=K;exports.NeonPage=Q;exports.NeonPageContainer=W;exports.NeonPagination=X;exports.NeonPassword=Y;exports.NeonRangeSlider=_;exports.NeonSideNav=$;exports.NeonSearch=ee;exports.NeonSelect=oe;exports.NeonSelectableCard=ne;exports.NeonSkeletonLoader=re;exports.NeonSlider=te;exports.NeonSplashLoader=ie;exports.NeonStack=Ne;exports.NeonStepper=se;exports.NeonStickyButtons=ce;exports.NeonSwiper=le;exports.NeonSwitch=ue;exports.NeonTab=ae;exports.NeonTabs=qe;exports.NeonToastContainer=Se;exports.NeonToggle=de;exports.NeonToggleChip=pe;exports.NeonTooltip=ge;exports.NeonTopNav=Ce;exports.NeonTreeMenu=Pe;exports.NeonAlertLevel=Te.NeonAlertLevel;exports.NeonAlertPlacement=ye.NeonAlertPlacement;exports.NeonBadgeSize=Ue.NeonBadgeSize;exports.NeonButtonSize=be.NeonButtonSize;exports.NeonButtonStyle=Le.NeonButtonStyle;exports.NeonButtonType=ve.NeonButtonType;exports.NeonChipAction=Ie.NeonChipAction;exports.NeonDropdownPlacement=me.NeonDropdownPlacement;exports.NeonDropdownStyle=ze.NeonDropdownStyle;exports.NeonFunctionalColor=Be.NeonFunctionalColor;exports.NeonHeaderLevel=De.NeonHeaderLevel;exports.NeonHorizontalPosition=Ae.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=he.NeonInputIndicatorStyle;exports.NeonInputMode=we.NeonInputMode;exports.NeonInputType=Me.NeonInputType;exports.NeonLabelSize=Re.NeonLabelSize;exports.NeonLayoutSize=Fe.NeonLayoutSize;exports.NeonMode=ke.NeonMode;exports.NeonOrientation=He.NeonOrientation;exports.NeonOutlineStyle=Ee.NeonOutlineStyle;exports.NeonPageAlignment=Oe.NeonPageAlignment;exports.NeonPosition=Ge.NeonPosition;exports.NeonResponsive=fe.NeonResponsive;exports.NeonSize=xe.NeonSize;exports.NeonSplashLoaderSize=Je.NeonSplashLoaderSize;exports.NeonState=Ve.NeonState;exports.NeonSwitchStyle=Ze.NeonSwitchStyle;exports.NeonToggleChipSize=je.NeonToggleChipSize;exports.NeonToggleStyle=Ke.NeonToggleStyle;exports.NeonTooltipStyle=Qe.NeonTooltipStyle;exports.NeonVerticalPosition=We.NeonVerticalPosition;exports.NeonAlertService=Xe.NeonAlertService;exports.NeonBannerService=Ye.NeonBannerService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=_e.NeonClosableUtils;exports.NeonDateUtils=$e.NeonDateUtils;exports.NeonDebounceUtils=eo.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=oo.NeonDropdownPlacementUtils;exports.NeonEventBus=no.NeonEventBus;exports.fileToDataURL=ro.fileToDataURL;exports.NeonIconRegistry=to.NeonIconRegistry;exports.NeonJazziconUtils=io.NeonJazziconUtils;exports.NeonModeUtils=No.NeonModeUtils;exports.NeonNumberUtils=so.NeonNumberUtils;exports.NeonPlacementUtils=co.NeonPlacementUtils;exports.NeonRandomUtils=lo.NeonRandomUtils;exports.NeonResponsiveUtils=uo.NeonResponsiveUtils;exports.NeonScrollUtils=ao.NeonScrollUtils;exports.NeonToastService=qo.NeonToastService;exports.NeonTooltipPlacementUtils=So.NeonTooltipPlacementUtils;exports.RegisterIcons=po.RegisterIcons;
|
|
2
2
|
//# sourceMappingURL=neon.cjs.js.map
|