@aotearoan/neon 22.5.0 → 22.5.2

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js

@@ -1,41 +1,40 @@
 import $ from "./NeonImageCarousel.es.js";
-import { resolveComponent as m, openBlock as s, createElementBlock as r, createElementVNode as l, withKeys as i, withModifiers as t, normalizeClass as d, createBlock as v, createCommentVNode as c, createVNode as g, Fragment as b, renderList as C, toDisplayString as k, withCtx as f } from "vue";
-import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const I = { class: "neon-image-carousel-wrapper" }, L = {
+import { resolveComponent as m, openBlock as a, createElementBlock as i, createElementVNode as l, withKeys as r, withModifiers as s, normalizeClass as p, createBlock as v, createCommentVNode as c, createVNode as g, Fragment as b, renderList as _, toDisplayString as C, withCtx as k } from "vue";
+import E from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const w = { class: "neon-image-carousel-wrapper" }, I = {
+  class: "neon-image-carousel__container",
+  tabindex: "-1"
+}, h = {
   ref: "carouselItems",
   class: "no-style neon-image-carousel__items"
-}, z = ["alt", "src"], K = {
+}, L = ["alt", "src"], z = {
   key: 0,
   class: "neon-image-carousel__item-title"
-}, N = {
+}, K = {
   class: "neon-image-carousel__nav",
   tabindex: "-1"
-}, B = ["onClickCapture"], T = {
+}, N = ["onClickCapture"], B = {
   key: 0,
   class: "neon-image-carousel__label",
   tabindex: "-1"
 };
-function V(e, n, D, E, h, F) {
-  const u = m("neon-button"), _ = m("neon-link"), y = m("neon-stack");
-  return s(), r("div", I, [
+function T(e, n, V, D, F, M) {
+  const u = m("neon-button"), f = m("neon-link"), y = m("neon-stack");
+  return a(), i("div", w, [
     l("div", {
-      class: d([{
+      class: p([{
         "neon-image-carousel--initialised": e.initialised,
-        "neon-image-carousel--expanded": e.expanded
+        "neon-image-carousel--expanded": e.isExpanded
       }, "neon-image-carousel"]),
       tabindex: "0",
       onKeydown: [
-        n[4] || (n[4] = i(t((...o) => e.previous && e.previous(...o), ["stop", "prevent"]), ["left"])),
-        n[5] || (n[5] = i(t((...o) => e.next && e.next(...o), ["stop", "prevent"]), ["right"])),
-        n[6] || (n[6] = i((o) => e.expanded = !1, ["esc"]))
+        n[2] || (n[2] = r(s((...o) => e.previous && e.previous(...o), ["stop", "prevent"]), ["left"])),
+        n[3] || (n[3] = r(s((...o) => e.next && e.next(...o), ["stop", "prevent"]), ["right"])),
+        n[4] || (n[4] = r((o) => e.isExpanded && e.toggleExpanded(), ["esc"]))
       ]
     }, [
-      l("div", {
-        class: "neon-image-carousel__container",
-        tabindex: "-1",
-        onClick: n[2] || (n[2] = t((o) => e.expanded = !1, ["stop"]))
-      }, [
-        e.expanded ? (s(), v(u, {
+      l("div", I, [
+        e.isExpanded ? (a(), v(u, {
           key: 0,
           title: e.closeLabel,
           "button-style": "text",
@@ -44,7 +43,7 @@ function V(e, n, D, E, h, F) {
           icon: "close",
           size: "l",
           transparent: "",
-          onClick: n[0] || (n[0] = (o) => e.expanded = !1)
+          onClick: n[0] || (n[0] = (o) => e.isExpanded && e.toggleExpanded())
         }, null, 8, ["title"])) : c("", !0),
         g(u, {
           disabled: e.currentImage === 0,
@@ -55,22 +54,22 @@ function V(e, n, D, E, h, F) {
           color: "neutral",
           icon: "arrow-left-1",
           size: "l",
-          onClickCapture: t(e.previous, ["stop"])
+          onClickCapture: s(e.previous, ["stop"])
         }, null, 8, ["disabled", "title", "onClickCapture"]),
-        l("ul", L, [
-          (s(!0), r(b, null, C(e.images, (o, a) => (s(), r("li", {
+        l("ul", h, [
+          (a(!0), i(b, null, _(e.images, (o, t) => (a(), i("li", {
             key: o.src,
             ref_for: !0,
             ref: "carouselItem",
-            class: d([{ "neon-image-carousel__item--active": a === e.currentImage }, "neon-image-carousel__item"])
+            class: p([{ "neon-image-carousel__item--active": t === e.currentImage }, "neon-image-carousel__item"])
           }, [
             l("img", {
               alt: o.alt,
               src: o.src,
               class: "neon-image-carousel__image",
-              onClick: n[1] || (n[1] = t((p) => e.expanded = !e.expanded, ["stop"]))
-            }, null, 8, z),
-            e.expanded ? (s(), r("p", K, k(o.alt), 1)) : c("", !0)
+              onClick: n[1] || (n[1] = s((d) => !e.isExpanded && e.toggleExpanded(), ["stop"]))
+            }, null, 8, L),
+            e.isExpanded ? (a(), i("p", z, C(o.alt), 1)) : c("", !0)
           ], 2))), 128))
         ], 512),
         g(u, {
@@ -82,49 +81,48 @@ function V(e, n, D, E, h, F) {
           color: "neutral",
           icon: "arrow-right-1",
           size: "l",
-          onClickCapture: t(e.next, ["stop"])
+          onClickCapture: s(e.next, ["stop"])
         }, null, 8, ["disabled", "title", "onClickCapture"])
       ]),
       g(y, {
         class: "neon-image-carousel__nav-container",
-        gap: "s",
-        onClick: n[3] || (n[3] = t((o) => e.expanded = !1, ["stop"]))
+        gap: "s"
       }, {
-        default: f(() => [
-          l("div", N, [
-            (s(!0), r(b, null, C(e.images, (o, a) => (s(), v(_, {
-              key: a,
-              "aria-label": `Display image ${a + 1}`,
+        default: k(() => [
+          l("div", K, [
+            (a(!0), i(b, null, _(e.images, (o, t) => (a(), v(f, {
+              key: t,
+              "aria-label": `Display image ${t + 1}`,
               class: "neon-image-carousel__nav-item-link",
               "outline-style": "none",
               role: "button",
               tabindex: "0",
               onKeydownCapture: [
-                i(t((p) => e.scrollTo(a), ["stop", "prevent"]), ["enter"]),
-                i(t((p) => e.scrollTo(a), ["stop", "prevent"]), ["space"])
+                r(s((d) => e.scrollTo(t), ["stop", "prevent"]), ["enter"]),
+                r(s((d) => e.scrollTo(t), ["stop", "prevent"]), ["space"])
               ]
             }, {
-              default: f(() => [
+              default: k(() => [
                 l("div", {
-                  class: d([{ "neon-image-carousel__nav-item--active": a === e.currentImage }, "neon-image-carousel__nav-item"]),
+                  class: p([{ "neon-image-carousel__nav-item--active": t === e.currentImage }, "neon-image-carousel__nav-item"]),
                   tabindex: "-1",
-                  onClickCapture: t((p) => e.scrollTo(a), ["stop"])
-                }, [...n[7] || (n[7] = [
+                  onClickCapture: s((d) => e.scrollTo(t), ["stop"])
+                }, [...n[5] || (n[5] = [
                   l("div", { class: "neon-image-carousel__nav-item-indicator" }, null, -1)
-                ])], 42, B)
+                ])], 42, N)
               ]),
               _: 2
             }, 1032, ["aria-label", "onKeydownCapture"]))), 128))
           ]),
-          e.hideLabel ? c("", !0) : (s(), r("span", T, k(e.imageCountLabel || `${e.images.length} ${e.images.length === 1 ? "image" : "images"}`), 1))
+          e.hideLabel ? c("", !0) : (a(), i("span", B, C(e.imageCountLabel || `${e.images.length} ${e.images.length === 1 ? "image" : "images"}`), 1))
         ]),
         _: 1
       })
     ], 34)
   ]);
 }
-const q = /* @__PURE__ */ w($, [["render", V]]);
+const A = /* @__PURE__ */ E($, [["render", T]]);
 export {
-  q as default
+  A as default
 };
 //# sourceMappingURL=NeonImageCarousel.vue.es.js.map

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonImageCarousel.vue.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n  <div class=\"neon-image-carousel-wrapper\">\n    <div\n      :class=\"{\n        'neon-image-carousel--initialised': initialised,\n        'neon-image-carousel--expanded': expanded,\n      }\"\n      class=\"neon-image-carousel\"\n      tabindex=\"0\"\n      @keydown.stop.prevent.left=\"previous\"\n      @keydown.stop.prevent.right=\"next\"\n      @keydown.esc=\"expanded = false\"\n    >\n      <div class=\"neon-image-carousel__container\" tabindex=\"-1\" @click.stop=\"expanded = false\">\n        <neon-button\n          v-if=\"expanded\"\n          :title=\"closeLabel\"\n          button-style=\"text\"\n          class=\"neon-image-carousel__close\"\n          color=\"low-contrast\"\n          icon=\"close\"\n          size=\"l\"\n          transparent\n          @click=\"expanded = false\"\n        />\n        <neon-button\n          :disabled=\"currentImage === 0\"\n          :title=\"previousLabel\"\n          :transparent=\"true\"\n          button-style=\"text\"\n          class=\"neon-image-carousel__previous\"\n          color=\"neutral\"\n          icon=\"arrow-left-1\"\n          size=\"l\"\n          @click.capture.stop=\"previous\"\n        />\n        <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n          <li\n            v-for=\"(image, index) in images\"\n            :key=\"image.src\"\n            ref=\"carouselItem\"\n            :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n            class=\"neon-image-carousel__item\"\n          >\n            <img\n              :alt=\"image.alt\"\n              :src=\"image.src\"\n              class=\"neon-image-carousel__image\"\n              @click.stop=\"expanded = !expanded\"\n            />\n            <p v-if=\"expanded\" class=\"neon-image-carousel__item-title\">{{ image.alt }}</p>\n          </li>\n        </ul>\n        <neon-button\n          :disabled=\"currentImage === images.length - 1\"\n          :title=\"nextLabel\"\n          :transparent=\"true\"\n          button-style=\"text\"\n          class=\"neon-image-carousel__next\"\n          color=\"neutral\"\n          icon=\"arrow-right-1\"\n          size=\"l\"\n          @click.capture.stop=\"next\"\n        />\n      </div>\n      <neon-stack class=\"neon-image-carousel__nav-container\" gap=\"s\" @click.stop=\"expanded = false\">\n        <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n          <neon-link\n            v-for=\"(_image, index) in images\"\n            :key=\"index\"\n            :aria-label=\"`Display image ${index + 1}`\"\n            class=\"neon-image-carousel__nav-item-link\"\n            outline-style=\"none\"\n            role=\"button\"\n            tabindex=\"0\"\n            @keydown.stop.prevent.capture.enter=\"scrollTo(index)\"\n            @keydown.stop.prevent.capture.space=\"scrollTo(index)\"\n          >\n            <div\n              :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n              class=\"neon-image-carousel__nav-item\"\n              tabindex=\"-1\"\n              @click.capture.stop=\"scrollTo(index)\"\n            >\n              <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n            </div>\n          </neon-link>\n        </div>\n        <span v-if=\"!hideLabel\" class=\"neon-image-carousel__label\" tabindex=\"-1\">\n          {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n        </span>\n      </neon-stack>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_ctx","args","_createBlock","_component_neon_button","_createVNode","_hoisted_2","_Fragment","_renderList","image","index","_cache","_withModifiers","$event","_hoisted_4","_toDisplayString","_component_neon_stack","_hoisted_5","_image","_component_neon_link","_withKeys","_hoisted_7"],"mappings":"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"}
+{"version":3,"file":"NeonImageCarousel.vue.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n  <div class=\"neon-image-carousel-wrapper\">\n    <div\n      :class=\"{\n        'neon-image-carousel--initialised': initialised,\n        'neon-image-carousel--expanded': isExpanded,\n      }\"\n      class=\"neon-image-carousel\"\n      tabindex=\"0\"\n      @keydown.stop.prevent.left=\"previous\"\n      @keydown.stop.prevent.right=\"next\"\n      @keydown.esc=\"isExpanded && toggleExpanded()\"\n    >\n      <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n        <neon-button\n          v-if=\"isExpanded\"\n          :title=\"closeLabel\"\n          button-style=\"text\"\n          class=\"neon-image-carousel__close\"\n          color=\"low-contrast\"\n          icon=\"close\"\n          size=\"l\"\n          transparent\n          @click=\"isExpanded && toggleExpanded()\"\n        />\n        <neon-button\n          :disabled=\"currentImage === 0\"\n          :title=\"previousLabel\"\n          :transparent=\"true\"\n          button-style=\"text\"\n          class=\"neon-image-carousel__previous\"\n          color=\"neutral\"\n          icon=\"arrow-left-1\"\n          size=\"l\"\n          @click.capture.stop=\"previous\"\n        />\n        <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n          <li\n            v-for=\"(image, index) in images\"\n            :key=\"image.src\"\n            ref=\"carouselItem\"\n            :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n            class=\"neon-image-carousel__item\"\n          >\n            <img\n              :alt=\"image.alt\"\n              :src=\"image.src\"\n              class=\"neon-image-carousel__image\"\n              @click.stop=\"!isExpanded && toggleExpanded()\"\n            />\n            <p v-if=\"isExpanded\" class=\"neon-image-carousel__item-title\">{{ image.alt }}</p>\n          </li>\n        </ul>\n        <neon-button\n          :disabled=\"currentImage === images.length - 1\"\n          :title=\"nextLabel\"\n          :transparent=\"true\"\n          button-style=\"text\"\n          class=\"neon-image-carousel__next\"\n          color=\"neutral\"\n          icon=\"arrow-right-1\"\n          size=\"l\"\n          @click.capture.stop=\"next\"\n        />\n      </div>\n      <neon-stack class=\"neon-image-carousel__nav-container\" gap=\"s\">\n        <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n          <neon-link\n            v-for=\"(_image, index) in images\"\n            :key=\"index\"\n            :aria-label=\"`Display image ${index + 1}`\"\n            class=\"neon-image-carousel__nav-item-link\"\n            outline-style=\"none\"\n            role=\"button\"\n            tabindex=\"0\"\n            @keydown.stop.prevent.capture.enter=\"scrollTo(index)\"\n            @keydown.stop.prevent.capture.space=\"scrollTo(index)\"\n          >\n            <div\n              :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n              class=\"neon-image-carousel__nav-item\"\n              tabindex=\"-1\"\n              @click.capture.stop=\"scrollTo(index)\"\n            >\n              <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n            </div>\n          </neon-link>\n        </div>\n        <span v-if=\"!hideLabel\" class=\"neon-image-carousel__label\" tabindex=\"-1\">\n          {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n        </span>\n      </neon-stack>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_ctx","args","_cache","_withKeys","$event","_hoisted_2","_createBlock","_component_neon_button","_createVNode","_hoisted_3","_Fragment","_renderList","image","index","_withModifiers","_hoisted_5","_toDisplayString","_component_neon_stack","_hoisted_6","_image","_component_neon_link","_hoisted_8"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"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;
+"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(n,{emit:u}){const i=o.ref([]),l=(t,e=!1)=>{if(e){const r=document.getElementById(`${t}ButtonContainer`);r&&r.focus()}u("update:modelValue",t)};return o.onMounted(()=>{const t=n.tabs.findIndex(e=>e.key===n.modelValue);if(t>=0){const e=document.getElementById(`${n.tabs[t].key}Button`);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, 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"}
+{"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 selectedMenuItem = document.getElementById(`${props.tabs[selectedIndex].key}Button`);\n\n        if (selectedMenuItem) {\n          selectedMenuItem.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","selectedMenuItem"],"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,CACd,MAAMC,EAAgBT,EAAM,KAAK,UAAWO,GAAQA,EAAI,MAAQP,EAAM,UAAU,EAEhF,GAAIS,GAAiB,EAAG,CACtB,MAAMC,EAAmB,SAAS,eAAe,GAAGV,EAAM,KAAKS,CAAa,EAAE,GAAG,QAAQ,EAErFC,GACFA,EAAiB,eAAe,CAAE,MAAO,UAAW,OAAQ,UAAW,CAE3E,CACF,CAAC,EAEM,CACL,QAAAN,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}

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

@@ -1,15 +1,15 @@
-import { defineComponent as u, ref as a, onMounted as m } from "vue";
+import { defineComponent as u, ref as m, onMounted as a } 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({
+import c from "../../navigation/link/NeonLink.vue.es.js";
+import p from "../../layout/swiper/NeonSwiper.vue.es.js";
+const S = u({
   name: "NeonTabs",
   components: {
     NeonIcon: s,
-    NeonLink: p,
-    NeonSwiper: c
+    NeonLink: c,
+    NeonSwiper: p
   },
   props: {
     /**
@@ -44,28 +44,27 @@ const g = u({
      */
     "update:modelValue"
   ],
-  setup(n, { emit: i }) {
-    const r = a([]), l = (t, o = !1) => {
-      if (o) {
-        const e = document.getElementById(`${t}ButtonContainer`);
-        e && e.focus();
+  setup(o, { emit: r }) {
+    const i = m([]), l = (t, e = !1) => {
+      if (e) {
+        const n = document.getElementById(`${t}ButtonContainer`);
+        n && n.focus();
       }
-      i("update:modelValue", t);
+      r("update:modelValue", t);
     };
-    return m(() => {
-      var o;
-      const t = n.tabs.findIndex((e) => e.key === n.modelValue);
+    return a(() => {
+      const t = o.tabs.findIndex((e) => e.key === o.modelValue);
       if (t >= 0) {
-        const e = (o = r.value[t]) == null ? void 0 : o.neonLink;
+        const e = document.getElementById(`${o.tabs[t].key}Button`);
         e && e.scrollIntoView({ block: "nearest", inline: "nearest" });
       }
     }), {
       onClick: l,
-      menuItem: r
+      menuItem: i
     };
   }
 });
 export {
-  g as default
+  S 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, 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;"}
+{"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 selectedMenuItem = document.getElementById(`${props.tabs[selectedIndex].key}Button`);\n\n        if (selectedMenuItem) {\n          selectedMenuItem.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","selectedMenuItem"],"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,IAAmB,SAAS,eAAe,GAAGV,EAAM,KAAKS,CAAa,EAAE,GAAG,QAAQ;AAEzF,QAAIC,KACFA,EAAiB,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAAA,MAE3E;AAAA,IACF,CAAC,GAEM;AAAA,MACL,SAAAN;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/tabs/tab/NeonTab.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),o=require("../../../../common/utils/NeonResponsiveUtils.cjs.js"),t=require("../../../../common/enums/NeonResponsive.cjs.js"),i=e.defineComponent({name:"NeonTab",props:{selected:{type:Boolean,required:!0},id:{type:String,default:null},toggleOnIf:{type:Boolean,default:!1}},setup(){const s=e.ref(!1),n=()=>{s.value=window.matchMedia(o.NeonResponsiveUtils.breakpoints[t.NeonResponsive.MobileLarge]).matches};return e.onMounted(()=>{window.addEventListener("resize",n,{passive:!0}),n()}),e.onUnmounted(()=>{window.removeEventListener("resize",n)}),{responsiveView:s}}});module.exports=i;
+"use strict";const e=require("vue"),t=e.defineComponent({name:"NeonTab",props:{selected:{type:Boolean,required:!0},id:{type:String,default:null},transition:{type:Boolean,default:!0}}});module.exports=t;
 //# sourceMappingURL=NeonTab.cjs.js.map

package/dist/components/presentation/tabs/tab/NeonTab.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.\n     * */\n    toggleOnIf: { type: Boolean, default: false },\n  },\n  setup() {\n    const responsiveView = ref(false);\n\n    const handleResize = () => {\n      responsiveView.value = window.matchMedia(NeonResponsiveUtils.breakpoints[NeonResponsive.MobileLarge]).matches;\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return {\n      responsiveView,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","responsiveView","ref","handleResize","NeonResponsiveUtils","NeonResponsive","onMounted","onUnmounted"],"mappings":"iKAOAA,EAAeC,kBAAgB,CAC7B,KAAM,UACN,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,SAAU,EAAA,EAIrC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI7B,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE9C,OAAQ,CACN,MAAMC,EAAiBC,EAAAA,IAAI,EAAK,EAE1BC,EAAe,IAAM,CACzBF,EAAe,MAAQ,OAAO,WAAWG,EAAAA,oBAAoB,YAAYC,EAAAA,eAAe,WAAW,CAAC,EAAE,OACxG,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,EAEM,CACL,eAAAF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTab.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * Use fade transition when switching tabs. This is useful to prevent a reflow.\n     */\n    transition: { type: Boolean, default: true },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,UACN,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,SAAU,EAAA,EAIrC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI7B,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,CAAK,CAE/C,CAAC"}

package/dist/components/presentation/tabs/tab/NeonTab.es.js

@@ -1,7 +1,5 @@
-import { defineComponent as o, ref as t, onMounted as s, onUnmounted as i } from "vue";
-import { NeonResponsiveUtils as r } from "../../../../common/utils/NeonResponsiveUtils.es.js";
-import { NeonResponsive as a } from "../../../../common/enums/NeonResponsive.es.js";
-const m = o({
+import { defineComponent as e } from "vue";
+const n = e({
   name: "NeonTab",
   props: {
     /**
@@ -13,24 +11,12 @@ const m = o({
      */
     id: { type: String, default: null },
     /**
-     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.
-     * */
-    toggleOnIf: { type: Boolean, default: !1 }
-  },
-  setup() {
-    const n = t(!1), e = () => {
-      n.value = window.matchMedia(r.breakpoints[a.MobileLarge]).matches;
-    };
-    return s(() => {
-      window.addEventListener("resize", e, { passive: !0 }), e();
-    }), i(() => {
-      window.removeEventListener("resize", e);
-    }), {
-      responsiveView: n
-    };
+     * Use fade transition when switching tabs. This is useful to prevent a reflow.
+     */
+    transition: { type: Boolean, default: !0 }
   }
 });
 export {
-  m as default
+  n as default
 };
 //# sourceMappingURL=NeonTab.es.js.map

package/dist/components/presentation/tabs/tab/NeonTab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.\n     * */\n    toggleOnIf: { type: Boolean, default: false },\n  },\n  setup() {\n    const responsiveView = ref(false);\n\n    const handleResize = () => {\n      responsiveView.value = window.matchMedia(NeonResponsiveUtils.breakpoints[NeonResponsive.MobileLarge]).matches;\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return {\n      responsiveView,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","responsiveView","ref","handleResize","NeonResponsiveUtils","NeonResponsive","onMounted","onUnmounted"],"mappings":";;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7B,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE9C,QAAQ;AACN,UAAMC,IAAiBC,EAAI,EAAK,GAE1BC,IAAe,MAAM;AACzB,MAAAF,EAAe,QAAQ,OAAO,WAAWG,EAAoB,YAAYC,EAAe,WAAW,CAAC,EAAE;AAAA,IACxG;AAEA,WAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC,GAEM;AAAA,MACL,gBAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonTab.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * Use fade transition when switching tabs. This is useful to prevent a reflow.\n     */\n    transition: { type: Boolean, default: true },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAKA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7B,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAK;AAE/C,CAAC;"}

package/dist/components/presentation/tabs/tab/NeonTab.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonTab.cjs.js"),n=require("vue"),t=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),o=["id","aria-labelledby"];function s(e,a,i,d,u,p){return e.responsiveView||!e.toggleOnIf||e.toggleOnIf&&e.selected?(n.openBlock(),n.createElementBlock("div",{key:0,id:e.id,class:n.normalizeClass(["neon-tab",{"neon-tab--selected":e.selected}]),role:"tabpanel","aria-labelledby":e.id?`${e.id}Button`:void 0,tabindex:"0"},[n.renderSlot(e.$slots,"default")],10,o)):n.createCommentVNode("",!0)}const l=t(r,[["render",s]]);module.exports=l;
+"use strict";const t=require("./NeonTab.cjs.js"),e=require("vue"),o=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["id","aria-labelledby"];function a(n,l,s,d,u,c){return e.openBlock(),e.createBlock(e.Transition,{name:n.transition?"neon-fade-transition":null,mode:"out-in"},{default:e.withCtx(()=>[n.selected?(e.openBlock(),e.createElementBlock("div",{key:0,id:n.id,"aria-labelledby":n.id?`${n.id}Button`:void 0,class:e.normalizeClass([{"neon-tab--selected":n.selected},"neon-tab"]),role:"tabpanel",tabindex:"0"},[e.renderSlot(n.$slots,"default")],10,r)):e.createCommentVNode("",!0)]),_:3},8,["name"])}const i=o(t,[["render",a]]);module.exports=i;
 //# sourceMappingURL=NeonTab.vue.cjs.js.map

package/dist/components/presentation/tabs/tab/NeonTab.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.vue.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"responsiveView || !toggleOnIf || (toggleOnIf && selected)\"\n    :id=\"id\"\n    class=\"neon-tab\"\n    :class=\"{ 'neon-tab--selected': selected }\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"id ? `${id}Button` : undefined\"\n    tabindex=\"0\"\n  >\n    <!-- @slot The tab content -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"wLAEU,OAAAA,EAAA,gBAAc,CAAKA,EAAA,YAAeA,EAAA,YAAcA,EAAA,wBADxDC,EAAAA,mBAWM,MAAA,OATH,GAAID,EAAA,GACL,MAAKE,EAAAA,eAAA,CAAC,WAAU,CAAA,qBACgBF,EAAA,QAAQ,CAAA,CAAA,EACxC,KAAK,WACJ,kBAAiBA,EAAA,GAAE,GAAMA,EAAA,EAAE,SAAW,OACvC,SAAS,MAGTG,aAAaH,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonTab.vue.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <transition :name=\"transition ? 'neon-fade-transition' : null\" mode=\"out-in\">\n    <div\n      v-if=\"selected\"\n      :id=\"id\"\n      :aria-labelledby=\"id ? `${id}Button` : undefined\"\n      :class=\"{ 'neon-tab--selected': selected }\"\n      class=\"neon-tab\"\n      role=\"tabpanel\"\n      tabindex=\"0\"\n    >\n      <!-- @slot The tab content -->\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_createBlock","_Transition","_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"6MACEA,EAAAA,YAaaC,aAAA,CAbA,KAAMC,EAAA,WAAU,uBAAA,KAAkC,KAAK,6BAClE,IAWM,CAVEA,EAAA,wBADRC,EAAAA,mBAWM,MAAA,OATH,GAAID,EAAA,GACJ,kBAAiBA,EAAA,GAAE,GAAMA,EAAA,EAAE,SAAW,OACtC,MAAKE,EAAAA,eAAA,CAAA,CAAA,qBAA0BF,EAAA,QAAQ,EAClC,UAAU,CAAA,EAChB,KAAK,WACL,SAAS,MAGTG,aAAaH,EAAA,OAAA,SAAA"}

package/dist/components/presentation/tabs/tab/NeonTab.vue.es.js

@@ -1,21 +1,29 @@
 import o from "./NeonTab.es.js";
-import { openBlock as n, createElementBlock as r, normalizeClass as t, renderSlot as a, createCommentVNode as l } from "vue";
-import d from "../../../../_virtual/_plugin-vue_export-helper.es.js";
-const s = ["id", "aria-labelledby"];
-function i(e, f, p, m, b, c) {
-  return e.responsiveView || !e.toggleOnIf || e.toggleOnIf && e.selected ? (n(), r("div", {
-    key: 0,
-    id: e.id,
-    class: t(["neon-tab", { "neon-tab--selected": e.selected }]),
-    role: "tabpanel",
-    "aria-labelledby": e.id ? `${e.id}Button` : void 0,
-    tabindex: "0"
-  }, [
-    a(e.$slots, "default")
-  ], 10, s)) : l("", !0);
+import { openBlock as n, createBlock as t, Transition as a, withCtx as r, createElementBlock as i, normalizeClass as d, renderSlot as l, createCommentVNode as s } from "vue";
+import m from "../../../../_virtual/_plugin-vue_export-helper.es.js";
+const c = ["id", "aria-labelledby"];
+function f(e, p, u, b, $, k) {
+  return n(), t(a, {
+    name: e.transition ? "neon-fade-transition" : null,
+    mode: "out-in"
+  }, {
+    default: r(() => [
+      e.selected ? (n(), i("div", {
+        key: 0,
+        id: e.id,
+        "aria-labelledby": e.id ? `${e.id}Button` : void 0,
+        class: d([{ "neon-tab--selected": e.selected }, "neon-tab"]),
+        role: "tabpanel",
+        tabindex: "0"
+      }, [
+        l(e.$slots, "default")
+      ], 10, c)) : s("", !0)
+    ]),
+    _: 3
+  }, 8, ["name"]);
 }
-const k = /* @__PURE__ */ d(o, [["render", i]]);
+const y = /* @__PURE__ */ m(o, [["render", f]]);
 export {
-  k as default
+  y as default
 };
 //# sourceMappingURL=NeonTab.vue.es.js.map

package/dist/components/presentation/tabs/tab/NeonTab.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.vue.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"responsiveView || !toggleOnIf || (toggleOnIf && selected)\"\n    :id=\"id\"\n    class=\"neon-tab\"\n    :class=\"{ 'neon-tab--selected': selected }\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"id ? `${id}Button` : undefined\"\n    tabindex=\"0\"\n  >\n    <!-- @slot The tab content -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;AAEU,SAAAA,EAAA,kBAAc,CAAKA,EAAA,cAAeA,EAAA,cAAcA,EAAA,iBADxDC,EAWM,OAAA;AAAA;IATH,IAAID,EAAA;AAAA,IACL,OAAKE,EAAA,CAAC,YAAU,EAAA,sBACgBF,EAAA,SAAQ,CAAA,CAAA;AAAA,IACxC,MAAK;AAAA,IACJ,mBAAiBA,EAAA,KAAE,GAAMA,EAAA,EAAE,WAAW;AAAA,IACvC,UAAS;AAAA;IAGTG,EAAaH,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"NeonTab.vue.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.vue"],"sourcesContent":["<template>\n  <transition :name=\"transition ? 'neon-fade-transition' : null\" mode=\"out-in\">\n    <div\n      v-if=\"selected\"\n      :id=\"id\"\n      :aria-labelledby=\"id ? `${id}Button` : undefined\"\n      :class=\"{ 'neon-tab--selected': selected }\"\n      class=\"neon-tab\"\n      role=\"tabpanel\"\n      tabindex=\"0\"\n    >\n      <!-- @slot The tab content -->\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTab.ts\"></script>\n"],"names":["_createBlock","_Transition","_ctx","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;cACEA,EAaaC,GAAA;AAAA,IAbA,MAAMC,EAAA,aAAU,yBAAA;AAAA,IAAkC,MAAK;AAAA;eAClE,MAWM;AAAA,MAVEA,EAAA,iBADRC,EAWM,OAAA;AAAA;QATH,IAAID,EAAA;AAAA,QACJ,mBAAiBA,EAAA,KAAE,GAAMA,EAAA,EAAE,WAAW;AAAA,QACtC,OAAKE,EAAA,CAAA,EAAA,sBAA0BF,EAAA,SAAQ,GAClC,UAAU,CAAA;AAAA,QAChB,MAAK;AAAA,QACL,UAAS;AAAA;QAGTG,EAAaH,EAAA,QAAA,SAAA;AAAA;;;;;;"}

package/dist/components/user-input/field/NeonField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("../../presentation/label/NeonLabel.vue.cjs.js"),o=require("../../../common/enums/NeonFunctionalColor.cjs.js"),n=e.defineComponent({name:"NeonField",components:{NeonLabel:t},props:{label:{type:String,required:!0},labelFor:{type:String,default:null},optional:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},optionalLabel:{type:String,default:"Optional"},message:{type:String,default:null},messageColor:{type:String,default:o.NeonFunctionalColor.LowContrast}}});module.exports=n;
+"use strict";const e=require("vue"),t=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=e.defineComponent({name:"NeonField",props:{label:{type:String,required:!0},labelFor:{type:String,default:null},optional:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},optionalLabel:{type:String,default:"Optional"},message:{type:String,default:null},messageColor:{type:String,default:t.NeonFunctionalColor.LowContrast}}});module.exports=o;
 //# sourceMappingURL=NeonField.cjs.js.map

package/dist/components/user-input/field/NeonField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonField.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonLabel from '@/components/presentation/label/NeonLabel.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  components: {\n    NeonLabel,\n  },\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: null },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLabel","NeonFunctionalColor"],"mappings":"6JAQAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAIxC,QAAS,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIlC,aAAc,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,CAAY,CAExG,CAAC"}
+{"version":3,"file":"NeonField.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: null },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":"kGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAIxC,QAAS,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIlC,aAAc,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,CAAY,CAExG,CAAC"}

package/dist/components/user-input/field/NeonField.es.js

@@ -1,11 +1,7 @@
 import { defineComponent as e } from "vue";
-import o from "../../presentation/label/NeonLabel.vue.es.js";
 import { NeonFunctionalColor as t } from "../../../common/enums/NeonFunctionalColor.es.js";
-const r = e({
+const a = e({
   name: "NeonField",
-  components: {
-    NeonLabel: o
-  },
   props: {
     /**
      * The label text to render.
@@ -38,6 +34,6 @@ const r = e({
   }
 });
 export {
-  r as default
+  a as default
 };
 //# sourceMappingURL=NeonField.es.js.map

package/dist/components/user-input/field/NeonField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonField.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonLabel from '@/components/presentation/label/NeonLabel.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  components: {\n    NeonLabel,\n  },\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: null },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLabel","NeonFunctionalColor"],"mappings":";;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,cAAc,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA,EAAY;AAExG,CAAC;"}
+{"version":3,"file":"NeonField.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: null },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,cAAc,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA,EAAY;AAExG,CAAC;"}

package/dist/components/user-input/field/NeonField.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonField.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["for"],i={class:"neon-field__label-wrapper"},r={class:"neon-field__label"},d={class:"neon-field__contents"};function p(o,l,_,m,u,b){const n=e.resolveComponent("neon-label");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"]),for:o.labelFor},[e.createElementVNode("span",i,[e.createElementVNode("span",r,e.toDisplayString(o.label),1),o.optional?(e.openBlock(),e.createBlock(n,{key:0,disabled:o.disabled,label:o.optionalLabel,class:"neon-field__optional",size:"xxs"},null,8,["disabled","label"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"default"),o.message!==null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,t)}const c=a(s,[["render",p]]);module.exports=c;
+"use strict";const l=require("./NeonField.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["for"],a={class:"neon-field__label-wrapper"},r={class:"neon-field__label"},i={key:0,class:"neon-field__optional"},d={class:"neon-field__contents"};function p(o,n,_,m,u,f){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"]),for:o.labelFor},[e.createElementVNode("span",a,[e.createElementVNode("span",r,e.toDisplayString(o.label),1),o.optional?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(o.optionalLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"default"),o.message!==null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:n[0]||(n[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,t)}const c=s(l,[["render",p]]);module.exports=c;
 //# sourceMappingURL=NeonField.vue.cjs.js.map

package/dist/components/user-input/field/NeonField.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': message !== null,\n    }\"\n    :for=\"labelFor\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <span class=\"neon-field__label\">{{ label }}</span>\n      <neon-label v-if=\"optional\" :disabled=\"disabled\" :label=\"optionalLabel\" class=\"neon-field__optional\" size=\"xxs\" />\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span\n        v-if=\"message !== null\"\n        :class=\"`neon-color-${messageColor}`\"\n        class=\"neon-field__message\"\n        @click.prevent.stop=\"\"\n      >\n        {{ message }}\n      </span>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_createBlock","_component_neon_label","_renderSlot"],"mappings":"8IAUUA,EAAA,CAAA,MAAM,2BAA2B,EAC/BC,EAAA,CAAA,MAAM,mBAAmB,EAG5BC,EAAA,CAAA,MAAM,sBAAsB,wFAbnCC,EAAAA,mBAyBQ,QAAA,CAxBL,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,oCAA4CA,EAAA,UAAO,MAM7H,YAAY,CAAA,EADjB,IAAKA,EAAA,WAGNC,EAAAA,mBAGO,OAHPN,EAGO,CAFLM,EAAAA,mBAAkD,OAAlDL,EAAkDM,EAAAA,gBAAfF,EAAA,KAAK,EAAA,CAAA,EACtBA,EAAA,wBAAlBG,EAAAA,YAAkHC,EAAA,OAArF,SAAUJ,EAAA,SAAW,MAAOA,EAAA,cAAe,MAAM,uBAAuB,KAAK,mEAE5GC,EAAAA,mBAWM,MAXNJ,EAWM,CATJQ,aAAaL,EAAA,OAAA,SAAA,EAELA,EAAA,UAAO,oBADfF,EAAAA,mBAOO,OAAA,OALJ,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAC5B,qBAAqB,CAAA,EAC1B,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAEnBA,EAAA,OAAO,EAAA,CAAA"}
+{"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': message !== null,\n    }\"\n    :for=\"labelFor\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <span class=\"neon-field__label\">{{ label }}</span>\n      <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span\n        v-if=\"message !== null\"\n        :class=\"`neon-color-${messageColor}`\"\n        class=\"neon-field__message\"\n        @click.prevent.stop=\"\"\n      >\n        {{ message }}\n      </span>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_5","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_hoisted_4","_renderSlot"],"mappings":"8IAUUA,EAAA,CAAA,MAAM,2BAA2B,EAC/BC,EAAA,CAAA,MAAM,mBAAmB,WACT,MAAM,wBAEzBC,EAAA,CAAA,MAAM,sBAAsB,+CAbnCC,EAAAA,mBAyBQ,QAAA,CAxBL,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,oCAA4CA,EAAA,UAAO,MAM7H,YAAY,CAAA,EADjB,IAAKA,EAAA,WAGNC,EAAAA,mBAGO,OAHPN,EAGO,CAFLM,EAAAA,mBAAkD,OAAlDL,EAAkDM,EAAAA,gBAAfF,EAAA,KAAK,EAAA,CAAA,EAC5BA,EAAA,wBAAZF,EAAAA,mBAA6E,OAA7EK,EAA6ED,EAAAA,gBAAvBF,EAAA,aAAa,EAAA,CAAA,iCAErEC,EAAAA,mBAWM,MAXNJ,EAWM,CATJO,aAAaJ,EAAA,OAAA,SAAA,EAELA,EAAA,UAAO,oBADfF,EAAAA,mBAOO,OAAA,OALJ,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAC5B,qBAAqB,CAAA,EAC1B,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAEnBA,EAAA,OAAO,EAAA,CAAA"}