@aotearoan/neon 26.0.0 → 26.0.2

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

@@ -1,2 +1,2 @@
-"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"],_={class:"no-style neon-tree-menu__items"},p=["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,target:n.external?"_blank":void 0,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","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(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,p)]),_: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;
+"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"},_=["tabindex","onKeydown"],p={class:"no-style neon-tree-menu__items"},y=["onKeydown"];function h(t,r,f,B,C,w){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",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(i,{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=>!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,_),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",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,y)]),_: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(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,c)):e.createCommentVNode("",!0)}const b=m(d,[["render",h]]);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': 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          :target=\"section.external ? '_blank' : undefined\"\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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"}
+{"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=\"!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=\"{\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                >\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,120 +1,125 @@
 import $ from "./NeonTreeMenu.es.js";
-import { resolveComponent as C, openBlock as t, createElementBlock as o, 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 { resolveComponent as v, openBlock as t, createElementBlock as o, normalizeClass as k, createElementVNode as a, Fragment as c, renderList as p, createVNode as y, withCtx as b, createBlock as g, createCommentVNode as u, withKeys as i, withModifiers as d, toDisplayString as h } from "vue";
 import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const g = ["id"], x = { class: "no-style" }, K = ["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");
+const x = ["id"], K = { class: "no-style" }, M = ["tabindex", "onKeydown"], V = { class: "no-style neon-tree-menu__items" }, N = ["onKeydown"];
+function A(n, s, B, S, E, I) {
+  const f = v("neon-icon"), m = v("neon-link");
   return n.modelValue ? (t(), o("nav", {
     key: 0,
     id: n.id,
     class: k([[`neon-tree-menu--${n.color}`, { "neon-tree-menu--expand-all": n.expandAll }], "neon-tree-menu"])
   }, [
-    a("ul", x, [
-      (t(!0), o(c, null, p(n.modelValue, (e) => (t(), o("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(m, {
-          href: e.href,
-          "no-style": !e.href,
-          target: e.external ? "_blank" : void 0,
-          class: "neon-tree-menu__section-link",
-          "outline-style": "none",
-          tabindex: "-1",
-          onClick: (l) => !e.disabled && n.onSectionClick(e.key)
-        }, {
-          default: b(() => [
-            e.icon ? (t(), 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",
-              onKeydown: [
-                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"])
-              ]
-            }, f(e.label), 41, K),
-            e.children && e.children.length !== 0 ? (t(), v(h, {
-              key: 1,
-              class: "neon-tree-menu__section-link-expansion-icon",
-              name: "chevron-right"
-            })) : u("", !0)
-          ]),
-          _: 2
-        }, 1032, ["href", "no-style", "target", "onClick"]),
-        a("ul", V, [
-          (t(!0), o(c, null, p(e.children, (l) => (t(), o("li", {
-            key: l.key,
-            class: "neon-tree-menu__item"
-          }, [
-            y(m, {
-              href: l.href,
-              "no-style": !0,
-              class: "neon-tree-menu__item-link",
-              "outline-style": "none",
-              tabindex: "-1",
-              onClick: (r) => n.onItemClick(l.key)
-            }, {
-              default: b(() => [
-                a("span", {
-                  class: "neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text",
-                  role: "link",
-                  tabindex: "0",
-                  onKeydown: [
-                    s[0] || (s[0] = i((r) => n.click(r), ["enter"])),
-                    i(d((r) => n.onItemClick(l.key), ["prevent"]), ["space"])
-                  ]
-                }, f(l.label), 41, N)
-              ]),
-              _: 2
-            }, 1032, ["href", "onClick"]),
-            l.subMenu && l.subMenu.length > 0 ? (t(), o("ul", {
-              key: 0,
-              class: k([{ "neon-tree-menu__sub-menu--expanded": n.expandAll || l.expanded }, "no-style neon-tree-menu__sub-menu"])
+    a("ul", K, [
+      (t(!0), o(c, null, p(n.modelValue, (e) => {
+        var C;
+        return t(), o("li", {
+          key: e.key,
+          class: k([{
+            "neon-tree-menu__section--expanded": (e.expanded || n.expandAll) && e.children && ((C = e.children) == null ? void 0 : C.length) !== 0,
+            "neon-tree-menu__section--disabled": e.disabled
+          }, "neon-tree-menu__section"])
+        }, [
+          y(m, {
+            href: e.href,
+            "no-style": !e.href,
+            target: e.external ? "_blank" : void 0,
+            class: "neon-tree-menu__section-link",
+            "outline-style": "none",
+            tabindex: "-1",
+            onClick: (l) => !e.disabled && n.onSectionClick(e.key)
+          }, {
+            default: b(() => [
+              e.icon ? (t(), g(f, {
+                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",
+                onKeydown: [
+                  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"])
+                ]
+              }, h(e.label), 41, M),
+              e.children && e.children.length !== 0 ? (t(), g(f, {
+                key: 1,
+                class: "neon-tree-menu__section-link-expansion-icon",
+                name: "chevron-right"
+              })) : u("", !0)
+            ]),
+            _: 2
+          }, 1032, ["href", "no-style", "target", "onClick"]),
+          a("ul", V, [
+            (t(!0), o(c, null, p(e.children, (l) => (t(), o("li", {
+              key: l.key,
+              class: "neon-tree-menu__item"
             }, [
-              (t(!0), o(c, null, p(l.subMenu, (r) => (t(), o("li", {
-                key: r.href,
-                class: "neon-tree-menu__sub-menu-item"
+              y(m, {
+                href: l.href,
+                "no-style": !0,
+                class: "neon-tree-menu__item-link",
+                "outline-style": "none",
+                tabindex: "-1",
+                onClick: (r) => n.onItemClick(l.key)
+              }, {
+                default: b(() => [
+                  a("span", {
+                    class: "neon-tree-menu__item-link-label neon-tree-menu__item-link-label--outline-text",
+                    role: "link",
+                    tabindex: "0",
+                    onKeydown: [
+                      s[0] || (s[0] = i((r) => n.click(r), ["enter"])),
+                      i(d((r) => n.onItemClick(l.key), ["prevent"]), ["space"])
+                    ]
+                  }, h(l.label), 41, N)
+                ]),
+                _: 2
+              }, 1032, ["href", "onClick"]),
+              l.subMenu && l.subMenu.length > 0 ? (t(), o("ul", {
+                key: 0,
+                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"])
               }, [
-                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: 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: [
-                        s[1] || (s[1] = i(d((_) => n.click(_), ["prevent"]), ["space"])),
-                        s[2] || (s[2] = i(d((_) => n.click(_), ["prevent"]), ["enter"]))
-                      ]
-                    }, f(r.label), 33)
-                  ]),
-                  _: 2
-                }, 1032, ["href"])
-              ]))), 128))
-            ], 2)) : u("", !0)
-          ]))), 128))
-        ])
-      ], 2))), 128))
+                (t(!0), o(c, null, p(l.subMenu, (r) => (t(), o("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: 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: [
+                          s[1] || (s[1] = i(d((_) => n.click(_), ["prevent"]), ["space"])),
+                          s[2] || (s[2] = i(d((_) => n.click(_), ["prevent"]), ["enter"]))
+                        ]
+                      }, h(r.label), 33)
+                    ]),
+                    _: 2
+                  }, 1032, ["href"])
+                ]))), 128))
+              ], 2)) : u("", !0)
+            ]))), 128))
+          ])
+        ], 2);
+      }), 128))
     ])
-  ], 10, g)) : u("", !0);
+  ], 10, x)) : u("", !0);
 }
-const F = /* @__PURE__ */ w($, [["render", A]]);
+const L = /* @__PURE__ */ w($, [["render", A]]);
 export {
-  F as default
+  L 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': 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          :target=\"section.external ? '_blank' : undefined\"\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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"}
+{"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=\"!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=\"{\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                >\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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "26.0.0",
+  "version": "26.0.2",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",
@@ -17,7 +17,8 @@
     "gen:model-docs": "npx typedoc --entryPointStrategy expand --json public/docs/model.json src/model/*",
     "gen:util-docs": "npx typedoc --entryPointStrategy expand --json public/docs/utils.json src/utils/*",
     "gen:component-docs": "node doc-gen.js",
-    "gen:docs": "npm run gen:model-docs && npm run gen:util-docs && npm run gen:component-docs",
+    "gen:sass-docs": "node doc-gen-sass.js",
+    "gen:docs": "npm run gen:model-docs && npm run gen:util-docs && npm run gen:component-docs && npm run gen:sass-docs",
     "gen:version": "genversion --es6 --semi ./version.ts",
     "gen:all": "npm run gen:version && npm run gen:docs",
     "dev": "npm run gen:all && vite --mode development",
@@ -113,6 +114,7 @@
     "prettier": "^2.8.8",
     "prismjs": "^1.29.0",
     "sass": "^1.62.1",
+    "scss-parser": "^1.0.6",
     "ts-jest": "^29.1.0",
     "typedoc": "^0.24.8",
     "typescript": "~5.0.4",

package/src/sass/components/_expansion-indicator.scss

@@ -23,7 +23,7 @@
       transform: rotate(35deg);
 
       &.neon-svg--stroke {
-        transition: transform ease-in-out var(--neon-animation-speed-fast) !important;
+        transition: all ease-in-out var(--neon-animation-speed-fast) !important;
       }
     }
 
@@ -31,7 +31,7 @@
       transform: rotate(-35deg);
 
       &.neon-svg--stroke {
-        transition: transform ease-in-out var(--neon-animation-speed-fast) !important;
+        transition: all ease-in-out var(--neon-animation-speed-fast) !important;
       }
     }
 

package/src/sass/components/_icon.scss

@@ -10,18 +10,22 @@
 
     .neon-svg--fill-inverse {
       fill: var(--neon-color-inverse);
+      transition: fill ease-in-out var(--neon-animation-speed-fast);
     }
 
     .neon-svg--stroke-inverse {
       stroke: var(--neon-color-inverse);
+      transition: stroke ease-in-out var(--neon-animation-speed-fast);
     }
 
     .neon-svg--fill-text {
       fill: var(--neon-color-text-primary);
+      transition: fill ease-in-out var(--neon-animation-speed-fast);
     }
 
     .neon-svg--stroke-text {
       stroke: var(--neon-color-text-primary);
+      transition: stroke ease-in-out var(--neon-animation-speed-fast);
     }
   }
 
@@ -44,10 +48,12 @@
       &--disabled {
         .neon-svg--fill {
           fill: var(--neon-color-disabled-text);
+          transition: fill ease-in-out var(--neon-animation-speed-fast);
         }
 
         .neon-svg--stroke {
           stroke: var(--neon-color-disabled-text);
+          transition: stroke ease-in-out var(--neon-animation-speed-fast);
         }
       }
     }

package/src/sass/components/_menu.scss

@@ -29,7 +29,7 @@
         &,
         .neon-svg--stroke,
         .neon-svg--fill {
-          transition: color ease-in-out var(--neon-animation-speed-fastest);
+          transition: all var(--neon-animation-speed-fastest);
         }
 
         &:before {

package/src/sass/components/_mobile-menu.scss

@@ -31,7 +31,7 @@
           &,
           .neon-svg--stroke,
           .neon-svg--fill {
-            transition: color ease-in-out var(--neon-animation-speed-fastest);
+            transition: all ease-in-out var(--neon-animation-speed-fastest);
           }
 
           &:before {

package/src/sass/components/_number.scss

@@ -67,6 +67,7 @@
 
         .neon-svg--fill {
           fill: var(--neon-color-disabled-text);
+          transition: fill ease-in-out var(--neon-animation-speed-fast);
         }
 
         border: none;

package/src/sass/components/_stepper.scss

@@ -63,10 +63,12 @@
           svg {
             .neon-svg--fill {
               fill: var(--neon-color-stepper-indicator);
+              transition: fill ease-in-out var(--neon-animation-speed-fast);
             }
 
             .neon-svg--stroke {
               stroke: var(--neon-color-stepper-indicator);
+              transition: stroke ease-in-out var(--neon-animation-speed-fast);
             }
           }
         }

package/src/sass/components/_tabs.scss

@@ -78,10 +78,12 @@
 
         .neon-svg--stroke {
           stroke: var(--neon-color-text-primary);
+          transition: stroke ease-in-out var(--neon-animation-speed-fast);
         }
 
         .neon-svg--fill {
           fill: var(--neon-color-text-primary);
+          transition: fill ease-in-out var(--neon-animation-speed-fast);
         }
 
         &:before {

package/src/sass/includes/_svg.scss

@@ -6,9 +6,11 @@
 @mixin svg-colors($color) {
   .neon-svg--fill {
     fill: $color;
+    transition: fill ease-in-out var(--neon-animation-speed-fast);
   }
 
   .neon-svg--stroke {
     stroke: $color;
+    transition: stroke ease-in-out var(--neon-animation-speed-fast);
   }
 }