npm - @aotearoan/neon - Versions diffs - 19.0.2 → 21.0.0 - Mend

@aotearoan/neon 19.0.2 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/dist/components/presentation/dropdown/NeonDropdown.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonDropdown.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, defineExpose, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\nimport { NeonDropdownPlacementUtils } from '@/common/utils/NeonDropdownPlacementUtils';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';\nimport NeonBadge from '@/components/presentation/badge/NeonBadge.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\n\n/*\n <p>A general purpose dropdown component. This component consists of a button, to trigger the dropdown to open, and\n * the dropdown content which is displayed above the page when the user clicks the button.</p>\n * <p>This can be useful for secondary (perhaps more complex) actions for which there is not enough space on the page or\n * the action is asynchronous allowing the user to perform the action and continue what they were doing. Examples are\n * providing links to copy and letting the user send feedback.</p>\n * <p><strong>NeonDropdown</strong> is the basis for the <strong>NeonDropdownMenu</strong> component and the\n * <strong>NeonSelect</strong> form component.</p>\n /\nexport default defineComponent({\n name: 'NeonDropdown',\n components: {\n NeonBadge,\n NeonButton,\n NeonExpansionIndicator,\n },\n props: {\n /\n Id for the dropdown button.\n /\n id: { type: String },\n /\n Whether the dropdown is currently open.\n /\n modelValue: { type: Boolean, required: true },\n /\n The label for the dropdown button.\n /\n label: { type: String, default: null },\n /\n URL of image to display if the button style is a square or circular badge.\n /\n image: { type: String, default: null },\n /\n Badge image ALT text.\n /\n imageAlt: { type: String, default: null },\n /\n An icon to display on the dropdown button. This will be to the left of any label, but can also be used on its own.\n /\n icon: { type: String, default: null },\n /\n Show the dropdown button's indicator (chevron).\n /\n indicator: { type: Boolean, default: true },\n /\n Disable the dropdown button\n /\n disabled: { type: Boolean, default: false },\n /\n The size of the dropdown button - Small, Medium or Large.\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n The color of the dropdown button\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n /\n The alternate color of the dropdown button (for gradient buttons).\n /\n alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n /\n The style of the dropdown button\n /\n dropdownStyle: { type: String as () => NeonDropdownStyle, default: NeonDropdownStyle.SolidButton },\n /\n Placement of the dropdown contents.\n /\n placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n /\n Restrict placement to within this container.\n /\n placementContainer: { type: Object as () => HTMLElement, default: null },\n /\n Instead of opening on click (default), open on hover.\n /\n openOnHover: { type: Boolean, default: false },\n },\n emits: [\n /\n Emitted when the dropdown button is toggled.\n * @type {boolean} the open state of the dropdown.\n /\n 'update:modelValue',\n /\n Emitted on initialisation.\n * @type {NeonDropdownPlacement} the placement of the dropdown.\n /\n 'dropdown-placement',\n /\n Emitted when the dropdown button is blurred.\n * @type {void}\n /\n 'blur',\n /\n Emitted when the dropdown button is focussed.\n * @type {void}\n /\n 'focus',\n /\n emitted on initialisation\n * @type {HTMLElement} the reference to the HTMLElement for the dropdown menu button.\n */\n 'button-ref',\n ],\n setup(props, { emit }) {\n const dropdownButton = ref<HTMLElement \| null>(null);\n const dropdownContent = ref<HTMLDivElement \| null>(null);\n\n const dropdownPlacement = ref<NeonDropdownPlacement>(props.placement);\n const closableUtils = ref<NeonClosableUtils \| null>(null);\n\n const onClose = () => {\n emit('update:modelValue', false);\n };\n\n const close = () => {\n if (props.modelValue) {\n onClose();\n }\n };\n\n const recalculatePlacement = () => {\n if (props.modelValue && dropdownButton.value && dropdownContent.value) {\n const previousValue = dropdownPlacement.value;\n dropdownPlacement.value = NeonDropdownPlacementUtils.calculatePlacement(\n dropdownButton.value,\n dropdownContent.value,\n props.placement,\n props.placementContainer,\n );\n\n if (previousValue !== dropdownPlacement.value) {\n emit('dropdown-placement', dropdownPlacement.value);\n }\n }\n };\n\n const toggleOpen = () => {\n if (!props.disabled && !props.openOnHover) {\n emit('update:modelValue', !props.modelValue);\n setTimeout(recalculatePlacement);\n }\n };\n\n const onBlur = () => {\n emit('blur');\n };\n\n const onFocus = () => {\n emit('focus');\n };\n\n onMounted(() => {\n if (!props.openOnHover && dropdownContent.value) {\n closableUtils.value = new NeonClosableUtils(dropdownContent.value, close);\n }\n window.addEventListener('resize', recalculatePlacement, { passive: true });\n window.addEventListener('scroll', recalculatePlacement, { passive: true });\n if (props.placementContainer) {\n props.placementContainer.addEventListener('scroll', recalculatePlacement, { passive: true });\n }\n });\n\n onUnmounted(() => {\n if (!props.openOnHover) {\n closableUtils.value && closableUtils.value.destroy();\n }\n window.removeEventListener('resize', recalculatePlacement);\n window.removeEventListener('scroll', recalculatePlacement);\n if (props.placementContainer) {\n props.placementContainer.removeEventListener('scroll', recalculatePlacement);\n }\n });\n\n watch(\n () => dropdownButton.value,\n (value) => emit('button-ref', value),\n { immediate: true },\n );\n\n defineExpose({ dropdownContent });\n\n return {\n dropdownButton,\n dropdownContent,\n dropdownPlacement,\n closableUtils,\n onClose,\n close,\n toggleOpen,\n onBlur,\n onFocus,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonButton","NeonExpansionIndicator","NeonSize","NeonFunctionalColor","NeonDropdownStyle","NeonDropdownPlacement","props","emit","dropdownButton","ref","dropdownContent","dropdownPlacement","closableUtils","onClose","close","recalculatePlacement","previousValue","NeonDropdownPlacementUtils","toggleOpen","onBlur","onFocus","onMounted","NeonClosableUtils","onUnmounted","watch","value","defineExpose"],"mappings":";;;;;;;;;;AAoBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIZ,YAAY,EAAE,MAAM,SAAS,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIvC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAItE,eAAe,EAAE,MAAM,QAAmC,SAASC,EAAkB,YAAA;AAAA;AAAA;AAAA;AAAA,IAIrF,WAAW,EAAE,MAAM,QAAuC,SAASC,EAAsB,WAAA;AAAA;AAAA;AAAA;AAAA,IAIzF,oBAAoB,EAAE,MAAM,QAA6B,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlE,aAAa,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE/C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAkBD,EAA2B,IAAI,GAEjDE,IAAoBF,EAA2BH,EAAM,SAAS,GAC9DM,IAAgBH,EAA8B,IAAI,GAElDI,IAAU,MAAM;AACpB,MAAAN,EAAK,qBAAqB,EAAK;AAAA,IACjC,GAEMO,IAAQ,MAAM;AAClB,MAAIR,EAAM,cACRO,EAAA;AAAA,IAEJ,GAEME,IAAuB,MAAM;AACjC,UAAIT,EAAM,cAAcE,EAAe,SAASE,EAAgB,OAAO;AACrE,cAAMM,IAAgBL,EAAkB;AACxC,QAAAA,EAAkB,QAAQM,EAA2B;AAAA,UACnDT,EAAe;AAAA,UACfE,EAAgB;AAAA,UAChBJ,EAAM;AAAA,UACNA,EAAM;AAAA,QAAA,GAGJU,MAAkBL,EAAkB,SACtCJ,EAAK,sBAAsBI,EAAkB,KAAK;AAAA,MAEtD;AAAA,IACF,GAEMO,IAAa,MAAM;AACvB,MAAI,CAACZ,EAAM,YAAY,CAACA,EAAM,gBAC5BC,EAAK,qBAAqB,CAACD,EAAM,UAAU,GAC3C,WAAWS,CAAoB;AAAA,IAEnC,GAEMI,IAAS,MAAM;AACnB,MAAAZ,EAAK,MAAM;AAAA,IACb,GAEMa,IAAU,MAAM;AACpB,MAAAb,EAAK,OAAO;AAAA,IACd;AAEA,WAAAc,EAAU,MAAM;AACd,MAAI,CAACf,EAAM,eAAeI,EAAgB,UACxCE,EAAc,QAAQ,IAAIU,EAAkBZ,EAAgB,OAAOI,CAAK,IAE1E,OAAO,iBAAiB,UAAUC,GAAsB,EAAE,SAAS,IAAM,GACzE,OAAO,iBAAiB,UAAUA,GAAsB,EAAE,SAAS,IAAM,GACrET,EAAM,sBACRA,EAAM,mBAAmB,iBAAiB,UAAUS,GAAsB,EAAE,SAAS,IAAM;AAAA,IAE/F,CAAC,GAEDQ,EAAY,MAAM;AAChB,MAAKjB,EAAM,eACTM,EAAc,SAASA,EAAc,MAAM,QAAA,GAE7C,OAAO,oBAAoB,UAAUG,CAAoB,GACzD,OAAO,oBAAoB,UAAUA,CAAoB,GACrDT,EAAM,sBACRA,EAAM,mBAAmB,oBAAoB,UAAUS,CAAoB;AAAA,IAE/E,CAAC,GAEDS;AAAA,MACE,MAAMhB,EAAe;AAAA,MACrB,CAACiB,MAAUlB,EAAK,cAAckB,CAAK;AAAA,MACnC,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBC,EAAa,EAAE,iBAAAhB,GAAiB,GAEzB;AAAA,MACL,gBAAAF;AAAA,MACA,iBAAAE;AAAA,MACA,mBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAI;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1	+ {"version":3,"file":"NeonDropdown.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, defineExpose, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\nimport { NeonDropdownPlacementUtils } from '@/common/utils/NeonDropdownPlacementUtils';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';\nimport NeonBadge from '@/components/presentation/badge/NeonBadge.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\n\n/*\n <p>A general purpose dropdown component. This component consists of a button, to trigger the dropdown to open, and\n * the dropdown content which is displayed above the page when the user clicks the button.</p>\n * <p>This can be useful for secondary (perhaps more complex) actions for which there is not enough space on the page or\n * the action is asynchronous allowing the user to perform the action and continue what they were doing. Examples are\n * providing links to copy and letting the user send feedback.</p>\n * <p><strong>NeonDropdown</strong> is the basis for the <strong>NeonDropdownMenu</strong> component and the\n * <strong>NeonSelect</strong> form component.</p>\n /\nexport default defineComponent({\n name: 'NeonDropdown',\n components: {\n NeonBadge,\n NeonButton,\n NeonExpansionIndicator,\n },\n props: {\n /\n Id for the dropdown button.\n /\n id: { type: String },\n /\n Whether the dropdown is currently open.\n /\n modelValue: { type: Boolean, required: true },\n /\n The label for the dropdown button.\n /\n label: { type: String, default: null },\n /\n URL of image to display if the button style is a square or circular badge.\n /\n image: { type: String, default: null },\n /\n Badge image ALT text.\n /\n imageAlt: { type: String, default: null },\n /\n An icon to display on the dropdown button. This will be to the left of any label, but can also be used on its own.\n /\n icon: { type: String, default: null },\n /\n Show the dropdown button's indicator (chevron).\n /\n indicator: { type: Boolean, default: true },\n /\n Disable the dropdown button\n /\n disabled: { type: Boolean, default: false },\n /\n The size of the dropdown button - Small, Medium or Large.\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n The color of the dropdown button\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n /\n The alternate color of the dropdown button (for gradient buttons).\n /\n alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n /\n The style of the dropdown button\n /\n dropdownStyle: { type: String as () => NeonDropdownStyle, default: NeonDropdownStyle.SolidButton },\n /\n Placement of the dropdown contents.\n /\n placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n /\n Restrict placement to within this container.\n /\n placementContainer: { type: Object as () => HTMLElement, default: null },\n /\n Instead of opening on click (default), open on hover.\n /\n openOnHover: { type: Boolean, default: false },\n },\n emits: [\n /\n Emitted when the dropdown button is toggled.\n * @type {boolean} the open state of the dropdown.\n /\n 'update:modelValue',\n /\n Emitted on initialisation.\n * @type {NeonDropdownPlacement} the placement of the dropdown.\n /\n 'dropdown-placement',\n /\n Emitted when the dropdown button is blurred.\n * @type {void}\n /\n 'blur',\n /\n Emitted when the dropdown button is focussed.\n * @type {void}\n /\n 'focus',\n /\n emitted on initialisation\n * @type {HTMLElement} the reference to the HTMLElement for the dropdown menu button.\n */\n 'button-ref',\n ],\n setup(props, { emit }) {\n const dropdownButton = ref<HTMLElement \| null>(null);\n const dropdownContent = ref<HTMLDivElement \| null>(null);\n\n const dropdownPlacement = ref<NeonDropdownPlacement>(props.placement);\n const closableUtils = ref<NeonClosableUtils \| null>(null);\n\n const onClose = () => {\n emit('update:modelValue', false);\n };\n\n const close = () => {\n if (props.modelValue) {\n onClose();\n }\n };\n\n const recalculatePlacement = () => {\n if (props.modelValue && dropdownButton.value && dropdownContent.value) {\n const previousValue = dropdownPlacement.value;\n dropdownPlacement.value = NeonDropdownPlacementUtils.calculatePlacement(\n dropdownButton.value,\n dropdownContent.value,\n props.placement,\n props.placementContainer,\n );\n\n if (previousValue !== dropdownPlacement.value) {\n emit('dropdown-placement', dropdownPlacement.value);\n }\n }\n };\n\n const toggleOpen = () => {\n if (!props.disabled && !props.openOnHover) {\n emit('update:modelValue', !props.modelValue);\n setTimeout(recalculatePlacement);\n }\n };\n\n const isButtonStyle = computed<boolean>(() => props.dropdownStyle?.indexOf('badge') === -1);\n\n const onBlur = () => {\n emit('blur');\n };\n\n const onFocus = () => {\n emit('focus');\n };\n\n onMounted(() => {\n if (!props.openOnHover && dropdownContent.value) {\n closableUtils.value = new NeonClosableUtils(dropdownContent.value, close);\n }\n window.addEventListener('resize', recalculatePlacement, { passive: true });\n window.addEventListener('scroll', recalculatePlacement, { passive: true });\n if (props.placementContainer) {\n props.placementContainer.addEventListener('scroll', recalculatePlacement, { passive: true });\n }\n });\n\n onUnmounted(() => {\n if (!props.openOnHover) {\n closableUtils.value && closableUtils.value.destroy();\n }\n window.removeEventListener('resize', recalculatePlacement);\n window.removeEventListener('scroll', recalculatePlacement);\n if (props.placementContainer) {\n props.placementContainer.removeEventListener('scroll', recalculatePlacement);\n }\n });\n\n watch(\n () => dropdownButton.value,\n (value) => emit('button-ref', value),\n { immediate: true },\n );\n\n defineExpose({ dropdownContent });\n\n return {\n dropdownButton,\n dropdownContent,\n dropdownPlacement,\n closableUtils,\n isButtonStyle,\n onClose,\n close,\n toggleOpen,\n onBlur,\n onFocus,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonButton","NeonExpansionIndicator","NeonSize","NeonFunctionalColor","NeonDropdownStyle","NeonDropdownPlacement","props","emit","dropdownButton","ref","dropdownContent","dropdownPlacement","closableUtils","onClose","close","recalculatePlacement","previousValue","NeonDropdownPlacementUtils","toggleOpen","isButtonStyle","computed","_a","onBlur","onFocus","onMounted","NeonClosableUtils","onUnmounted","watch","value","defineExpose"],"mappings":"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"}

package/dist/components/presentation/dropdown/NeonDropdown.vue.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const i=require("./NeonDropdown.cjs.js"),o=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),s={ref:"dropdownButton"},p={key:0,class:"neon-dropdown__button-wrapper"},u=["id","tabindex"];function w(e,n,g,m,v,c){const r=o.resolveComponent("neon-button"),l=o.resolveComponent("neon-badge"),t=o.resolveComponent("neon-expansion-indicator");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-dropdown--with-indicator":e.indicator,"neon-dropdown--open":e.modelValue,"neon-dropdown--open-on-hover":e.openOnHover,"neon-dropdown--icon-only":e.icon&&!e.label,"neon-dropdown--disabled":e.disabled},`neon-dropdown--${e.size}`,`neon-dropdown--${e.color}`],"neon-dropdown"])},[o.createElementVNode("div",s,[o.renderSlot(e.$slots,"dropdown-button",{},()=>[e.dropdownStyle==="text-button"||e.dropdownStyle==="solid-button"?(o.openBlock(),o.createElementBlock("div",p,[o.createVNode(r,{id:e.id,"alternate-color":e.alternateColor,"aria-expanded":e.modelValue,"button-style":e.dropdownStyle==="text-button"?"text":"solid",color:e.color,disabled:e.disabled,icon:e.icon,indicator:e.indicator,"indicator-expanded":e.modelValue,label:e.label,size:e.size,"aria-haspopup":"true",class:"neon-dropdown__button",onBlur:n[0]||(n[0]=d=>e.onBlur()),onFocus:n[1]||(n[1]=d=>e.onFocus()),onClickCapture:o.withModifiers(e.toggleOpen,["stop","prevent"]),onKeydownCapture:[o.withKeys(o.withModifiers(e.toggleOpen,["stop","prevent"]),["enter"]),o.withKeys(o.withModifiers(e.toggleOpen,["stop","prevent"]),["space"])]},null,8,["id","alternate-color","aria-expanded","button-style","color","disabled","icon","indicator","indicator-expanded","label","size","onClickCapture","onKeydownCapture"])])):(o.openBlock(),o.createElementBlock("div",{key:1,id:e.id,ref:"dropdownButton",tabindex:e.disabled?void 0:0,class:"neon-dropdown__badge",role:"button",onClickCapture:n[2]||(n[2]=o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"])),onKeydownCapture:[n[3]||(n[3]=o.withKeys(o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"]),["enter"])),n[4]||(n[4]=o.withKeys(o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"]),["space"]))]},[o.createVNode(l,{"alternate-color":e.alternateColor,circular:e.dropdownStyle==="circular-badge",color:e.color,disabled:e.disabled,icon:e.icon,image:e.image,imageAlt:e.imageAlt,label:e.label,size:e.size},null,8,["alternate-color","circular","color","disabled","icon","image","imageAlt","label","size"]),e.indicator?(o.openBlock(),o.createBlock(t,{key:0,color:e.color,disabled:e.disabled,expanded:e.modelValue,class:"neon-button__indicator"},null,8,["color","disabled","expanded"])):o.createCommentVNode("",!0)],40,u))])],512),n[5]||(n[5]=o.createElementVNode("div",{class:"neon-dropdown__click-blocker"},null,-1)),o.withDirectives(o.createElementVNode("div",{ref:"dropdownContent",class:o.normalizeClass([`neon-dropdown__content--${e.dropdownPlacement}`,"neon-dropdown__content"])},[o.renderSlot(e.$slots,"default")],2),[[o.vShow,e.openOnHover||e.modelValue]])],2)}const b=a(i,[["render",w]]);module.exports=b;
+"use strict";const t=require("./NeonDropdown.cjs.js"),o=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),s={ref:"dropdownButton"},p={key:0,class:"neon-dropdown__button-wrapper"},u=["id","tabindex"];function w(e,n,g,m,c,v){const r=o.resolveComponent("neon-button"),l=o.resolveComponent("neon-badge"),i=o.resolveComponent("neon-expansion-indicator");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-dropdown--with-indicator":e.indicator,"neon-dropdown--open":e.modelValue,"neon-dropdown--open-on-hover":e.openOnHover,"neon-dropdown--icon-only":e.icon&&!e.label,"neon-dropdown--disabled":e.disabled},`neon-dropdown--${e.size}`,`neon-dropdown--${e.color}`],"neon-dropdown"])},[o.createElementVNode("div",s,[o.renderSlot(e.$slots,"dropdown-button",{},()=>[e.isButtonStyle?(o.openBlock(),o.createElementBlock("div",p,[o.createVNode(r,{id:e.id,"alternate-color":e.alternateColor,"aria-expanded":e.modelValue,"button-style":e.dropdownStyle,color:e.color,disabled:e.disabled,icon:e.icon,indicator:e.indicator,"indicator-expanded":e.modelValue,label:e.label,size:e.size,"aria-haspopup":"true",class:"neon-dropdown__button",onBlur:n[0]||(n[0]=d=>e.onBlur()),onFocus:n[1]||(n[1]=d=>e.onFocus()),onClickCapture:o.withModifiers(e.toggleOpen,["stop","prevent"]),onKeydownCapture:[o.withKeys(o.withModifiers(e.toggleOpen,["stop","prevent"]),["enter"]),o.withKeys(o.withModifiers(e.toggleOpen,["stop","prevent"]),["space"])]},null,8,["id","alternate-color","aria-expanded","button-style","color","disabled","icon","indicator","indicator-expanded","label","size","onClickCapture","onKeydownCapture"])])):(o.openBlock(),o.createElementBlock("div",{key:1,id:e.id,ref:"dropdownButton",tabindex:e.disabled?void 0:0,class:"neon-dropdown__badge",role:"button",onClickCapture:n[2]||(n[2]=o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"])),onKeydownCapture:[n[3]||(n[3]=o.withKeys(o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"]),["enter"])),n[4]||(n[4]=o.withKeys(o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"]),["space"]))]},[o.createVNode(l,{"alternate-color":e.alternateColor,circular:e.dropdownStyle==="circular-badge",color:e.color,disabled:e.disabled,icon:e.icon,image:e.image,imageAlt:e.imageAlt,label:e.label,size:e.size},null,8,["alternate-color","circular","color","disabled","icon","image","imageAlt","label","size"]),e.indicator?(o.openBlock(),o.createBlock(i,{key:0,color:e.color,disabled:e.disabled,expanded:e.modelValue,class:"neon-button__indicator"},null,8,["color","disabled","expanded"])):o.createCommentVNode("",!0)],40,u))])],512),n[5]||(n[5]=o.createElementVNode("div",{class:"neon-dropdown__click-blocker"},null,-1)),o.withDirectives(o.createElementVNode("div",{ref:"dropdownContent",class:o.normalizeClass([`neon-dropdown__content--${e.dropdownPlacement}`,"neon-dropdown__content"])},[o.renderSlot(e.$slots,"default")],2),[[o.vShow,e.openOnHover||e.modelValue]])],2)}const b=a(t,[["render",w]]);module.exports=b;
 //# sourceMappingURL=NeonDropdown.vue.cjs.js.map

package/dist/components/presentation/dropdown/NeonDropdown.vue.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonDropdown.vue.cjs.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n {\n 'neon-dropdown--with-indicator': indicator,\n 'neon-dropdown--open': modelValue,\n 'neon-dropdown--open-on-hover': openOnHover,\n 'neon-dropdown--icon-only': icon && !label,\n 'neon-dropdown--disabled': disabled,\n },\n `neon-dropdown--${size}`,\n `neon-dropdown--${color}`,\n ]\"\n class=\"neon-dropdown\"\n >\n <div ref=\"dropdownButton\">\n <!-- @slot optionally replace the dropdown button with a custom control -->\n <slot name=\"dropdown-button\">\n <div\n v-if=\"~~dropdownStyle === 'text-button' \|\| dropdownStyle === 'solid-button'~~\"\n class=\"neon-dropdown__button-wrapper\"\n >\n <neon-button\n :id=\"id\"\n :alternate-color=\"alternateColor\"\n :aria-expanded=\"modelValue\"\n :button-style=\"dropdownStyle ~~=== 'text-button' ? 'text' : 'solid'~~\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :indicator=\"indicator\"\n :indicator-expanded=\"modelValue\"\n :label=\"label\"\n :size=\"size\"\n aria-haspopup=\"true\"\n class=\"neon-dropdown__button\"\n @blur=\"onBlur()\"\n @focus=\"onFocus()\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n />\n </div>\n <div\n v-else\n :id=\"id\"\n ref=\"dropdownButton\"\n :tabindex=\"!disabled ? 0 : undefined\"\n class=\"neon-dropdown__badge\"\n role=\"button\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n >\n <neon-badge\n :alternate-color=\"alternateColor\"\n :circular=\"dropdownStyle === 'circular-badge'\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :image=\"image\"\n :imageAlt=\"imageAlt\"\n :label=\"label\"\n :size=\"size\"\n />\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"color\"\n :disabled=\"disabled\"\n :expanded=\"modelValue\"\n class=\"neon-button__indicator\"\n />\n </div>\n </slot>\n </div>\n <div class=\"neon-dropdown__click-blocker\" />\n <div\n v-show=\"openOnHover \|\| modelValue\"\n ref=\"dropdownContent\"\n :class=\"`neon-dropdown__content--${dropdownPlacement}`\"\n class=\"neon-dropdown__content\"\n >\n <!-- @slot The content of the open dropdown -->\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDropdown.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_renderSlot","_openBlock","_hoisted_2","_createVNode","_component_neon_button","args","_component_neon_badge","_createBlock","_component_neon_expansion_indicator","_vShow"],"mappings":"uIAeSA,EAAA,CAAA,IAAI,gBAAgB,~~WAKnB~~,MAAM,~~gOAnBdC~~,EAAAA,~~mBAoFM~~,MAAA,~~CAnFH~~,MAAKC,EAAAA,eAAA,CAAA,kCAAqDC,EAAA,gCAA0CA,EAAA,0CAAoDA,EAAA,YAAiD,2BAAAA,EAAA,OAASA,EAAA,gCAA0CA,EAAA,4BAA2CA,EAAA,IAAI,qBAA4BA,EAAA,KAAK,IAWvU,eAAe,CAAA,IAErBC,EAAAA,~~mBA2DM~~,~~MA3DNJ~~,~~EA2DM~~,~~CAzDJK~~,EAAAA,~~WAwDOF~~,~~8BAxDP~~,~~IAwDO~~,~~CAtDGA~~,EAAA~~,+BAAmCA~~,~~EAAA~~,~~gBAAa,gBADxDG,~~EAAAA,YAAAL,EAAAA,~~mBAwBM~~,~~MAxBNM~~,~~EAwBM~~,CApBJC,EAAAA,YAmBEC,EAAA,CAlBC,GAAIN,EAAA,GACJ,kBAAiBA,EAAA,eACjB,gBAAeA,EAAA,WACf,eAAcA,EAAA,~~gBAAa~~,~~cAAA,OAAA,QAC3B,~~MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,UAAWA,EAAA,UACX,qBAAoBA,EAAA,WACpB,MAAOA,EAAA,MACP,KAAMA,EAAA,KACP,gBAAc,OACd,MAAM,wBACL,sBAAMA,EAAA,OAAM,GACZ,uBAAOA,EAAA,QAAO,kCACcA,EAAA,WAAU,CAAA,OAAA,SAAA,CAAA,+CACFA,EAAA,WAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6BACVA,EAAA,WAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,oMAGnDF,EAAAA,mBA6BM,MAAA,OA3BH,GAAIE,EAAA,GACL,IAAI,iBACH,SAAWA,EAAA,SAAe,OAAP,EACpB,MAAM,uBACN,KAAK,4DACwBA,EAAA,YAAAA,EAAA,WAAA,GAAAO,CAAA,EAAU,CAAA,OAAA,SAAA,CAAA,oEACFP,EAAA,YAAAA,EAAA,WAAA,GAAAO,CAAA,EAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,kDACVP,EAAA,YAAAA,EAAA,WAAA,GAAAO,CAAA,EAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAE/CF,EAAAA,YAUEG,EAAA,CATC,kBAAiBR,EAAA,eACjB,SAAUA,EAAA,gBAAa,iBACvB,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,MAAOA,EAAA,MACP,KAAMA,EAAA,yGAGDA,EAAA,yBADRS,EAAAA,YAMEC,EAAA,OAJC,MAAOV,EAAA,MACP,SAAUA,EAAA,SACV,SAAUA,EAAA,WACX,MAAM,2HAKdC,EAAAA,mBAA4C,MAAA,CAAvC,MAAM,8BAA8B,EAAA,KAAA,EAAA,oBACzCA,EAAAA,mBAQM,MAAA,CANJ,IAAI,kBACH,MAAKF,EAAAA,eAAA,CAAA,2BAA6BC,EAAA,iBAAiB,GAC9C,wBAAwB,CAAA,IAG9BE,aAAaF,EAAA,OAAA,SAAA,OANL,CAAAW,QAAAX,EAAA,aAAeA,EAAA,UAAU"}
1	+ {"version":3,"file":"NeonDropdown.vue.cjs.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n {\n 'neon-dropdown--with-indicator': indicator,\n 'neon-dropdown--open': modelValue,\n 'neon-dropdown--open-on-hover': openOnHover,\n 'neon-dropdown--icon-only': icon && !label,\n 'neon-dropdown--disabled': disabled,\n },\n `neon-dropdown--${size}`,\n `neon-dropdown--${color}`,\n ]\"\n class=\"neon-dropdown\"\n >\n <div ref=\"dropdownButton\">\n <!-- @slot optionally replace the dropdown button with a custom control -->\n <slot name=\"dropdown-button\">\n <div v-if=\"isButtonStyle\" class=\"neon-dropdown__button-wrapper\">\n <neon-button\n :id=\"id\"\n :alternate-color=\"alternateColor\"\n :aria-expanded=\"modelValue\"\n :button-style=\"dropdownStyle\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :indicator=\"indicator\"\n :indicator-expanded=\"modelValue\"\n :label=\"label\"\n :size=\"size\"\n aria-haspopup=\"true\"\n class=\"neon-dropdown__button\"\n @blur=\"onBlur()\"\n @focus=\"onFocus()\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n />\n </div>\n <div\n v-else\n :id=\"id\"\n ref=\"dropdownButton\"\n :tabindex=\"!disabled ? 0 : undefined\"\n class=\"neon-dropdown__badge\"\n role=\"button\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n >\n <neon-badge\n :alternate-color=\"alternateColor\"\n :circular=\"dropdownStyle === 'circular-badge'\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :image=\"image\"\n :imageAlt=\"imageAlt\"\n :label=\"label\"\n :size=\"size\"\n />\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"color\"\n :disabled=\"disabled\"\n :expanded=\"modelValue\"\n class=\"neon-button__indicator\"\n />\n </div>\n </slot>\n </div>\n <div class=\"neon-dropdown__click-blocker\" />\n <div\n v-show=\"openOnHover \|\| modelValue\"\n ref=\"dropdownContent\"\n :class=\"`neon-dropdown__content--${dropdownPlacement}`\"\n class=\"neon-dropdown__content\"\n >\n <!-- @slot The content of the open dropdown -->\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDropdown.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_renderSlot","_openBlock","_hoisted_2","_createVNode","_component_neon_button","args","_component_neon_badge","_createBlock","_component_neon_expansion_indicator","_vShow"],"mappings":"uIAeSA,EAAA,CAAA,IAAI,gBAAgB,WAGK,MAAM,gOAjBtCC,EAAAA,mBAiFM,MAAA,CAhFH,MAAKC,EAAAA,eAAA,CAAA,kCAAqDC,EAAA,gCAA0CA,EAAA,0CAAoDA,EAAA,YAAiD,2BAAAA,EAAA,OAASA,EAAA,gCAA0CA,EAAA,4BAA2CA,EAAA,IAAI,qBAA4BA,EAAA,KAAK,IAWvU,eAAe,CAAA,IAErBC,EAAAA,mBAwDM,MAxDNJ,EAwDM,CAtDJK,EAAAA,WAqDOF,8BArDP,IAqDO,CApDMA,EAAA,eAAXG,EAAAA,YAAAL,EAAAA,mBAqBM,MArBNM,EAqBM,CApBJC,EAAAA,YAmBEC,EAAA,CAlBC,GAAIN,EAAA,GACJ,kBAAiBA,EAAA,eACjB,gBAAeA,EAAA,WACf,eAAcA,EAAA,cACd,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,UAAWA,EAAA,UACX,qBAAoBA,EAAA,WACpB,MAAOA,EAAA,MACP,KAAMA,EAAA,KACP,gBAAc,OACd,MAAM,wBACL,sBAAMA,EAAA,OAAM,GACZ,uBAAOA,EAAA,QAAO,kCACcA,EAAA,WAAU,CAAA,OAAA,SAAA,CAAA,+CACFA,EAAA,WAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6BACVA,EAAA,WAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,oMAGnDF,EAAAA,mBA6BM,MAAA,OA3BH,GAAIE,EAAA,GACL,IAAI,iBACH,SAAWA,EAAA,SAAe,OAAP,EACpB,MAAM,uBACN,KAAK,4DACwBA,EAAA,YAAAA,EAAA,WAAA,GAAAO,CAAA,EAAU,CAAA,OAAA,SAAA,CAAA,oEACFP,EAAA,YAAAA,EAAA,WAAA,GAAAO,CAAA,EAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,kDACVP,EAAA,YAAAA,EAAA,WAAA,GAAAO,CAAA,EAAU,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAE/CF,EAAAA,YAUEG,EAAA,CATC,kBAAiBR,EAAA,eACjB,SAAUA,EAAA,gBAAa,iBACvB,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,MAAOA,EAAA,MACP,KAAMA,EAAA,yGAGDA,EAAA,yBADRS,EAAAA,YAMEC,EAAA,OAJC,MAAOV,EAAA,MACP,SAAUA,EAAA,SACV,SAAUA,EAAA,WACX,MAAM,2HAKdC,EAAAA,mBAA4C,MAAA,CAAvC,MAAM,8BAA8B,EAAA,KAAA,EAAA,oBACzCA,EAAAA,mBAQM,MAAA,CANJ,IAAI,kBACH,MAAKF,EAAAA,eAAA,CAAA,2BAA6BC,EAAA,iBAAiB,GAC9C,wBAAwB,CAAA,IAG9BE,aAAaF,EAAA,OAAA,SAAA,OANL,CAAAW,QAAAX,EAAA,aAAeA,EAAA,UAAU"}

package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import m from "./NeonDropdown.es.js";
-import { resolveComponent as i, openBlock as r, createElementBlock as t, normalizeClass as p, createElementVNode as a, renderSlot as s, createVNode as u, withKeys as l, withModifiers as d, createBlock as v, createCommentVNode as C, withDirectives as f, vShow as y } from "vue";
+import { resolveComponent as i, openBlock as r, createElementBlock as a, normalizeClass as p, createElementVNode as t, renderSlot as s, createVNode as u, withKeys as l, withModifiers as d, createBlock as v, createCommentVNode as C, withDirectives as f, vShow as y } from "vue";
 import k from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const O = { ref: "dropdownButton" }, $ = {
   key: 0,
   class: "neon-dropdown__button-wrapper"
 }, c = ["id", "tabindex"];
-function z(o, e, V, B, S, K) {
+function z(o, e, B, V, S, K) {
   const b = i("neon-button"), w = i("neon-badge"), g = i("neon-expansion-indicator");
-  return r(), t("div", {
+  return r(), a("div", {
     class: p([[
       {
         "neon-dropdown--with-indicator": o.indicator,
@@ -20,14 +20,14 @@ function z(o, e, V, B, S, K) {
       `neon-dropdown--${o.color}`
     ], "neon-dropdown"])
   }, [
-    a("div", O, [
+    t("div", O, [
       s(o.$slots, "dropdown-button", {}, () => [
-        o.dropdownStyle === "text-button" || o.dropdownStyle === "solid-button" ? (r(), t("div", $, [
+        o.isButtonStyle ? (r(), a("div", $, [
           u(b, {
             id: o.id,
             "alternate-color": o.alternateColor,
             "aria-expanded": o.modelValue,
-            "button-style": o.dropdownStyle === "text-button" ? "text" : "solid",
+            "button-style": o.dropdownStyle,
             color: o.color,
             disabled: o.disabled,
             icon: o.icon,
@@ -45,7 +45,7 @@ function z(o, e, V, B, S, K) {
               l(d(o.toggleOpen, ["stop", "prevent"]), ["space"])
             ]
           }, null, 8, ["id", "alternate-color", "aria-expanded", "button-style", "color", "disabled", "icon", "indicator", "indicator-expanded", "label", "size", "onClickCapture", "onKeydownCapture"])
-        ])) : (r(), t("div", {
+        ])) : (r(), a("div", {
           key: 1,
           id: o.id,
           ref: "dropdownButton",
@@ -79,8 +79,8 @@ function z(o, e, V, B, S, K) {
         ], 40, c))
       ])
     ], 512),
-    e[5] || (e[5] = a("div", { class: "neon-dropdown__click-blocker" }, null, -1)),
-    f(a("div", {
+    e[5] || (e[5] = t("div", { class: "neon-dropdown__click-blocker" }, null, -1)),
+    f(t("div", {
       ref: "dropdownContent",
       class: p([`neon-dropdown__content--${o.dropdownPlacement}`, "neon-dropdown__content"])
     }, [

package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonDropdown.vue.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n {\n 'neon-dropdown--with-indicator': indicator,\n 'neon-dropdown--open': modelValue,\n 'neon-dropdown--open-on-hover': openOnHover,\n 'neon-dropdown--icon-only': icon && !label,\n 'neon-dropdown--disabled': disabled,\n },\n `neon-dropdown--${size}`,\n `neon-dropdown--${color}`,\n ]\"\n class=\"neon-dropdown\"\n >\n <div ref=\"dropdownButton\">\n <!-- @slot optionally replace the dropdown button with a custom control -->\n <slot name=\"dropdown-button\">\n <div\n v-if=\"~~dropdownStyle === 'text-button' \|\| dropdownStyle === 'solid-button'~~\"\n class=\"neon-dropdown__button-wrapper\"\n >\n <neon-button\n :id=\"id\"\n :alternate-color=\"alternateColor\"\n :aria-expanded=\"modelValue\"\n :button-style=\"dropdownStyle ~~=== 'text-button' ? 'text' : 'solid'~~\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :indicator=\"indicator\"\n :indicator-expanded=\"modelValue\"\n :label=\"label\"\n :size=\"size\"\n aria-haspopup=\"true\"\n class=\"neon-dropdown__button\"\n @blur=\"onBlur()\"\n @focus=\"onFocus()\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n />\n </div>\n <div\n v-else\n :id=\"id\"\n ref=\"dropdownButton\"\n :tabindex=\"!disabled ? 0 : undefined\"\n class=\"neon-dropdown__badge\"\n role=\"button\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n >\n <neon-badge\n :alternate-color=\"alternateColor\"\n :circular=\"dropdownStyle === 'circular-badge'\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :image=\"image\"\n :imageAlt=\"imageAlt\"\n :label=\"label\"\n :size=\"size\"\n />\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"color\"\n :disabled=\"disabled\"\n :expanded=\"modelValue\"\n class=\"neon-button__indicator\"\n />\n </div>\n </slot>\n </div>\n <div class=\"neon-dropdown__click-blocker\" />\n <div\n v-show=\"openOnHover \|\| modelValue\"\n ref=\"dropdownContent\"\n :class=\"`neon-dropdown__content--${dropdownPlacement}`\"\n class=\"neon-dropdown__content\"\n >\n <!-- @slot The content of the open dropdown -->\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDropdown.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_renderSlot","_openBlock","_hoisted_2","_createVNode","_component_neon_button","args","_component_neon_badge","_createBlock","_component_neon_expansion_indicator","_vShow"],"mappings":";;;AAeS,MAAAA,IAAA,EAAA,KAAI,iBAAgB;;~~EAKnB~~,OAAM;;;;~~cAnBdC~~,~~EAoFM~~,OAAA;AAAA,~~IAnFH~~,OAAKC,EAAA,CAAA;AAAA;yCAAqDC,EAAA;AAAA,+BAA0CA,EAAA;AAAA,wCAAoDA,EAAA;AAAA,QAAiD,4BAAAA,EAAA,SAASA,EAAA;AAAA,mCAA0CA,EAAA;AAAA;wBAA2CA,EAAA,IAAI;AAAA,wBAA4BA,EAAA,KAAK;AAAA,OAWvU,eAAe,CAAA;AAAA;IAErBC,~~EA2DM~~,~~OA3DNJ~~,~~GA2DM~~;AAAA,~~MAzDJK~~,~~EAwDOF~~,~~iCAxDP~~,~~MAwDO~~;AAAA,~~QAtDGA~~,EAAA,~~mCAAmCA~~,~~EAAA,kBAAa,kBADxDG,~~KAAAL,~~EAwBM~~,~~OAxBNM~~,~~GAwBM~~;AAAA,UApBJC,EAmBEC,GAAA;AAAA,YAlBC,IAAIN,EAAA;AAAA,YACJ,mBAAiBA,EAAA;AAAA,YACjB,iBAAeA,EAAA;AAAA,YACf,gBAAcA,EAAA~~,kBAAa,gBAAA,SAAA~~;AAAA,~~YAC3B~~,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,WAAWA,EAAA;AAAA,YACX,sBAAoBA,EAAA;AAAA,YACpB,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA,YACP,iBAAc;AAAA,YACd,OAAM;AAAA,YACL,+BAAMA,EAAA,OAAM;AAAA,YACZ,gCAAOA,EAAA,QAAO;AAAA,8BACcA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA;AAAA;kBACFA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,kBACVA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;oBAGnDF,EA6BM,OAAA;AAAA;UA3BH,IAAIE,EAAA;AAAA,UACL,KAAI;AAAA,UACH,UAAWA,EAAA,WAAe,SAAP;AAAA,UACpB,OAAM;AAAA,UACN,MAAK;AAAA,sDACwBA,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA;AAAA;0CACFP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,0CACVP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;UAE/CF,EAUEG,GAAA;AAAA,YATC,mBAAiBR,EAAA;AAAA,YACjB,UAAUA,EAAA,kBAAa;AAAA,YACvB,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA;UAGDA,EAAA,kBADRS,EAMEC,GAAA;AAAA;YAJC,OAAOV,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA;;;;oBAKdC,EAA4C,OAAA,EAAvC,OAAM,+BAA8B,GAAA,MAAA,EAAA;AAAA,MACzCA,EAQM,OAAA;AAAA,MANJ,KAAI;AAAA,MACH,OAAKF,EAAA,CAAA,2BAA6BC,EAAA,iBAAiB,IAC9C,wBAAwB,CAAA;AAAA;MAG9BE,EAAaF,EAAA,QAAA,SAAA;AAAA;MANL,CAAAW,GAAAX,EAAA,eAAeA,EAAA,UAAU;AAAA;;;;"}
1	+ {"version":3,"file":"NeonDropdown.vue.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n {\n 'neon-dropdown--with-indicator': indicator,\n 'neon-dropdown--open': modelValue,\n 'neon-dropdown--open-on-hover': openOnHover,\n 'neon-dropdown--icon-only': icon && !label,\n 'neon-dropdown--disabled': disabled,\n },\n `neon-dropdown--${size}`,\n `neon-dropdown--${color}`,\n ]\"\n class=\"neon-dropdown\"\n >\n <div ref=\"dropdownButton\">\n <!-- @slot optionally replace the dropdown button with a custom control -->\n <slot name=\"dropdown-button\">\n <div v-if=\"isButtonStyle\" class=\"neon-dropdown__button-wrapper\">\n <neon-button\n :id=\"id\"\n :alternate-color=\"alternateColor\"\n :aria-expanded=\"modelValue\"\n :button-style=\"dropdownStyle\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :indicator=\"indicator\"\n :indicator-expanded=\"modelValue\"\n :label=\"label\"\n :size=\"size\"\n aria-haspopup=\"true\"\n class=\"neon-dropdown__button\"\n @blur=\"onBlur()\"\n @focus=\"onFocus()\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n />\n </div>\n <div\n v-else\n :id=\"id\"\n ref=\"dropdownButton\"\n :tabindex=\"!disabled ? 0 : undefined\"\n class=\"neon-dropdown__badge\"\n role=\"button\"\n @click.stop.prevent.capture=\"toggleOpen\"\n @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n @keydown.space.stop.prevent.capture=\"toggleOpen\"\n >\n <neon-badge\n :alternate-color=\"alternateColor\"\n :circular=\"dropdownStyle === 'circular-badge'\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"icon\"\n :image=\"image\"\n :imageAlt=\"imageAlt\"\n :label=\"label\"\n :size=\"size\"\n />\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"color\"\n :disabled=\"disabled\"\n :expanded=\"modelValue\"\n class=\"neon-button__indicator\"\n />\n </div>\n </slot>\n </div>\n <div class=\"neon-dropdown__click-blocker\" />\n <div\n v-show=\"openOnHover \|\| modelValue\"\n ref=\"dropdownContent\"\n :class=\"`neon-dropdown__content--${dropdownPlacement}`\"\n class=\"neon-dropdown__content\"\n >\n <!-- @slot The content of the open dropdown -->\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDropdown.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_renderSlot","_openBlock","_hoisted_2","_createVNode","_component_neon_button","args","_component_neon_badge","_createBlock","_component_neon_expansion_indicator","_vShow"],"mappings":";;;AAeS,MAAAA,IAAA,EAAA,KAAI,iBAAgB;;EAGK,OAAM;;;;cAjBtCC,EAiFM,OAAA;AAAA,IAhFH,OAAKC,EAAA,CAAA;AAAA;yCAAqDC,EAAA;AAAA,+BAA0CA,EAAA;AAAA,wCAAoDA,EAAA;AAAA,QAAiD,4BAAAA,EAAA,SAASA,EAAA;AAAA,mCAA0CA,EAAA;AAAA;wBAA2CA,EAAA,IAAI;AAAA,wBAA4BA,EAAA,KAAK;AAAA,OAWvU,eAAe,CAAA;AAAA;IAErBC,EAwDM,OAxDNJ,GAwDM;AAAA,MAtDJK,EAqDOF,iCArDP,MAqDO;AAAA,QApDMA,EAAA,iBAAXG,KAAAL,EAqBM,OArBNM,GAqBM;AAAA,UApBJC,EAmBEC,GAAA;AAAA,YAlBC,IAAIN,EAAA;AAAA,YACJ,mBAAiBA,EAAA;AAAA,YACjB,iBAAeA,EAAA;AAAA,YACf,gBAAcA,EAAA;AAAA,YACd,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,WAAWA,EAAA;AAAA,YACX,sBAAoBA,EAAA;AAAA,YACpB,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA,YACP,iBAAc;AAAA,YACd,OAAM;AAAA,YACL,+BAAMA,EAAA,OAAM;AAAA,YACZ,gCAAOA,EAAA,QAAO;AAAA,8BACcA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA;AAAA;kBACFA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,kBACVA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;oBAGnDF,EA6BM,OAAA;AAAA;UA3BH,IAAIE,EAAA;AAAA,UACL,KAAI;AAAA,UACH,UAAWA,EAAA,WAAe,SAAP;AAAA,UACpB,OAAM;AAAA,UACN,MAAK;AAAA,sDACwBA,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA;AAAA;0CACFP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,0CACVP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;UAE/CF,EAUEG,GAAA;AAAA,YATC,mBAAiBR,EAAA;AAAA,YACjB,UAAUA,EAAA,kBAAa;AAAA,YACvB,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA;UAGDA,EAAA,kBADRS,EAMEC,GAAA;AAAA;YAJC,OAAOV,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA;;;;oBAKdC,EAA4C,OAAA,EAAvC,OAAM,+BAA8B,GAAA,MAAA,EAAA;AAAA,MACzCA,EAQM,OAAA;AAAA,MANJ,KAAI;AAAA,MACH,OAAKF,EAAA,CAAA,2BAA6BC,EAAA,iBAAiB,IAC9C,wBAAwB,CAAA;AAAA;MAG9BE,EAAaF,EAAA,QAAA,SAAA;AAAA;MANL,CAAAW,GAAAX,EAAA,eAAeA,EAAA,UAAU;AAAA;;;;"}

package/dist/components/presentation/icon/NeonIcon.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonIcon.cjs.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/*\n <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n \n <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n \n <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n \n For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n /\nexport default defineComponent({\n name: 'NeonIcon',\n props: {\n /\n The name of an icon registered in the icon registry.\n /\n name: { type: String, required: true },\n /\n The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n /\n color: { type: String as () => NeonFunctionalColor, default: null },\n /\n Set the icon color to the inverse text color\n /\n inverse: { type: Boolean, default: false },\n /\n Apply a disabled style to the icon\n */\n disabled: { type: Boolean, default: false },\n },\n setup(props) {\n const attrs = useAttrs();\n const icon = computed(() => {\n const _icon = NeonIconRegistry.getIcon(props.name);\n if (!_icon) {\n console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n }\n return _icon;\n });\n\n return {\n attrs,\n icon,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":"+FAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE5C,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAQC,EAAAA,iBAAiB,QAAQN,EAAM,IAAI,EACjD,OAAKK,GACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,EAEpGK,CACT,CAAC,EAED,MAAO,CACL,MAAAJ,EACA,KAAAE,CAAA,CAEJ,CACF,CAAC"}
1	+ {"version":3,"file":"NeonIcon.cjs.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/*\n <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n \n <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg--fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n \n <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n \n For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n /\nexport default defineComponent({\n name: 'NeonIcon',\n props: {\n /\n The name of an icon registered in the icon registry.\n /\n name: { type: String, required: true },\n /\n The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n /\n color: { type: String as () => NeonFunctionalColor, default: null },\n /\n Set the icon color to the inverse text color\n /\n inverse: { type: Boolean, default: false },\n /\n Apply a disabled style to the icon\n */\n disabled: { type: Boolean, default: false },\n },\n setup(props) {\n const attrs = useAttrs();\n const icon = computed(() => {\n const _icon = NeonIconRegistry.getIcon(props.name);\n if (!_icon) {\n console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n }\n return _icon;\n });\n\n return {\n attrs,\n icon,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":"+FAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE5C,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAQC,EAAAA,iBAAiB,QAAQN,EAAM,IAAI,EACjD,OAAKK,GACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,EAEpGK,CACT,CAAC,EAED,MAAO,CACL,MAAAJ,EACA,KAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/icon/NeonIcon.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonIcon.es.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/*\n <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n \n <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n \n <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n \n For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n /\nexport default defineComponent({\n name: 'NeonIcon',\n props: {\n /\n The name of an icon registered in the icon registry.\n /\n name: { type: String, required: true },\n /\n The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n /\n color: { type: String as () => NeonFunctionalColor, default: null },\n /\n Set the icon color to the inverse text color\n /\n inverse: { type: Boolean, default: false },\n /\n Apply a disabled style to the icon\n */\n disabled: { type: Boolean, default: false },\n },\n setup(props) {\n const attrs = useAttrs();\n const icon = computed(() => {\n const _icon = NeonIconRegistry.getIcon(props.name);\n if (!_icon) {\n console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n }\n return _icon;\n });\n\n return {\n attrs,\n icon,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":";;AAoBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE5C,MAAMC,GAAO;AACX,UAAMC,IAAQC,EAAA,GACRC,IAAOC,EAAS,MAAM;AAC1B,YAAMC,IAAQC,EAAiB,QAAQN,EAAM,IAAI;AACjD,aAAKK,KACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,GAEpGK;AAAA,IACT,CAAC;AAED,WAAO;AAAA,MACL,OAAAJ;AAAA,MACA,MAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1	+ {"version":3,"file":"NeonIcon.es.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/*\n <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n \n <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg--fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n \n <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n \n For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n /\nexport default defineComponent({\n name: 'NeonIcon',\n props: {\n /\n The name of an icon registered in the icon registry.\n /\n name: { type: String, required: true },\n /\n The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n /\n color: { type: String as () => NeonFunctionalColor, default: null },\n /\n Set the icon color to the inverse text color\n /\n inverse: { type: Boolean, default: false },\n /\n Apply a disabled style to the icon\n */\n disabled: { type: Boolean, default: false },\n },\n setup(props) {\n const attrs = useAttrs();\n const icon = computed(() => {\n const _icon = NeonIconRegistry.getIcon(props.name);\n if (!_icon) {\n console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n }\n return _icon;\n });\n\n return {\n attrs,\n icon,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":";;AAoBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE5C,MAAMC,GAAO;AACX,UAAMC,IAAQC,EAAA,GACRC,IAAOC,EAAS,MAAM;AAC1B,YAAMC,IAAQC,EAAiB,QAAQN,EAAM,IAAI;AACjD,aAAKK,KACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,GAEpGK;AAAA,IACT,CAAC;AAED,WAAO;AAAA,MACL,OAAAJ;AAAA,MACA,MAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("vue"),i=require("../../../common/enums/NeonFunctionalColor.cjs.js"),n=require("../../../common/enums/NeonTabsStyle.cjs.js"),s=require("../../../common/enums/NeonSize.cjs.js"),a=require("../icon/NeonIcon.vue.cjs.js"),l=u.defineComponent({name:"NeonTabs",components:{NeonIcon:a},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},tabsStyle:{type:String,default:n.NeonTabsStyle.Web},color:{type:String,default:i.NeonFunctionalColor.Primary},size:{type:String,default:s.NeonSize.Medium},underline:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(c,{emit:o}){return{onClick:(e,r=!1)=>{if(r){const t=document.getElementById(`${e}ButtonContainer`);t&&t.focus()}o("update:modelValue",e)},NeonTabsStyle:n.NeonTabsStyle}}});module.exports=l;
+"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;
 //# sourceMappingURL=NeonTabs.cjs.js.map

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

	@@ -1 +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 { ~~NeonTabsStyle } from '@/common/enums/NeonTabsStyle';\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 ~~button style.\n /\n tabsStyle: { type: String as () => NeonTabsStyle, default: NeonTabsStyle.Web },\n /\n The tab~~ highlight color (excludes low-contrast).\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /\n The tab size ~~(NOTE: web style only)~~\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 ~~NeonTabsStyle,\n~~ };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","~~NeonTabsStyle","~~NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"~~sPAUAA~~,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,~~UAAW,CAAE,KAAM,OAA+B,QAASC,EAAAA,cAAc,GAAA,EAIzE,~~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,~~EAGE~~,~~cACAL,EAAAA,aAAA,~~CAEJ,CACF,CAAC"}
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"}

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

@@ -1,12 +1,11 @@
-import { defineComponent as i } from "vue";
-import { NeonFunctionalColor as a } from "../../../common/enums/NeonFunctionalColor.es.js";
-import { NeonTabsStyle as o } from "../../../common/enums/NeonTabsStyle.es.js";
+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 l from "../icon/NeonIcon.vue.es.js";
-const S = i({
+import a from "../icon/NeonIcon.vue.es.js";
+const c = r({
   name: "NeonTabs",
   components: {
-    NeonIcon: l
+    NeonIcon: a
   },
   props: {
     /**
@@ -17,16 +16,12 @@ const S = i({
      * The key of the selected tab.
      */
     modelValue: { type: String, required: !0 },
-    /**
-     * The tab button style.
-     */
-    tabsStyle: { type: String, default: o.Web },
     /**
      * The tab highlight color (excludes low-contrast).
      */
-    color: { type: String, default: a.Primary },
+    color: { type: String, default: i.Primary },
     /**
-     * The tab size (NOTE: web style only)
+     * The tab size
      */
     size: { type: String, default: u.Medium },
     /**
@@ -41,20 +36,19 @@ const S = i({
      */
     "update:modelValue"
   ],
-  setup(m, { emit: r }) {
+  setup(m, { emit: t }) {
     return {
       onClick: (e, n = !1) => {
         if (n) {
-          const t = document.getElementById(`${e}ButtonContainer`);
-          t && t.focus();
+          const o = document.getElementById(`${e}ButtonContainer`);
+          o && o.focus();
         }
-        r("update:modelValue", e);
-      },
-      NeonTabsStyle: o
+        t("update:modelValue", e);
+      }
     };
   }
 });
 export {
-  S as default
+  c as default
 };
 //# sourceMappingURL=NeonTabs.es.js.map

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

	@@ -1 +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 { ~~NeonTabsStyle } from '@/common/enums/NeonTabsStyle';\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 ~~button style.\n /\n tabsStyle: { type: String as () => NeonTabsStyle, default: NeonTabsStyle.Web },\n /\n The tab~~ highlight color (excludes low-contrast).\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n /\n The tab size ~~(NOTE: web style only)~~\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 ~~NeonTabsStyle,\n~~ };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","~~NeonTabsStyle","~~NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"~~;;;;;AAUA~~,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,~~WAAW,EAAE,MAAM,QAA+B,SAASC,EAAc,IAAA;AAAA;AAAA;AAAA;AAAA,IAIzE,~~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,~~MAIE,eAAAL~~;AAAA,~~IAAA;AAAA,~~EAEJ;AACF,CAAC;"}
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;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonTabs.vue.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n <div\n :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`, `~~neon-tabs--${tabsStyle}`~~]\"\n class=\"neon-tabs\"\n role=\"tablist\"\n >\n <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n <div\n v-for=\"(tab, index) in tabs\"\n :id=\"`${tab.key}Button`\"\n :key=\"tab.key\"\n :aria-controls=\"tab.key\"\n :aria-selected=\"tab.key === modelValue\"\n :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n class=\"neon-tabs__menu-item\"\n role=\"tab\"\n tabindex=\"-1\"\n @click=\"tab.key !== modelValue && onClick(tab.key)\"\n >\n <div\n :id=\"`${tab.key}ButtonContainer`\"\n :tabindex=\"tab.key === modelValue ? 0 : -1\"\n class=\"neon-tabs__menu-item-container\"\n @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n >\n <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n </div>\n </div>\n </div>\n <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","~~_ctx~~","~~_createElementVNode~~","~~_normalizeClass~~","_openBlock","_Fragment","_renderList","tab","index","$event","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":"+~~NA2BiC~~,MAAM,~~8GA1BrCA~~,EAAAA,~~mBAgCM~~,MAAA,~~CA/BH~~,~~uCAAsBC~~,~~EAAA~~,~~IAAI~~,~~GAAA~~,~~cAAkBA~~,~~OAAK~~,GAAA,cAAkBA,EAAA,~~SAAS~~,~~IACvE~~,WAAW,CAAA,~~EACjB~~,KAAK,~~YAELC~~,EAAAA,mBAwBM,MAAA,CAxBA,~~MAAKC~~,EAAAA,eAAA,CAAA,CAAA,~~oCAAyCF~~,EAAA,SAAS,EAAU,uBAAuB,CAAA,~~KAC5FG~~,EAAAA,UAAA,EAAA,EAAAJ,EAAAA,mBAsBMK,WAAA,KAAAC,EAAAA,~~WArBmBL~~,EAAA,KAAI,~~CAAnBM~~,EAAKC,mBADfR,EAAAA,mBAsBM,MAAA,CApBH,GAAE,GAAKO,EAAI,GAAG,SACd,IAAKA,EAAI,IACT,gBAAeA,EAAI,IACnB,gBAAeA,EAAI,~~MAAQN~~,EAAA,WAC3B,~~0DAA2CM~~,EAAI,~~MAAQN~~,EAAA,YAClD,sBAAsB,CAAA,EAC5B,KAAK,MACL,SAAS,KACR,~~QAAKQ~~,GAAEF,EAAI,~~MAAQN~~,EAAA,YAAcA,EAAA,~~QAAQM~~,EAAI,GAAG,~~IAEjDL~~,EAAAA,mBASM,MAAA,CARH,GAAE,~~GAAKK~~,EAAI,GAAG,kBACd,SAAUA,EAAI,~~MAAQN~~,EAAA,WAAU,EAAA,GACjC,MAAM,iCACL,UAAO,eAAQA,EAAA,QAAQA,EAAA,~~KAAKO~~,EAAK,~~IAASP~~,EAAA,KAAK,OAAM,~~EAAOO~~,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,OAAA,CAAA,~~gBAC5DP~~,EAAA,QAAQA,EAAA,~~KAAKO~~,IAAK,~~EAASP~~,EAAA,KAAK,OAAM,~~EAAOO~~,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,MAAA,CAAA,KAEzDD,EAAI,oBAArBG,EAAAA,YAA2EC,EAAA,OAA/C,KAAMJ,EAAI,KAAM,MAAM,sEACtCA,EAAI,OAAhBH,YAAA,EAAAJ,EAAAA,mBAA2E,OAA3EY,EAA2EC,EAAAA,gBAAnBN,EAAI,KAAK,EAAA,CAAA,yDAKvEO,~~aAAab~~,EAAA,OAAA,SAAA"}
1	+ {"version":3,"file":"NeonTabs.vue.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n <div\n v-for=\"(tab, index) in tabs\"\n :id=\"`${tab.key}Button`\"\n :key=\"tab.key\"\n :aria-controls=\"tab.key\"\n :aria-selected=\"tab.key === modelValue\"\n :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n class=\"neon-tabs__menu-item\"\n role=\"tab\"\n tabindex=\"-1\"\n @click=\"tab.key !== modelValue && onClick(tab.key)\"\n >\n <div\n :id=\"`${tab.key}ButtonContainer`\"\n :tabindex=\"tab.key === modelValue ? 0 : -1\"\n class=\"neon-tabs__menu-item-container\"\n @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n >\n <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n </div>\n </div>\n </div>\n <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_openBlock","_Fragment","_renderList","tab","index","$event","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":"+NAuBiC,MAAM,8GAtBrCA,EAAAA,mBA4BM,MAAA,CA5BA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,IAAI,GAAA,cAAkBA,EAAA,KAAK,IAAW,WAAW,CAAA,EAAC,KAAK,YACjFC,EAAAA,mBAwBM,MAAA,CAxBA,MAAKF,EAAAA,eAAA,CAAA,CAAA,oCAAyCC,EAAA,SAAS,EAAU,uBAAuB,CAAA,KAC5FE,EAAAA,UAAA,EAAA,EAAAJ,EAAAA,mBAsBMK,WAAA,KAAAC,EAAAA,WArBmBJ,EAAA,KAAI,CAAnBK,EAAKC,mBADfR,EAAAA,mBAsBM,MAAA,CApBH,GAAE,GAAKO,EAAI,GAAG,SACd,IAAKA,EAAI,IACT,gBAAeA,EAAI,IACnB,gBAAeA,EAAI,MAAQL,EAAA,WAC3B,0DAA2CK,EAAI,MAAQL,EAAA,YAClD,sBAAsB,CAAA,EAC5B,KAAK,MACL,SAAS,KACR,QAAKO,GAAEF,EAAI,MAAQL,EAAA,YAAcA,EAAA,QAAQK,EAAI,GAAG,IAEjDJ,EAAAA,mBASM,MAAA,CARH,GAAE,GAAKI,EAAI,GAAG,kBACd,SAAUA,EAAI,MAAQL,EAAA,WAAU,EAAA,GACjC,MAAM,iCACL,UAAO,eAAQA,EAAA,QAAQA,EAAA,KAAKM,EAAK,IAASN,EAAA,KAAK,OAAM,EAAOM,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,OAAA,CAAA,gBAC5DN,EAAA,QAAQA,EAAA,KAAKM,IAAK,EAASN,EAAA,KAAK,OAAM,EAAOM,EAAK,CAAA,EAAM,IAAG,EAAA,EAAA,CAAA,MAAA,CAAA,KAEzDD,EAAI,oBAArBG,EAAAA,YAA2EC,EAAA,OAA/C,KAAMJ,EAAI,KAAM,MAAM,sEACtCA,EAAI,OAAhBH,YAAA,EAAAJ,EAAAA,mBAA2E,OAA3EY,EAA2EC,EAAAA,gBAAnBN,EAAI,KAAK,EAAA,CAAA,yDAKvEO,aAAaZ,EAAA,OAAA,SAAA"}

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

@@ -1,5 +1,5 @@
 import u from "./NeonTabs.es.js";
-import { resolveComponent as c, openBlock as o, createElementBlock as t, normalizeClass as l, createElementVNode as i, Fragment as k, renderList as y, withKeys as r, createBlock as b, createCommentVNode as m, toDisplayString as p, renderSlot as _ } from "vue";
+import { resolveComponent as c, openBlock as o, createElementBlock as t, normalizeClass as l, createElementVNode as i, Fragment as k, renderList as y, withKeys as r, createBlock as _, createCommentVNode as m, toDisplayString as p, renderSlot as b } from "vue";
 import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const f = ["id", "aria-controls", "aria-selected", "onClick"], C = ["id", "tabindex", "onKeydown"], h = {
   key: 1,
@@ -8,7 +8,7 @@ const f = ["id", "aria-controls", "aria-selected", "onClick"], C = ["id", "tabin
 function v(e, V, g, B, w, K) {
   const d = c("neon-icon");
   return o(), t("div", {
-    class: l([[`neon-tabs--${e.size}`, `neon-tabs--${e.color}`, `neon-tabs--${e.tabsStyle}`], "neon-tabs"]),
+    class: l([[`neon-tabs--${e.size}`, `neon-tabs--${e.color}`], "neon-tabs"]),
     role: "tablist"
   }, [
     i("div", {
@@ -33,7 +33,7 @@ function v(e, V, g, B, w, K) {
             r((a) => e.onClick(e.tabs[s === 0 ? e.tabs.length - 1 : s - 1].key, !0), ["left"])
           ]
         }, [
-          n.icon ? (o(), b(d, {
+          n.icon ? (o(), _(d, {
             key: 0,
             name: n.icon,
             class: "neon-tabs__menu-icon"
@@ -42,11 +42,11 @@ function v(e, V, g, B, w, K) {
         ], 40, C)
       ], 10, f))), 128))
     ], 2),
-    _(e.$slots, "default")
+    b(e.$slots, "default")
   ], 2);
 }
-const E = /* @__PURE__ */ $(u, [["render", v]]);
+const S = /* @__PURE__ */ $(u, [["render", v]]);
 export {
-  E as default
+  S as default
 };
 //# sourceMappingURL=NeonTabs.vue.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonTabs.vue.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n <div\n :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`, `~~neon-tabs--${tabsStyle}`~~]\"\n class=\"neon-tabs\"\n role=\"tablist\"\n >\n <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n <div\n v-for=\"(tab, index) in tabs\"\n :id=\"`${tab.key}Button`\"\n :key=\"tab.key\"\n :aria-controls=\"tab.key\"\n :aria-selected=\"tab.key === modelValue\"\n :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n class=\"neon-tabs__menu-item\"\n role=\"tab\"\n tabindex=\"-1\"\n @click=\"tab.key !== modelValue && onClick(tab.key)\"\n >\n <div\n :id=\"`${tab.key}ButtonContainer`\"\n :tabindex=\"tab.key === modelValue ? 0 : -1\"\n class=\"neon-tabs__menu-item-container\"\n @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n >\n <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n </div>\n </div>\n </div>\n <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","~~_ctx~~","~~_createElementVNode~~","~~_normalizeClass~~","_openBlock","_Fragment","_renderList","tab","index","$event","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":";;;;;~~EA2BiC~~,OAAM;;;;~~cA1BrCA~~,~~EAgCM~~,OAAA;AAAA,~~IA/BH~~,~~yBAAsBC~~,EAAA,~~IAAI~~,~~IAAA~~,~~cAAkBA~~,~~OAAK~~,IAAA,cAAkBA,EAAA,~~SAAS~~,~~KACvE~~,WAAW,CAAA;AAAA,~~IACjB~~,MAAK;AAAA;~~IAELC~~,EAwBM,OAAA;AAAA,MAxBA,~~OAAKC~~,EAAA,CAAA,EAAA,~~qCAAyCF~~,EAAA,UAAS,GAAU,uBAAuB,CAAA;AAAA;~~OAC5FG~~,EAAA,EAAA,GAAAJ,EAsBMK,GAAA,MAAAC,~~EArBmBL~~,EAAA,MAAI,~~CAAnBM~~,GAAKC,YADfR,EAsBM,OAAA;AAAA,QApBH,IAAE,GAAKO,EAAI,GAAG;AAAA,QACd,KAAKA,EAAI;AAAA,QACT,iBAAeA,EAAI;AAAA,QACnB,iBAAeA,EAAI,~~QAAQN~~,EAAA;AAAA,QAC3B,~~8CAA2CM~~,EAAI,~~QAAQN~~,EAAA,cAClD,sBAAsB,CAAA;AAAA,QAC5B,MAAK;AAAA,QACL,UAAS;AAAA,QACR,SAAK,~~CAAAQ~~,MAAEF,EAAI,~~QAAQN~~,EAAA,cAAcA,EAAA,~~QAAQM~~,EAAI,GAAG;AAAA;~~QAEjDL~~,EASM,OAAA;AAAA,UARH,IAAE,~~GAAKK~~,EAAI,GAAG;AAAA,UACd,UAAUA,EAAI,~~QAAQN~~,EAAA,aAAU,IAAA;AAAA,UACjC,OAAM;AAAA,UACL,WAAO;AAAA,qBAAQA,EAAA,QAAQA,EAAA,~~KAAKO~~,IAAK,~~MAASP~~,EAAA,KAAK,SAAM,~~IAAOO~~,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,~~qBAC5DP~~,EAAA,QAAQA,EAAA,~~KAAKO~~,MAAK,~~IAASP~~,EAAA,KAAK,SAAM,~~IAAOO~~,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEzDD,EAAI,aAArBG,EAA2EC,GAAA;AAAA;YAA/C,MAAMJ,EAAI;AAAA,YAAM,OAAM;AAAA;UACtCA,EAAI,SAAhBH,EAAA,GAAAJ,EAA2E,QAA3EY,GAA2EC,EAAnBN,EAAI,KAAK,GAAA,CAAA;;;;IAKvEO,~~EAAab~~,EAAA,QAAA,SAAA;AAAA;;;"}
1	+ {"version":3,"file":"NeonTabs.vue.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n <div\n v-for=\"(tab, index) in tabs\"\n :id=\"`${tab.key}Button`\"\n :key=\"tab.key\"\n :aria-controls=\"tab.key\"\n :aria-selected=\"tab.key === modelValue\"\n :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n class=\"neon-tabs__menu-item\"\n role=\"tab\"\n tabindex=\"-1\"\n @click=\"tab.key !== modelValue && onClick(tab.key)\"\n >\n <div\n :id=\"`${tab.key}ButtonContainer`\"\n :tabindex=\"tab.key === modelValue ? 0 : -1\"\n class=\"neon-tabs__menu-item-container\"\n @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n >\n <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n </div>\n </div>\n </div>\n <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_openBlock","_Fragment","_renderList","tab","index","$event","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":";;;;;EAuBiC,OAAM;;;;cAtBrCA,EA4BM,OAAA;AAAA,IA5BA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,IAAI,IAAA,cAAkBA,EAAA,KAAK,KAAW,WAAW,CAAA;AAAA,IAAC,MAAK;AAAA;IACjFC,EAwBM,OAAA;AAAA,MAxBA,OAAKF,EAAA,CAAA,EAAA,qCAAyCC,EAAA,UAAS,GAAU,uBAAuB,CAAA;AAAA;OAC5FE,EAAA,EAAA,GAAAJ,EAsBMK,GAAA,MAAAC,EArBmBJ,EAAA,MAAI,CAAnBK,GAAKC,YADfR,EAsBM,OAAA;AAAA,QApBH,IAAE,GAAKO,EAAI,GAAG;AAAA,QACd,KAAKA,EAAI;AAAA,QACT,iBAAeA,EAAI;AAAA,QACnB,iBAAeA,EAAI,QAAQL,EAAA;AAAA,QAC3B,8CAA2CK,EAAI,QAAQL,EAAA,cAClD,sBAAsB,CAAA;AAAA,QAC5B,MAAK;AAAA,QACL,UAAS;AAAA,QACR,SAAK,CAAAO,MAAEF,EAAI,QAAQL,EAAA,cAAcA,EAAA,QAAQK,EAAI,GAAG;AAAA;QAEjDJ,EASM,OAAA;AAAA,UARH,IAAE,GAAKI,EAAI,GAAG;AAAA,UACd,UAAUA,EAAI,QAAQL,EAAA,aAAU,IAAA;AAAA,UACjC,OAAM;AAAA,UACL,WAAO;AAAA,qBAAQA,EAAA,QAAQA,EAAA,KAAKM,IAAK,MAASN,EAAA,KAAK,SAAM,IAAOM,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,qBAC5DN,EAAA,QAAQA,EAAA,KAAKM,MAAK,IAASN,EAAA,KAAK,SAAM,IAAOM,IAAK,CAAA,EAAM,KAAG,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;UAEzDD,EAAI,aAArBG,EAA2EC,GAAA;AAAA;YAA/C,MAAMJ,EAAI;AAAA,YAAM,OAAM;AAAA;UACtCA,EAAI,SAAhBH,EAAA,GAAAJ,EAA2E,QAA3EY,GAA2EC,EAAnBN,EAAI,KAAK,GAAA,CAAA;;;;IAKvEO,EAAaZ,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/components/user-input/button/NeonButton.vue.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex"],b={key:1,class:"neon-button__label"};function c(e,o,k,m,y,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),s=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.clickButton&&e.clickButton(...i))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.color,disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const p=a(r,[["render",c]]);module.exports=p;
+"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex"],b={key:1,class:"neon-button__label"};function c(e,o,k,m,y,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),s=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.clickButton&&e.clickButton(...i))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const p=a(r,[["render",c]]);module.exports=p;
 //# sourceMappingURL=NeonButton.vue.cjs.js.map

package/dist/components/user-input/button/NeonButton.vue.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n <neon-link\n v-if=\"href\"\n ref=\"button\"\n :class=\"classes\"\n :href=\"href\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n outline-style=\"none\"\n role=\"button\"\n v-bind=\"sanitizedAttributes\"\n @keydown.space.prevent=\"clickLink\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n </neon-link>\n <button\n v-else\n ref=\"button\"\n :class=\"classes\"\n :disabled=\"disabled \|\| state !== 'ready'\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n v-bind=\"sanitizedAttributes\"\n @click=\"clickButton\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"color\"\n :disabled=\"disabled\"\n :expanded=\"indicatorExpanded\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n class=\"neon-button__indicator\"\n />\n </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAoBuB,MAAM,yDAmBN,MAAM,gLArCnBA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAoBYC,EApBZC,aAoBY,OAlBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA0BS,SA1BTF,aA0BS,OAxBP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,GAEZA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEI,EAAgEF,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,+BAE9CA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,~~MACP~~,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}
1	+ {"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n <neon-link\n v-if=\"href\"\n ref=\"button\"\n :class=\"classes\"\n :href=\"href\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n outline-style=\"none\"\n role=\"button\"\n v-bind=\"sanitizedAttributes\"\n @keydown.space.prevent=\"clickLink\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n </neon-link>\n <button\n v-else\n ref=\"button\"\n :class=\"classes\"\n :disabled=\"disabled \|\| state !== 'ready'\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n v-bind=\"sanitizedAttributes\"\n @click=\"clickButton\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n :disabled=\"disabled\"\n :expanded=\"indicatorExpanded\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n class=\"neon-button__indicator\"\n />\n </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAoBuB,MAAM,yDAmBN,MAAM,gLArCnBA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAoBYC,EApBZC,aAoBY,OAlBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA0BS,SA1BTF,aA0BS,OAxBP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,GAEZA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEI,EAAgEF,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,+BAE9CA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}

package/dist/components/user-input/button/NeonButton.vue.es.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import m from "./NeonButton.es.js";
-import { resolveComponent as s, openBlock as n, createBlock as i, mergeProps as a, withKeys as y, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as l, toDisplayString as r } from "vue";
+import { resolveComponent as s, openBlock as n, createBlock as i, mergeProps as d, withKeys as y, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as l, toDisplayString as r } from "vue";
 import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const v = {
   key: 1,
   class: "neon-button__label"
-}, h = ["disabled", "tabindex"], B = {
+}, h = ["disabled", "tabindex"], S = {
   key: 1,
   class: "neon-button__label"
 };
-function S(e, d, w, C, N, $) {
-  const t = s("neon-icon"), b = s("neon-link"), u = s("neon-expansion-indicator");
-  return e.href ? (n(), i(b, a({
+function w(e, t, B, C, N, $) {
+  const a = s("neon-icon"), b = s("neon-link"), u = s("neon-expansion-indicator");
+  return e.href ? (n(), i(b, d({
     key: 0,
     ref: "button",
     class: [e.classes, "neon-button"],
@@ -22,7 +22,7 @@ function S(e, d, w, C, N, $) {
     onKeydown: y(f(e.clickLink, ["prevent"]), ["space"])
   }), {
     default: k(() => [
-      e.icon || e.state !== "ready" ? (n(), i(t, {
+      e.icon || e.state !== "ready" ? (n(), i(a, {
         key: 0,
         color: e.buttonStyle !== "solid" ? e.color : void 0,
         disabled: e.disabled,
@@ -32,26 +32,26 @@ function S(e, d, w, C, N, $) {
       e.label ? (n(), l("span", v, r(e.label), 1)) : o("", !0)
     ]),
     _: 1
-  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), l("button", a({
+  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), l("button", d({
     key: 1,
     ref: "button",
     class: [e.classes, "neon-button"],
     disabled: e.disabled || e.state !== "ready",
     tabindex: e.disabled ? -1 : 0
   }, e.sanitizedAttributes, {
-    onClick: d[0] || (d[0] = (...p) => e.clickButton && e.clickButton(...p))
+    onClick: t[0] || (t[0] = (...p) => e.clickButton && e.clickButton(...p))
   }), [
-    e.icon || e.state !== "ready" ? (n(), i(t, {
+    e.icon || e.state !== "ready" ? (n(), i(a, {
       key: 0,
       color: e.buttonStyle !== "solid" ? e.color : void 0,
       disabled: e.disabled,
       inverse: e.buttonStyle === "solid" || e.inverse,
       name: e.iconName
     }, null, 8, ["color", "disabled", "inverse", "name"])) : o("", !0),
-    e.label ? (n(), l("span", B, r(e.label), 1)) : o("", !0),
+    e.label ? (n(), l("span", S, r(e.label), 1)) : o("", !0),
     e.indicator ? (n(), i(u, {
       key: 2,
-      color: e.color,
+      color: e.buttonStyle === "text" ? e.color : "low-contrast",
       disabled: e.disabled,
       expanded: e.indicatorExpanded,
       inverse: e.buttonStyle === "solid" || e.inverse,
@@ -59,7 +59,7 @@ function S(e, d, w, C, N, $) {
     }, null, 8, ["color", "disabled", "expanded", "inverse"])) : o("", !0)
   ], 16, h));
 }
-const A = /* @__PURE__ */ c(m, [["render", S]]);
+const A = /* @__PURE__ */ c(m, [["render", w]]);
 export {
   A as default
 };

package/dist/components/user-input/button/NeonButton.vue.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n <neon-link\n v-if=\"href\"\n ref=\"button\"\n :class=\"classes\"\n :href=\"href\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n outline-style=\"none\"\n role=\"button\"\n v-bind=\"sanitizedAttributes\"\n @keydown.space.prevent=\"clickLink\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n </neon-link>\n <button\n v-else\n ref=\"button\"\n :class=\"classes\"\n :disabled=\"disabled \|\| state !== 'ready'\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n v-bind=\"sanitizedAttributes\"\n @click=\"clickButton\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"color\"\n :disabled=\"disabled\"\n :expanded=\"indicatorExpanded\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n class=\"neon-button__indicator\"\n />\n </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAmBN,OAAM;;;;SArCnBA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA0BS,UA1BTF,EA0BS;AAAA;IAxBP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,KAEZA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;MAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,cAAZM,EAAgE,QAAhEI,GAAgEF,EAAfR,EAAA,KAAK,GAAA,CAAA;IAE9CA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA;AAAA,~~MACP~~,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}
1	+ {"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n <neon-link\n v-if=\"href\"\n ref=\"button\"\n :class=\"classes\"\n :href=\"href\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n outline-style=\"none\"\n role=\"button\"\n v-bind=\"sanitizedAttributes\"\n @keydown.space.prevent=\"clickLink\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n </neon-link>\n <button\n v-else\n ref=\"button\"\n :class=\"classes\"\n :disabled=\"disabled \|\| state !== 'ready'\"\n :tabindex=\"!disabled ? 0 : -1\"\n class=\"neon-button\"\n v-bind=\"sanitizedAttributes\"\n @click=\"clickButton\"\n >\n <neon-icon\n v-if=\"icon \|\| state !== 'ready'\"\n :color=\"buttonStyle !== 'solid' ? color : undefined\"\n :disabled=\"disabled\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n :name=\"iconName\"\n />\n <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n <neon-expansion-indicator\n v-if=\"indicator\"\n :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n :disabled=\"disabled\"\n :expanded=\"indicatorExpanded\"\n :inverse=\"buttonStyle === 'solid' \|\| inverse\"\n class=\"neon-button__indicator\"\n />\n </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAmBN,OAAM;;;;SArCnBA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA0BS,UA1BTF,EA0BS;AAAA;IAxBP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,KAEZA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;MAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,cAAZM,EAAgE,QAAhEI,GAAgEF,EAAfR,EAAA,KAAK,GAAA,CAAA;IAE9CA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonField.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a=["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-text-${o.messageColor}`,"neon-field__message"]),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,a)}const c=t(s,[["render",p]]);module.exports=c;
+"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;
 //# sourceMappingURL=NeonField.vue.cjs.js.map