@aotearoan/neon 22.4.0 → 22.5.0

package/dist/common/enums/NeonInputIndicatorStyle.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Internal="internal",e.External="external",e))(r||{});exports.NeonInputIndicatorStyle=r;
+//# sourceMappingURL=NeonInputIndicatorStyle.cjs.js.map

package/dist/common/enums/NeonInputIndicatorStyle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonInputIndicatorStyle.cjs.js","sources":["../../../src/common/enums/NeonInputIndicatorStyle.ts"],"sourcesContent":["export enum NeonInputIndicatorStyle {\n  /**\n   * Display input indicator INSIDE the adjacent input.\n   */\n  Internal = 'internal',\n  /**\n   * Display input indicator OUTSIDE the adjacent input.\n   */\n  External = 'external',\n}\n"],"names":["NeonInputIndicatorStyle"],"mappings":"gFAAO,IAAKA,GAAAA,IAIVA,EAAA,SAAW,WAIXA,EAAA,SAAW,WARDA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/common/enums/NeonInputIndicatorStyle.es.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((r) => (r.Internal = "internal", r.External = "external", r))(e || {});
+export {
+  e as NeonInputIndicatorStyle
+};
+//# sourceMappingURL=NeonInputIndicatorStyle.es.js.map

package/dist/common/enums/NeonInputIndicatorStyle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonInputIndicatorStyle.es.js","sources":["../../../src/common/enums/NeonInputIndicatorStyle.ts"],"sourcesContent":["export enum NeonInputIndicatorStyle {\n  /**\n   * Display input indicator INSIDE the adjacent input.\n   */\n  Internal = 'internal',\n  /**\n   * Display input indicator OUTSIDE the adjacent input.\n   */\n  External = 'external',\n}\n"],"names":["NeonInputIndicatorStyle"],"mappings":"AAAO,IAAKA,sBAAAA,OAIVA,EAAA,WAAW,YAIXA,EAAA,WAAW,YARDA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/navigation/link/NeonLink.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),m=require("../../../common/enums/NeonOutlineStyle.cjs.js"),y=require("../../presentation/icon/NeonIcon.vue.cjs.js"),l=require("vue-router"),S=t.defineComponent({name:"NeonLink",components:{NeonIcon:y},props:{href:{type:String,default:null},noStyle:{type:Boolean,default:!1},outlineStyle:{type:String,default:m.NeonOutlineStyle.Text},externalIndicator:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:r}){const s=t.useAttrs(),a=l.useRouter(),o=l.useRoute(),u=t.computed(()=>{var n;return((n=e.href)==null?void 0:n.indexOf("/"))===0?e.href:void 0}),c=t.computed(()=>e.href&&e.href.indexOf(o.fullPath)===0),f=t.computed(()=>c.value&&e.href===o.fullPath),d=t.computed(()=>{const{onClick:n,...h}=s;return h}),i=()=>{r("click")};return{routerUrl:u,sanitizedAttributes:d,activeRoute:c,exactRoute:f,onClick:i,onSpace:async()=>{i(),u.value?await a.push(e.href):e.href&&window.location.replace(e.href)}}}});module.exports=S;
+"use strict";const t=require("vue"),S=require("../../../common/enums/NeonOutlineStyle.cjs.js"),v=require("../../presentation/icon/NeonIcon.vue.cjs.js"),r=require("vue-router"),x=t.defineComponent({name:"NeonLink",components:{NeonIcon:v},props:{href:{type:String,default:null},noStyle:{type:Boolean,default:!1},outlineStyle:{type:String,default:S.NeonOutlineStyle.Text},externalIndicator:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:s,expose:a}){const o=t.ref(null),f=t.useAttrs(),d=r.useRouter(),u=r.useRoute(),c=t.computed(()=>{var n;return((n=e.href)==null?void 0:n.indexOf("/"))===0?e.href:void 0}),i=t.computed(()=>e.href&&e.href.indexOf(u.fullPath)===0),h=t.computed(()=>i.value&&e.href===u.fullPath),m=t.computed(()=>{const{onClick:n,...k}=f;return k}),l=()=>{s("click")},y=async()=>{l(),c.value?await d.push(e.href):e.href&&window.location.replace(e.href)};return a({neonLink:o}),{neonLink:o,routerUrl:c,sanitizedAttributes:m,activeRoute:i,exactRoute:h,onClick:l,onSpace:y}}});module.exports=x;
 //# sourceMappingURL=NeonLink.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonLink.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and\n     * <em>border</em> for tooltips wrapping \"block\" elements, e.g. buttons.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.Text },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    return {\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized"],"mappings":"gLAQAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAKnC,aAAc,CAAE,KAAM,OAAkC,QAASC,EAAAA,iBAAiB,IAAA,EAIlF,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAErD,MAAO,CAKL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAASC,EAAAA,UAAA,EACTC,EAAQC,EAAAA,SAAA,EACRC,EAAYC,EAAAA,SAAS,IAAA,OAAO,QAAAC,EAAAV,EAAM,OAAN,YAAAU,EAAY,QAAQ,QAAS,EAAIV,EAAM,KAAO,OAAU,EAEpFW,EAAcF,EAAAA,SAAS,IAAMT,EAAM,MAAQA,EAAM,KAAK,QAAQM,EAAM,QAAQ,IAAM,CAAC,EACnFM,EAAaH,EAAAA,SAAS,IAAME,EAAY,OAASX,EAAM,OAASM,EAAM,QAAQ,EAE9EO,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,GAAcb,EAClC,OAAOa,CACT,CAAC,EAEKD,EAAU,IAAM,CACpBb,EAAK,OAAO,CACd,EAYA,MAAO,CACL,UAAAO,EACA,oBAAAK,EACA,YAAAF,EACA,WAAAC,EACA,QAAAE,EACA,QAhBc,SAAY,CAC1BA,EAAA,EAEIN,EAAU,MACZ,MAAMJ,EAAO,KAAKJ,EAAM,IAAI,EACnBA,EAAM,MACf,OAAO,SAAS,QAAQA,EAAM,IAAI,CAEtC,CAQE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonLink.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and\n     * <em>border</em> for tooltips wrapping \"block\" elements, e.g. buttons.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.Text },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":"gLAQAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAKnC,aAAc,CAAE,KAAM,OAAkC,QAASC,EAAAA,iBAAiB,IAAA,EAIlF,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAErD,MAAO,CAKL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,OAAAC,GAAU,CAC7B,MAAMC,EAAWC,EAAAA,IAA8B,IAAI,EAC7CC,EAAQC,EAAAA,SAAA,EACRC,EAASC,EAAAA,UAAA,EACTC,EAAQC,EAAAA,SAAA,EACRC,EAAYC,EAAAA,SAAS,IAAA,OAAO,QAAAC,EAAAb,EAAM,OAAN,YAAAa,EAAY,QAAQ,QAAS,EAAIb,EAAM,KAAO,OAAU,EAEpFc,EAAcF,EAAAA,SAAS,IAAMZ,EAAM,MAAQA,EAAM,KAAK,QAAQS,EAAM,QAAQ,IAAM,CAAC,EACnFM,EAAaH,EAAAA,SAAS,IAAME,EAAY,OAASd,EAAM,OAASS,EAAM,QAAQ,EAE9EO,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,GAAcb,EAClC,OAAOa,CACT,CAAC,EAEKD,EAAU,IAAM,CACpBhB,EAAK,OAAO,CACd,EAEMkB,EAAU,SAAY,CAC1BF,EAAA,EAEIN,EAAU,MACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,EACnBA,EAAM,MACf,OAAO,SAAS,QAAQA,EAAM,IAAI,CAEtC,EAEA,OAAAE,EAAO,CAAE,SAAAC,EAAU,EAEZ,CACL,SAAAA,EACA,UAAAQ,EACA,oBAAAK,EACA,YAAAF,EACA,WAAAC,EACA,QAAAE,EACA,QAAAE,CAAA,CAEJ,CACF,CAAC"}

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

@@ -1,11 +1,11 @@
-import { defineComponent as m, useAttrs as h, computed as t } from "vue";
-import { NeonOutlineStyle as y } from "../../../common/enums/NeonOutlineStyle.es.js";
-import S from "../../presentation/icon/NeonIcon.vue.es.js";
-import { useRouter as k, useRoute as x } from "vue-router";
-const N = m({
+import { defineComponent as k, ref as x, useAttrs as S, computed as t } from "vue";
+import { NeonOutlineStyle as p } from "../../../common/enums/NeonOutlineStyle.es.js";
+import v from "../../presentation/icon/NeonIcon.vue.es.js";
+import { useRouter as C, useRoute as R } from "vue-router";
+const z = k({
   name: "NeonLink",
   components: {
-    NeonIcon: S
+    NeonIcon: v
   },
   props: {
     /**
@@ -20,7 +20,7 @@ const N = m({
      * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and
      * <em>border</em> for tooltips wrapping "block" elements, e.g. buttons.
      */
-    outlineStyle: { type: String, default: y.Text },
+    outlineStyle: { type: String, default: p.Text },
     /**
      * Display an external link icon to the right of the link indicating clicking it will take the user to another site.
      */
@@ -33,29 +33,30 @@ const N = m({
      */
     "click"
   ],
-  setup(e, { emit: a }) {
-    const c = h(), f = k(), o = x(), i = t(() => {
+  setup(e, { emit: a, expose: f }) {
+    const o = x(null), u = S(), s = C(), l = R(), i = t(() => {
       var n;
       return ((n = e.href) == null ? void 0 : n.indexOf("/")) === 0 ? e.href : void 0;
-    }), l = t(() => e.href && e.href.indexOf(o.fullPath) === 0), u = t(() => l.value && e.href === o.fullPath), s = t(() => {
-      const { onClick: n, ...d } = c;
-      return d;
-    }), r = () => {
+    }), r = t(() => e.href && e.href.indexOf(l.fullPath) === 0), d = t(() => r.value && e.href === l.fullPath), m = t(() => {
+      const { onClick: n, ...y } = u;
+      return y;
+    }), c = () => {
       a("click");
+    }, h = async () => {
+      c(), i.value ? await s.push(e.href) : e.href && window.location.replace(e.href);
     };
-    return {
+    return f({ neonLink: o }), {
+      neonLink: o,
       routerUrl: i,
-      sanitizedAttributes: s,
-      activeRoute: l,
-      exactRoute: u,
-      onClick: r,
-      onSpace: async () => {
-        r(), i.value ? await f.push(e.href) : e.href && window.location.replace(e.href);
-      }
+      sanitizedAttributes: m,
+      activeRoute: r,
+      exactRoute: d,
+      onClick: c,
+      onSpace: h
     };
   }
 });
 export {
-  N as default
+  z as default
 };
 //# sourceMappingURL=NeonLink.es.js.map

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

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

package/dist/components/navigation/link/NeonLink.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonLink.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),k=["href"];function a(e,o,p,d,y,C){const l=n.resolveComponent("router-link"),t=n.resolveComponent("neon-icon");return e.routerUrl?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,class:[[{"neon-link--no-style":e.noStyle,"neon-link--active":e.activeRoute,"neon-link--exact-active":e.exactRoute},`neon-link--outline-${e.outlineStyle}`],"neon-link neon-link--router-link"],to:e.routerUrl,tabindex:"0"},e.sanitizedAttributes,{onClick:e.onClick,onKeydown:[n.withKeys(e.onClick,["enter"]),n.withKeys(n.withModifiers(e.onSpace,["prevent"]),["space"])]}),{default:n.withCtx(()=>[n.renderSlot(e.$slots,"default")]),_:3},16,["class","to","onClick","onKeydown"])):e.href?(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:1,class:[[{"neon-link--no-style":e.noStyle,"neon-link--with-external-indicator":e.externalIndicator,"neon-link--active":e.activeRoute,"neon-link--exact-active":e.exactRoute},`neon-link--outline-${e.outlineStyle}`],"neon-link neon-link--external-link"],href:e.href,rel:"noopener",tabindex:"0"},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[o[1]||(o[1]=n.withKeys((...i)=>e.onClick&&e.onClick(...i),["enter"])),o[2]||(o[2]=n.withKeys(n.withModifiers((...i)=>e.onSpace&&e.onSpace(...i),["prevent"]),["space"]))]}),[n.renderSlot(e.$slots,"default"),e.externalIndicator?(n.openBlock(),n.createBlock(t,{key:0,class:"neon-link__external-indicator",color:"low-contrast",name:"share-external-link-1"})):n.createCommentVNode("",!0)],16,k)):(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:2,class:[[{"neon-link--no-style":e.noStyle},`neon-link--outline-${e.outlineStyle}`],"neon-link"],tabindex:"0"},e.sanitizedAttributes,{onClick:o[3]||(o[3]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[o[4]||(o[4]=n.withKeys((...i)=>e.onClick&&e.onClick(...i),["enter"])),o[5]||(o[5]=n.withKeys(n.withModifiers((...i)=>e.onSpace&&e.onSpace(...i),["prevent"]),["space"]))]}),[n.renderSlot(e.$slots,"default")],16))}const u=s(r,[["render",a]]);module.exports=u;
+"use strict";const r=require("./NeonLink.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),k=["href"];function a(e,o,p,d,y,C){const l=n.resolveComponent("router-link"),t=n.resolveComponent("neon-icon");return e.routerUrl?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"neonLink",class:[[{"neon-link--no-style":e.noStyle,"neon-link--active":e.activeRoute,"neon-link--exact-active":e.exactRoute},`neon-link--outline-${e.outlineStyle}`],"neon-link neon-link--router-link"],to:e.routerUrl,tabindex:"0"},e.sanitizedAttributes,{onClick:e.onClick,onKeydown:[n.withKeys(e.onClick,["enter"]),n.withKeys(n.withModifiers(e.onSpace,["prevent"]),["space"])]}),{default:n.withCtx(()=>[n.renderSlot(e.$slots,"default")]),_:3},16,["class","to","onClick","onKeydown"])):e.href?(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:1,ref:"neonLink",class:[[{"neon-link--no-style":e.noStyle,"neon-link--with-external-indicator":e.externalIndicator,"neon-link--active":e.activeRoute,"neon-link--exact-active":e.exactRoute},`neon-link--outline-${e.outlineStyle}`],"neon-link neon-link--external-link"],href:e.href,rel:"noopener",tabindex:"0"},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[o[1]||(o[1]=n.withKeys((...i)=>e.onClick&&e.onClick(...i),["enter"])),o[2]||(o[2]=n.withKeys(n.withModifiers((...i)=>e.onSpace&&e.onSpace(...i),["prevent"]),["space"]))]}),[n.renderSlot(e.$slots,"default"),e.externalIndicator?(n.openBlock(),n.createBlock(t,{key:0,class:"neon-link__external-indicator",color:"low-contrast",name:"share-external-link-1"})):n.createCommentVNode("",!0)],16,k)):(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:2,ref:"neonLink",class:[[{"neon-link--no-style":e.noStyle},`neon-link--outline-${e.outlineStyle}`],"neon-link"],tabindex:"0"},e.sanitizedAttributes,{onClick:o[3]||(o[3]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[o[4]||(o[4]=n.withKeys((...i)=>e.onClick&&e.onClick(...i),["enter"])),o[5]||(o[5]=n.withKeys(n.withModifiers((...i)=>e.onSpace&&e.onSpace(...i),["prevent"]),["space"]))]}),[n.renderSlot(e.$slots,"default")],16))}const u=s(r,[["render",a]]);module.exports=u;
 //# sourceMappingURL=NeonLink.vue.cjs.js.map

package/dist/components/navigation/link/NeonLink.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonLink.vue.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n  <router-link\n    v-if=\"routerUrl\"\n    :class=\"[\n      { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :to=\"routerUrl\"\n    class=\"neon-link neon-link--router-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </router-link>\n  <a\n    v-else-if=\"href\"\n    :class=\"[\n      {\n        'neon-link--no-style': noStyle,\n        'neon-link--with-external-indicator': externalIndicator,\n        'neon-link--active': activeRoute,\n        'neon-link--exact-active': exactRoute,\n      },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :href=\"href\"\n    class=\"neon-link neon-link--external-link\"\n    rel=\"noopener\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n    <neon-icon\n      v-if=\"externalIndicator\"\n      class=\"neon-link__external-indicator\"\n      color=\"low-contrast\"\n      name=\"share-external-link-1\"\n    />\n  </a>\n  <a\n    v-else\n    :class=\"[{ 'neon-link--no-style': noStyle }, `neon-link--outline-${outlineStyle}`]\"\n    class=\"neon-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </a>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLink.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_router_link","_mergeProps","_renderSlot","_createElementBlock","args","_component_neon_icon"],"mappings":"yPAEUA,EAAA,WADRC,EAAAA,YAAAC,EAAAA,YAgBcC,EAhBdC,aAgBc,OAdX,MAAK,CAAA,wBAAmCJ,EAAA,QAAO,oBAAuBA,EAAA,YAAW,0BAA6BA,EAAA,UAAU,wBAAgCA,EAAA,YAAY,IAK/J,kCAAkC,EADvC,GAAIA,EAAA,UAEL,SAAS,KACDA,EAAA,oBAAmB,CAC1B,QAAOA,EAAA,QACP,UAAO,YAAQA,EAAA,QAAO,CAAA,OAAA,CAAA,6BACCA,EAAA,QAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,wBAG/B,IAAa,CAAbK,aAAaL,EAAA,OAAA,SAAA,mDAGFA,EAAA,MADbC,EAAAA,YAAAK,EAAAA,mBA4BI,IA5BJF,aA4BI,OA1BD,MAAK,CAAA,wBAA2CJ,EAAA,6CAAuDA,EAAA,sCAAgDA,EAAA,sCAAgDA,EAAA,kCAAiDA,EAAA,YAAY,IAU/P,oCAAoC,EADzC,KAAMA,EAAA,KAEP,IAAI,WACJ,SAAS,KACDA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,GACP,UAAO,gCAAQP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,OAAA,CAAA,kDACCP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAG/BF,aAAaL,EAAA,OAAA,SAAA,EAELA,EAAA,iCADRE,EAAAA,YAKEM,EAAA,OAHA,MAAM,gCACN,MAAM,eACN,KAAK,gEAGTP,EAAAA,YAAAK,EAAAA,mBAYI,IAZJF,aAYI,OAVD,MAAK,CAAA,CAAA,CAAA,sBAA4BJ,EAAA,OAAO,EAAA,sBAA0BA,EAAA,YAAY,IACzE,WAAW,EACjB,SAAS,KACDA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,GACP,UAAO,gCAAQP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,OAAA,CAAA,kDACCP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAG/BF,aAAaL,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonLink.vue.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n  <router-link\n    v-if=\"routerUrl\"\n    ref=\"neonLink\"\n    :class=\"[\n      { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :to=\"routerUrl\"\n    class=\"neon-link neon-link--router-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </router-link>\n  <a\n    v-else-if=\"href\"\n    ref=\"neonLink\"\n    :class=\"[\n      {\n        'neon-link--no-style': noStyle,\n        'neon-link--with-external-indicator': externalIndicator,\n        'neon-link--active': activeRoute,\n        'neon-link--exact-active': exactRoute,\n      },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :href=\"href\"\n    class=\"neon-link neon-link--external-link\"\n    rel=\"noopener\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n    <neon-icon\n      v-if=\"externalIndicator\"\n      class=\"neon-link__external-indicator\"\n      color=\"low-contrast\"\n      name=\"share-external-link-1\"\n    />\n  </a>\n  <a\n    v-else\n    ref=\"neonLink\"\n    :class=\"[{ 'neon-link--no-style': noStyle }, `neon-link--outline-${outlineStyle}`]\"\n    class=\"neon-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </a>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLink.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_router_link","_mergeProps","_renderSlot","_createElementBlock","args","_component_neon_icon"],"mappings":"yPAEUA,EAAA,WADRC,EAAAA,YAAAC,EAAAA,YAiBcC,EAjBdC,aAiBc,OAfZ,IAAI,WACH,MAAK,CAAA,wBAAmCJ,EAAA,QAAO,oBAAuBA,EAAA,YAAW,0BAA6BA,EAAA,UAAU,wBAAgCA,EAAA,YAAY,IAK/J,kCAAkC,EADvC,GAAIA,EAAA,UAEL,SAAS,KACDA,EAAA,oBAAmB,CAC1B,QAAOA,EAAA,QACP,UAAO,YAAQA,EAAA,QAAO,CAAA,OAAA,CAAA,6BACCA,EAAA,QAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,wBAG/B,IAAa,CAAbK,aAAaL,EAAA,OAAA,SAAA,mDAGFA,EAAA,MADbC,EAAAA,YAAAK,EAAAA,mBA6BI,IA7BJF,aA6BI,OA3BF,IAAI,WACH,MAAK,CAAA,wBAA2CJ,EAAA,6CAAuDA,EAAA,sCAAgDA,EAAA,sCAAgDA,EAAA,kCAAiDA,EAAA,YAAY,IAU/P,oCAAoC,EADzC,KAAMA,EAAA,KAEP,IAAI,WACJ,SAAS,KACDA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,GACP,UAAO,gCAAQP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,OAAA,CAAA,kDACCP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAG/BF,aAAaL,EAAA,OAAA,SAAA,EAELA,EAAA,iCADRE,EAAAA,YAKEM,EAAA,OAHA,MAAM,gCACN,MAAM,eACN,KAAK,gEAGTP,EAAAA,YAAAK,EAAAA,mBAaI,IAbJF,aAaI,OAXF,IAAI,WACH,MAAK,CAAA,CAAA,CAAA,sBAA4BJ,EAAA,OAAO,EAAA,sBAA0BA,EAAA,YAAY,IACzE,WAAW,EACjB,SAAS,KACDA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,GACP,UAAO,gCAAQP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,OAAA,CAAA,kDACCP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAG/BF,aAAaL,EAAA,OAAA,SAAA"}

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

@@ -1,11 +1,12 @@
-import y from "./NeonLink.es.js";
-import { resolveComponent as a, openBlock as l, createBlock as k, mergeProps as t, withKeys as i, withModifiers as r, withCtx as f, renderSlot as s, createElementBlock as u, createCommentVNode as C } from "vue";
+import f from "./NeonLink.es.js";
+import { resolveComponent as s, openBlock as l, createBlock as a, mergeProps as t, withKeys as i, withModifiers as r, withCtx as y, renderSlot as k, createElementBlock as u, createCommentVNode as C } from "vue";
 import m from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const S = ["href"];
 function v(n, e, $, w, b, K) {
-  const d = a("router-link"), p = a("neon-icon");
-  return n.routerUrl ? (l(), k(d, t({
+  const d = s("router-link"), p = s("neon-icon");
+  return n.routerUrl ? (l(), a(d, t({
     key: 0,
+    ref: "neonLink",
     class: [[
       { "neon-link--no-style": n.noStyle, "neon-link--active": n.activeRoute, "neon-link--exact-active": n.exactRoute },
       `neon-link--outline-${n.outlineStyle}`
@@ -19,12 +20,13 @@ function v(n, e, $, w, b, K) {
       i(r(n.onSpace, ["prevent"]), ["space"])
     ]
   }), {
-    default: f(() => [
-      s(n.$slots, "default")
+    default: y(() => [
+      k(n.$slots, "default")
     ]),
     _: 3
   }, 16, ["class", "to", "onClick", "onKeydown"])) : n.href ? (l(), u("a", t({
     key: 1,
+    ref: "neonLink",
     class: [[
       {
         "neon-link--no-style": n.noStyle,
@@ -44,8 +46,8 @@ function v(n, e, $, w, b, K) {
       e[2] || (e[2] = i(r((...o) => n.onSpace && n.onSpace(...o), ["prevent"]), ["space"]))
     ]
   }), [
-    s(n.$slots, "default"),
-    n.externalIndicator ? (l(), k(p, {
+    k(n.$slots, "default"),
+    n.externalIndicator ? (l(), a(p, {
       key: 0,
       class: "neon-link__external-indicator",
       color: "low-contrast",
@@ -53,6 +55,7 @@ function v(n, e, $, w, b, K) {
     })) : C("", !0)
   ], 16, S)) : (l(), u("a", t({
     key: 2,
+    ref: "neonLink",
     class: [[{ "neon-link--no-style": n.noStyle }, `neon-link--outline-${n.outlineStyle}`], "neon-link"],
     tabindex: "0"
   }, n.sanitizedAttributes, {
@@ -62,11 +65,11 @@ function v(n, e, $, w, b, K) {
       e[5] || (e[5] = i(r((...o) => n.onSpace && n.onSpace(...o), ["prevent"]), ["space"]))
     ]
   }), [
-    s(n.$slots, "default")
+    k(n.$slots, "default")
   ], 16));
 }
-const A = /* @__PURE__ */ m(y, [["render", v]]);
+const z = /* @__PURE__ */ m(f, [["render", v]]);
 export {
-  A as default
+  z as default
 };
 //# sourceMappingURL=NeonLink.vue.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonLink.vue.es.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n  <router-link\n    v-if=\"routerUrl\"\n    :class=\"[\n      { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :to=\"routerUrl\"\n    class=\"neon-link neon-link--router-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </router-link>\n  <a\n    v-else-if=\"href\"\n    :class=\"[\n      {\n        'neon-link--no-style': noStyle,\n        'neon-link--with-external-indicator': externalIndicator,\n        'neon-link--active': activeRoute,\n        'neon-link--exact-active': exactRoute,\n      },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :href=\"href\"\n    class=\"neon-link neon-link--external-link\"\n    rel=\"noopener\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n    <neon-icon\n      v-if=\"externalIndicator\"\n      class=\"neon-link__external-indicator\"\n      color=\"low-contrast\"\n      name=\"share-external-link-1\"\n    />\n  </a>\n  <a\n    v-else\n    :class=\"[{ 'neon-link--no-style': noStyle }, `neon-link--outline-${outlineStyle}`]\"\n    class=\"neon-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </a>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLink.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_router_link","_mergeProps","_renderSlot","_createElementBlock","args","_component_neon_icon"],"mappings":";;;;;;SAEUA,EAAA,aADRC,KAAAC,EAgBcC,GAhBdC,EAgBc;AAAA;IAdX,OAAK,CAAA;AAAA,+BAAmCJ,EAAA,SAAO,qBAAuBA,EAAA,aAAW,2BAA6BA,EAAA,WAAU;AAAA,4BAAgCA,EAAA,YAAY;AAAA,OAK/J,kCAAkC;AAAA,IADvC,IAAIA,EAAA;AAAA,IAEL,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,SAAOA,EAAA;AAAA,IACP,WAAO;AAAA,QAAQA,EAAA,SAAO,CAAA,OAAA,CAAA;AAAA,UACCA,EAAA,SAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;eAG/B,MAAa;AAAA,MAAbK,EAAaL,EAAA,QAAA,SAAA;AAAA;;qDAGFA,EAAA,QADbC,KAAAK,EA4BI,KA5BJF,EA4BI;AAAA;IA1BD,OAAK,CAAA;AAAA;+BAA2CJ,EAAA;AAAA,8CAAuDA,EAAA;AAAA,6BAAgDA,EAAA;AAAA,mCAAgDA,EAAA;AAAA;4BAAiDA,EAAA,YAAY;AAAA,OAU/P,oCAAoC;AAAA,IADzC,MAAMA,EAAA;AAAA,IAEP,KAAI;AAAA,IACJ,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA;AAAA,IACP,WAAO;AAAA,kCAAQP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,OAAA,CAAA;AAAA,oCACCP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAG/BF,EAAaL,EAAA,QAAA,SAAA;AAAA,IAELA,EAAA,0BADRE,EAKEM,GAAA;AAAA;MAHA,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;gBAGTP,KAAAK,EAYI,KAZJF,EAYI;AAAA;IAVD,OAAK,CAAA,CAAA,EAAA,uBAA4BJ,EAAA,QAAO,GAAA,sBAA0BA,EAAA,YAAY,KACzE,WAAW;AAAA,IACjB,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA;AAAA,IACP,WAAO;AAAA,kCAAQP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,OAAA,CAAA;AAAA,oCACCP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAG/BF,EAAaL,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"NeonLink.vue.es.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n  <router-link\n    v-if=\"routerUrl\"\n    ref=\"neonLink\"\n    :class=\"[\n      { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :to=\"routerUrl\"\n    class=\"neon-link neon-link--router-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </router-link>\n  <a\n    v-else-if=\"href\"\n    ref=\"neonLink\"\n    :class=\"[\n      {\n        'neon-link--no-style': noStyle,\n        'neon-link--with-external-indicator': externalIndicator,\n        'neon-link--active': activeRoute,\n        'neon-link--exact-active': exactRoute,\n      },\n      `neon-link--outline-${outlineStyle}`,\n    ]\"\n    :href=\"href\"\n    class=\"neon-link neon-link--external-link\"\n    rel=\"noopener\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n    <neon-icon\n      v-if=\"externalIndicator\"\n      class=\"neon-link__external-indicator\"\n      color=\"low-contrast\"\n      name=\"share-external-link-1\"\n    />\n  </a>\n  <a\n    v-else\n    ref=\"neonLink\"\n    :class=\"[{ 'neon-link--no-style': noStyle }, `neon-link--outline-${outlineStyle}`]\"\n    class=\"neon-link\"\n    tabindex=\"0\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"onClick\"\n    @keydown.enter=\"onClick\"\n    @keydown.space.prevent=\"onSpace\"\n  >\n    <!-- @slot the content of the link -->\n    <slot></slot>\n  </a>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLink.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_router_link","_mergeProps","_renderSlot","_createElementBlock","args","_component_neon_icon"],"mappings":";;;;;;SAEUA,EAAA,aADRC,KAAAC,EAiBcC,GAjBdC,EAiBc;AAAA;IAfZ,KAAI;AAAA,IACH,OAAK,CAAA;AAAA,+BAAmCJ,EAAA,SAAO,qBAAuBA,EAAA,aAAW,2BAA6BA,EAAA,WAAU;AAAA,4BAAgCA,EAAA,YAAY;AAAA,OAK/J,kCAAkC;AAAA,IADvC,IAAIA,EAAA;AAAA,IAEL,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,SAAOA,EAAA;AAAA,IACP,WAAO;AAAA,QAAQA,EAAA,SAAO,CAAA,OAAA,CAAA;AAAA,UACCA,EAAA,SAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;eAG/B,MAAa;AAAA,MAAbK,EAAaL,EAAA,QAAA,SAAA;AAAA;;qDAGFA,EAAA,QADbC,KAAAK,EA6BI,KA7BJF,EA6BI;AAAA;IA3BF,KAAI;AAAA,IACH,OAAK,CAAA;AAAA;+BAA2CJ,EAAA;AAAA,8CAAuDA,EAAA;AAAA,6BAAgDA,EAAA;AAAA,mCAAgDA,EAAA;AAAA;4BAAiDA,EAAA,YAAY;AAAA,OAU/P,oCAAoC;AAAA,IADzC,MAAMA,EAAA;AAAA,IAEP,KAAI;AAAA,IACJ,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA;AAAA,IACP,WAAO;AAAA,kCAAQP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,OAAA,CAAA;AAAA,oCACCP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAG/BF,EAAaL,EAAA,QAAA,SAAA;AAAA,IAELA,EAAA,0BADRE,EAKEM,GAAA;AAAA;MAHA,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;gBAGTP,KAAAK,EAaI,KAbJF,EAaI;AAAA;IAXF,KAAI;AAAA,IACH,OAAK,CAAA,CAAA,EAAA,uBAA4BJ,EAAA,QAAO,GAAA,sBAA0BA,EAAA,YAAY,KACzE,WAAW;AAAA,IACjB,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA;AAAA,IACP,WAAO;AAAA,kCAAQP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,OAAA,CAAA;AAAA,oCACCP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAG/BF,EAAaL,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/components/presentation/tabs/NeonTabs.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("vue"),u=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=require("../../../common/enums/NeonSize.cjs.js"),s=require("../icon/NeonIcon.vue.cjs.js"),a=r.defineComponent({name:"NeonTabs",components:{NeonIcon:s},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},color:{type:String,default:u.NeonFunctionalColor.Primary},size:{type:String,default:i.NeonSize.Medium},underline:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(l,{emit:o}){return{onClick:(e,n=!1)=>{if(n){const t=document.getElementById(`${e}ButtonContainer`);t&&t.focus()}o("update:modelValue",e)}}}});module.exports=a;
+"use strict";const o=require("vue"),s=require("../../../common/enums/NeonFunctionalColor.cjs.js"),a=require("../../../common/enums/NeonSize.cjs.js"),c=require("../icon/NeonIcon.vue.cjs.js"),d=require("../../navigation/link/NeonLink.vue.cjs.js"),m=require("../../layout/swiper/NeonSwiper.vue.cjs.js"),f=o.defineComponent({name:"NeonTabs",components:{NeonIcon:c,NeonLink:d,NeonSwiper:m},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},color:{type:String,default:s.NeonFunctionalColor.Primary},size:{type:String,default:a.NeonSize.Medium},underline:{type:Boolean,default:!0},fullWidthMobile:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(r,{emit:u}){const i=o.ref([]),l=(n,t=!1)=>{if(t){const e=document.getElementById(`${n}ButtonContainer`);e&&e.focus()}u("update:modelValue",n)};return o.onMounted(()=>{var t;const n=r.tabs.findIndex(e=>e.key===r.modelValue);if(n>=0){const e=(t=i.value[n])==null?void 0:t.neonLink;e&&e.scrollIntoView({block:"nearest",inline:"nearest"})}}),{onClick:l,menuItem:i}}});module.exports=f;
 //# sourceMappingURL=NeonTabs.cjs.js.map

package/dist/components/presentation/tabs/NeonTabs.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"8LASAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,MAAoC,SAAU,EAAA,EAI5D,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAA,EAItC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAK,EAE5C,MAAO,CAKL,mBAAA,EAEF,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CAWtB,MAAO,CACL,QAXc,CAACC,EAAaC,EAAc,KAAU,CACpD,GAAIA,EAAa,CACf,MAAMC,EAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB,EACvDE,GACFA,EAAI,MAAA,CAER,CACAH,EAAK,oBAAqBC,CAAG,CAC/B,CAGE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTabs.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n    NeonLink,\n    NeonSwiper,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n    /**\n     * Display tab buttons full screen width at the mobile-large breakpoint.\n     */\n    fullWidthMobile: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const menuItem = ref<Array<typeof NeonLink>>([]);\n\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    onMounted(() => {\n      const selectedIndex = props.tabs.findIndex((tab) => tab.key === props.modelValue);\n\n      if (selectedIndex >= 0) {\n        const selectedElement = menuItem.value[selectedIndex]?.neonLink;\n\n        if (selectedElement) {\n          selectedElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }\n      }\n    });\n\n    return {\n      onClick,\n      menuItem,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonFunctionalColor","NeonSize","props","emit","menuItem","ref","onClick","key","changeFocus","tab","onMounted","selectedIndex","selectedElement","_a"],"mappings":"4SAWAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,EACA,SAAAC,EACA,WAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,MAAoC,SAAU,EAAA,EAI5D,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAA,EAItC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,gBAAiB,CAAE,KAAM,QAAS,QAAS,EAAA,CAAK,EAElD,MAAO,CAKL,mBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAWC,EAAAA,IAA4B,EAAE,EAEzCC,EAAU,CAACC,EAAaC,EAAc,KAAU,CACpD,GAAIA,EAAa,CACf,MAAMC,EAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB,EACvDE,GACFA,EAAI,MAAA,CAER,CACAN,EAAK,oBAAqBI,CAAG,CAC/B,EAEAG,OAAAA,EAAAA,UAAU,IAAM,OACd,MAAMC,EAAgBT,EAAM,KAAK,UAAWO,GAAQA,EAAI,MAAQP,EAAM,UAAU,EAEhF,GAAIS,GAAiB,EAAG,CACtB,MAAMC,GAAkBC,EAAAT,EAAS,MAAMO,CAAa,IAA5B,YAAAE,EAA+B,SAEnDD,GACFA,EAAgB,eAAe,CAAE,MAAO,UAAW,OAAQ,UAAW,CAE1E,CACF,CAAC,EAEM,CACL,QAAAN,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/tabs/NeonTabs.es.js

@@ -1,11 +1,15 @@
-import { defineComponent as r } from "vue";
-import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
-import { NeonSize as u } from "../../../common/enums/NeonSize.es.js";
-import a from "../icon/NeonIcon.vue.es.js";
-const c = r({
+import { defineComponent as u, ref as a, onMounted as m } from "vue";
+import { NeonFunctionalColor as d } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { NeonSize as f } from "../../../common/enums/NeonSize.es.js";
+import s from "../icon/NeonIcon.vue.es.js";
+import p from "../../navigation/link/NeonLink.vue.es.js";
+import c from "../../layout/swiper/NeonSwiper.vue.es.js";
+const g = u({
   name: "NeonTabs",
   components: {
-    NeonIcon: a
+    NeonIcon: s,
+    NeonLink: p,
+    NeonSwiper: c
   },
   props: {
     /**
@@ -19,15 +23,19 @@ const c = r({
     /**
      * The tab highlight color (excludes low-contrast).
      */
-    color: { type: String, default: i.Primary },
+    color: { type: String, default: d.Primary },
     /**
      * The tab size
      */
-    size: { type: String, default: u.Medium },
+    size: { type: String, default: f.Medium },
     /**
      * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom
      */
-    underline: { type: Boolean, default: !0 }
+    underline: { type: Boolean, default: !0 },
+    /**
+     * Display tab buttons full screen width at the mobile-large breakpoint.
+     */
+    fullWidthMobile: { type: Boolean, default: !0 }
   },
   emits: [
     /**
@@ -36,19 +44,28 @@ const c = r({
      */
     "update:modelValue"
   ],
-  setup(m, { emit: t }) {
-    return {
-      onClick: (e, n = !1) => {
-        if (n) {
-          const o = document.getElementById(`${e}ButtonContainer`);
-          o && o.focus();
-        }
-        t("update:modelValue", e);
+  setup(n, { emit: i }) {
+    const r = a([]), l = (t, o = !1) => {
+      if (o) {
+        const e = document.getElementById(`${t}ButtonContainer`);
+        e && e.focus();
+      }
+      i("update:modelValue", t);
+    };
+    return m(() => {
+      var o;
+      const t = n.tabs.findIndex((e) => e.key === n.modelValue);
+      if (t >= 0) {
+        const e = (o = r.value[t]) == null ? void 0 : o.neonLink;
+        e && e.scrollIntoView({ block: "nearest", inline: "nearest" });
       }
+    }), {
+      onClick: l,
+      menuItem: r
     };
   }
 });
 export {
-  c as default
+  g as default
 };
 //# sourceMappingURL=NeonTabs.es.js.map

package/dist/components/presentation/tabs/NeonTabs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,OAAoC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAI5D,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAK;AAAA,EAE5C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAQ,EAAE,MAAAC,KAAQ;AAWtB,WAAO;AAAA,MACL,SAXc,CAACC,GAAaC,IAAc,OAAU;AACpD,YAAIA,GAAa;AACf,gBAAMC,IAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB;AAC3D,UAAIE,KACFA,EAAI,MAAA;AAAA,QAER;AACA,QAAAH,EAAK,qBAAqBC,CAAG;AAAA,MAC/B;AAAA,IAGE;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonTabs.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n    NeonLink,\n    NeonSwiper,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n    /**\n     * Display tab buttons full screen width at the mobile-large breakpoint.\n     */\n    fullWidthMobile: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const menuItem = ref<Array<typeof NeonLink>>([]);\n\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    onMounted(() => {\n      const selectedIndex = props.tabs.findIndex((tab) => tab.key === props.modelValue);\n\n      if (selectedIndex >= 0) {\n        const selectedElement = menuItem.value[selectedIndex]?.neonLink;\n\n        if (selectedElement) {\n          selectedElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }\n      }\n    });\n\n    return {\n      onClick,\n      menuItem,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonFunctionalColor","NeonSize","props","emit","menuItem","ref","onClick","key","changeFocus","tab","onMounted","selectedIndex","selectedElement","_a"],"mappings":";;;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,OAAoC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAI5D,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,iBAAiB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAK;AAAA,EAElD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAWC,EAA4B,EAAE,GAEzCC,IAAU,CAACC,GAAaC,IAAc,OAAU;AACpD,UAAIA,GAAa;AACf,cAAMC,IAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB;AAC3D,QAAIE,KACFA,EAAI,MAAA;AAAA,MAER;AACA,MAAAN,EAAK,qBAAqBI,CAAG;AAAA,IAC/B;AAEA,WAAAG,EAAU,MAAM;;AACd,YAAMC,IAAgBT,EAAM,KAAK,UAAU,CAACO,MAAQA,EAAI,QAAQP,EAAM,UAAU;AAEhF,UAAIS,KAAiB,GAAG;AACtB,cAAMC,KAAkBC,IAAAT,EAAS,MAAMO,CAAa,MAA5B,gBAAAE,EAA+B;AAEvD,QAAID,KACFA,EAAgB,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAAA,MAE1E;AAAA,IACF,CAAC,GAEM;AAAA,MACL,SAAAN;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonTabs.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i=["id","aria-controls","aria-selected","onClick"],c=["id","tabindex","onKeydown"],u={key:1,class:"neon-tabs__menu-label"};function m(n,k,y,_,p,b){const s=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-tabs--${n.size}`,`neon-tabs--${n.color}`],"neon-tabs"]),role:"tablist"},[e.createElementVNode("div",{class:e.normalizeClass([{"neon-tabs__menu-items--underlined":n.underline},"neon-tabs__menu-items"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(o,t)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.key}Button`,key:o.key,"aria-controls":o.key,"aria-selected":o.key===n.modelValue,class:e.normalizeClass([{"neon-tabs__menu-item--selected":o.key===n.modelValue},"neon-tabs__menu-item"]),role:"tab",tabindex:"-1",onClick:l=>o.key!==n.modelValue&&n.onClick(o.key)},[e.createElementVNode("div",{id:`${o.key}ButtonContainer`,tabindex:o.key===n.modelValue?0:-1,class:"neon-tabs__menu-item-container",onKeydown:[e.withKeys(l=>n.onClick(n.tabs[t+1===n.tabs.length?0:t+1].key,!0),["right"]),e.withKeys(l=>n.onClick(n.tabs[t===0?n.tabs.length-1:t-1].key,!0),["left"])]},[o.icon?(e.openBlock(),e.createBlock(s,{key:0,name:o.icon,class:"neon-tabs__menu-icon"},null,8,["name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],40,c)],10,i))),128))],2),e.renderSlot(n.$slots,"default")],2)}const d=a(r,[["render",m]]);module.exports=d;
+"use strict";const i=require("./NeonTabs.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u=["id","tabindex","onKeydown"],m={key:1,class:"neon-tabs__menu-label"};function d(n,_,p,y,C,b){const s=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link"),a=e.resolveComponent("neon-swiper");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-tabs--${n.size}`,`neon-tabs--${n.color}`],"neon-tabs"]),role:"tablist"},[e.createVNode(a,{class:e.normalizeClass([{"neon-tabs__menu-items--underlined":n.underline,"neon-tabs__menu-items--full-width-mobile":n.fullWidthMobile},"neon-tabs__menu-items"])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(o,t)=>(e.openBlock(),e.createBlock(r,{id:`${o.key}Button`,key:o.key,ref_for:!0,ref:"menuItem","aria-controls":o.key,"aria-selected":o.key===n.modelValue,class:e.normalizeClass([{"neon-tabs__menu-item--selected":o.key===n.modelValue},"neon-tabs__menu-item"]),href:o.href,"no-style":"",role:"tab",tabindex:"-1",onClick:l=>o.key!==n.modelValue&&n.onClick(o.key)},{default:e.withCtx(()=>[e.createElementVNode("div",{id:`${o.key}ButtonContainer`,tabindex:o.key===n.modelValue?0:-1,class:"neon-tabs__menu-item-container",onKeydown:[e.withKeys(l=>n.onClick(n.tabs[t+1===n.tabs.length?0:t+1].key,!0),["right"]),e.withKeys(l=>n.onClick(n.tabs[t===0?n.tabs.length-1:t-1].key,!0),["left"])]},[o.icon?(e.openBlock(),e.createBlock(s,{key:0,name:o.icon,class:"neon-tabs__menu-icon"},null,8,["name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],40,u)]),_:2},1032,["id","aria-controls","aria-selected","class","href","onClick"]))),128))]),_:1},8,["class"]),e.renderSlot(n.$slots,"default")],2)}const k=c(i,[["render",d]]);module.exports=k;
 //# sourceMappingURL=NeonTabs.vue.cjs.js.map

package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.vue.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n    <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n      <div\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        class=\"neon-tabs__menu-item\"\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </div>\n    </div>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_openBlock","_Fragment","_renderList","tab","index","$event","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":"+NAuBiC,MAAM,8GAtBrCA,EAAAA,mBA4BM,MAAA,CA5BA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,IAAI,GAAA,cAAkBA,EAAA,KAAK,IAAW,WAAW,CAAA,EAAC,KAAK,YACjFC,EAAAA,mBAwBM,MAAA,CAxBA,MAAKF,EAAAA,eAAA,CAAA,CAAA,oCAAyCC,EAAA,SAAS,EAAU,uBAAuB,CAAA,KAC5FE,EAAAA,UAAA,EAAA,EAAAJ,EAAAA,mBAsBMK,WAAA,KAAAC,EAAAA,WArBmBJ,EAAA,KAAI,CAAnBK,EAAKC,mBADfR,EAAAA,mBAsBM,MAAA,CApBH,GAAE,GAAKO,EAAI,GAAG,SACd,IAAKA,EAAI,IACT,gBAAeA,EAAI,IACnB,gBAAeA,EAAI,MAAQL,EAAA,WAC3B,0DAA2CK,EAAI,MAAQL,EAAA,YAClD,sBAAsB,CAAA,EAC5B,KAAK,MACL,SAAS,KACR,QAAKO,GAAEF,EAAI,MAAQL,EAAA,YAAcA,EAAA,QAAQK,EAAI,GAAG,IAEjDJ,EAAAA,mBASM,MAAA,CARH,GAAE,GAAKI,EAAI,GAAG,kBACd,SAAUA,EAAI,MAAQL,EAAA,WAAU,EAAA,GACjC,MAAM,iCACL,UAAO,eAAQA,EAAA,QAAQA,EAAA,KAAKM,EAAK,IAASN,EAAA,KAAK,OAAM,EAAOM,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,OAAA,CAAA,gBAC5DN,EAAA,QAAQA,EAAA,KAAKM,IAAK,EAASN,EAAA,KAAK,OAAM,EAAOM,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,MAAA,CAAA,KAEzDD,EAAI,oBAArBG,EAAAA,YAA2EC,EAAA,OAA/C,KAAMJ,EAAI,KAAM,MAAM,sEACtCA,EAAI,OAAhBH,YAAA,EAAAJ,EAAAA,mBAA2E,OAA3EY,EAA2EC,EAAAA,gBAAnBN,EAAI,KAAK,EAAA,CAAA,yDAKvEO,aAAaZ,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonTabs.vue.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n    <neon-swiper\n      :class=\"{\n        'neon-tabs__menu-items--underlined': underline,\n        'neon-tabs__menu-items--full-width-mobile': fullWidthMobile,\n      }\"\n      class=\"neon-tabs__menu-items\"\n    >\n      <neon-link\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        ref=\"menuItem\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        :href=\"tab.href\"\n        class=\"neon-tabs__menu-item\"\n        no-style\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </neon-link>\n    </neon-swiper>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_swiper","_openBlock","_Fragment","_renderList","tab","index","_createBlock","_component_neon_link","$event","_createElementVNode","_component_neon_icon","_hoisted_2","_toDisplayString","_renderSlot"],"mappings":"4KAgCiC,MAAM,oLA/BrCA,EAAAA,mBAqCM,MAAA,CArCA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,IAAI,GAAA,cAAkBA,EAAA,KAAK,IAAW,WAAW,CAAA,EAAC,KAAK,YACjFC,EAAAA,YAiCcC,EAAA,CAhCX,MAAKH,EAAAA,eAAA,CAAA,qCAAiDC,EAAA,qDAA+DA,EAAA,iBAIhH,uBAAuB,CAAA,sBAG3B,IAA4B,EAD9BG,EAAAA,UAAA,EAAA,EAAAL,EAAAA,mBAyBYM,WAAA,KAAAC,EAAAA,WAxBaL,EAAA,KAAI,CAAnBM,EAAKC,mBADfC,EAAAA,YAyBYC,EAAA,CAvBT,GAAE,GAAKH,EAAI,GAAG,SACd,IAAKA,EAAI,eACV,IAAI,WACH,gBAAeA,EAAI,IACnB,gBAAeA,EAAI,MAAQN,EAAA,WAC3B,0DAA2CM,EAAI,MAAQN,EAAA,YAElD,sBAAsB,CAAA,EAD3B,KAAMM,EAAI,KAEX,WAAA,GACA,KAAK,MACL,SAAS,KACR,QAAKI,GAAEJ,EAAI,MAAQN,EAAA,YAAcA,EAAA,QAAQM,EAAI,GAAG,sBAEjD,IASM,CATNK,EAAAA,mBASM,MAAA,CARH,GAAE,GAAKL,EAAI,GAAG,kBACd,SAAUA,EAAI,MAAQN,EAAA,WAAU,EAAA,GACjC,MAAM,iCACL,UAAO,eAAQA,EAAA,QAAQA,EAAA,KAAKO,EAAK,IAASP,EAAA,KAAK,OAAM,EAAOO,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,OAAA,CAAA,gBAC5DP,EAAA,QAAQA,EAAA,KAAKO,IAAK,EAASP,EAAA,KAAK,OAAM,EAAOO,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,MAAA,CAAA,KAEzDD,EAAI,oBAArBE,EAAAA,YAA2EI,EAAA,OAA/C,KAAMN,EAAI,KAAM,MAAM,sEACtCA,EAAI,OAAhBH,YAAA,EAAAL,EAAAA,mBAA2E,OAA3Ee,EAA2EC,EAAAA,gBAAnBR,EAAI,KAAK,EAAA,CAAA,+IAKvES,aAAaf,EAAA,OAAA,SAAA"}

package/dist/components/presentation/tabs/NeonTabs.vue.es.js

@@ -1,52 +1,65 @@
-import u from "./NeonTabs.es.js";
-import { resolveComponent as c, openBlock as o, createElementBlock as t, normalizeClass as l, createElementVNode as i, Fragment as k, renderList as y, withKeys as r, createBlock as _, createCommentVNode as m, toDisplayString as p, renderSlot as b } from "vue";
-import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const f = ["id", "aria-controls", "aria-selected", "onClick"], C = ["id", "tabindex", "onKeydown"], h = {
+import f from "./NeonTabs.es.js";
+import { resolveComponent as s, openBlock as o, createElementBlock as l, normalizeClass as r, createVNode as y, withCtx as i, Fragment as p, renderList as b, createBlock as m, createElementVNode as h, withKeys as u, createCommentVNode as d, toDisplayString as $, renderSlot as C } from "vue";
+import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const V = ["id", "tabindex", "onKeydown"], v = {
   key: 1,
   class: "neon-tabs__menu-label"
 };
-function v(e, V, g, B, w, K) {
-  const d = c("neon-icon");
-  return o(), t("div", {
-    class: l([[`neon-tabs--${e.size}`, `neon-tabs--${e.color}`], "neon-tabs"]),
+function g(e, B, N, K, z, E) {
+  const c = s("neon-icon"), k = s("neon-link"), _ = s("neon-swiper");
+  return o(), l("div", {
+    class: r([[`neon-tabs--${e.size}`, `neon-tabs--${e.color}`], "neon-tabs"]),
     role: "tablist"
   }, [
-    i("div", {
-      class: l([{ "neon-tabs__menu-items--underlined": e.underline }, "neon-tabs__menu-items"])
-    }, [
-      (o(!0), t(k, null, y(e.tabs, (n, s) => (o(), t("div", {
-        id: `${n.key}Button`,
-        key: n.key,
-        "aria-controls": n.key,
-        "aria-selected": n.key === e.modelValue,
-        class: l([{ "neon-tabs__menu-item--selected": n.key === e.modelValue }, "neon-tabs__menu-item"]),
-        role: "tab",
-        tabindex: "-1",
-        onClick: (a) => n.key !== e.modelValue && e.onClick(n.key)
-      }, [
-        i("div", {
-          id: `${n.key}ButtonContainer`,
-          tabindex: n.key === e.modelValue ? 0 : -1,
-          class: "neon-tabs__menu-item-container",
-          onKeydown: [
-            r((a) => e.onClick(e.tabs[s + 1 === e.tabs.length ? 0 : s + 1].key, !0), ["right"]),
-            r((a) => e.onClick(e.tabs[s === 0 ? e.tabs.length - 1 : s - 1].key, !0), ["left"])
-          ]
-        }, [
-          n.icon ? (o(), _(d, {
-            key: 0,
-            name: n.icon,
-            class: "neon-tabs__menu-icon"
-          }, null, 8, ["name"])) : m("", !0),
-          n.label ? (o(), t("span", h, p(n.label), 1)) : m("", !0)
-        ], 40, C)
-      ], 10, f))), 128))
-    ], 2),
-    b(e.$slots, "default")
+    y(_, {
+      class: r([{
+        "neon-tabs__menu-items--underlined": e.underline,
+        "neon-tabs__menu-items--full-width-mobile": e.fullWidthMobile
+      }, "neon-tabs__menu-items"])
+    }, {
+      default: i(() => [
+        (o(!0), l(p, null, b(e.tabs, (n, t) => (o(), m(k, {
+          id: `${n.key}Button`,
+          key: n.key,
+          ref_for: !0,
+          ref: "menuItem",
+          "aria-controls": n.key,
+          "aria-selected": n.key === e.modelValue,
+          class: r([{ "neon-tabs__menu-item--selected": n.key === e.modelValue }, "neon-tabs__menu-item"]),
+          href: n.href,
+          "no-style": "",
+          role: "tab",
+          tabindex: "-1",
+          onClick: (a) => n.key !== e.modelValue && e.onClick(n.key)
+        }, {
+          default: i(() => [
+            h("div", {
+              id: `${n.key}ButtonContainer`,
+              tabindex: n.key === e.modelValue ? 0 : -1,
+              class: "neon-tabs__menu-item-container",
+              onKeydown: [
+                u((a) => e.onClick(e.tabs[t + 1 === e.tabs.length ? 0 : t + 1].key, !0), ["right"]),
+                u((a) => e.onClick(e.tabs[t === 0 ? e.tabs.length - 1 : t - 1].key, !0), ["left"])
+              ]
+            }, [
+              n.icon ? (o(), m(c, {
+                key: 0,
+                name: n.icon,
+                class: "neon-tabs__menu-icon"
+              }, null, 8, ["name"])) : d("", !0),
+              n.label ? (o(), l("span", v, $(n.label), 1)) : d("", !0)
+            ], 40, V)
+          ]),
+          _: 2
+        }, 1032, ["id", "aria-controls", "aria-selected", "class", "href", "onClick"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]),
+    C(e.$slots, "default")
   ], 2);
 }
-const S = /* @__PURE__ */ $(u, [["render", v]]);
+const I = /* @__PURE__ */ w(f, [["render", g]]);
 export {
-  S as default
+  I as default
 };
 //# sourceMappingURL=NeonTabs.vue.es.js.map

package/dist/components/presentation/tabs/NeonTabs.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.vue.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n    <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n      <div\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        class=\"neon-tabs__menu-item\"\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </div>\n    </div>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_openBlock","_Fragment","_renderList","tab","index","$event","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":";;;;;EAuBiC,OAAM;;;;cAtBrCA,EA4BM,OAAA;AAAA,IA5BA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,IAAI,IAAA,cAAkBA,EAAA,KAAK,KAAW,WAAW,CAAA;AAAA,IAAC,MAAK;AAAA;IACjFC,EAwBM,OAAA;AAAA,MAxBA,OAAKF,EAAA,CAAA,EAAA,qCAAyCC,EAAA,UAAS,GAAU,uBAAuB,CAAA;AAAA;OAC5FE,EAAA,EAAA,GAAAJ,EAsBMK,GAAA,MAAAC,EArBmBJ,EAAA,MAAI,CAAnBK,GAAKC,YADfR,EAsBM,OAAA;AAAA,QApBH,IAAE,GAAKO,EAAI,GAAG;AAAA,QACd,KAAKA,EAAI;AAAA,QACT,iBAAeA,EAAI;AAAA,QACnB,iBAAeA,EAAI,QAAQL,EAAA;AAAA,QAC3B,8CAA2CK,EAAI,QAAQL,EAAA,cAClD,sBAAsB,CAAA;AAAA,QAC5B,MAAK;AAAA,QACL,UAAS;AAAA,QACR,SAAK,CAAAO,MAAEF,EAAI,QAAQL,EAAA,cAAcA,EAAA,QAAQK,EAAI,GAAG;AAAA;QAEjDJ,EASM,OAAA;AAAA,UARH,IAAE,GAAKI,EAAI,GAAG;AAAA,UACd,UAAUA,EAAI,QAAQL,EAAA,aAAU,IAAA;AAAA,UACjC,OAAM;AAAA,UACL,WAAO;AAAA,qBAAQA,EAAA,QAAQA,EAAA,KAAKM,IAAK,MAASN,EAAA,KAAK,SAAM,IAAOM,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,qBAC5DN,EAAA,QAAQA,EAAA,KAAKM,MAAK,IAASN,EAAA,KAAK,SAAM,IAAOM,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEzDD,EAAI,aAArBG,EAA2EC,GAAA;AAAA;YAA/C,MAAMJ,EAAI;AAAA,YAAM,OAAM;AAAA;UACtCA,EAAI,SAAhBH,EAAA,GAAAJ,EAA2E,QAA3EY,GAA2EC,EAAnBN,EAAI,KAAK,GAAA,CAAA;;;;IAKvEO,EAAaZ,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"NeonTabs.vue.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n    <neon-swiper\n      :class=\"{\n        'neon-tabs__menu-items--underlined': underline,\n        'neon-tabs__menu-items--full-width-mobile': fullWidthMobile,\n      }\"\n      class=\"neon-tabs__menu-items\"\n    >\n      <neon-link\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        ref=\"menuItem\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        :href=\"tab.href\"\n        class=\"neon-tabs__menu-item\"\n        no-style\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </neon-link>\n    </neon-swiper>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_swiper","_openBlock","_Fragment","_renderList","tab","index","_createBlock","_component_neon_link","$event","_createElementVNode","_component_neon_icon","_hoisted_2","_toDisplayString","_renderSlot"],"mappings":";;;;;EAgCiC,OAAM;;;;cA/BrCA,EAqCM,OAAA;AAAA,IArCA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,IAAI,IAAA,cAAkBA,EAAA,KAAK,KAAW,WAAW,CAAA;AAAA,IAAC,MAAK;AAAA;IACjFC,EAiCcC,GAAA;AAAA,MAhCX,OAAKH,EAAA,CAAA;AAAA,6CAAiDC,EAAA;AAAA,oDAA+DA,EAAA;AAAA,SAIhH,uBAAuB,CAAA;AAAA;iBAG3B,MAA4B;AAAA,SAD9BG,EAAA,EAAA,GAAAL,EAyBYM,GAAA,MAAAC,EAxBaL,EAAA,MAAI,CAAnBM,GAAKC,YADfC,EAyBYC,GAAA;AAAA,UAvBT,IAAE,GAAKH,EAAI,GAAG;AAAA,UACd,KAAKA,EAAI;AAAA;UACV,KAAI;AAAA,UACH,iBAAeA,EAAI;AAAA,UACnB,iBAAeA,EAAI,QAAQN,EAAA;AAAA,UAC3B,8CAA2CM,EAAI,QAAQN,EAAA,cAElD,sBAAsB,CAAA;AAAA,UAD3B,MAAMM,EAAI;AAAA,UAEX,YAAA;AAAA,UACA,MAAK;AAAA,UACL,UAAS;AAAA,UACR,SAAK,CAAAI,MAAEJ,EAAI,QAAQN,EAAA,cAAcA,EAAA,QAAQM,EAAI,GAAG;AAAA;qBAEjD,MASM;AAAA,YATNK,EASM,OAAA;AAAA,cARH,IAAE,GAAKL,EAAI,GAAG;AAAA,cACd,UAAUA,EAAI,QAAQN,EAAA,aAAU,IAAA;AAAA,cACjC,OAAM;AAAA,cACL,WAAO;AAAA,yBAAQA,EAAA,QAAQA,EAAA,KAAKO,IAAK,MAASP,EAAA,KAAK,SAAM,IAAOO,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,yBAC5DP,EAAA,QAAQA,EAAA,KAAKO,MAAK,IAASP,EAAA,KAAK,SAAM,IAAOO,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;cAEzDD,EAAI,aAArBE,EAA2EI,GAAA;AAAA;gBAA/C,MAAMN,EAAI;AAAA,gBAAM,OAAM;AAAA;cACtCA,EAAI,SAAhBH,EAAA,GAAAL,EAA2E,QAA3Ee,GAA2EC,EAAnBR,EAAI,KAAK,GAAA,CAAA;;;;;;;;IAKvES,EAAaf,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/components/user-input/field-group/NeonFieldGroup.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),n=e.defineComponent({name:"NeonFieldGroup"});module.exports=n;
+"use strict";const e=require("vue"),n=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=require("../../../common/enums/NeonInputIndicatorStyle.cjs.js"),t=e.defineComponent({name:"NeonFieldGroup",props:{indicatorStyle:{type:String,default:o.NeonInputIndicatorStyle.Internal},color:{type:String,default:n.NeonFunctionalColor.Primary},disabled:{type:Boolean,default:!1}}});module.exports=t;
 //# sourceMappingURL=NeonFieldGroup.cjs.js.map