@aotearoan/neon 23.3.1 → 24.0.0

package/README.md

@@ -62,3 +62,8 @@ default:
 For more information on dynamically changing the mode
 see [Dark mode](https://aotearoan.github.io/neon/design/theming#dark-mode).
 
+### Building and using the library locally
+
+1. build the project (`npm build`),
+2. run `npm pack` to create a tarball of the project
+3. install from the tarball with  `npm i -S /$PATH-TO-THIS-PROJECT/arcual-lib-app-neon-21.2.8.tgz`

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),l=require("../link/NeonLink.vue.cjs.js"),i=require("vue-router"),p=t.defineComponent({name:"NeonTreeMenu",components:{NeonLink:l},props:{model:{type:Array,required:!0},expandAll:{type:Boolean,default:!1}},emits:["click"],setup(m,{emit:o}){const c=i.useRoute(),n=t.ref(null),s=e=>{const r=e.target;r.parentElement&&r.parentElement.click()},u=e=>{o("click",e)},a=e=>e.toLowerCase().replace(/\s/g,"-");return t.watch(()=>c.path,e=>n.value=e,{immediate:!0}),{url:n,click:s,onClick:u,fragment:a}}});module.exports=p;
+"use strict";const u=require("vue"),s=require("../../presentation/icon/NeonIcon.vue.cjs.js"),x=require("../link/NeonLink.vue.cjs.js"),f=require("vue-router"),k=require("../../../common/enums/NeonFunctionalColor.cjs.js"),q=u.defineComponent({name:"NeonTreeMenu",components:{NeonIcon:s,NeonLink:x},props:{id:{type:String,required:!0},modelValue:{type:Array,required:!0},color:{type:String,default:k.NeonFunctionalColor.Brand},expandAll:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:l}){const c=f.useRoute(),d=u.ref(null),p=n=>{const t=n.target;t.parentElement&&t.parentElement.click()},i=n=>{const t=a.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}});l("update:modelValue",t)},m=n=>{const t=a.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}))}});l("update:modelValue",t)};return u.watch(()=>c.path,n=>d.value=n,{immediate:!0}),{url:d,click:p,onSectionClick:i,onItemClick:m}}});module.exports=q;
 //# 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 '@/common/models/NeonTreeMenuSectionModel';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\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    NeonLink,\n  },\n  props: {\n    /**\n     * The tree model defining the menu.\n     */\n    model: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\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 clicks on a menu item\n     * @type {string} the key of the clicked on menu item.\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 onClick = (key: string) => {\n      emit('click', key);\n    };\n\n    const fragment = (anchor: string) => {\n      return anchor.toLowerCase().replace(/\\s/g, '-');\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      click,\n      onClick,\n      fragment,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLink","props","emit","route","useRoute","url","ref","click","$event","target","onClick","key","fragment","anchor","watch","value"],"mappings":"qGAUAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,MAAgD,SAAU,EAAA,EAIzE,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE7C,MAAO,CAKL,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,EAAWC,GAAgB,CAC/BT,EAAK,QAASS,CAAG,CACnB,EAEMC,EAAYC,GACTA,EAAO,YAAA,EAAc,QAAQ,MAAO,GAAG,EAGhDC,OAAAA,EAAAA,MACE,IAAMX,EAAM,KACXY,GAAWV,EAAI,MAAQU,EACxB,CAAE,UAAW,EAAA,CAAK,EAGb,CACL,IAAAV,EACA,MAAAE,EACA,QAAAG,EACA,SAAAE,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 '@/common/models/NeonTreeMenuSectionModel';\nimport NeonIcon from '../../presentation/icon/NeonIcon.vue';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\nimport { NeonFunctionalColor } from '@/common/enums/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  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      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":"4NAYAA,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,mBAAA,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,MAAAE,EACA,eAAAG,EACA,YAAAM,CAAA,CAEJ,CACF,CAAC"}

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

@@ -1,16 +1,29 @@
-import { defineComponent as p, ref as s, watch as m } from "vue";
-import i from "../link/NeonLink.vue.es.js";
-import { useRoute as u } from "vue-router";
-const y = p({
+import { defineComponent as i, ref as f, watch as s } from "vue";
+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 "../../../common/enums/NeonFunctionalColor.es.js";
+const M = i({
   name: "NeonTreeMenu",
   components: {
-    NeonLink: i
+    NeonIcon: x,
+    NeonLink: k
   },
   props: {
+    /**
+     * Id for the tree menu. This is used specifically to namespace the menu icons so that icon paths are unique. A
+     * typical scenario is the tree menu is used in a side nav and also a drawer which means icon ids will be duplicated
+     * unless they're namespaced.
+     */
+    id: { type: String, required: !0 },
     /**
      * The tree model defining the menu.
      */
-    model: { type: Array, required: !0 },
+    modelValue: { type: Array, required: !0 },
+    /**
+     * The menu highlight color (excludes low-contrast and neutral).
+     */
+    color: { type: String, default: V.Brand },
     /**
      * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).
      */
@@ -18,31 +31,51 @@ const y = p({
   },
   emits: [
     /**
-     * Emitted when the user clicks on a menu item
-     * @type {string} the key of the clicked on menu item.
+     * Emitted when the user toggles expansion of a section or item
+     * @type {Array<NeonTreeMenuSectionModel>} the updated model with the section or item expanded/collapsed.
      */
-    "click"
+    "update:modelValue"
   ],
-  setup(f, { emit: r }) {
-    const n = u(), t = s(null), a = (e) => {
-      const o = e.target;
-      o.parentElement && o.parentElement.click();
-    }, c = (e) => {
-      r("click", e);
-    }, l = (e) => e.toLowerCase().replace(/\s/g, "-");
-    return m(
-      () => n.path,
-      (e) => t.value = e,
+  setup(a, { emit: l }) {
+    const p = y(), d = f(null), u = (n) => {
+      const t = n.target;
+      t.parentElement && t.parentElement.click();
+    }, m = (n) => {
+      const t = a.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
+        };
+      });
+      l("update:modelValue", t);
+    }, c = (n) => {
+      const t = a.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
+          }))
+        };
+      });
+      l("update:modelValue", t);
+    };
+    return s(
+      () => p.path,
+      (n) => d.value = n,
       { immediate: !0 }
     ), {
-      url: t,
-      click: a,
-      onClick: c,
-      fragment: l
+      url: d,
+      click: u,
+      onSectionClick: m,
+      onItemClick: c
     };
   }
 });
 export {
-  y as default
+  M 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 '@/common/models/NeonTreeMenuSectionModel';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\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    NeonLink,\n  },\n  props: {\n    /**\n     * The tree model defining the menu.\n     */\n    model: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\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 clicks on a menu item\n     * @type {string} the key of the clicked on menu item.\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 onClick = (key: string) => {\n      emit('click', key);\n    };\n\n    const fragment = (anchor: string) => {\n      return anchor.toLowerCase().replace(/\\s/g, '-');\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      click,\n      onClick,\n      fragment,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLink","props","emit","route","useRoute","url","ref","click","$event","target","onClick","key","fragment","anchor","watch","value"],"mappings":";;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,OAAgD,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIzE,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE7C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;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,IAAU,CAACC,MAAgB;AAC/B,MAAAT,EAAK,SAASS,CAAG;AAAA,IACnB,GAEMC,IAAW,CAACC,MACTA,EAAO,YAAA,EAAc,QAAQ,OAAO,GAAG;AAGhD,WAAAC;AAAA,MACE,MAAMX,EAAM;AAAA,MACZ,CAACY,MAAWV,EAAI,QAAQU;AAAA,MACxB,EAAE,WAAW,GAAA;AAAA,IAAK,GAGb;AAAA,MACL,KAAAV;AAAA,MACA,OAAAE;AAAA,MACA,SAAAG;AAAA,MACA,UAAAE;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 '@/common/models/NeonTreeMenuSectionModel';\nimport NeonIcon from '../../presentation/icon/NeonIcon.vue';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\nimport { NeonFunctionalColor } from '@/common/enums/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  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      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,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,OAAAE;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 i=require("./NeonTreeMenu.cjs.js"),e=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={class:"no-style"},c=["onKeydown"],m={class:"no-style neon-tree-menu__links"};function k(n,o,y,_,h,f){const s=e.resolveComponent("neon-link");return n.model?(e.openBlock(),e.createElementBlock("nav",{key:0,class:e.normalizeClass([{"neon-tree-menu--expand-all":n.expandAll},"neon-tree-menu"])},[e.createElementVNode("ul",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.model,t=>(e.openBlock(),e.createElementBlock("li",{key:t.key,class:e.normalizeClass([{"neon-tree-menu__section--expanded":t.expanded||n.expandAll,"neon-tree-menu__section--disabled":t.disabled},"neon-tree-menu__section"])},[e.createVNode(s,{href:t.href,"no-style":!t.href,class:"neon-tree-menu__section-link","outline-style":"none",tabindex:"-1",onClick:l=>!t.disabled&&n.onClick(t.key)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text",role:"link",tabindex:"0",onKeydown:[e.withKeys(e.withModifiers(l=>!t.disabled&&n.onClick(t.key),["stop","prevent"]),["space"]),e.withKeys(l=>t.href&&n.click(l),["enter"]),e.withKeys(l=>t.href&&n.click(l),["space"])]},e.toDisplayString(t.label),41,c)]),_:2},1032,["href","no-style","onClick"]),e.createElementVNode("ul",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,l=>(e.openBlock(),e.createElementBlock("li",{key:l.key,class:"neon-tree-menu__link-item"},[e.createVNode(s,{href:l.href,"no-style":!0,class:"neon-tree-menu__link","outline-style":"none",tabindex:"-1",onClick:r=>n.onClick(l.key)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__link-label neon-tree-menu__link-label--outline-text",role:"link",tabindex:"0",onKeydown:[o[0]||(o[0]=e.withKeys(r=>n.click(r),["enter"])),o[1]||(o[1]=e.withKeys(e.withModifiers(r=>n.click(r),["prevent"]),["space"]))]},e.toDisplayString(l.label),33)]),_:2},1032,["href","onClick"]),l.anchors&&l.anchors.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([{"neon-tree-menu__anchors--expanded":n.expandAll||n.url===l.href},"no-style neon-tree-menu__anchors"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.anchors,r=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.createVNode(s,{href:`${l.href}#${n.fragment(r)}`,class:"neon-link--no-style neon-tree-menu__anchor","no-style":"","outline-style":"none",tabindex:"-1"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-tree-menu__anchor-label neon-tree-menu__anchor-label--outline-text",role:"link",tabindex:"0",onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers(a=>n.click(a),["prevent"]),["space"])),o[3]||(o[3]=e.withKeys(e.withModifiers(a=>n.click(a),["prevent"]),["enter"]))]},e.toDisplayString(r),33)]),_:2},1032,["href"])]))),128))],2)):e.createCommentVNode("",!0)]))),128))])],2))),128))])],2)):e.createCommentVNode("",!0)}const p=d(i,[["render",k]]);module.exports=p;
+"use strict";const u=require("./NeonTreeMenu.cjs.js"),e=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),m=["id"],c={class:"no-style"},k=["tabindex","onKeydown"],p={class:"no-style neon-tree-menu__items"},_=["onKeydown"];function y(t,r,b,f,B,C){const a=e.resolveComponent("neon-icon"),i=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",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,class:e.normalizeClass([{"neon-tree-menu__section--expanded":n.expanded||t.expandAll,"neon-tree-menu__section--disabled":n.disabled},"neon-tree-menu__section"])},[e.createVNode(i,{href:n.href,"no-style":!n.href,class:"neon-tree-menu__section-link","outline-style":"none",tabindex:"-1",onClick:l=>!n.disabled&&t.onSectionClick(n.key)},{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,k),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","onClick"]),e.createElementVNode("ul",p,[(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(i,{href:l.href,"no-style":!0,class:"neon-tree-menu__item-link","outline-style":"none",tabindex:"-1",onClick:o=>t.onItemClick(l.key)},{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:[r[0]||(r[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","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},"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(i,{href:o.href,class:"neon-link--no-style neon-tree-menu__sub-menu-item-link","no-style":"","outline-style":"none",tabindex:"-1"},{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:[r[1]||(r[1]=e.withKeys(e.withModifiers(s=>t.click(s),["prevent"]),["space"])),r[2]||(r[2]=e.withKeys(e.withModifiers(s=>t.click(s),["prevent"]),["enter"]))]},e.toDisplayString(o.label),33)]),_:2},1032,["href"])]))),128))],2)):e.createCommentVNode("",!0)]))),128))])],2))),128))])],10,m)):e.createCommentVNode("",!0)}const h=d(u,[["render",y]]);module.exports=h;
 //# 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 v-if=\"model\" :class=\"{ 'neon-tree-menu--expand-all': expandAll }\" class=\"neon-tree-menu\">\n    <ul class=\"no-style\">\n      <li\n        v-for=\"section in model\"\n        :key=\"section.key\"\n        :class=\"{\n          'neon-tree-menu__section--expanded': section.expanded || expandAll,\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          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"!section.disabled && onClick(section.key)\"\n        >\n          <span\n            class=\"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text\"\n            role=\"link\"\n            tabindex=\"0\"\n            @keydown.space.stop.prevent=\"!section.disabled && onClick(section.key)\"\n            @keydown.enter=\"section.href && click($event)\"\n            @keydown.space=\"section.href && click($event)\"\n          >\n            {{ section.label }}\n          </span>\n        </neon-link>\n        <ul class=\"no-style neon-tree-menu__links\">\n          <li v-for=\"link in section.children\" :key=\"link.key\" class=\"neon-tree-menu__link-item\">\n            <neon-link\n              :href=\"link.href\"\n              :no-style=\"true\"\n              class=\"neon-tree-menu__link\"\n              outline-style=\"none\"\n              tabindex=\"-1\"\n              @click=\"onClick(link.key)\"\n            >\n              <span\n                class=\"neon-tree-menu__link-label neon-tree-menu__link-label--outline-text\"\n                role=\"link\"\n                tabindex=\"0\"\n                @keydown.enter=\"click($event)\"\n                @keydown.space.prevent=\"click($event)\"\n              >\n                {{ link.label }}\n              </span>\n            </neon-link>\n            <ul\n              v-if=\"link.anchors && link.anchors.length > 0\"\n              :class=\"{ 'neon-tree-menu__anchors--expanded': expandAll || url === link.href }\"\n              class=\"no-style neon-tree-menu__anchors\"\n            >\n              <li v-for=\"anchor in link.anchors\" :key=\"anchor\">\n                <neon-link\n                  :href=\"`${link.href}#${fragment(anchor)}`\"\n                  class=\"neon-link--no-style neon-tree-menu__anchor\"\n                  no-style\n                  outline-style=\"none\"\n                  tabindex=\"-1\"\n                >\n                  <span\n                    class=\"neon-tree-menu__anchor-label neon-tree-menu__anchor-label--outline-text\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    @keydown.space.prevent=\"click($event)\"\n                    @keydown.enter.prevent=\"click($event)\"\n                  >\n                    {{ anchor }}\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_1","_hoisted_3","_ctx","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","section","_createVNode","_component_neon_link","$event","_withKeys","_withModifiers","_toDisplayString","_hoisted_2","_openBlock","link","_cache","anchor"],"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=\"[`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': section.expanded || expandAll,\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          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"!section.disabled && onSectionClick(section.key)\"\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=\"onItemClick(link.key)\"\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=\"{ 'neon-tree-menu__sub-menu--expanded': expandAll || link.expanded }\"\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                >\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","_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,104 +1,119 @@
-import b from "./NeonTreeMenu.es.js";
-import { resolveComponent as C, openBlock as t, createElementBlock as s, normalizeClass as p, createElementVNode as i, Fragment as k, renderList as _, createVNode as y, withCtx as f, withKeys as a, withModifiers as u, toDisplayString as c, createCommentVNode as h } from "vue";
-import v from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const $ = { class: "no-style" }, w = ["onKeydown"], K = { class: "no-style neon-tree-menu__links" };
-function g(e, o, x, N, A, V) {
-  const d = C("neon-link");
-  return e.model ? (t(), s("nav", {
+import $ from "./NeonTreeMenu.es.js";
+import { resolveComponent as C, openBlock as o, createElementBlock as t, normalizeClass as k, createElementVNode as a, Fragment as c, renderList as p, createVNode as y, withCtx as b, createBlock as v, createCommentVNode as u, withKeys as i, withModifiers as d, toDisplayString as f } from "vue";
+import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const x = ["id"], K = { class: "no-style" }, g = ["tabindex", "onKeydown"], V = { class: "no-style neon-tree-menu__items" }, N = ["onKeydown"];
+function A(n, s, B, M, S, E) {
+  const h = C("neon-icon"), m = C("neon-link");
+  return n.modelValue ? (o(), t("nav", {
     key: 0,
-    class: p([{ "neon-tree-menu--expand-all": e.expandAll }, "neon-tree-menu"])
+    id: n.id,
+    class: k([[`neon-tree-menu--${n.color}`, { "neon-tree-menu--expand-all": n.expandAll }], "neon-tree-menu"])
   }, [
-    i("ul", $, [
-      (t(!0), s(k, null, _(e.model, (l) => (t(), s("li", {
-        key: l.key,
-        class: p([{
-          "neon-tree-menu__section--expanded": l.expanded || e.expandAll,
-          "neon-tree-menu__section--disabled": l.disabled
+    a("ul", K, [
+      (o(!0), t(c, null, p(n.modelValue, (e) => (o(), t("li", {
+        key: e.key,
+        class: k([{
+          "neon-tree-menu__section--expanded": e.expanded || n.expandAll,
+          "neon-tree-menu__section--disabled": e.disabled
         }, "neon-tree-menu__section"])
       }, [
-        y(d, {
-          href: l.href,
-          "no-style": !l.href,
+        y(m, {
+          href: e.href,
+          "no-style": !e.href,
           class: "neon-tree-menu__section-link",
           "outline-style": "none",
           tabindex: "-1",
-          onClick: (n) => !l.disabled && e.onClick(l.key)
+          onClick: (l) => !e.disabled && n.onSectionClick(e.key)
         }, {
-          default: f(() => [
-            i("span", {
+          default: b(() => [
+            e.icon ? (o(), v(h, {
+              key: 0,
+              id: n.id + "_" + e.key,
+              name: e.icon,
+              class: "neon-tree-menu__section-link-icon"
+            }, null, 8, ["id", "name"])) : u("", !0),
+            a("span", {
+              tabindex: e.disabled ? -1 : 0,
               class: "neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text",
               role: "link",
-              tabindex: "0",
               onKeydown: [
-                a(u((n) => !l.disabled && e.onClick(l.key), ["stop", "prevent"]), ["space"]),
-                a((n) => l.href && e.click(n), ["enter"]),
-                a((n) => l.href && e.click(n), ["space"])
+                i(d((l) => !e.disabled && n.onSectionClick(e.key), ["stop", "prevent"]), ["space"]),
+                i((l) => e.href && n.click(l), ["enter"]),
+                i((l) => e.href && n.click(l), ["space"])
               ]
-            }, c(l.label), 41, w)
+            }, f(e.label), 41, g),
+            e.children && e.children.length !== 0 ? (o(), v(h, {
+              key: 1,
+              class: "neon-tree-menu__section-link-expansion-icon",
+              name: "chevron-right"
+            })) : u("", !0)
           ]),
           _: 2
         }, 1032, ["href", "no-style", "onClick"]),
-        i("ul", K, [
-          (t(!0), s(k, null, _(l.children, (n) => (t(), s("li", {
-            key: n.key,
-            class: "neon-tree-menu__link-item"
+        a("ul", V, [
+          (o(!0), t(c, null, p(e.children, (l) => (o(), t("li", {
+            key: l.key,
+            class: "neon-tree-menu__item"
           }, [
-            y(d, {
-              href: n.href,
+            y(m, {
+              href: l.href,
               "no-style": !0,
-              class: "neon-tree-menu__link",
+              class: "neon-tree-menu__item-link",
               "outline-style": "none",
               tabindex: "-1",
-              onClick: (r) => e.onClick(n.key)
+              onClick: (r) => n.onItemClick(l.key)
             }, {
-              default: f(() => [
-                i("span", {
-                  class: "neon-tree-menu__link-label neon-tree-menu__link-label--outline-text",
+              default: b(() => [
+                a("span", {
+                  class: "neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text",
                   role: "link",
                   tabindex: "0",
                   onKeydown: [
-                    o[0] || (o[0] = a((r) => e.click(r), ["enter"])),
-                    o[1] || (o[1] = a(u((r) => e.click(r), ["prevent"]), ["space"]))
+                    s[0] || (s[0] = i((r) => n.click(r), ["enter"])),
+                    i(d((r) => n.onItemClick(l.key), ["prevent"]), ["space"])
                   ]
-                }, c(n.label), 33)
+                }, f(l.label), 41, N)
               ]),
               _: 2
             }, 1032, ["href", "onClick"]),
-            n.anchors && n.anchors.length > 0 ? (t(), s("ul", {
+            l.subMenu && l.subMenu.length > 0 ? (o(), t("ul", {
               key: 0,
-              class: p([{ "neon-tree-menu__anchors--expanded": e.expandAll || e.url === n.href }, "no-style neon-tree-menu__anchors"])
+              class: k([{ "neon-tree-menu__sub-menu--expanded": n.expandAll || l.expanded }, "no-style neon-tree-menu__sub-menu"])
             }, [
-              (t(!0), s(k, null, _(n.anchors, (r) => (t(), s("li", { key: r }, [
-                y(d, {
-                  href: `${n.href}#${e.fragment(r)}`,
-                  class: "neon-link--no-style neon-tree-menu__anchor",
+              (o(!0), t(c, null, p(l.subMenu, (r) => (o(), t("li", {
+                key: r.href,
+                class: "neon-tree-menu__sub-menu-item"
+              }, [
+                y(m, {
+                  href: r.href,
+                  class: "neon-link--no-style neon-tree-menu__sub-menu-item-link",
                   "no-style": "",
                   "outline-style": "none",
                   tabindex: "-1"
                 }, {
-                  default: f(() => [
-                    i("span", {
-                      class: "neon-tree-menu__anchor-label neon-tree-menu__anchor-label--outline-text",
+                  default: b(() => [
+                    a("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: [
-                        o[2] || (o[2] = a(u((m) => e.click(m), ["prevent"]), ["space"])),
-                        o[3] || (o[3] = a(u((m) => e.click(m), ["prevent"]), ["enter"]))
+                        s[1] || (s[1] = i(d((_) => n.click(_), ["prevent"]), ["space"])),
+                        s[2] || (s[2] = i(d((_) => n.click(_), ["prevent"]), ["enter"]))
                       ]
-                    }, c(r), 33)
+                    }, f(r.label), 33)
                   ]),
                   _: 2
                 }, 1032, ["href"])
               ]))), 128))
-            ], 2)) : h("", !0)
+            ], 2)) : u("", !0)
           ]))), 128))
         ])
       ], 2))), 128))
     ])
-  ], 2)) : h("", !0);
+  ], 10, x)) : u("", !0);
 }
-const z = /* @__PURE__ */ v(b, [["render", g]]);
+const F = /* @__PURE__ */ w($, [["render", A]]);
 export {
-  z as default
+  F 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 v-if=\"model\" :class=\"{ 'neon-tree-menu--expand-all': expandAll }\" class=\"neon-tree-menu\">\n    <ul class=\"no-style\">\n      <li\n        v-for=\"section in model\"\n        :key=\"section.key\"\n        :class=\"{\n          'neon-tree-menu__section--expanded': section.expanded || expandAll,\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          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"!section.disabled && onClick(section.key)\"\n        >\n          <span\n            class=\"neon-tree-menu__section-link-label neon-tree-menu__section-link-label--outline-text\"\n            role=\"link\"\n            tabindex=\"0\"\n            @keydown.space.stop.prevent=\"!section.disabled && onClick(section.key)\"\n            @keydown.enter=\"section.href && click($event)\"\n            @keydown.space=\"section.href && click($event)\"\n          >\n            {{ section.label }}\n          </span>\n        </neon-link>\n        <ul class=\"no-style neon-tree-menu__links\">\n          <li v-for=\"link in section.children\" :key=\"link.key\" class=\"neon-tree-menu__link-item\">\n            <neon-link\n              :href=\"link.href\"\n              :no-style=\"true\"\n              class=\"neon-tree-menu__link\"\n              outline-style=\"none\"\n              tabindex=\"-1\"\n              @click=\"onClick(link.key)\"\n            >\n              <span\n                class=\"neon-tree-menu__link-label neon-tree-menu__link-label--outline-text\"\n                role=\"link\"\n                tabindex=\"0\"\n                @keydown.enter=\"click($event)\"\n                @keydown.space.prevent=\"click($event)\"\n              >\n                {{ link.label }}\n              </span>\n            </neon-link>\n            <ul\n              v-if=\"link.anchors && link.anchors.length > 0\"\n              :class=\"{ 'neon-tree-menu__anchors--expanded': expandAll || url === link.href }\"\n              class=\"no-style neon-tree-menu__anchors\"\n            >\n              <li v-for=\"anchor in link.anchors\" :key=\"anchor\">\n                <neon-link\n                  :href=\"`${link.href}#${fragment(anchor)}`\"\n                  class=\"neon-link--no-style neon-tree-menu__anchor\"\n                  no-style\n                  outline-style=\"none\"\n                  tabindex=\"-1\"\n                >\n                  <span\n                    class=\"neon-tree-menu__anchor-label neon-tree-menu__anchor-label--outline-text\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    @keydown.space.prevent=\"click($event)\"\n                    @keydown.enter.prevent=\"click($event)\"\n                  >\n                    {{ anchor }}\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_1","_hoisted_3","_ctx","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","section","_createVNode","_component_neon_link","$event","_withKeys","_withModifiers","_toDisplayString","_hoisted_2","_openBlock","link","_cache","anchor"],"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=\"[`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': section.expanded || expandAll,\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          class=\"neon-tree-menu__section-link\"\n          outline-style=\"none\"\n          tabindex=\"-1\"\n          @click=\"!section.disabled && onSectionClick(section.key)\"\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=\"onItemClick(link.key)\"\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=\"{ 'neon-tree-menu__sub-menu--expanded': expandAll || link.expanded }\"\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                >\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","_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/common/models/NeonTreeMenuItemModel.d.ts

@@ -0,0 +1,16 @@
+import type { NeonTreeMenuSubMenuModel } from './NeonTreeMenuSubMenuModel';
+/**
+ * Model defining a <a href="/navigation/tree-menu">NeonTreeMenu</a> item.
+ */
+export interface NeonTreeMenuItemModel {
+    /** Display label for the menu item. */
+    label: string;
+    /** Unique key for the menu item. */
+    key: string;
+    /** URL for the menu item's page. */
+    href?: string;
+    /** Expanded state of the menu item. */
+    expanded?: boolean;
+    /** A list of page sub menu items */
+    subMenu?: NeonTreeMenuSubMenuModel[];
+}

package/dist/src/common/models/NeonTreeMenuSectionModel.d.ts

@@ -1,4 +1,4 @@
-import type { NeonTreeMenuLinkModel } from './NeonTreeMenuLinkModel';
+import type { NeonTreeMenuItemModel } from './NeonTreeMenuItemModel';
 /**
  * Model defining a <a href="/navigation/tree-menu">NeonTreeMenu</a> section.
  */
@@ -7,10 +7,12 @@ export interface NeonTreeMenuSectionModel {
     label: string;
     /** Unique key for the menu section. */
     key: string;
+    /** optional icon to display alongside the section label. */
+    icon?: string;
     /** URL for the menu section's page. */
     href?: string;
-    /** Child links of the menu section. */
-    children?: NeonTreeMenuLinkModel[];
+    /** Child items of the menu section. */
+    children?: NeonTreeMenuItemModel[];
     /** Boolean describing if the menu section is expanded. */
     expanded?: boolean;
     /** Boolean describing if the menu section is disabled. */

package/dist/src/common/models/NeonTreeMenuSubMenuModel.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Model defining a <a href="/navigation/tree-menu">NeonTreeMenu</a> sub menu item.
+ */
+export interface NeonTreeMenuSubMenuModel {
+    /** Display label for the sub menu item. */
+    label: string;
+    /** URL for the sub menu item. */
+    href: string;
+}