@aotearoan/neon 22.3.0 → 22.4.1

package/dist/components/layout/swiper/NeonSwiper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),i=l.defineComponent({name:"NeonSwiper",props:{fade:{type:Boolean,default:!0}},setup(){const e=l.ref(null),t=l.ref(!1),n=l.ref(!1),a=l.ref(!1),r=()=>{e.value?(n.value=e.value.scrollLeft<=0,a.value=e.value.scrollLeft+e.value.clientWidth>e.value.scrollWidth-1):(n.value=!1,a.value=!1)},o=()=>{e.value?t.value=e.value.scrollWidth>e.value.clientWidth:t.value=!1,r()};return l.onMounted(()=>{var s;window.addEventListener("resize",o,{passive:!0}),(s=e.value)==null||s.addEventListener("scroll",r,{passive:!0}),o()}),l.onUnmounted(()=>{var s;window.removeEventListener("resize",o),(s=e.value)==null||s.removeEventListener("scroll",r)}),{isOverflowing:t,isScrollStart:n,isScrollEnd:a,scrollable:e}}});module.exports=i;
+"use strict";const l=require("vue"),s=require("../../../common/enums/NeonOrientation.cjs.js"),v=l.defineComponent({name:"NeonSwiper",props:{fade:{type:Boolean,default:!0},orientation:{type:String,default:s.NeonOrientation.Horizontal},hideFadeStart:{type:Boolean,default:!1},hideFadeEnd:{type:Boolean,default:!1}},setup(u){const e=l.ref(null),n=l.ref(!1),a=l.ref(!1),o=l.ref(!1),i=()=>{e.value?u.orientation===s.NeonOrientation.Horizontal?(a.value=e.value.scrollLeft<=0,o.value=e.value.scrollLeft+e.value.clientWidth>e.value.scrollWidth-1):(a.value=e.value.scrollTop<=0,o.value=e.value.scrollTop+e.value.clientHeight>e.value.scrollHeight-1):(a.value=!1,o.value=!1)},r=()=>{e.value?u.orientation===s.NeonOrientation.Horizontal?n.value=e.value.scrollWidth>e.value.clientWidth:n.value=e.value.scrollHeight>e.value.clientHeight:n.value=!1,i()};return l.onMounted(()=>{var t;window.addEventListener("resize",r,{passive:!0}),(t=e.value)==null||t.addEventListener("scroll",i,{passive:!0}),r()}),l.onUnmounted(()=>{var t;window.removeEventListener("resize",r),(t=e.value)==null||t.removeEventListener("scroll",i)}),{isOverflowing:n,isScrollStart:a,isScrollEnd:o,scrollable:e}}});module.exports=v;
 //# sourceMappingURL=NeonSwiper.cjs.js.map

package/dist/components/layout/swiper/NeonSwiper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSwiper.cjs.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\n\n/**\n * Automatically handle horizontally overflowing content by placing it in a NeonSwiper component allowing for smooth\n * horizontal scrolling with all input devices.\n */\nexport default defineComponent({\n  name: 'NeonSwiper',\n  props: {\n    /**\n     * Display fade in / fade out styling when there is an overflow.\n     */\n    fade: { type: Boolean, default: true },\n  },\n  setup() {\n    const scrollable = ref<HTMLElement | null>(null);\n    const isOverflowing = ref<boolean>(false);\n    const isScrollStart = ref<boolean>(false);\n    const isScrollEnd = ref<boolean>(false);\n\n    const handleScroll = () => {\n      if (scrollable.value) {\n        isScrollStart.value = scrollable.value.scrollLeft <= 0;\n        isScrollEnd.value =\n          scrollable.value.scrollLeft + scrollable.value.clientWidth > scrollable.value.scrollWidth - 1;\n      } else {\n        isScrollStart.value = false;\n        isScrollEnd.value = false;\n      }\n    };\n\n    const handleResize = () => {\n      if (scrollable.value) {\n        isOverflowing.value = scrollable.value.scrollWidth > scrollable.value.clientWidth;\n      } else {\n        isOverflowing.value = false;\n      }\n\n      handleScroll();\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      scrollable.value?.addEventListener('scroll', handleScroll, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n      scrollable.value?.removeEventListener('scroll', handleScroll);\n    });\n\n    return {\n      isOverflowing,\n      isScrollStart,\n      isScrollEnd,\n      scrollable,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","scrollable","ref","isOverflowing","isScrollStart","isScrollEnd","handleScroll","handleResize","onMounted","_a","onUnmounted"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,KAAM,CAAE,KAAM,QAAS,QAAS,EAAA,CAAK,EAEvC,OAAQ,CACN,MAAMC,EAAaC,EAAAA,IAAwB,IAAI,EACzCC,EAAgBD,EAAAA,IAAa,EAAK,EAClCE,EAAgBF,EAAAA,IAAa,EAAK,EAClCG,EAAcH,EAAAA,IAAa,EAAK,EAEhCI,EAAe,IAAM,CACrBL,EAAW,OACbG,EAAc,MAAQH,EAAW,MAAM,YAAc,EACrDI,EAAY,MACVJ,EAAW,MAAM,WAAaA,EAAW,MAAM,YAAcA,EAAW,MAAM,YAAc,IAE9FG,EAAc,MAAQ,GACtBC,EAAY,MAAQ,GAExB,EAEME,EAAe,IAAM,CACrBN,EAAW,MACbE,EAAc,MAAQF,EAAW,MAAM,YAAcA,EAAW,MAAM,YAEtEE,EAAc,MAAQ,GAGxBG,EAAA,CACF,EAEAE,OAAAA,EAAAA,UAAU,IAAM,OACd,OAAO,iBAAiB,SAAUD,EAAc,CAAE,QAAS,GAAM,GACjEE,EAAAR,EAAW,QAAX,MAAAQ,EAAkB,iBAAiB,SAAUH,EAAc,CAAE,QAAS,KACtEC,EAAA,CACF,CAAC,EAEDG,EAAAA,YAAY,IAAM,OAChB,OAAO,oBAAoB,SAAUH,CAAY,GACjDE,EAAAR,EAAW,QAAX,MAAAQ,EAAkB,oBAAoB,SAAUH,EAClD,CAAC,EAEM,CACL,cAAAH,EACA,cAAAC,EACA,YAAAC,EACA,WAAAJ,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonSwiper.cjs.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\n\n/**\n * Automatically handle horizontally overflowing content by placing it in a NeonSwiper component allowing for smooth\n * horizontal scrolling with all input devices.\n */\nexport default defineComponent({\n  name: 'NeonSwiper',\n  props: {\n    /**\n     * Display fade in / fade out styling when there is an overflow.\n     */\n    fade: { type: Boolean, default: true },\n    /**\n     * Swiper orientation, i.e. whether to manage overflow horizontally or vertically.\n     */\n    orientation: { type: String as () => NeonOrientation, default: NeonOrientation.Horizontal },\n    /**\n     * Hide the starting fade (left or top depending on the orientation).\n     */\n    hideFadeStart: { type: Boolean, default: false },\n    /**\n     * Hide the ending fade (right or bottom depending on the orientation).\n     */\n    hideFadeEnd: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const scrollable = ref<HTMLElement | null>(null);\n    const isOverflowing = ref<boolean>(false);\n    const isScrollStart = ref<boolean>(false);\n    const isScrollEnd = ref<boolean>(false);\n\n    const handleScroll = () => {\n      if (scrollable.value) {\n        if (props.orientation === NeonOrientation.Horizontal) {\n          isScrollStart.value = scrollable.value.scrollLeft <= 0;\n          isScrollEnd.value =\n            scrollable.value.scrollLeft + scrollable.value.clientWidth > scrollable.value.scrollWidth - 1;\n        } else {\n          isScrollStart.value = scrollable.value.scrollTop <= 0;\n          isScrollEnd.value =\n            scrollable.value.scrollTop + scrollable.value.clientHeight > scrollable.value.scrollHeight - 1;\n        }\n      } else {\n        isScrollStart.value = false;\n        isScrollEnd.value = false;\n      }\n    };\n\n    const handleResize = () => {\n      if (scrollable.value) {\n        if (props.orientation === NeonOrientation.Horizontal) {\n          isOverflowing.value = scrollable.value.scrollWidth > scrollable.value.clientWidth;\n        } else {\n          isOverflowing.value = scrollable.value.scrollHeight > scrollable.value.clientHeight;\n        }\n      } else {\n        isOverflowing.value = false;\n      }\n\n      handleScroll();\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      scrollable.value?.addEventListener('scroll', handleScroll, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n      scrollable.value?.removeEventListener('scroll', handleScroll);\n    });\n\n    return {\n      isOverflowing,\n      isScrollStart,\n      isScrollEnd,\n      scrollable,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonOrientation","props","scrollable","ref","isOverflowing","isScrollStart","isScrollEnd","handleScroll","handleResize","onMounted","_a","onUnmounted"],"mappings":"8FAOAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,KAAM,CAAE,KAAM,QAAS,QAAS,EAAA,EAIhC,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,UAAA,EAI/E,cAAe,CAAE,KAAM,QAAS,QAAS,EAAA,EAIzC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE/C,MAAMC,EAAO,CACX,MAAMC,EAAaC,EAAAA,IAAwB,IAAI,EACzCC,EAAgBD,EAAAA,IAAa,EAAK,EAClCE,EAAgBF,EAAAA,IAAa,EAAK,EAClCG,EAAcH,EAAAA,IAAa,EAAK,EAEhCI,EAAe,IAAM,CACrBL,EAAW,MACTD,EAAM,cAAgBD,EAAAA,gBAAgB,YACxCK,EAAc,MAAQH,EAAW,MAAM,YAAc,EACrDI,EAAY,MACVJ,EAAW,MAAM,WAAaA,EAAW,MAAM,YAAcA,EAAW,MAAM,YAAc,IAE9FG,EAAc,MAAQH,EAAW,MAAM,WAAa,EACpDI,EAAY,MACVJ,EAAW,MAAM,UAAYA,EAAW,MAAM,aAAeA,EAAW,MAAM,aAAe,IAGjGG,EAAc,MAAQ,GACtBC,EAAY,MAAQ,GAExB,EAEME,EAAe,IAAM,CACrBN,EAAW,MACTD,EAAM,cAAgBD,EAAAA,gBAAgB,WACxCI,EAAc,MAAQF,EAAW,MAAM,YAAcA,EAAW,MAAM,YAEtEE,EAAc,MAAQF,EAAW,MAAM,aAAeA,EAAW,MAAM,aAGzEE,EAAc,MAAQ,GAGxBG,EAAA,CACF,EAEAE,OAAAA,EAAAA,UAAU,IAAM,OACd,OAAO,iBAAiB,SAAUD,EAAc,CAAE,QAAS,GAAM,GACjEE,EAAAR,EAAW,QAAX,MAAAQ,EAAkB,iBAAiB,SAAUH,EAAc,CAAE,QAAS,KACtEC,EAAA,CACF,CAAC,EAEDG,EAAAA,YAAY,IAAM,OAChB,OAAO,oBAAoB,SAAUH,CAAY,GACjDE,EAAAR,EAAW,QAAX,MAAAQ,EAAkB,oBAAoB,SAAUH,EAClD,CAAC,EAEM,CACL,cAAAH,EACA,cAAAC,EACA,YAAAC,EACA,WAAAJ,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/layout/swiper/NeonSwiper.es.js

@@ -1,33 +1,46 @@
-import { defineComponent as i, ref as s, onMounted as u, onUnmounted as v } from "vue";
-const d = i({
+import { defineComponent as v, ref as n, onMounted as d, onUnmounted as c } from "vue";
+import { NeonOrientation as r } from "../../../common/enums/NeonOrientation.es.js";
+const h = v({
   name: "NeonSwiper",
   props: {
     /**
      * Display fade in / fade out styling when there is an overflow.
      */
-    fade: { type: Boolean, default: !0 }
+    fade: { type: Boolean, default: !0 },
+    /**
+     * Swiper orientation, i.e. whether to manage overflow horizontally or vertically.
+     */
+    orientation: { type: String, default: r.Horizontal },
+    /**
+     * Hide the starting fade (left or top depending on the orientation).
+     */
+    hideFadeStart: { type: Boolean, default: !1 },
+    /**
+     * Hide the ending fade (right or bottom depending on the orientation).
+     */
+    hideFadeEnd: { type: Boolean, default: !1 }
   },
-  setup() {
-    const e = s(null), t = s(!1), a = s(!1), n = s(!1), o = () => {
-      e.value ? (a.value = e.value.scrollLeft <= 0, n.value = e.value.scrollLeft + e.value.clientWidth > e.value.scrollWidth - 1) : (a.value = !1, n.value = !1);
-    }, r = () => {
-      e.value ? t.value = e.value.scrollWidth > e.value.clientWidth : t.value = !1, o();
+  setup(u) {
+    const e = n(null), t = n(!1), a = n(!1), o = n(!1), i = () => {
+      e.value ? u.orientation === r.Horizontal ? (a.value = e.value.scrollLeft <= 0, o.value = e.value.scrollLeft + e.value.clientWidth > e.value.scrollWidth - 1) : (a.value = e.value.scrollTop <= 0, o.value = e.value.scrollTop + e.value.clientHeight > e.value.scrollHeight - 1) : (a.value = !1, o.value = !1);
+    }, s = () => {
+      e.value ? u.orientation === r.Horizontal ? t.value = e.value.scrollWidth > e.value.clientWidth : t.value = e.value.scrollHeight > e.value.clientHeight : t.value = !1, i();
     };
-    return u(() => {
+    return d(() => {
       var l;
-      window.addEventListener("resize", r, { passive: !0 }), (l = e.value) == null || l.addEventListener("scroll", o, { passive: !0 }), r();
-    }), v(() => {
+      window.addEventListener("resize", s, { passive: !0 }), (l = e.value) == null || l.addEventListener("scroll", i, { passive: !0 }), s();
+    }), c(() => {
       var l;
-      window.removeEventListener("resize", r), (l = e.value) == null || l.removeEventListener("scroll", o);
+      window.removeEventListener("resize", s), (l = e.value) == null || l.removeEventListener("scroll", i);
     }), {
       isOverflowing: t,
       isScrollStart: a,
-      isScrollEnd: n,
+      isScrollEnd: o,
       scrollable: e
     };
   }
 });
 export {
-  d as default
+  h as default
 };
 //# sourceMappingURL=NeonSwiper.es.js.map

package/dist/components/layout/swiper/NeonSwiper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSwiper.es.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\n\n/**\n * Automatically handle horizontally overflowing content by placing it in a NeonSwiper component allowing for smooth\n * horizontal scrolling with all input devices.\n */\nexport default defineComponent({\n  name: 'NeonSwiper',\n  props: {\n    /**\n     * Display fade in / fade out styling when there is an overflow.\n     */\n    fade: { type: Boolean, default: true },\n  },\n  setup() {\n    const scrollable = ref<HTMLElement | null>(null);\n    const isOverflowing = ref<boolean>(false);\n    const isScrollStart = ref<boolean>(false);\n    const isScrollEnd = ref<boolean>(false);\n\n    const handleScroll = () => {\n      if (scrollable.value) {\n        isScrollStart.value = scrollable.value.scrollLeft <= 0;\n        isScrollEnd.value =\n          scrollable.value.scrollLeft + scrollable.value.clientWidth > scrollable.value.scrollWidth - 1;\n      } else {\n        isScrollStart.value = false;\n        isScrollEnd.value = false;\n      }\n    };\n\n    const handleResize = () => {\n      if (scrollable.value) {\n        isOverflowing.value = scrollable.value.scrollWidth > scrollable.value.clientWidth;\n      } else {\n        isOverflowing.value = false;\n      }\n\n      handleScroll();\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      scrollable.value?.addEventListener('scroll', handleScroll, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n      scrollable.value?.removeEventListener('scroll', handleScroll);\n    });\n\n    return {\n      isOverflowing,\n      isScrollStart,\n      isScrollEnd,\n      scrollable,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","scrollable","ref","isOverflowing","isScrollStart","isScrollEnd","handleScroll","handleResize","onMounted","_a","onUnmounted"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAK;AAAA,EAEvC,QAAQ;AACN,UAAMC,IAAaC,EAAwB,IAAI,GACzCC,IAAgBD,EAAa,EAAK,GAClCE,IAAgBF,EAAa,EAAK,GAClCG,IAAcH,EAAa,EAAK,GAEhCI,IAAe,MAAM;AACzB,MAAIL,EAAW,SACbG,EAAc,QAAQH,EAAW,MAAM,cAAc,GACrDI,EAAY,QACVJ,EAAW,MAAM,aAAaA,EAAW,MAAM,cAAcA,EAAW,MAAM,cAAc,MAE9FG,EAAc,QAAQ,IACtBC,EAAY,QAAQ;AAAA,IAExB,GAEME,IAAe,MAAM;AACzB,MAAIN,EAAW,QACbE,EAAc,QAAQF,EAAW,MAAM,cAAcA,EAAW,MAAM,cAEtEE,EAAc,QAAQ,IAGxBG,EAAA;AAAA,IACF;AAEA,WAAAE,EAAU,MAAM;;AACd,aAAO,iBAAiB,UAAUD,GAAc,EAAE,SAAS,IAAM,IACjEE,IAAAR,EAAW,UAAX,QAAAQ,EAAkB,iBAAiB,UAAUH,GAAc,EAAE,SAAS,OACtEC,EAAA;AAAA,IACF,CAAC,GAEDG,EAAY,MAAM;;AAChB,aAAO,oBAAoB,UAAUH,CAAY,IACjDE,IAAAR,EAAW,UAAX,QAAAQ,EAAkB,oBAAoB,UAAUH;AAAA,IAClD,CAAC,GAEM;AAAA,MACL,eAAAH;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAJ;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonSwiper.es.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\n\n/**\n * Automatically handle horizontally overflowing content by placing it in a NeonSwiper component allowing for smooth\n * horizontal scrolling with all input devices.\n */\nexport default defineComponent({\n  name: 'NeonSwiper',\n  props: {\n    /**\n     * Display fade in / fade out styling when there is an overflow.\n     */\n    fade: { type: Boolean, default: true },\n    /**\n     * Swiper orientation, i.e. whether to manage overflow horizontally or vertically.\n     */\n    orientation: { type: String as () => NeonOrientation, default: NeonOrientation.Horizontal },\n    /**\n     * Hide the starting fade (left or top depending on the orientation).\n     */\n    hideFadeStart: { type: Boolean, default: false },\n    /**\n     * Hide the ending fade (right or bottom depending on the orientation).\n     */\n    hideFadeEnd: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const scrollable = ref<HTMLElement | null>(null);\n    const isOverflowing = ref<boolean>(false);\n    const isScrollStart = ref<boolean>(false);\n    const isScrollEnd = ref<boolean>(false);\n\n    const handleScroll = () => {\n      if (scrollable.value) {\n        if (props.orientation === NeonOrientation.Horizontal) {\n          isScrollStart.value = scrollable.value.scrollLeft <= 0;\n          isScrollEnd.value =\n            scrollable.value.scrollLeft + scrollable.value.clientWidth > scrollable.value.scrollWidth - 1;\n        } else {\n          isScrollStart.value = scrollable.value.scrollTop <= 0;\n          isScrollEnd.value =\n            scrollable.value.scrollTop + scrollable.value.clientHeight > scrollable.value.scrollHeight - 1;\n        }\n      } else {\n        isScrollStart.value = false;\n        isScrollEnd.value = false;\n      }\n    };\n\n    const handleResize = () => {\n      if (scrollable.value) {\n        if (props.orientation === NeonOrientation.Horizontal) {\n          isOverflowing.value = scrollable.value.scrollWidth > scrollable.value.clientWidth;\n        } else {\n          isOverflowing.value = scrollable.value.scrollHeight > scrollable.value.clientHeight;\n        }\n      } else {\n        isOverflowing.value = false;\n      }\n\n      handleScroll();\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      scrollable.value?.addEventListener('scroll', handleScroll, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n      scrollable.value?.removeEventListener('scroll', handleScroll);\n    });\n\n    return {\n      isOverflowing,\n      isScrollStart,\n      isScrollEnd,\n      scrollable,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonOrientation","props","scrollable","ref","isOverflowing","isScrollStart","isScrollEnd","handleScroll","handleResize","onMounted","_a","onUnmounted"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,aAAa,EAAE,MAAM,QAAiC,SAASC,EAAgB,WAAA;AAAA;AAAA;AAAA;AAAA,IAI/E,eAAe,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIzC,aAAa,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE/C,MAAMC,GAAO;AACX,UAAMC,IAAaC,EAAwB,IAAI,GACzCC,IAAgBD,EAAa,EAAK,GAClCE,IAAgBF,EAAa,EAAK,GAClCG,IAAcH,EAAa,EAAK,GAEhCI,IAAe,MAAM;AACzB,MAAIL,EAAW,QACTD,EAAM,gBAAgBD,EAAgB,cACxCK,EAAc,QAAQH,EAAW,MAAM,cAAc,GACrDI,EAAY,QACVJ,EAAW,MAAM,aAAaA,EAAW,MAAM,cAAcA,EAAW,MAAM,cAAc,MAE9FG,EAAc,QAAQH,EAAW,MAAM,aAAa,GACpDI,EAAY,QACVJ,EAAW,MAAM,YAAYA,EAAW,MAAM,eAAeA,EAAW,MAAM,eAAe,MAGjGG,EAAc,QAAQ,IACtBC,EAAY,QAAQ;AAAA,IAExB,GAEME,IAAe,MAAM;AACzB,MAAIN,EAAW,QACTD,EAAM,gBAAgBD,EAAgB,aACxCI,EAAc,QAAQF,EAAW,MAAM,cAAcA,EAAW,MAAM,cAEtEE,EAAc,QAAQF,EAAW,MAAM,eAAeA,EAAW,MAAM,eAGzEE,EAAc,QAAQ,IAGxBG,EAAA;AAAA,IACF;AAEA,WAAAE,EAAU,MAAM;;AACd,aAAO,iBAAiB,UAAUD,GAAc,EAAE,SAAS,IAAM,IACjEE,IAAAR,EAAW,UAAX,QAAAQ,EAAkB,iBAAiB,UAAUH,GAAc,EAAE,SAAS,OACtEC,EAAA;AAAA,IACF,CAAC,GAEDG,EAAY,MAAM;;AAChB,aAAO,oBAAoB,UAAUH,CAAY,IACjDE,IAAAR,EAAW,UAAX,QAAAQ,EAAkB,oBAAoB,UAAUH;AAAA,IAClD,CAAC,GAEM;AAAA,MACL,eAAAH;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAJ;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/layout/swiper/NeonSwiper.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonSwiper.cjs.js"),e=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={ref:"scrollable",class:"neon-swiper__container"};function i(r,n,p,a,c,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-swiper--fade":r.fade,"neon-swiper--overflowing":r.isOverflowing,"neon-swiper--start":r.isScrollStart,"neon-swiper--end":r.isScrollEnd},"neon-swiper"])},[e.createElementVNode("div",t,[e.renderSlot(r.$slots,"default")],512),n[0]||(n[0]=e.createElementVNode("div",{class:"neon-swiper__fade-out"},null,-1))],2)}const l=o(s,[["render",i]]);module.exports=l;
+"use strict";const o=require("./NeonSwiper.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={ref:"scrollable",class:"neon-swiper__container"};function t(e,r,d,a,p,u){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[`neon-swiper--${e.orientation}`,{"neon-swiper--fade":e.fade,"neon-swiper--overflowing":e.isOverflowing,"neon-swiper--start":e.isScrollStart,"neon-swiper--end":e.isScrollEnd,"neon-swiper--hide-fade-start":e.hideFadeStart,"neon-swiper--hide-fade-end":e.hideFadeEnd}],"neon-swiper"])},[n.createElementVNode("div",i,[n.renderSlot(e.$slots,"default")],512),r[0]||(r[0]=n.createElementVNode("div",{class:"neon-swiper__fade-out"},null,-1))],2)}const l=s(o,[["render",t]]);module.exports=l;
 //# sourceMappingURL=NeonSwiper.vue.cjs.js.map

package/dist/components/layout/swiper/NeonSwiper.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSwiper.vue.cjs.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-swiper--fade': fade,\n      'neon-swiper--overflowing': isOverflowing,\n      'neon-swiper--start': isScrollStart,\n      'neon-swiper--end': isScrollEnd,\n    }\"\n    class=\"neon-swiper\"\n  >\n    <div ref=\"scrollable\" class=\"neon-swiper__container\">\n      <!-- @slot contents of swiper with which to apply overflow scrolling. -->\n      <slot></slot>\n    </div>\n    <div class=\"neon-swiper__fade-out\"></div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSwiper.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_renderSlot"],"mappings":"wIAUS,IAAI,aAAa,MAAM,uEAT9BA,EAAAA,mBAcM,MAAA,CAbH,MAAKC,EAAAA,eAAA,CAAA,qBAA+BC,EAAA,gCAAwCA,EAAA,mCAA2CA,EAAA,iCAAyCA,EAAA,aAM3J,aAAa,CAAA,IAEnBC,EAAAA,mBAGM,MAHNC,EAGM,CADJC,aAAaH,EAAA,OAAA,SAAA,oBAEfC,EAAAA,mBAAyC,MAAA,CAApC,MAAM,yBAAuB,KAAA,EAAA"}
+{"version":3,"file":"NeonSwiper.vue.cjs.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-swiper--${orientation}`,\n      {\n        'neon-swiper--fade': fade,\n        'neon-swiper--overflowing': isOverflowing,\n        'neon-swiper--start': isScrollStart,\n        'neon-swiper--end': isScrollEnd,\n        'neon-swiper--hide-fade-start': hideFadeStart,\n        'neon-swiper--hide-fade-end': hideFadeEnd,\n      },\n    ]\"\n    class=\"neon-swiper\"\n  >\n    <div ref=\"scrollable\" class=\"neon-swiper__container\">\n      <!-- @slot contents of swiper with which to apply overflow scrolling. -->\n      <slot></slot>\n    </div>\n    <div class=\"neon-swiper__fade-out\"></div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSwiper.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_renderSlot"],"mappings":"wIAeS,IAAI,aAAa,MAAM,uEAd9BA,EAAAA,mBAmBM,MAAA,CAlBH,MAAKC,EAAAA,eAAA,CAAA,iBAA0BC,EAAA,WAAW,wBAAyCA,EAAA,gCAA0CA,EAAA,mCAA6CA,EAAA,iCAA2CA,EAAA,2CAAqDA,EAAA,2CAAqDA,EAAA,cAW1T,aAAa,CAAA,IAEnBC,EAAAA,mBAGM,MAHNC,EAGM,CADJC,aAAaH,EAAA,OAAA,SAAA,oBAEfC,EAAAA,mBAAyC,MAAA,CAApC,MAAM,yBAAuB,KAAA,EAAA"}

package/dist/components/layout/swiper/NeonSwiper.vue.es.js

@@ -1,27 +1,32 @@
-import n from "./NeonSwiper.es.js";
-import { openBlock as s, createElementBlock as i, normalizeClass as l, createElementVNode as r, renderSlot as t } from "vue";
-import a from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const p = {
+import r from "./NeonSwiper.es.js";
+import { openBlock as s, createElementBlock as i, normalizeClass as a, createElementVNode as o, renderSlot as d } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const l = {
   ref: "scrollable",
   class: "neon-swiper__container"
 };
-function d(e, o, f, c, m, w) {
+function p(e, n, f, w, m, c) {
   return s(), i("div", {
-    class: l([{
-      "neon-swiper--fade": e.fade,
-      "neon-swiper--overflowing": e.isOverflowing,
-      "neon-swiper--start": e.isScrollStart,
-      "neon-swiper--end": e.isScrollEnd
-    }, "neon-swiper"])
+    class: a([[
+      `neon-swiper--${e.orientation}`,
+      {
+        "neon-swiper--fade": e.fade,
+        "neon-swiper--overflowing": e.isOverflowing,
+        "neon-swiper--start": e.isScrollStart,
+        "neon-swiper--end": e.isScrollEnd,
+        "neon-swiper--hide-fade-start": e.hideFadeStart,
+        "neon-swiper--hide-fade-end": e.hideFadeEnd
+      }
+    ], "neon-swiper"])
   }, [
-    r("div", p, [
-      t(e.$slots, "default")
+    o("div", l, [
+      d(e.$slots, "default")
     ], 512),
-    o[0] || (o[0] = r("div", { class: "neon-swiper__fade-out" }, null, -1))
+    n[0] || (n[0] = o("div", { class: "neon-swiper__fade-out" }, null, -1))
   ], 2);
 }
-const S = /* @__PURE__ */ a(n, [["render", d]]);
+const v = /* @__PURE__ */ t(r, [["render", p]]);
 export {
-  S as default
+  v as default
 };
 //# sourceMappingURL=NeonSwiper.vue.es.js.map

package/dist/components/layout/swiper/NeonSwiper.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSwiper.vue.es.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-swiper--fade': fade,\n      'neon-swiper--overflowing': isOverflowing,\n      'neon-swiper--start': isScrollStart,\n      'neon-swiper--end': isScrollEnd,\n    }\"\n    class=\"neon-swiper\"\n  >\n    <div ref=\"scrollable\" class=\"neon-swiper__container\">\n      <!-- @slot contents of swiper with which to apply overflow scrolling. -->\n      <slot></slot>\n    </div>\n    <div class=\"neon-swiper__fade-out\"></div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSwiper.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_renderSlot"],"mappings":";;;;EAUS,KAAI;AAAA,EAAa,OAAM;;;cAT9BA,EAcM,OAAA;AAAA,IAbH,OAAKC,EAAA,CAAA;AAAA,2BAA+BC,EAAA;AAAA,kCAAwCA,EAAA;AAAA,4BAA2CA,EAAA;AAAA,0BAAyCA,EAAA;AAAA,OAM3J,aAAa,CAAA;AAAA;IAEnBC,EAGM,OAHNC,GAGM;AAAA,MADJC,EAAaH,EAAA,QAAA,SAAA;AAAA;oBAEfC,EAAyC,OAAA,EAApC,OAAM,2BAAuB,MAAA,EAAA;AAAA;;;"}
+{"version":3,"file":"NeonSwiper.vue.es.js","sources":["../../../../src/components/layout/swiper/NeonSwiper.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-swiper--${orientation}`,\n      {\n        'neon-swiper--fade': fade,\n        'neon-swiper--overflowing': isOverflowing,\n        'neon-swiper--start': isScrollStart,\n        'neon-swiper--end': isScrollEnd,\n        'neon-swiper--hide-fade-start': hideFadeStart,\n        'neon-swiper--hide-fade-end': hideFadeEnd,\n      },\n    ]\"\n    class=\"neon-swiper\"\n  >\n    <div ref=\"scrollable\" class=\"neon-swiper__container\">\n      <!-- @slot contents of swiper with which to apply overflow scrolling. -->\n      <slot></slot>\n    </div>\n    <div class=\"neon-swiper__fade-out\"></div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSwiper.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_renderSlot"],"mappings":";;;;EAeS,KAAI;AAAA,EAAa,OAAM;;;cAd9BA,EAmBM,OAAA;AAAA,IAlBH,OAAKC,EAAA,CAAA;AAAA,sBAA0BC,EAAA,WAAW;AAAA;6BAAyCA,EAAA;AAAA,oCAA0CA,EAAA;AAAA,8BAA6CA,EAAA;AAAA,4BAA2CA,EAAA;AAAA,wCAAqDA,EAAA;AAAA,sCAAqDA,EAAA;AAAA;OAW1T,aAAa,CAAA;AAAA;IAEnBC,EAGM,OAHNC,GAGM;AAAA,MADJC,EAAaH,EAAA,QAAA,SAAA;AAAA;oBAEfC,EAAyC,OAAA,EAApC,OAAM,2BAAuB,MAAA,EAAA;AAAA;;;"}

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;"}