@aotearoan/neon 28.0.1 → 28.0.3

package/dist/components/navigation/link/NeonLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonLink.es.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/model/common/accessibility/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use this in combination with the <em>no-style</em> flag to\n     * style the outline of non-text links.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.None },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":";;;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnC,cAAc,EAAE,MAAM,QAAkC,SAASC,EAAiB,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlF,mBAAmB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAErD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,QAAAC,KAAU;AAC7B,UAAMC,IAAWC,EAA8B,IAAI,GAC7CC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAA;;AAAO,eAAAC,IAAAb,EAAM,SAAN,gBAAAa,EAAY,QAAQ,UAAS,IAAIb,EAAM,OAAO;AAAA,KAAU,GAEpFc,IAAcF,EAAS,MAAMZ,EAAM,QAAQA,EAAM,KAAK,QAAQS,EAAM,QAAQ,MAAM,CAAC,GACnFM,IAAaH,EAAS,MAAME,EAAY,SAASd,EAAM,SAASS,EAAM,QAAQ,GAE9EO,IAAsBJ,EAAS,MAAM;AAEzC,YAAM,EAAE,SAAAK,GAAS,GAAGC,MAAcb;AAClC,aAAOa;AAAA,IACT,CAAC,GAEKD,IAAU,MAAM;AACpB,MAAAhB,EAAK,OAAO;AAAA,IACd,GAEMkB,IAAU,YAAY;AAC1B,MAAAF,EAAA,GAEIN,EAAU,QACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,IACnBA,EAAM,QACf,OAAO,SAAS,QAAQA,EAAM,IAAI;AAAA,IAEtC;AAEA,WAAAE,EAAO,EAAE,UAAAC,GAAU,GAEZ;AAAA,MACL,UAAAA;AAAA,MACA,WAAAQ;AAAA,MACA,qBAAAK;AAAA,MACA,aAAAF;AAAA,MACA,YAAAC;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonLink.es.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/model/common/accessibility/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use this in combination with the <em>no-style</em> flag to\n     * style the outline of non-text links.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.None },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => routerUrl.value && route.fullPath.indexOf(routerUrl.value) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":";;;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnC,cAAc,EAAE,MAAM,QAAkC,SAASC,EAAiB,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlF,mBAAmB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAErD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,QAAAC,KAAU;AAC7B,UAAMC,IAAWC,EAA8B,IAAI,GAC7CC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAA;;AAAO,eAAAC,IAAAb,EAAM,SAAN,gBAAAa,EAAY,QAAQ,UAAS,IAAIb,EAAM,OAAO;AAAA,KAAU,GAEpFc,IAAcF,EAAS,MAAMD,EAAU,SAASF,EAAM,SAAS,QAAQE,EAAU,KAAK,MAAM,CAAC,GAC7FI,IAAaH,EAAS,MAAME,EAAY,SAASd,EAAM,SAASS,EAAM,QAAQ,GAE9EO,IAAsBJ,EAAS,MAAM;AAEzC,YAAM,EAAE,SAAAK,GAAS,GAAGC,MAAcb;AAClC,aAAOa;AAAA,IACT,CAAC,GAEKD,IAAU,MAAM;AACpB,MAAAhB,EAAK,OAAO;AAAA,IACd,GAEMkB,IAAU,YAAY;AAC1B,MAAAF,EAAA,GAEIN,EAAU,QACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,IACnBA,EAAM,QACf,OAAO,SAAS,QAAQA,EAAM,IAAI;AAAA,IAEtC;AAEA,WAAAE,EAAO,EAAE,UAAAC,GAAU,GAEZ;AAAA,MACL,UAAAA;AAAA,MACA,WAAAQ;AAAA,MACA,qBAAAK;AAAA,MACA,aAAAF;AAAA,MACA,YAAAC;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/navigation/tree-menu/NeonTreeMenu.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("vue"),s=require("../../presentation/icon/NeonIcon.vue.cjs.js"),k=require("../link/NeonLink.vue.cjs.js"),x=require("vue-router"),f=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),q=a.defineComponent({name:"NeonTreeMenu",components:{NeonIcon:s,NeonLink:k},props:{id:{type:String,required:!0},modelValue:{type:Array,required:!0},color:{type:String,default:f.NeonFunctionalColor.Brand},expandAll:{type:Boolean,default:!1}},emits:["update:modelValue","click"],setup(l,{emit:u}){const c=x.useRoute(),d=a.ref(null),p=n=>{const t=n.target;t.parentElement&&t.parentElement.click()},i=n=>{const t=l.modelValue.map(e=>{var o;return{...e,children:(o=e.children)==null?void 0:o.map(r=>({...r})),expanded:e.key===n?!e.expanded:e.expanded}});u("update:modelValue",t)},m=n=>{const t=l.modelValue.map(e=>{var o;return{...e,children:(o=e.children)==null?void 0:o.map(r=>({...r,expanded:r.key===n?!r.expanded:r.expanded}))}});u("update:modelValue",t)};return a.watch(()=>c.path,n=>d.value=n,{immediate:!0}),{url:d,emit:u,click:p,onSectionClick:i,onItemClick:m}}});module.exports=q;
+"use strict";const l=require("vue"),m=require("../../presentation/icon/NeonIcon.vue.cjs.js"),f=require("../link/NeonLink.vue.cjs.js"),x=require("vue-router"),k=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),y=l.defineComponent({name:"NeonTreeMenu",components:{NeonIcon:m,NeonLink:f},props:{id:{type:String,required:!0},modelValue:{type:Array,required:!0},color:{type:String,default:k.NeonFunctionalColor.Brand},expandAll:{type:Boolean,default:!1},exactHighlighting:{type:Boolean,default:!1}},emits:["update:modelValue","click"],setup(u,{emit:a}){const c=x.useRoute(),d=l.ref(null),p=n=>{const t=n.target;t.parentElement&&t.parentElement.click()},i=n=>{const t=u.modelValue.map(e=>{var o;return{...e,children:(o=e.children)==null?void 0:o.map(r=>({...r})),expanded:e.key===n?!e.expanded:e.expanded}});a("update:modelValue",t)},s=n=>{const t=u.modelValue.map(e=>{var o;return{...e,children:(o=e.children)==null?void 0:o.map(r=>({...r,expanded:r.key===n?!r.expanded:r.expanded}))}});a("update:modelValue",t)};return l.watch(()=>c.path,n=>d.value=n,{immediate:!0}),{url:d,emit:a,click:p,onSectionClick:i,onItemClick:s}}});module.exports=y;
 //# sourceMappingURL=NeonTreeMenu.cjs.js.map

package/dist/components/navigation/tree-menu/NeonTreeMenu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTreeMenu.cjs.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/model/navigation/tree-menu/NeonTreeMenuSectionModel';\nimport NeonIcon from '../../presentation/icon/NeonIcon.vue';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Id for the tree menu. This is used specifically to namespace the menu icons so that icon paths are unique. A\n     * typical scenario is the tree menu is used in a side nav and also a drawer which means icon ids will be duplicated\n     * unless they're namespaced.\n     */\n    id: { type: String, required: true },\n    /**\n     * The tree model defining the menu.\n     */\n    modelValue: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * The menu highlight color (excludes low-contrast and neutral).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user toggles expansion of a section or item\n     * @type {Array<NeonTreeMenuSectionModel>} the updated model with the section or item expanded/collapsed.\n     */\n    'update:modelValue',\n    /**\n     * Emitted when the user clicks on a link to navigate to another page. This is useful to e.g. close a side-nav\n     * drawer containing the menu when there is a navigation event.\n     * @type {string} the link the user clicked on.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onSectionClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => ({ ...child })),\n          expanded: section.key === key ? !section.expanded : section.expanded,\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    const onItemClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => {\n            return {\n              ...child,\n              expanded: child.key === key ? !child.expanded : child.expanded,\n            };\n          }),\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      emit,\n      click,\n      onSectionClick,\n      onItemClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonFunctionalColor","props","emit","route","useRoute","url","ref","click","$event","target","onSectionClick","key","newModel","section","_a","child","onItemClick","watch","value"],"mappings":"kOAYAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAML,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAA,EAI9B,WAAY,CAAE,KAAM,MAAgD,SAAU,EAAA,EAI9E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,KAAA,EAIjF,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE7C,MAAO,CAKL,oBAMA,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAMC,EAAAA,IAAmB,IAAI,EAE7BC,EAASC,GAA0B,CACvC,MAAMC,EAASD,EAAO,OAClBC,EAAO,eACTA,EAAO,cAAc,MAAA,CAEzB,EAEMC,EAAkBC,GAAgB,CACtC,MAAMC,EAAWX,EAAM,WAAW,IAAKY,GAAY,OACjD,MAAO,CACL,GAAGA,EACH,UAAUC,EAAAD,EAAQ,WAAR,YAAAC,EAAkB,IAAKC,IAAW,CAAE,GAAGA,CAAA,IACjD,SAAUF,EAAQ,MAAQF,EAAM,CAACE,EAAQ,SAAWA,EAAQ,QAAA,CAEhE,CAAC,EAEDX,EAAK,oBAAqBU,CAAQ,CACpC,EAEMI,EAAeL,GAAgB,CACnC,MAAMC,EAAWX,EAAM,WAAW,IAAKY,GAAY,OACjD,MAAO,CACL,GAAGA,EACH,UAAUC,EAAAD,EAAQ,WAAR,YAAAC,EAAkB,IAAKC,IACxB,CACL,GAAGA,EACH,SAAUA,EAAM,MAAQJ,EAAM,CAACI,EAAM,SAAWA,EAAM,QAAA,GAEzD,CAEL,CAAC,EAEDb,EAAK,oBAAqBU,CAAQ,CACpC,EAEAK,OAAAA,EAAAA,MACE,IAAMd,EAAM,KACXe,GAAWb,EAAI,MAAQa,EACxB,CAAE,UAAW,EAAA,CAAK,EAGb,CACL,IAAAb,EACA,KAAAH,EACA,MAAAK,EACA,eAAAG,EACA,YAAAM,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTreeMenu.cjs.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/model/navigation/tree-menu/NeonTreeMenuSectionModel';\nimport NeonIcon from '../../presentation/icon/NeonIcon.vue';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Id for the tree menu. This is used specifically to namespace the menu icons so that icon paths are unique. A\n     * typical scenario is the tree menu is used in a side nav and also a drawer which means icon ids will be duplicated\n     * unless they're namespaced.\n     */\n    id: { type: String, required: true },\n    /**\n     * The tree model defining the menu.\n     */\n    modelValue: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * The menu highlight color (excludes low-contrast and neutral).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n    /**\n     * Highlight menu items only if the route exactly matches a menu item. This is useful if every route is in the tree menu.\n     */\n    exactHighlighting: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user toggles expansion of a section or item\n     * @type {Array<NeonTreeMenuSectionModel>} the updated model with the section or item expanded/collapsed.\n     */\n    'update:modelValue',\n    /**\n     * Emitted when the user clicks on a link to navigate to another page. This is useful to e.g. close a side-nav\n     * drawer containing the menu when there is a navigation event.\n     * @type {string} the link the user clicked on.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onSectionClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => ({ ...child })),\n          expanded: section.key === key ? !section.expanded : section.expanded,\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    const onItemClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => {\n            return {\n              ...child,\n              expanded: child.key === key ? !child.expanded : child.expanded,\n            };\n          }),\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      emit,\n      click,\n      onSectionClick,\n      onItemClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonFunctionalColor","props","emit","route","useRoute","url","ref","click","$event","target","onSectionClick","key","newModel","section","_a","child","onItemClick","watch","value"],"mappings":"kOAYAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAML,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAA,EAI9B,WAAY,CAAE,KAAM,MAAgD,SAAU,EAAA,EAI9E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,KAAA,EAIjF,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAErD,MAAO,CAKL,oBAMA,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAMC,EAAAA,IAAmB,IAAI,EAE7BC,EAASC,GAA0B,CACvC,MAAMC,EAASD,EAAO,OAClBC,EAAO,eACTA,EAAO,cAAc,MAAA,CAEzB,EAEMC,EAAkBC,GAAgB,CACtC,MAAMC,EAAWX,EAAM,WAAW,IAAKY,GAAY,OACjD,MAAO,CACL,GAAGA,EACH,UAAUC,EAAAD,EAAQ,WAAR,YAAAC,EAAkB,IAAKC,IAAW,CAAE,GAAGA,CAAA,IACjD,SAAUF,EAAQ,MAAQF,EAAM,CAACE,EAAQ,SAAWA,EAAQ,QAAA,CAEhE,CAAC,EAEDX,EAAK,oBAAqBU,CAAQ,CACpC,EAEMI,EAAeL,GAAgB,CACnC,MAAMC,EAAWX,EAAM,WAAW,IAAKY,GAAY,OACjD,MAAO,CACL,GAAGA,EACH,UAAUC,EAAAD,EAAQ,WAAR,YAAAC,EAAkB,IAAKC,IACxB,CACL,GAAGA,EACH,SAAUA,EAAM,MAAQJ,EAAM,CAACI,EAAM,SAAWA,EAAM,QAAA,GAEzD,CAEL,CAAC,EAEDb,EAAK,oBAAqBU,CAAQ,CACpC,EAEAK,OAAAA,EAAAA,MACE,IAAMd,EAAM,KACXe,GAAWb,EAAI,MAAQa,EACxB,CAAE,UAAW,EAAA,CAAK,EAGb,CACL,IAAAb,EACA,KAAAH,EACA,MAAAK,EACA,eAAAG,EACA,YAAAM,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/tree-menu/NeonTreeMenu.es.js

@@ -1,13 +1,13 @@
 import { defineComponent as i, ref as f, watch as s } from "vue";
-import k from "../../presentation/icon/NeonIcon.vue.es.js";
-import x from "../link/NeonLink.vue.es.js";
+import x from "../../presentation/icon/NeonIcon.vue.es.js";
+import k from "../link/NeonLink.vue.es.js";
 import { useRoute as y } from "vue-router";
-import { NeonFunctionalColor as V } from "../../../model/common/color/NeonFunctionalColor.es.js";
-const M = i({
+import { NeonFunctionalColor as g } from "../../../model/common/color/NeonFunctionalColor.es.js";
+const B = i({
   name: "NeonTreeMenu",
   components: {
-    NeonIcon: k,
-    NeonLink: x
+    NeonIcon: x,
+    NeonLink: k
   },
   props: {
     /**
@@ -23,11 +23,15 @@ const M = i({
     /**
      * The menu highlight color (excludes low-contrast and neutral).
      */
-    color: { type: String, default: V.Brand },
+    color: { type: String, default: g.Brand },
     /**
      * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).
      */
-    expandAll: { type: Boolean, default: !1 }
+    expandAll: { type: Boolean, default: !1 },
+    /**
+     * Highlight menu items only if the route exactly matches a menu item. This is useful if every route is in the tree menu.
+     */
+    exactHighlighting: { type: Boolean, default: !1 }
   },
   emits: [
     /**
@@ -48,22 +52,22 @@ const M = i({
       t.parentElement && t.parentElement.click();
     }, m = (n) => {
       const t = l.modelValue.map((e) => {
-        var o;
+        var r;
         return {
           ...e,
-          children: (o = e.children) == null ? void 0 : o.map((r) => ({ ...r })),
+          children: (r = e.children) == null ? void 0 : r.map((o) => ({ ...o })),
           expanded: e.key === n ? !e.expanded : e.expanded
         };
       });
       a("update:modelValue", t);
     }, c = (n) => {
       const t = l.modelValue.map((e) => {
-        var o;
+        var r;
         return {
           ...e,
-          children: (o = e.children) == null ? void 0 : o.map((r) => ({
-            ...r,
-            expanded: r.key === n ? !r.expanded : r.expanded
+          children: (r = e.children) == null ? void 0 : r.map((o) => ({
+            ...o,
+            expanded: o.key === n ? !o.expanded : o.expanded
           }))
         };
       });
@@ -83,6 +87,6 @@ const M = i({
   }
 });
 export {
-  M as default
+  B as default
 };
 //# sourceMappingURL=NeonTreeMenu.es.js.map

package/dist/components/navigation/tree-menu/NeonTreeMenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTreeMenu.es.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/model/navigation/tree-menu/NeonTreeMenuSectionModel';\nimport NeonIcon from '../../presentation/icon/NeonIcon.vue';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Id for the tree menu. This is used specifically to namespace the menu icons so that icon paths are unique. A\n     * typical scenario is the tree menu is used in a side nav and also a drawer which means icon ids will be duplicated\n     * unless they're namespaced.\n     */\n    id: { type: String, required: true },\n    /**\n     * The tree model defining the menu.\n     */\n    modelValue: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * The menu highlight color (excludes low-contrast and neutral).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user toggles expansion of a section or item\n     * @type {Array<NeonTreeMenuSectionModel>} the updated model with the section or item expanded/collapsed.\n     */\n    'update:modelValue',\n    /**\n     * Emitted when the user clicks on a link to navigate to another page. This is useful to e.g. close a side-nav\n     * drawer containing the menu when there is a navigation event.\n     * @type {string} the link the user clicked on.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onSectionClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => ({ ...child })),\n          expanded: section.key === key ? !section.expanded : section.expanded,\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    const onItemClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => {\n            return {\n              ...child,\n              expanded: child.key === key ? !child.expanded : child.expanded,\n            };\n          }),\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      emit,\n      click,\n      onSectionClick,\n      onItemClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonFunctionalColor","props","emit","route","useRoute","url","ref","click","$event","target","onSectionClick","key","newModel","section","_a","child","onItemClick","watch","value"],"mappings":";;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,IAAI,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAI9B,YAAY,EAAE,MAAM,OAAgD,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAI9E,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE7C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GACRC,IAAMC,EAAmB,IAAI,GAE7BC,IAAQ,CAACC,MAA0B;AACvC,YAAMC,IAASD,EAAO;AACtB,MAAIC,EAAO,iBACTA,EAAO,cAAc,MAAA;AAAA,IAEzB,GAEMC,IAAiB,CAACC,MAAgB;AACtC,YAAMC,IAAWX,EAAM,WAAW,IAAI,CAACY,MAAY;;AACjD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,WAAUC,IAAAD,EAAQ,aAAR,gBAAAC,EAAkB,IAAI,CAACC,OAAW,EAAE,GAAGA,EAAA;AAAA,UACjD,UAAUF,EAAQ,QAAQF,IAAM,CAACE,EAAQ,WAAWA,EAAQ;AAAA,QAAA;AAAA,MAEhE,CAAC;AAED,MAAAX,EAAK,qBAAqBU,CAAQ;AAAA,IACpC,GAEMI,IAAc,CAACL,MAAgB;AACnC,YAAMC,IAAWX,EAAM,WAAW,IAAI,CAACY,MAAY;;AACjD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,WAAUC,IAAAD,EAAQ,aAAR,gBAAAC,EAAkB,IAAI,CAACC,OACxB;AAAA,YACL,GAAGA;AAAA,YACH,UAAUA,EAAM,QAAQJ,IAAM,CAACI,EAAM,WAAWA,EAAM;AAAA,UAAA;AAAA,QAEzD;AAAA,MAEL,CAAC;AAED,MAAAb,EAAK,qBAAqBU,CAAQ;AAAA,IACpC;AAEA,WAAAK;AAAA,MACE,MAAMd,EAAM;AAAA,MACZ,CAACe,MAAWb,EAAI,QAAQa;AAAA,MACxB,EAAE,WAAW,GAAA;AAAA,IAAK,GAGb;AAAA,MACL,KAAAb;AAAA,MACA,MAAAH;AAAA,MACA,OAAAK;AAAA,MACA,gBAAAG;AAAA,MACA,aAAAM;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonTreeMenu.es.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/model/navigation/tree-menu/NeonTreeMenuSectionModel';\nimport NeonIcon from '../../presentation/icon/NeonIcon.vue';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Id for the tree menu. This is used specifically to namespace the menu icons so that icon paths are unique. A\n     * typical scenario is the tree menu is used in a side nav and also a drawer which means icon ids will be duplicated\n     * unless they're namespaced.\n     */\n    id: { type: String, required: true },\n    /**\n     * The tree model defining the menu.\n     */\n    modelValue: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * The menu highlight color (excludes low-contrast and neutral).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n    /**\n     * Highlight menu items only if the route exactly matches a menu item. This is useful if every route is in the tree menu.\n     */\n    exactHighlighting: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user toggles expansion of a section or item\n     * @type {Array<NeonTreeMenuSectionModel>} the updated model with the section or item expanded/collapsed.\n     */\n    'update:modelValue',\n    /**\n     * Emitted when the user clicks on a link to navigate to another page. This is useful to e.g. close a side-nav\n     * drawer containing the menu when there is a navigation event.\n     * @type {string} the link the user clicked on.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onSectionClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => ({ ...child })),\n          expanded: section.key === key ? !section.expanded : section.expanded,\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    const onItemClick = (key: string) => {\n      const newModel = props.modelValue.map((section) => {\n        return {\n          ...section,\n          children: section.children?.map((child) => {\n            return {\n              ...child,\n              expanded: child.key === key ? !child.expanded : child.expanded,\n            };\n          }),\n        };\n      });\n\n      emit('update:modelValue', newModel);\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      emit,\n      click,\n      onSectionClick,\n      onItemClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonFunctionalColor","props","emit","route","useRoute","url","ref","click","$event","target","onSectionClick","key","newModel","section","_a","child","onItemClick","watch","value"],"mappings":";;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,IAAI,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAI9B,YAAY,EAAE,MAAM,OAAgD,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAI9E,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,mBAAmB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAErD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GACRC,IAAMC,EAAmB,IAAI,GAE7BC,IAAQ,CAACC,MAA0B;AACvC,YAAMC,IAASD,EAAO;AACtB,MAAIC,EAAO,iBACTA,EAAO,cAAc,MAAA;AAAA,IAEzB,GAEMC,IAAiB,CAACC,MAAgB;AACtC,YAAMC,IAAWX,EAAM,WAAW,IAAI,CAACY,MAAY;;AACjD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,WAAUC,IAAAD,EAAQ,aAAR,gBAAAC,EAAkB,IAAI,CAACC,OAAW,EAAE,GAAGA,EAAA;AAAA,UACjD,UAAUF,EAAQ,QAAQF,IAAM,CAACE,EAAQ,WAAWA,EAAQ;AAAA,QAAA;AAAA,MAEhE,CAAC;AAED,MAAAX,EAAK,qBAAqBU,CAAQ;AAAA,IACpC,GAEMI,IAAc,CAACL,MAAgB;AACnC,YAAMC,IAAWX,EAAM,WAAW,IAAI,CAACY,MAAY;;AACjD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,WAAUC,IAAAD,EAAQ,aAAR,gBAAAC,EAAkB,IAAI,CAACC,OACxB;AAAA,YACL,GAAGA;AAAA,YACH,UAAUA,EAAM,QAAQJ,IAAM,CAACI,EAAM,WAAWA,EAAM;AAAA,UAAA;AAAA,QAEzD;AAAA,MAEL,CAAC;AAED,MAAAb,EAAK,qBAAqBU,CAAQ;AAAA,IACpC;AAEA,WAAAK;AAAA,MACE,MAAMd,EAAM;AAAA,MACZ,CAACe,MAAWb,EAAI,QAAQa;AAAA,MACxB,EAAE,WAAW,GAAA;AAAA,IAAK,GAGb;AAAA,MACL,KAAAb;AAAA,MACA,MAAAH;AAAA,MACA,OAAAK;AAAA,MACA,gBAAAG;AAAA,MACA,aAAAM;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const d=require("./NeonTreeMenu.cjs.js"),e=require("vue"),m=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),c=["id"],k={class:"no-style"},p=["tabindex","onKeydown"],_={class:"no-style neon-tree-menu__items"},h=["onKeydown"];function y(t,i,f,C,B,w){const a=e.resolveComponent("neon-icon"),s=e.resolveComponent("neon-link");return t.modelValue?(e.openBlock(),e.createElementBlock("nav",{key:0,id:t.id,class:e.normalizeClass([[`neon-tree-menu--${t.color}`,{"neon-tree-menu--expand-all":t.expandAll}],"neon-tree-menu"])},[e.createElementVNode("ul",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,n=>{var u;return e.openBlock(),e.createElementBlock("li",{key:n.key,class:e.normalizeClass([{"neon-tree-menu__section--expanded":(n.expanded||t.expandAll)&&n.children&&((u=n.children)==null?void 0:u.length)!==0,"neon-tree-menu__section--disabled":n.disabled},"neon-tree-menu__section"])},[e.createVNode(s,{href:n.href,"no-style":!n.href,target:n.external?"_blank":void 0,class:"neon-tree-menu__section-link","outline-style":"none",tabindex:"-1",onClick:l=>{var o;return!n.disabled&&((((o=n.children)==null?void 0:o.length)||0)>0?t.onSectionClick(n.key):t.emit("click",n.href))}},{default:e.withCtx(()=>[n.icon?(e.openBlock(),e.createBlock(a,{key:0,id:t.id+"_"+n.key,name:n.icon,class:"neon-tree-menu__section-link-icon"},null,8,["id","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",{tabindex:n.disabled?-1:0,class:"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text",role:"link",onKeydown:[e.withKeys(e.withModifiers(l=>!n.disabled&&t.onSectionClick(n.key),["stop","prevent"]),["space"]),e.withKeys(l=>n.href&&t.click(l),["enter"]),e.withKeys(l=>n.href&&t.click(l),["space"])]},e.toDisplayString(n.label),41,p),n.children&&n.children.length!==0?(e.openBlock(),e.createBlock(a,{key:1,class:"neon-tree-menu__section-link-expansion-icon",name:"chevron-right"})):e.createCommentVNode("",!0)]),_:2},1032,["href","no-style","target","onClick"]),e.createElementVNode("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.children,l=>(e.openBlock(),e.createElementBlock("li",{key:l.key,class:"neon-tree-menu__item"},[e.createVNode(s,{href:l.href,"no-style":!0,class:"neon-tree-menu__item-link","outline-style":"none",tabindex:"-1",onClick:o=>{var r;return(((r=l.subMenu)==null?void 0:r.length)||0)>0?t.onItemClick(l.key):t.emit("click",l.href)}},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text",role:"link",tabindex:"0",onKeydown:[i[0]||(i[0]=e.withKeys(o=>t.click(o),["enter"])),e.withKeys(e.withModifiers(o=>t.onItemClick(l.key),["prevent"]),["space"])]},e.toDisplayString(l.label),41,h)]),_:2},1032,["href","onClick"]),l.subMenu&&l.subMenu.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([{"neon-tree-menu__sub-menu--expanded":(t.expandAll||l.expanded)&&l.subMenu&&l.subMenu.length!==0},"no-style neon-tree-menu__sub-menu"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.subMenu,o=>(e.openBlock(),e.createElementBlock("li",{key:o.href,class:"neon-tree-menu__sub-menu-item"},[e.createVNode(s,{href:o.href,class:"neon-link--no-style neon-tree-menu__sub-menu-item-link","no-style":"","outline-style":"none",tabindex:"-1",onClick:r=>t.emit("click",o.href)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text",role:"link",tabindex:"0",onKeydown:[i[1]||(i[1]=e.withKeys(e.withModifiers(r=>t.click(r),["prevent"]),["space"])),i[2]||(i[2]=e.withKeys(e.withModifiers(r=>t.click(r),["prevent"]),["enter"]))]},e.toDisplayString(o.label),33)]),_:2},1032,["href","onClick"])]))),128))],2)):e.createCommentVNode("",!0)]))),128))])],2)}),128))])],10,c)):e.createCommentVNode("",!0)}const b=m(d,[["render",y]]);module.exports=b;
+"use strict";const d=require("./NeonTreeMenu.cjs.js"),e=require("vue"),m=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),c=["id"],k={class:"no-style"},p=["tabindex","onKeydown"],h={class:"no-style neon-tree-menu__items"},_=["onKeydown"];function y(t,i,f,g,C,B){const s=e.resolveComponent("neon-icon"),a=e.resolveComponent("neon-link");return t.modelValue?(e.openBlock(),e.createElementBlock("nav",{key:0,id:t.id,class:e.normalizeClass([[`neon-tree-menu--${t.color}`,t.exactHighlighting?"neon-tree-menu--exact":"neon-tree-menu--active",{"neon-tree-menu--expand-all":t.expandAll}],"neon-tree-menu"])},[e.createElementVNode("ul",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,n=>{var u;return e.openBlock(),e.createElementBlock("li",{key:n.key,class:e.normalizeClass([{"neon-tree-menu__section--expanded":(n.expanded||t.expandAll)&&n.children&&((u=n.children)==null?void 0:u.length)!==0,"neon-tree-menu__section--disabled":n.disabled},"neon-tree-menu__section"])},[e.createVNode(a,{href:n.href,"no-style":!n.href,target:n.external?"_blank":void 0,class:"neon-tree-menu__section-link","outline-style":"none",tabindex:"-1",onClick:l=>{var o;return!n.disabled&&((((o=n.children)==null?void 0:o.length)||0)>0?t.onSectionClick(n.key):t.emit("click",n.href))}},{default:e.withCtx(()=>[n.icon?(e.openBlock(),e.createBlock(s,{key:0,id:t.id+"_"+n.key,name:n.icon,class:"neon-tree-menu__section-link-icon"},null,8,["id","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",{tabindex:n.disabled?-1:0,class:"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text",role:"link",onKeydown:[e.withKeys(e.withModifiers(l=>!n.disabled&&t.onSectionClick(n.key),["stop","prevent"]),["space"]),e.withKeys(l=>n.href&&t.click(l),["enter"]),e.withKeys(l=>n.href&&t.click(l),["space"])]},e.toDisplayString(n.label),41,p),n.children&&n.children.length!==0?(e.openBlock(),e.createBlock(s,{key:1,class:"neon-tree-menu__section-link-expansion-icon",name:"chevron-right"})):e.createCommentVNode("",!0)]),_:2},1032,["href","no-style","target","onClick"]),e.createElementVNode("ul",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.children,l=>(e.openBlock(),e.createElementBlock("li",{key:l.key,class:"neon-tree-menu__item"},[e.createVNode(a,{href:l.href,"no-style":!0,target:l.external?"_blank":void 0,class:"neon-tree-menu__item-link","outline-style":"none",tabindex:"-1",onClick:o=>{var r;return(((r=l.subMenu)==null?void 0:r.length)||0)>0?t.onItemClick(l.key):t.emit("click",l.href)}},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text",role:"link",tabindex:"0",onKeydown:[i[0]||(i[0]=e.withKeys(o=>t.click(o),["enter"])),e.withKeys(e.withModifiers(o=>t.onItemClick(l.key),["prevent"]),["space"])]},e.toDisplayString(l.label),41,_)]),_:2},1032,["href","target","onClick"]),l.subMenu&&l.subMenu.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([{"neon-tree-menu__sub-menu--expanded":(t.expandAll||l.expanded)&&l.subMenu&&l.subMenu.length!==0},"no-style neon-tree-menu__sub-menu"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.subMenu,o=>(e.openBlock(),e.createElementBlock("li",{key:o.href,class:"neon-tree-menu__sub-menu-item"},[e.createVNode(a,{href:o.href,class:"neon-link--no-style neon-tree-menu__sub-menu-item-link","no-style":"","outline-style":"none",tabindex:"-1",onClick:r=>t.emit("click",o.href)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text",role:"link",tabindex:"0",onKeydown:[i[1]||(i[1]=e.withKeys(e.withModifiers(r=>t.click(r),["prevent"]),["space"])),i[2]||(i[2]=e.withKeys(e.withModifiers(r=>t.click(r),["prevent"]),["enter"]))]},e.toDisplayString(o.label),33)]),_:2},1032,["href","onClick"])]))),128))],2)):e.createCommentVNode("",!0)]))),128))])],2)}),128))])],10,c)):e.createCommentVNode("",!0)}const b=m(d,[["render",y]]);module.exports=b;
 //# sourceMappingURL=NeonTreeMenu.vue.cjs.js.map

package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTreeMenu.vue.cjs.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.vue"],"sourcesContent":["<template>\n  <nav\n    v-if=\"modelValue\"\n    :id=\"id\"\n    :class=\"[`neon-tree-menu--${color}`, { 'neon-tree-menu--expand-all': expandAll }]\"\n    class=\"neon-tree-menu\"\n  >\n    <ul class=\"no-style\">\n      <li\n        v-for=\"section in modelValue\"\n        :key=\"section.key\"\n        :class=\"{\n          'neon-tree-menu__section--expanded':\n            (section.expanded || expandAll) && section.children && section.children?.length !== 0,\n          'neon-tree-menu__section--disabled': section.disabled,\n        }\"\n        class=\"neon-tree-menu__section\"\n      >\n        <neon-link\n          :href=\"section.href\"\n          :no-style=\"!section.href\"\n          :target=\"section.external ? '_blank' : undefined\"\n          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"\n            !section.disabled &&\n              ((section.children?.length || 0) > 0 ? onSectionClick(section.key) : emit('click', section.href))\n          \"\n        >\n          <neon-icon\n            v-if=\"section.icon\"\n            :id=\"id + '_' + section.key\"\n            :name=\"section.icon\"\n            class=\"neon-tree-menu__section-link-icon\"\n          />\n          <span\n            :tabindex=\"section.disabled ? -1 : 0\"\n            class=\"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text\"\n            role=\"link\"\n            @keydown.space.stop.prevent=\"!section.disabled && onSectionClick(section.key)\"\n            @keydown.enter=\"section.href && click($event)\"\n            @keydown.space=\"section.href && click($event)\"\n          >\n            {{ section.label }}\n          </span>\n          <neon-icon\n            v-if=\"section.children && section.children.length !== 0\"\n            class=\"neon-tree-menu__section-link-expansion-icon\"\n            name=\"chevron-right\"\n          />\n        </neon-link>\n        <ul class=\"no-style neon-tree-menu__items\">\n          <li v-for=\"link in section.children\" :key=\"link.key\" class=\"neon-tree-menu__item\">\n            <neon-link\n              :href=\"link.href\"\n              :no-style=\"true\"\n              class=\"neon-tree-menu__item-link\"\n              outline-style=\"none\"\n              tabindex=\"-1\"\n              @click=\"(link.subMenu?.length || 0) > 0 ? onItemClick(link.key) : emit('click', link.href)\"\n            >\n              <span\n                class=\"neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text\"\n                role=\"link\"\n                tabindex=\"0\"\n                @keydown.enter=\"click($event)\"\n                @keydown.space.prevent=\"onItemClick(link.key)\"\n              >\n                {{ link.label }}\n              </span>\n            </neon-link>\n            <ul\n              v-if=\"link.subMenu && link.subMenu.length > 0\"\n              :class=\"{\n                'neon-tree-menu__sub-menu--expanded':\n                  (expandAll || link.expanded) && link.subMenu && link.subMenu.length !== 0,\n              }\"\n              class=\"no-style neon-tree-menu__sub-menu\"\n            >\n              <li v-for=\"subMenu in link.subMenu\" :key=\"subMenu.href\" class=\"neon-tree-menu__sub-menu-item\">\n                <neon-link\n                  :href=\"subMenu.href\"\n                  class=\"neon-link--no-style neon-tree-menu__sub-menu-item-link\"\n                  no-style\n                  outline-style=\"none\"\n                  tabindex=\"-1\"\n                  @click=\"emit('click', subMenu.href)\"\n                >\n                  <span\n                    class=\"neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    @keydown.space.prevent=\"click($event)\"\n                    @keydown.enter.prevent=\"click($event)\"\n                  >\n                    {{ subMenu.label }}\n                  </span>\n                </neon-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTreeMenu.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_4","_ctx","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","section","_a","_createVNode","_component_neon_link","$event","_createBlock","_component_neon_icon","_withKeys","_withModifiers","_toDisplayString","_hoisted_3","_openBlock","link","_cache","_hoisted_5","subMenu"],"mappings":"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"}
+{"version":3,"file":"NeonTreeMenu.vue.cjs.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.vue"],"sourcesContent":["<template>\n  <nav\n    v-if=\"modelValue\"\n    :id=\"id\"\n    :class=\"[\n      `neon-tree-menu--${color}`,\n      exactHighlighting ? 'neon-tree-menu--exact' : 'neon-tree-menu--active',\n      { 'neon-tree-menu--expand-all': expandAll },\n    ]\"\n    class=\"neon-tree-menu\"\n  >\n    <ul class=\"no-style\">\n      <li\n        v-for=\"section in modelValue\"\n        :key=\"section.key\"\n        :class=\"{\n          'neon-tree-menu__section--expanded':\n            (section.expanded || expandAll) && section.children && section.children?.length !== 0,\n          'neon-tree-menu__section--disabled': section.disabled,\n        }\"\n        class=\"neon-tree-menu__section\"\n      >\n        <neon-link\n          :href=\"section.href\"\n          :no-style=\"!section.href\"\n          :target=\"section.external ? '_blank' : undefined\"\n          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"\n            !section.disabled &&\n              ((section.children?.length || 0) > 0 ? onSectionClick(section.key) : emit('click', section.href))\n          \"\n        >\n          <neon-icon\n            v-if=\"section.icon\"\n            :id=\"id + '_' + section.key\"\n            :name=\"section.icon\"\n            class=\"neon-tree-menu__section-link-icon\"\n          />\n          <span\n            :tabindex=\"section.disabled ? -1 : 0\"\n            class=\"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text\"\n            role=\"link\"\n            @keydown.space.stop.prevent=\"!section.disabled && onSectionClick(section.key)\"\n            @keydown.enter=\"section.href && click($event)\"\n            @keydown.space=\"section.href && click($event)\"\n          >\n            {{ section.label }}\n          </span>\n          <neon-icon\n            v-if=\"section.children && section.children.length !== 0\"\n            class=\"neon-tree-menu__section-link-expansion-icon\"\n            name=\"chevron-right\"\n          />\n        </neon-link>\n        <ul class=\"no-style neon-tree-menu__items\">\n          <li v-for=\"link in section.children\" :key=\"link.key\" class=\"neon-tree-menu__item\">\n            <neon-link\n              :href=\"link.href\"\n              :no-style=\"true\"\n              :target=\"link.external ? '_blank' : undefined\"\n              class=\"neon-tree-menu__item-link\"\n              outline-style=\"none\"\n              tabindex=\"-1\"\n              @click=\"(link.subMenu?.length || 0) > 0 ? onItemClick(link.key) : emit('click', link.href)\"\n            >\n              <span\n                class=\"neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text\"\n                role=\"link\"\n                tabindex=\"0\"\n                @keydown.enter=\"click($event)\"\n                @keydown.space.prevent=\"onItemClick(link.key)\"\n              >\n                {{ link.label }}\n              </span>\n            </neon-link>\n            <ul\n              v-if=\"link.subMenu && link.subMenu.length > 0\"\n              :class=\"{\n                'neon-tree-menu__sub-menu--expanded':\n                  (expandAll || link.expanded) && link.subMenu && link.subMenu.length !== 0,\n              }\"\n              class=\"no-style neon-tree-menu__sub-menu\"\n            >\n              <li v-for=\"subMenu in link.subMenu\" :key=\"subMenu.href\" class=\"neon-tree-menu__sub-menu-item\">\n                <neon-link\n                  :href=\"subMenu.href\"\n                  class=\"neon-link--no-style neon-tree-menu__sub-menu-item-link\"\n                  no-style\n                  outline-style=\"none\"\n                  tabindex=\"-1\"\n                  @click=\"emit('click', subMenu.href)\"\n                >\n                  <span\n                    class=\"neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    @keydown.space.prevent=\"click($event)\"\n                    @keydown.enter.prevent=\"click($event)\"\n                  >\n                    {{ subMenu.label }}\n                  </span>\n                </neon-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTreeMenu.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_4","_ctx","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","section","_a","_createVNode","_component_neon_link","$event","_createBlock","_component_neon_icon","_withKeys","_withModifiers","_toDisplayString","_hoisted_3","_openBlock","link","_cache","_hoisted_5","subMenu"],"mappings":"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"}

package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.es.js

@@ -1,25 +1,29 @@
 import $ from "./NeonTreeMenu.es.js";
-import { resolveComponent as v, openBlock as o, createElementBlock as r, normalizeClass as _, createElementVNode as u, Fragment as c, renderList as p, createVNode as h, withCtx as y, createBlock as g, createCommentVNode as d, withKeys as s, withModifiers as m, toDisplayString as b } from "vue";
+import { resolveComponent as C, openBlock as o, createElementBlock as r, normalizeClass as k, createElementVNode as s, Fragment as _, renderList as h, createVNode as p, withCtx as b, createBlock as v, createCommentVNode as d, withKeys as a, withModifiers as m, toDisplayString as y } from "vue";
 import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const K = ["id"], M = { class: "no-style" }, V = ["tabindex", "onKeydown"], x = { class: "no-style neon-tree-menu__items" }, N = ["onKeydown"];
-function A(n, a, B, S, E, I) {
-  const f = v("neon-icon"), k = v("neon-link");
+const x = ["id"], K = { class: "no-style" }, M = ["tabindex", "onKeydown"], V = { class: "no-style neon-tree-menu__items" }, N = ["onKeydown"];
+function A(n, u, B, S, E, I) {
+  const f = C("neon-icon"), c = C("neon-link");
   return n.modelValue ? (o(), r("nav", {
     key: 0,
     id: n.id,
-    class: _([[`neon-tree-menu--${n.color}`, { "neon-tree-menu--expand-all": n.expandAll }], "neon-tree-menu"])
+    class: k([[
+      `neon-tree-menu--${n.color}`,
+      n.exactHighlighting ? "neon-tree-menu--exact" : "neon-tree-menu--active",
+      { "neon-tree-menu--expand-all": n.expandAll }
+    ], "neon-tree-menu"])
   }, [
-    u("ul", M, [
-      (o(!0), r(c, null, p(n.modelValue, (e) => {
-        var C;
+    s("ul", K, [
+      (o(!0), r(_, null, h(n.modelValue, (e) => {
+        var g;
         return o(), r("li", {
           key: e.key,
-          class: _([{
-            "neon-tree-menu__section--expanded": (e.expanded || n.expandAll) && e.children && ((C = e.children) == null ? void 0 : C.length) !== 0,
+          class: k([{
+            "neon-tree-menu__section--expanded": (e.expanded || n.expandAll) && e.children && ((g = e.children) == null ? void 0 : g.length) !== 0,
             "neon-tree-menu__section--disabled": e.disabled
           }, "neon-tree-menu__section"])
         }, [
-          h(k, {
+          p(c, {
             href: e.href,
             "no-style": !e.href,
             target: e.external ? "_blank" : void 0,
@@ -31,24 +35,24 @@ function A(n, a, B, S, E, I) {
               return !e.disabled && ((((t = e.children) == null ? void 0 : t.length) || 0) > 0 ? n.onSectionClick(e.key) : n.emit("click", e.href));
             }
           }, {
-            default: y(() => [
-              e.icon ? (o(), g(f, {
+            default: b(() => [
+              e.icon ? (o(), v(f, {
                 key: 0,
                 id: n.id + "_" + e.key,
                 name: e.icon,
                 class: "neon-tree-menu__section-link-icon"
               }, null, 8, ["id", "name"])) : d("", !0),
-              u("span", {
+              s("span", {
                 tabindex: e.disabled ? -1 : 0,
                 class: "neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text",
                 role: "link",
                 onKeydown: [
-                  s(m((l) => !e.disabled && n.onSectionClick(e.key), ["stop", "prevent"]), ["space"]),
-                  s((l) => e.href && n.click(l), ["enter"]),
-                  s((l) => e.href && n.click(l), ["space"])
+                  a(m((l) => !e.disabled && n.onSectionClick(e.key), ["stop", "prevent"]), ["space"]),
+                  a((l) => e.href && n.click(l), ["enter"]),
+                  a((l) => e.href && n.click(l), ["space"])
                 ]
-              }, b(e.label), 41, V),
-              e.children && e.children.length !== 0 ? (o(), g(f, {
+              }, y(e.label), 41, M),
+              e.children && e.children.length !== 0 ? (o(), v(f, {
                 key: 1,
                 class: "neon-tree-menu__section-link-expansion-icon",
                 name: "chevron-right"
@@ -56,14 +60,15 @@ function A(n, a, B, S, E, I) {
             ]),
             _: 2
           }, 1032, ["href", "no-style", "target", "onClick"]),
-          u("ul", x, [
-            (o(!0), r(c, null, p(e.children, (l) => (o(), r("li", {
+          s("ul", V, [
+            (o(!0), r(_, null, h(e.children, (l) => (o(), r("li", {
               key: l.key,
               class: "neon-tree-menu__item"
             }, [
-              h(k, {
+              p(c, {
                 href: l.href,
                 "no-style": !0,
+                target: l.external ? "_blank" : void 0,
                 class: "neon-tree-menu__item-link",
                 "outline-style": "none",
                 tabindex: "-1",
@@ -72,30 +77,30 @@ function A(n, a, B, S, E, I) {
                   return (((i = l.subMenu) == null ? void 0 : i.length) || 0) > 0 ? n.onItemClick(l.key) : n.emit("click", l.href);
                 }
               }, {
-                default: y(() => [
-                  u("span", {
+                default: b(() => [
+                  s("span", {
                     class: "neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text",
                     role: "link",
                     tabindex: "0",
                     onKeydown: [
-                      a[0] || (a[0] = s((t) => n.click(t), ["enter"])),
-                      s(m((t) => n.onItemClick(l.key), ["prevent"]), ["space"])
+                      u[0] || (u[0] = a((t) => n.click(t), ["enter"])),
+                      a(m((t) => n.onItemClick(l.key), ["prevent"]), ["space"])
                     ]
-                  }, b(l.label), 41, N)
+                  }, y(l.label), 41, N)
                 ]),
                 _: 2
-              }, 1032, ["href", "onClick"]),
+              }, 1032, ["href", "target", "onClick"]),
               l.subMenu && l.subMenu.length > 0 ? (o(), r("ul", {
                 key: 0,
-                class: _([{
+                class: k([{
                   "neon-tree-menu__sub-menu--expanded": (n.expandAll || l.expanded) && l.subMenu && l.subMenu.length !== 0
                 }, "no-style neon-tree-menu__sub-menu"])
               }, [
-                (o(!0), r(c, null, p(l.subMenu, (t) => (o(), r("li", {
+                (o(!0), r(_, null, h(l.subMenu, (t) => (o(), r("li", {
                   key: t.href,
                   class: "neon-tree-menu__sub-menu-item"
                 }, [
-                  h(k, {
+                  p(c, {
                     href: t.href,
                     class: "neon-link--no-style neon-tree-menu__sub-menu-item-link",
                     "no-style": "",
@@ -103,16 +108,16 @@ function A(n, a, B, S, E, I) {
                     tabindex: "-1",
                     onClick: (i) => n.emit("click", t.href)
                   }, {
-                    default: y(() => [
-                      u("span", {
+                    default: b(() => [
+                      s("span", {
                         class: "neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text",
                         role: "link",
                         tabindex: "0",
                         onKeydown: [
-                          a[1] || (a[1] = s(m((i) => n.click(i), ["prevent"]), ["space"])),
-                          a[2] || (a[2] = s(m((i) => n.click(i), ["prevent"]), ["enter"]))
+                          u[1] || (u[1] = a(m((i) => n.click(i), ["prevent"]), ["space"])),
+                          u[2] || (u[2] = a(m((i) => n.click(i), ["prevent"]), ["enter"]))
                         ]
-                      }, b(t.label), 33)
+                      }, y(t.label), 33)
                     ]),
                     _: 2
                   }, 1032, ["href", "onClick"])
@@ -123,10 +128,10 @@ function A(n, a, B, S, E, I) {
         ], 2);
       }), 128))
     ])
-  ], 10, K)) : d("", !0);
+  ], 10, x)) : d("", !0);
 }
-const L = /* @__PURE__ */ w($, [["render", A]]);
+const H = /* @__PURE__ */ w($, [["render", A]]);
 export {
-  L as default
+  H as default
 };
 //# sourceMappingURL=NeonTreeMenu.vue.es.js.map

package/dist/components/navigation/tree-menu/NeonTreeMenu.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTreeMenu.vue.es.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.vue"],"sourcesContent":["<template>\n  <nav\n    v-if=\"modelValue\"\n    :id=\"id\"\n    :class=\"[`neon-tree-menu--${color}`, { 'neon-tree-menu--expand-all': expandAll }]\"\n    class=\"neon-tree-menu\"\n  >\n    <ul class=\"no-style\">\n      <li\n        v-for=\"section in modelValue\"\n        :key=\"section.key\"\n        :class=\"{\n          'neon-tree-menu__section--expanded':\n            (section.expanded || expandAll) && section.children && section.children?.length !== 0,\n          'neon-tree-menu__section--disabled': section.disabled,\n        }\"\n        class=\"neon-tree-menu__section\"\n      >\n        <neon-link\n          :href=\"section.href\"\n          :no-style=\"!section.href\"\n          :target=\"section.external ? '_blank' : undefined\"\n          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"\n            !section.disabled &&\n              ((section.children?.length || 0) > 0 ? onSectionClick(section.key) : emit('click', section.href))\n          \"\n        >\n          <neon-icon\n            v-if=\"section.icon\"\n            :id=\"id + '_' + section.key\"\n            :name=\"section.icon\"\n            class=\"neon-tree-menu__section-link-icon\"\n          />\n          <span\n            :tabindex=\"section.disabled ? -1 : 0\"\n            class=\"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text\"\n            role=\"link\"\n            @keydown.space.stop.prevent=\"!section.disabled && onSectionClick(section.key)\"\n            @keydown.enter=\"section.href && click($event)\"\n            @keydown.space=\"section.href && click($event)\"\n          >\n            {{ section.label }}\n          </span>\n          <neon-icon\n            v-if=\"section.children && section.children.length !== 0\"\n            class=\"neon-tree-menu__section-link-expansion-icon\"\n            name=\"chevron-right\"\n          />\n        </neon-link>\n        <ul class=\"no-style neon-tree-menu__items\">\n          <li v-for=\"link in section.children\" :key=\"link.key\" class=\"neon-tree-menu__item\">\n            <neon-link\n              :href=\"link.href\"\n              :no-style=\"true\"\n              class=\"neon-tree-menu__item-link\"\n              outline-style=\"none\"\n              tabindex=\"-1\"\n              @click=\"(link.subMenu?.length || 0) > 0 ? onItemClick(link.key) : emit('click', link.href)\"\n            >\n              <span\n                class=\"neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text\"\n                role=\"link\"\n                tabindex=\"0\"\n                @keydown.enter=\"click($event)\"\n                @keydown.space.prevent=\"onItemClick(link.key)\"\n              >\n                {{ link.label }}\n              </span>\n            </neon-link>\n            <ul\n              v-if=\"link.subMenu && link.subMenu.length > 0\"\n              :class=\"{\n                'neon-tree-menu__sub-menu--expanded':\n                  (expandAll || link.expanded) && link.subMenu && link.subMenu.length !== 0,\n              }\"\n              class=\"no-style neon-tree-menu__sub-menu\"\n            >\n              <li v-for=\"subMenu in link.subMenu\" :key=\"subMenu.href\" class=\"neon-tree-menu__sub-menu-item\">\n                <neon-link\n                  :href=\"subMenu.href\"\n                  class=\"neon-link--no-style neon-tree-menu__sub-menu-item-link\"\n                  no-style\n                  outline-style=\"none\"\n                  tabindex=\"-1\"\n                  @click=\"emit('click', subMenu.href)\"\n                >\n                  <span\n                    class=\"neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    @keydown.space.prevent=\"click($event)\"\n                    @keydown.enter.prevent=\"click($event)\"\n                  >\n                    {{ subMenu.label }}\n                  </span>\n                </neon-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTreeMenu.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_4","_ctx","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","section","_a","_createVNode","_component_neon_link","$event","_createBlock","_component_neon_icon","_withKeys","_withModifiers","_toDisplayString","_hoisted_3","_openBlock","link","_cache","_hoisted_5","subMenu"],"mappings":"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"}
+{"version":3,"file":"NeonTreeMenu.vue.es.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.vue"],"sourcesContent":["<template>\n  <nav\n    v-if=\"modelValue\"\n    :id=\"id\"\n    :class=\"[\n      `neon-tree-menu--${color}`,\n      exactHighlighting ? 'neon-tree-menu--exact' : 'neon-tree-menu--active',\n      { 'neon-tree-menu--expand-all': expandAll },\n    ]\"\n    class=\"neon-tree-menu\"\n  >\n    <ul class=\"no-style\">\n      <li\n        v-for=\"section in modelValue\"\n        :key=\"section.key\"\n        :class=\"{\n          'neon-tree-menu__section--expanded':\n            (section.expanded || expandAll) && section.children && section.children?.length !== 0,\n          'neon-tree-menu__section--disabled': section.disabled,\n        }\"\n        class=\"neon-tree-menu__section\"\n      >\n        <neon-link\n          :href=\"section.href\"\n          :no-style=\"!section.href\"\n          :target=\"section.external ? '_blank' : undefined\"\n          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"\n            !section.disabled &&\n              ((section.children?.length || 0) > 0 ? onSectionClick(section.key) : emit('click', section.href))\n          \"\n        >\n          <neon-icon\n            v-if=\"section.icon\"\n            :id=\"id + '_' + section.key\"\n            :name=\"section.icon\"\n            class=\"neon-tree-menu__section-link-icon\"\n          />\n          <span\n            :tabindex=\"section.disabled ? -1 : 0\"\n            class=\"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text\"\n            role=\"link\"\n            @keydown.space.stop.prevent=\"!section.disabled && onSectionClick(section.key)\"\n            @keydown.enter=\"section.href && click($event)\"\n            @keydown.space=\"section.href && click($event)\"\n          >\n            {{ section.label }}\n          </span>\n          <neon-icon\n            v-if=\"section.children && section.children.length !== 0\"\n            class=\"neon-tree-menu__section-link-expansion-icon\"\n            name=\"chevron-right\"\n          />\n        </neon-link>\n        <ul class=\"no-style neon-tree-menu__items\">\n          <li v-for=\"link in section.children\" :key=\"link.key\" class=\"neon-tree-menu__item\">\n            <neon-link\n              :href=\"link.href\"\n              :no-style=\"true\"\n              :target=\"link.external ? '_blank' : undefined\"\n              class=\"neon-tree-menu__item-link\"\n              outline-style=\"none\"\n              tabindex=\"-1\"\n              @click=\"(link.subMenu?.length || 0) > 0 ? onItemClick(link.key) : emit('click', link.href)\"\n            >\n              <span\n                class=\"neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text\"\n                role=\"link\"\n                tabindex=\"0\"\n                @keydown.enter=\"click($event)\"\n                @keydown.space.prevent=\"onItemClick(link.key)\"\n              >\n                {{ link.label }}\n              </span>\n            </neon-link>\n            <ul\n              v-if=\"link.subMenu && link.subMenu.length > 0\"\n              :class=\"{\n                'neon-tree-menu__sub-menu--expanded':\n                  (expandAll || link.expanded) && link.subMenu && link.subMenu.length !== 0,\n              }\"\n              class=\"no-style neon-tree-menu__sub-menu\"\n            >\n              <li v-for=\"subMenu in link.subMenu\" :key=\"subMenu.href\" class=\"neon-tree-menu__sub-menu-item\">\n                <neon-link\n                  :href=\"subMenu.href\"\n                  class=\"neon-link--no-style neon-tree-menu__sub-menu-item-link\"\n                  no-style\n                  outline-style=\"none\"\n                  tabindex=\"-1\"\n                  @click=\"emit('click', subMenu.href)\"\n                >\n                  <span\n                    class=\"neon-tree-menu__sub-menu-item-link-label neon-tree-menu__sub-menu-item-link-label--outline-text\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    @keydown.space.prevent=\"click($event)\"\n                    @keydown.enter.prevent=\"click($event)\"\n                  >\n                    {{ subMenu.label }}\n                  </span>\n                </neon-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTreeMenu.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_4","_ctx","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","section","_a","_createVNode","_component_neon_link","$event","_createBlock","_component_neon_icon","_withKeys","_withModifiers","_toDisplayString","_hoisted_3","_openBlock","link","_cache","_hoisted_5","subMenu"],"mappings":"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"}

package/dist/src/components/feedback/alert/NeonAlert.d.ts

@@ -324,8 +324,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">;
-            exactRoute: import("vue").ComputedRef<boolean | "">;
+            activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/feedback/alert/container/NeonAlertContainer.d.ts

@@ -102,8 +102,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
         }>;
-        activeRoute: import("vue").ComputedRef<boolean | "">;
-        exactRoute: import("vue").ComputedRef<boolean | "">;
+        activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
         onClick: () => void;
         onSpace: () => Promise<void>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/feedback/banner/NeonBanner.d.ts

@@ -392,8 +392,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                activeRoute: import("vue").ComputedRef<boolean | "">;
-                exactRoute: import("vue").ComputedRef<boolean | "">;
+                activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 onClick: () => void;
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -875,8 +875,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">;
-            exactRoute: import("vue").ComputedRef<boolean | "">;
+            activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/feedback/dialog/NeonDialog.d.ts

@@ -453,8 +453,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">;
-            exactRoute: import("vue").ComputedRef<boolean | "">;
+            activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -993,8 +993,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
-                activeRoute: import("vue").ComputedRef<boolean | "">;
-                exactRoute: import("vue").ComputedRef<boolean | "">;
+                activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 onClick: () => void;
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/feedback/note/NeonNote.d.ts

@@ -409,8 +409,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">;
-            exactRoute: import("vue").ComputedRef<boolean | "">;
+            activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/layout/card-list/NeonCardList.d.ts

@@ -710,11 +710,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-                 */
-                activeRoute: import("vue").ComputedRef<boolean | "">;
-                exactRoute: import("vue").ComputedRef<boolean | "">;
+                }>;
+                activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 onClick: () => void;
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1163,11 +1161,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             routerUrl: import("vue").ComputedRef<string | undefined>;
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }>; /**
-             * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-             */
-            activeRoute: import("vue").ComputedRef<boolean | "">;
-            exactRoute: import("vue").ComputedRef<boolean | "">;
+            }>;
+            activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1291,11 +1287,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         routerUrl: import("vue").ComputedRef<string | undefined>;
         sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        }>; /**
-         * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-         */
-        activeRoute: import("vue").ComputedRef<boolean | "">;
-        exactRoute: import("vue").ComputedRef<boolean | "">;
+        }>;
+        activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
         onClick: () => void;
         onSpace: () => Promise<void>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/src/components/layout/modal/NeonModal.d.ts

@@ -425,8 +425,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">;
-            exactRoute: import("vue").ComputedRef<boolean | "">;
+            activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{