@aotearoan/neon 18.2.13 → 19.0.1

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

@@ -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, 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    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"],"mappings":"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"}
+{"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":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),b=require("../../../common/enums/NeonButtonSize.cjs.js"),y=require("../../../common/enums/NeonFunctionalColor.cjs.js"),u=require("../../../common/enums/NeonButtonStyle.cjs.js"),S=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),N=require("../../presentation/icon/NeonIcon.vue.cjs.js"),B=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),h=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:g,NeonIcon:N,NeonLink:B},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:b.NeonButtonSize.Medium},color:{type:String,default:y.NeonFunctionalColor.LowContrast},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconPosition:{type:String,default:S.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:u.NeonButtonStyle.Solid},state:{type:String,default:o.NeonState.Ready},disabled:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},emits:["click"],setup(t,{emit:a}){const i=e.useAttrs(),l=e.ref(null),c=e.computed(()=>{switch(t.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return"check";case o.NeonState.Error:return"times";default:return t.icon}}),r=e.computed(()=>[`neon-button--${t.size}`,!t.inverse&&`neon-button--${t.color}`,`neon-button--${t.buttonStyle}`,`neon-button--state-${t.state}`,{"neon-button--text-transparent":t.transparent&&t.buttonStyle===u.NeonButtonStyle.Text,"neon-button--disabled":t.disabled,"neon-button--inverse":t.inverse,"neon-button--circular":t.circular,"neon-button--no-outline":!t.outline,"neon-button--full-width":t.fullWidth,"neon-button--with-icon neon-button--icon-only":!t.label&&t.icon&&!t.indicator,"neon-button--with-icon neon-button--icon-left":t.label&&t.icon&&t.iconPosition==="left","neon-button--with-icon neon-button--icon-right":t.label&&t.icon&&t.iconPosition==="right",[`neon-button--alternate-color-${t.alternateColor}`]:t.alternateColor}]),d=()=>{var n;return(n=l.value)==null?void 0:n.click()},s=e.computed(()=>{const{onClick:n,...f}=i;return f});return{iconName:c,classes:r,button:l,attrs:i,sanitizedAttributes:s,clickLink:d,clickButton:()=>{var n;t.disabled||a("click"),(n=l.value)==null||n.blur()}}}});module.exports=h;
+"use strict";const e=require("vue"),b=require("../../../common/enums/NeonButtonSize.cjs.js"),y=require("../../../common/enums/NeonFunctionalColor.cjs.js"),u=require("../../../common/enums/NeonButtonStyle.cjs.js"),S=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),N=require("../../presentation/icon/NeonIcon.vue.cjs.js"),B=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),m=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:g,NeonIcon:N,NeonLink:B},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:b.NeonButtonSize.Medium},color:{type:String,default:y.NeonFunctionalColor.Primary},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconPosition:{type:String,default:S.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:u.NeonButtonStyle.Solid},state:{type:String,default:o.NeonState.Ready},disabled:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},emits:["click"],setup(t,{emit:a}){const i=e.useAttrs(),l=e.ref(null),c=e.computed(()=>{switch(t.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return"check";case o.NeonState.Error:return"times";default:return t.icon}}),r=e.computed(()=>[`neon-button--${t.size}`,!t.inverse&&`neon-button--${t.color}`,`neon-button--${t.buttonStyle}`,`neon-button--state-${t.state}`,{"neon-button--text-transparent":t.transparent&&t.buttonStyle===u.NeonButtonStyle.Text,"neon-button--disabled":t.disabled,"neon-button--inverse":t.inverse,"neon-button--circular":t.circular,"neon-button--no-outline":!t.outline,"neon-button--full-width":t.fullWidth,"neon-button--with-icon neon-button--icon-only":!t.label&&t.icon&&!t.indicator,"neon-button--with-icon neon-button--icon-left":t.label&&t.icon&&t.iconPosition==="left","neon-button--with-icon neon-button--icon-right":t.label&&t.icon&&t.iconPosition==="right",[`neon-button--alternate-color-${t.alternateColor}`]:t.alternateColor}]),d=()=>{var n;return(n=l.value)==null?void 0:n.click()},s=e.computed(()=>{const{onClick:n,...f}=i;return f});return{iconName:c,classes:r,button:l,attrs:i,sanitizedAttributes:s,clickLink:d,clickButton:()=>{var n;t.disabled||a("click"),(n=l.value)==null||n.blur()}}}});module.exports=m;
 //# sourceMappingURL=NeonButton.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"ghBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAA,EAItE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,EAKjF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAA,EAI9F,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAA,EAI/E,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAA,EAIpC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAA,EAKrC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAKrC,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAA,CAAK,EAEpD,MAAO,CAIL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAASC,EAAAA,IAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQP,EAAM,MAAA,CACZ,KAAKD,EAAAA,UAAU,QACb,MAAO,UACT,KAAKA,EAAAA,UAAU,QACb,MAAO,QACT,KAAKA,EAAAA,UAAU,MACb,MAAO,QACT,QACE,OAAOC,EAAM,IAAA,CAEnB,CAAC,EAEKQ,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBP,EAAM,IAAI,GAC1B,CAACA,EAAM,SAAW,gBAAgBA,EAAM,KAAK,GAC7C,gBAAgBA,EAAM,WAAW,GACjC,sBAAsBA,EAAM,KAAK,GACjC,CACE,gCAAiCA,EAAM,aAAeA,EAAM,cAAgBF,EAAAA,gBAAgB,KAC5F,wBAAyBE,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDAAiD,CAACA,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,iDAAkDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,QACtG,CAAC,gCAAgCA,EAAM,cAAc,EAAE,EAAGA,EAAM,cAAA,CAClE,CAEH,EAEKS,EAAY,IAAA,OAAM,OAAAC,EAAAN,EAAO,QAAP,YAAAM,EAAc,SAEhCC,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,CAAA,EAAcX,EAClC,OAAOW,CACT,CAAC,EASD,MAAO,CACL,SAAAP,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,oBAAAS,EACA,UAAAF,EACA,YAdkB,IAAM,OACnBT,EAAM,UACTC,EAAK,OAAO,GAEdS,EAAAN,EAAO,QAAP,MAAAM,EAAc,MAChB,CASE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonButton.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"ghBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAA,EAItE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAKjF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAA,EAI9F,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAA,EAI/E,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAA,EAIpC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAA,EAKrC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAKrC,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAA,CAAK,EAEpD,MAAO,CAIL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAASC,EAAAA,IAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQP,EAAM,MAAA,CACZ,KAAKD,EAAAA,UAAU,QACb,MAAO,UACT,KAAKA,EAAAA,UAAU,QACb,MAAO,QACT,KAAKA,EAAAA,UAAU,MACb,MAAO,QACT,QACE,OAAOC,EAAM,IAAA,CAEnB,CAAC,EAEKQ,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBP,EAAM,IAAI,GAC1B,CAACA,EAAM,SAAW,gBAAgBA,EAAM,KAAK,GAC7C,gBAAgBA,EAAM,WAAW,GACjC,sBAAsBA,EAAM,KAAK,GACjC,CACE,gCAAiCA,EAAM,aAAeA,EAAM,cAAgBF,EAAAA,gBAAgB,KAC5F,wBAAyBE,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDAAiD,CAACA,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,iDAAkDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,QACtG,CAAC,gCAAgCA,EAAM,cAAc,EAAE,EAAGA,EAAM,cAAA,CAClE,CAEH,EAEKS,EAAY,IAAA,OAAM,OAAAC,EAAAN,EAAO,QAAP,YAAAM,EAAc,SAEhCC,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,CAAA,EAAcX,EAClC,OAAOW,CACT,CAAC,EASD,MAAO,CACL,SAAAP,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,oBAAAS,EACA,UAAAF,EACA,YAdkB,IAAM,OACnBT,EAAM,UACTC,EAAK,OAAO,GAEdS,EAAAN,EAAO,QAAP,MAAAM,EAAc,MAChB,CASE,CAEJ,CACF,CAAC"}

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

@@ -30,7 +30,7 @@ const I = b({
     /**
      * The button color
      */
-    color: { type: String, default: g.LowContrast },
+    color: { type: String, default: g.Primary },
     /**
      * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.
      * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)

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

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}
+{"version":3,"file":"NeonButton.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}

package/dist/components/user-input/chip/NeonChip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("../../../common/enums/NeonSize.cjs.js"),d=require("../../../common/enums/NeonFunctionalColor.cjs.js"),f=require("../../presentation/icon/NeonIcon.vue.cjs.js"),t=require("../../../common/enums/NeonChipAction.cjs.js"),p=e.defineComponent({name:"NeonChip",components:{NeonIcon:f},props:{label:{type:String,required:!0},size:{type:String,default:u.NeonSize.Medium},color:{type:String,default:d.NeonFunctionalColor.LowContrast},action:{type:String,default:t.NeonChipAction.Click},disabled:{type:Boolean,default:!1},icon:{type:String,default:null}},emits:["close","click"],setup(n,{emit:i}){const s=e.useAttrs(),l=e.ref(null),c=e.ref(!0),o=e.ref(!1),a=e.computed(()=>{if(!n.disabled)switch(n.action){case t.NeonChipAction.Remove:return"button";case t.NeonChipAction.Click:return"link"}}),r=()=>{if(!n.disabled)switch(n.action){case t.NeonChipAction.Remove:c.value=!1,i("close");break;case t.NeonChipAction.Click:i("click");break}};return{chip:l,open:c,active:o,role:a,attrs:s,keyUp:()=>{o.value=!1},keyDown:()=>{n.disabled||(o.value=!0,r())},clicked:r}}});module.exports=p;
+"use strict";const e=require("vue"),u=require("../../../common/enums/NeonSize.cjs.js"),d=require("../../../common/enums/NeonFunctionalColor.cjs.js"),f=require("../../presentation/icon/NeonIcon.vue.cjs.js"),t=require("../../../common/enums/NeonChipAction.cjs.js"),p=e.defineComponent({name:"NeonChip",components:{NeonIcon:f},props:{label:{type:String,required:!0},size:{type:String,default:u.NeonSize.Medium},color:{type:String,default:d.NeonFunctionalColor.Primary},action:{type:String,default:t.NeonChipAction.Click},disabled:{type:Boolean,default:!1},icon:{type:String,default:null}},emits:["close","click"],setup(n,{emit:i}){const l=e.useAttrs(),s=e.ref(null),c=e.ref(!0),o=e.ref(!1),a=e.computed(()=>{if(!n.disabled)switch(n.action){case t.NeonChipAction.Remove:return"button";case t.NeonChipAction.Click:return"link"}}),r=()=>{if(!n.disabled)switch(n.action){case t.NeonChipAction.Remove:c.value=!1,i("close");break;case t.NeonChipAction.Click:i("click");break}};return{chip:s,open:c,active:o,role:a,attrs:l,keyUp:()=>{o.value=!1},keyDown:()=>{n.disabled||(o.value=!0,r())},clicked:r}}});module.exports=p;
 //# sourceMappingURL=NeonChip.cjs.js.map

package/dist/components/user-input/chip/NeonChip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonChip.cjs.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonChipAction","props","emit","attrs","useAttrs","chip","ref","open","active","role","computed","clicked"],"mappings":"uQAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,EAIjF,OAAQ,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,KAAA,EAIxE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,CAAK,EAEtC,MAAO,CAML,QAMA,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAAOC,EAAAA,IAAI,IAAI,EACfC,EAAOD,EAAAA,IAAI,EAAI,EACfE,EAASF,EAAAA,IAAI,EAAK,EAElBG,EAAOC,EAAAA,SAAS,IAAM,CAC1B,GAAI,CAACT,EAAM,SACT,OAAQA,EAAM,OAAA,CACZ,KAAKD,EAAAA,eAAe,OAClB,MAAO,SACT,KAAKA,EAAAA,eAAe,MAClB,MAAO,MAAA,CAKf,CAAC,EAEKW,EAAU,IAAM,CACpB,GAAI,CAACV,EAAM,SACT,OAAQA,EAAM,OAAA,CACZ,KAAKD,EAAAA,eAAe,OAClBO,EAAK,MAAQ,GACbL,EAAK,OAAO,EACZ,MACF,KAAKF,EAAAA,eAAe,MAClBE,EAAK,OAAO,EACZ,KAAA,CAGR,EAaA,MAAO,CACL,KAAAG,EACA,KAAAE,EACA,OAAAC,EACA,KAAAC,EACA,MAAAN,EACA,MAjBY,IAAM,CAClBK,EAAO,MAAQ,EACjB,EAgBE,QAdc,IAAM,CACfP,EAAM,WACTO,EAAO,MAAQ,GACfG,EAAA,EAEJ,EAUE,QAAAA,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonChip.cjs.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonChipAction","props","emit","attrs","useAttrs","chip","ref","open","active","role","computed","clicked"],"mappings":"uQAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,OAAQ,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,KAAA,EAIxE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,CAAK,EAEtC,MAAO,CAML,QAMA,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAAOC,EAAAA,IAAI,IAAI,EACfC,EAAOD,EAAAA,IAAI,EAAI,EACfE,EAASF,EAAAA,IAAI,EAAK,EAElBG,EAAOC,EAAAA,SAAS,IAAM,CAC1B,GAAI,CAACT,EAAM,SACT,OAAQA,EAAM,OAAA,CACZ,KAAKD,EAAAA,eAAe,OAClB,MAAO,SACT,KAAKA,EAAAA,eAAe,MAClB,MAAO,MAAA,CAKf,CAAC,EAEKW,EAAU,IAAM,CACpB,GAAI,CAACV,EAAM,SACT,OAAQA,EAAM,OAAA,CACZ,KAAKD,EAAAA,eAAe,OAClBO,EAAK,MAAQ,GACbL,EAAK,OAAO,EACZ,MACF,KAAKF,EAAAA,eAAe,MAClBE,EAAK,OAAO,EACZ,KAAA,CAGR,EAaA,MAAO,CACL,KAAAG,EACA,KAAAE,EACA,OAAAC,EACA,KAAAC,EACA,MAAAN,EACA,MAjBY,IAAM,CAClBK,EAAO,MAAQ,EACjB,EAgBE,QAdc,IAAM,CACfP,EAAM,WACTO,EAAO,MAAQ,GACfG,EAAA,EAEJ,EAUE,QAAAA,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/chip/NeonChip.es.js

@@ -3,7 +3,7 @@ import { NeonSize as m } from "../../../common/enums/NeonSize.es.js";
 import { NeonFunctionalColor as p } from "../../../common/enums/NeonFunctionalColor.es.js";
 import k from "../../presentation/icon/NeonIcon.vue.es.js";
 import { NeonChipAction as t } from "../../../common/enums/NeonChipAction.es.js";
-const w = u({
+const N = u({
   name: "NeonChip",
   components: {
     NeonIcon: k
@@ -20,7 +20,7 @@ const w = u({
     /**
      * The chip color.
      */
-    color: { type: String, default: p.LowContrast },
+    color: { type: String, default: p.Primary },
     /**
      * The action when clicking on a chip. Can be click or remove.
      */
@@ -49,7 +49,7 @@ const w = u({
     "click"
   ],
   setup(e, { emit: i }) {
-    const a = f(), r = n(null), c = n(!0), o = n(!1), s = d(() => {
+    const r = f(), a = n(null), c = n(!0), o = n(!1), s = d(() => {
       if (!e.disabled)
         switch (e.action) {
           case t.Remove:
@@ -69,11 +69,11 @@ const w = u({
         }
     };
     return {
-      chip: r,
+      chip: a,
       open: c,
       active: o,
       role: s,
-      attrs: a,
+      attrs: r,
       keyUp: () => {
         o.value = !1;
       },
@@ -85,6 +85,6 @@ const w = u({
   }
 });
 export {
-  w as default
+  N as default
 };
 //# sourceMappingURL=NeonChip.es.js.map

package/dist/components/user-input/chip/NeonChip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonChip.es.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonChipAction","props","emit","attrs","useAttrs","chip","ref","open","active","role","computed","clicked"],"mappings":";;;;;AAkBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,QAAQ,EAAE,MAAM,QAAgC,SAASC,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA,IAIxE,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,EAAK;AAAA,EAEtC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GAERC,IAAOC,EAAI,IAAI,GACfC,IAAOD,EAAI,EAAI,GACfE,IAASF,EAAI,EAAK,GAElBG,IAAOC,EAAS,MAAM;AAC1B,UAAI,CAACT,EAAM;AACT,gBAAQA,EAAM,QAAA;AAAA,UACZ,KAAKD,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,QAAA;AAAA,IAKf,CAAC,GAEKW,IAAU,MAAM;AACpB,UAAI,CAACV,EAAM;AACT,gBAAQA,EAAM,QAAA;AAAA,UACZ,KAAKD,EAAe;AAClB,YAAAO,EAAK,QAAQ,IACbL,EAAK,OAAO;AACZ;AAAA,UACF,KAAKF,EAAe;AAClB,YAAAE,EAAK,OAAO;AACZ;AAAA,QAAA;AAAA,IAGR;AAaA,WAAO;AAAA,MACL,MAAAG;AAAA,MACA,MAAAE;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAN;AAAA,MACA,OAjBY,MAAM;AAClB,QAAAK,EAAO,QAAQ;AAAA,MACjB;AAAA,MAgBE,SAdc,MAAM;AACpB,QAAKP,EAAM,aACTO,EAAO,QAAQ,IACfG,EAAA;AAAA,MAEJ;AAAA,MAUE,SAAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonChip.es.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonChipAction","props","emit","attrs","useAttrs","chip","ref","open","active","role","computed","clicked"],"mappings":";;;;;AAkBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,QAAQ,EAAE,MAAM,QAAgC,SAASC,EAAe,MAAA;AAAA;AAAA;AAAA;AAAA,IAIxE,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,EAAK;AAAA,EAEtC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GAERC,IAAOC,EAAI,IAAI,GACfC,IAAOD,EAAI,EAAI,GACfE,IAASF,EAAI,EAAK,GAElBG,IAAOC,EAAS,MAAM;AAC1B,UAAI,CAACT,EAAM;AACT,gBAAQA,EAAM,QAAA;AAAA,UACZ,KAAKD,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,QAAA;AAAA,IAKf,CAAC,GAEKW,IAAU,MAAM;AACpB,UAAI,CAACV,EAAM;AACT,gBAAQA,EAAM,QAAA;AAAA,UACZ,KAAKD,EAAe;AAClB,YAAAO,EAAK,QAAQ,IACbL,EAAK,OAAO;AACZ;AAAA,UACF,KAAKF,EAAe;AAClB,YAAAE,EAAK,OAAO;AACZ;AAAA,QAAA;AAAA,IAGR;AAaA,WAAO;AAAA,MACL,MAAAG;AAAA,MACA,MAAAE;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAN;AAAA,MACA,OAjBY,MAAM;AAClB,QAAAK,EAAO,QAAQ;AAAA,MACjB;AAAA,MAgBE,SAdc,MAAM;AACpB,QAAKP,EAAM,aACTO,EAAO,QAAQ,IACfG,EAAA;AAAA,MAEJ;AAAA,MAUE,SAAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/user-input/color/NeonColor.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("../../../common/enums/NeonSize.cjs.js"),s=require("../../../common/enums/NeonFunctionalColor.cjs.js"),a=require("../input/NeonInput.vue.cjs.js"),i=e.defineComponent({name:"NeonColor",components:{NeonInput:a},props:{id:{type:String},modelValue:{type:String,required:!0},disabled:{type:Boolean,default:!1},pickerOnly:{type:Boolean,default:!1},size:{type:String,default:u.NeonSize.Medium},color:{type:String,default:s.NeonFunctionalColor.LowContrast},placeholder:{type:String,required:!1}},setup(t,{emit:o}){const n=e.useAttrs(),r=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}});return{attrs:n,localValue:r}}});module.exports=i;
+"use strict";const e=require("vue"),u=require("../../../common/enums/NeonSize.cjs.js"),i=require("../../../common/enums/NeonFunctionalColor.cjs.js"),a=require("../input/NeonInput.vue.cjs.js"),s=e.defineComponent({name:"NeonColor",components:{NeonInput:a},props:{id:{type:String},modelValue:{type:String,required:!0},disabled:{type:Boolean,default:!1},pickerOnly:{type:Boolean,default:!1},size:{type:String,default:u.NeonSize.Medium},color:{type:String,default:i.NeonFunctionalColor.Primary},placeholder:{type:String,required:!1}},setup(t,{emit:o}){const n=e.useAttrs(),r=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}});return{attrs:n,localValue:r}}});module.exports=s;
 //# sourceMappingURL=NeonColor.cjs.js.map

package/dist/components/user-input/color/NeonColor.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonColor.cjs.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":"gMAKAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CAAA,EAEF,MAAO,CAIL,GAAI,CAAE,KAAM,MAAA,EAIZ,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAA,EAItC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,EAIjF,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAA,CAAM,EAE/C,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAaC,EAAAA,SAAS,CAC1B,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAa,CACfL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EAED,MAAO,CACL,MAAAJ,EACA,WAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonColor.cjs.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":"gMAKAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CAAA,EAEF,MAAO,CAIL,GAAI,CAAE,KAAM,MAAA,EAIZ,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAA,EAItC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAA,CAAM,EAE/C,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAaC,EAAAA,SAAS,CAC1B,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAa,CACfL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EAED,MAAO,CACL,MAAAJ,EACA,WAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/color/NeonColor.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as l, useAttrs as a, computed as p } from "vue";
-import { NeonSize as u } from "../../../common/enums/NeonSize.es.js";
-import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { defineComponent as n, useAttrs as a, computed as p } from "vue";
+import { NeonSize as i } from "../../../common/enums/NeonSize.es.js";
+import { NeonFunctionalColor as u } from "../../../common/enums/NeonFunctionalColor.es.js";
 import d from "../input/NeonInput.vue.es.js";
-const y = l({
+const y = n({
   name: "NeonColor",
   components: {
     NeonInput: d
@@ -27,11 +27,11 @@ const y = l({
     /**
      * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
      */
-    size: { type: String, default: u.Medium },
+    size: { type: String, default: i.Medium },
     /**
      * Color of the input
      */
-    color: { type: String, default: i.LowContrast },
+    color: { type: String, default: u.Primary },
     /**
      * This is the placeholder for the text input when no value is provided.
      */
@@ -42,8 +42,8 @@ const y = l({
       get() {
         return e.modelValue;
       },
-      set(n) {
-        t("update:modelValue", n);
+      set(l) {
+        t("update:modelValue", l);
       }
     });
     return {

package/dist/components/user-input/color/NeonColor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonColor.es.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":";;;;AAKA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIZ,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,aAAa,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA,EAAM;AAAA,EAE/C,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GACRC,IAAaC,EAAS;AAAA,MAC1B,MAAM;AACJ,eAAOL,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAa;AACf,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAED,WAAO;AAAA,MACL,OAAAJ;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonColor.es.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":";;;;AAKA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIZ,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,aAAa,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA,EAAM;AAAA,EAE/C,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAQC,EAAA,GACRC,IAAaC,EAAS;AAAA,MAC1B,MAAM;AACJ,eAAOL,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAa;AACf,QAAAL,EAAK,qBAAqBK,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAED,WAAO;AAAA,MACL,OAAAJ;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const c=require("./NeonDatePicker.cjs.js"),e=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),b=["aria-label","tabindex"],k={ref:"calendarRef",class:"neon-date-picker__calendar"},v={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},y={class:"neon-date-picker__calendar-header-actions"},w={class:"neon-date-picker__calendar-options"},h={class:"neon-date-picker__calendar-header"},g={key:0,class:"neon-date-picker__calendar-title-readonly"},C={class:"neon-date-picker__calendar-header-actions"},D={class:"neon-date-picker__calendar-options"},M={class:"neon-date-picker__calendar-header"},$={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},f={class:"neon-date-picker__calendar-dows"},B={class:"neon-button-group"};function V(a,n,K,Y,z,L){const i=e.resolveComponent("neon-input"),r=e.resolveComponent("neon-button"),s=e.resolveComponent("neon-dropdown");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-date-picker--${a.size}`,`neon-date-picker--${a.color}`,{"neon-date-picker--disabled":a.disabled,"neon-date-picker--open":a.calendarOpen}],"neon-date-picker"])},[e.createVNode(s,{ref:"dropdown",modelValue:a.calendarOpen,"onUpdate:modelValue":[n[23]||(n[23]=o=>a.calendarOpen=o),n[24]||(n[24]=o=>a.resetToCalendar())],placement:a.placement},{"dropdown-button":e.withCtx(()=>[e.createVNode(i,{color:a.color,disabled:a.disabled,"icon-readonly":!0,"model-value":a.formattedValue,placeholder:a.placeholder,size:a.size,tabindex:-1,class:"neon-date-picker__button",icon:"calendar",type:"text"},null,8,["color","disabled","model-value","placeholder","size"]),e.createElementVNode("div",{"aria-label":a.openCalendarLabel,tabindex:a.disabled?-1:0,class:"neon-date-picker__button-click-capture",role:"button",onClickCapture:n[0]||(n[0]=e.withModifiers(o=>!a.disabled&&a.openCalendar(),["stop","prevent"])),onKeydownCapture:[n[1]||(n[1]=e.withKeys(e.withModifiers(o=>a.openCalendar(),["stop","prevent"]),["enter"])),n[2]||(n[2]=e.withKeys(e.withModifiers(o=>a.openCalendar(),["stop","prevent"]),["space"]))]},null,40,b)]),default:e.withCtx(()=>[e.createElementVNode("div",k,[a.yearSelectionOpen?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",v,[e.createElementVNode("span",m,e.toDisplayString(`${a.calendar.pageDecadeStart}–${a.calendar.pageDecadeStart+9}`),1),e.createElementVNode("div",y,[e.createVNode(r,{"aria-label":a.previousDecadeLabel,circular:!0,color:a.color,disabled:a.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[3]||(n[3]=e.withModifiers(o=>a.onPreviousDecade(),["stop","prevent"])),onKeydownCapture:n[4]||(n[4]=e.withKeys(e.withModifiers(o=>a.onPreviousDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),e.createVNode(r,{"aria-label":a.nextDecadeLabel,circular:!0,color:a.color,disabled:a.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[5]||(n[5]=e.withModifiers(o=>a.onNextDecade(),["stop","prevent"])),onKeydownCapture:n[6]||(n[6]=e.withKeys(e.withModifiers(o=>a.onNextDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[25]||(n[25]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",w,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(10,o=>e.createVNode(r,{key:o,class:e.normalizeClass([{"neon-date-picker__calendar-option--selected":a.calendar.pageYear===a.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--today":a.calendar.today.year===a.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--disabled":a.isYearDisabled(a.calendar.pageDecadeStart+o-1)},"neon-date-picker__calendar-option"]),color:a.color,disabled:a.isYearDisabled(a.calendar.pageDecadeStart+o-1),"full-width":!0,label:`${a.calendar.pageDecadeStart+o-1}`,"button-style":"text",size:"s",onClickCapture:e.withModifiers(t=>a.selectYear(a.calendar.pageDecadeStart+o-1),["stop","prevent"]),onKeydownCapture:e.withKeys(e.withModifiers(t=>a.selectYear(a.calendar.pageDecadeStart+o-1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"])),64))])],64)):a.monthSelectionOpen?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",h,[a.isChangeYearDisabled?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(a.calendar.pageYear),1)):(e.openBlock(),e.createBlock(r,{key:1,"aria-label":a.changeYearLabel,label:`${a.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClickCapture:n[7]||(n[7]=e.withModifiers(o=>a.changeYear(),["stop","prevent"])),onKeydownCapture:n[8]||(n[8]=e.withKeys(e.withModifiers(o=>a.changeYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),e.createElementVNode("div",C,[e.createVNode(r,{"aria-label":a.previousYearLabel,circular:!0,color:a.color,disabled:a.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[9]||(n[9]=e.withModifiers(o=>a.onPreviousYear(),["stop","prevent"])),onKeydownCapture:n[10]||(n[10]=e.withKeys(e.withModifiers(o=>a.onPreviousYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),e.createVNode(r,{"aria-label":a.nextYearLabel,circular:!0,color:a.color,disabled:a.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[11]||(n[11]=e.withModifiers(o=>a.onNextYear(),["stop","prevent"])),onKeydownCapture:n[12]||(n[12]=e.withKeys(e.withModifiers(o=>a.onNextYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[26]||(n[26]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.calendar.months,(o,t)=>(e.openBlock(),e.createBlock(r,{key:t,class:e.normalizeClass([{"neon-date-picker__calendar-option--selected":t+1===a.calendar.pageMonth,"neon-date-picker__calendar-option--today":t+1===a.calendar.today.month&&a.calendar.today.year===a.calendar.pageYear,"neon-date-picker__calendar-option--disabled":a.isMonthDisabled(a.calendar.pageYear,t+1)},"neon-date-picker__calendar-option"]),color:a.color,disabled:a.isMonthDisabled(a.calendar.pageYear,t+1),"full-width":!0,label:o,"button-style":"text",size:"s",onClickCapture:e.withModifiers(l=>a.selectMonth(t+1),["stop","prevent"]),onKeydownCapture:e.withKeys(e.withModifiers(l=>a.selectMonth(t+1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"]))),128))])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",M,[a.isChangeDateDisabled?(e.openBlock(),e.createElementBlock("span",$,e.toDisplayString(`${a.calendar.pageMonthName} ${a.calendar.pageYear}`),1)):(e.openBlock(),e.createBlock(r,{key:1,"aria-label":a.changeMonthLabel,label:`${a.calendar.pageMonthName} ${a.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClickCapture:n[13]||(n[13]=e.withModifiers(o=>a.changeMonth(),["stop","prevent"])),onKeydownCapture:n[14]||(n[14]=e.withKeys(e.withModifiers(o=>a.changeMonth(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),e.createElementVNode("div",N,[e.createVNode(r,{"aria-label":a.previousMonthLabel,circular:!0,color:a.color,disabled:a.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[15]||(n[15]=e.withModifiers(o=>a.onPrevious(),["stop","prevent"])),onKeydownCapture:n[16]||(n[16]=e.withKeys(e.withModifiers(o=>a.onPrevious(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),e.createVNode(r,{"aria-label":a.nextMonthLabel,circular:!0,color:a.color,disabled:a.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[17]||(n[17]=e.withModifiers(o=>a.onNext(),["stop","prevent"])),onKeydownCapture:n[18]||(n[18]=e.withKeys(e.withModifiers(o=>a.onNext(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),e.createElementVNode("div",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.calendar.dowNames,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"neon-date-picker__calendar-dow"},e.toDisplayString(o),1))),128))]),n[27]||(n[27]=e.createElementVNode("hr",null,null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.calendar.dates,(o,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"neon-date-picker__calendar-dates"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l?(e.openBlock(),e.createBlock(r,{key:d,circular:!0,class:e.normalizeClass([{"neon-date-picker__calendar-date--selected":a.modelValue===a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear),"neon-date-picker__calendar-date--today":a.today===a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear),"neon-date-picker__calendar-date--disabled":a.isDisabled(a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:a.color,disabled:a.isDisabled(a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear)),label:`${l}`,tabindex:a.isDisabled(a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear))?-1:0,transparent:!0,"button-style":"text",size:"m",onClickCapture:e.withModifiers(p=>a.emitDate(a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear)),["stop","prevent"]),onKeydownCapture:e.withKeys(e.withModifiers(p=>a.emitDate(a.isoDate(l,a.calendar.pageMonth,a.calendar.pageYear)),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","tabindex","onClickCapture","onKeydownCapture"])):(e.openBlock(),e.createElementBlock("div",{key:`${d}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),n[28]||(n[28]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",B,[a.optional?(e.openBlock(),e.createBlock(r,{key:0,label:a.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"high-contrast",size:"s",onClickCapture:n[19]||(n[19]=e.withModifiers(o=>a.clear(),["stop","prevent"])),onKeydownCapture:n[20]||(n[20]=e.withKeys(e.withModifiers(o=>a.clear(),["stop","prevent"]),["enter"]))},null,8,["label"])):e.createCommentVNode("",!0),e.createVNode(r,{color:a.color,label:a.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClickCapture:n[21]||(n[21]=e.withModifiers(o=>a.done(),["stop","prevent"])),onKeydownCapture:n[22]||(n[22]=e.withKeys(e.withModifiers(o=>a.done(),["stop","prevent"]),["enter"]))},null,8,["color","label"])])],512)]),_:1},8,["modelValue","placement"]),e.createVNode(i,e.mergeProps({disabled:a.disabled,"hide-icon":!0,max:a.max,min:a.min,"model-value":a.modelValue,size:a.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},a.attrs,{"onUpdate:modelValue":a.emitDate}),null,16,["disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}const E=u(c,[["render",V]]);module.exports=E;
+"use strict";const c=require("./NeonDatePicker.cjs.js"),a=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),b=["aria-label","tabindex"],k={ref:"calendarRef",class:"neon-date-picker__calendar"},v={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},y={class:"neon-date-picker__calendar-header-actions"},w={class:"neon-date-picker__calendar-options"},h={class:"neon-date-picker__calendar-header"},g={key:0,class:"neon-date-picker__calendar-title-readonly"},C={class:"neon-date-picker__calendar-header-actions"},D={class:"neon-date-picker__calendar-options"},M={class:"neon-date-picker__calendar-header"},$={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},f={class:"neon-date-picker__calendar-dows"},B={class:"neon-button-group"};function V(e,n,K,Y,z,L){const i=a.resolveComponent("neon-input"),r=a.resolveComponent("neon-button"),s=a.resolveComponent("neon-dropdown");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass([[`neon-date-picker--${e.size}`,`neon-date-picker--${e.color}`,{"neon-date-picker--disabled":e.disabled,"neon-date-picker--open":e.calendarOpen}],"neon-date-picker"])},[a.createVNode(s,{ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[n[23]||(n[23]=o=>e.calendarOpen=o),n[24]||(n[24]=o=>e.resetToCalendar())],color:e.color,placement:e.placement},{"dropdown-button":a.withCtx(()=>[a.createVNode(i,{color:e.color,disabled:e.disabled,"icon-readonly":!0,"model-value":e.formattedValue,placeholder:e.placeholder,size:e.size,tabindex:-1,class:"neon-date-picker__button",icon:"calendar",type:"text"},null,8,["color","disabled","model-value","placeholder","size"]),a.createElementVNode("div",{"aria-label":e.openCalendarLabel,tabindex:e.disabled?-1:0,class:"neon-date-picker__button-click-capture",role:"button",onClickCapture:n[0]||(n[0]=a.withModifiers(o=>!e.disabled&&e.openCalendar(),["stop","prevent"])),onKeydownCapture:[n[1]||(n[1]=a.withKeys(a.withModifiers(o=>e.openCalendar(),["stop","prevent"]),["enter"])),n[2]||(n[2]=a.withKeys(a.withModifiers(o=>e.openCalendar(),["stop","prevent"]),["space"]))]},null,40,b)]),default:a.withCtx(()=>[a.createElementVNode("div",k,[e.yearSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createElementVNode("div",v,[a.createElementVNode("span",m,a.toDisplayString(`${e.calendar.pageDecadeStart}–${e.calendar.pageDecadeStart+9}`),1),a.createElementVNode("div",y,[a.createVNode(r,{"aria-label":e.previousDecadeLabel,circular:!0,color:e.color,disabled:e.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[3]||(n[3]=a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"])),onKeydownCapture:n[4]||(n[4]=a.withKeys(a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(r,{"aria-label":e.nextDecadeLabel,circular:!0,color:e.color,disabled:e.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[5]||(n[5]=a.withModifiers(o=>e.onNextDecade(),["stop","prevent"])),onKeydownCapture:n[6]||(n[6]=a.withKeys(a.withModifiers(o=>e.onNextDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[25]||(n[25]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",w,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,o=>a.createVNode(r,{key:o,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+o-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+o-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+o-1}`,"button-style":"text",size:"s",onClickCapture:a.withModifiers(t=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(t=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",h,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",g,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(r,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClickCapture:n[7]||(n[7]=a.withModifiers(o=>e.changeYear(),["stop","prevent"])),onKeydownCapture:n[8]||(n[8]=a.withKeys(a.withModifiers(o=>e.changeYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",C,[a.createVNode(r,{"aria-label":e.previousYearLabel,circular:!0,color:e.color,disabled:e.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[9]||(n[9]=a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"])),onKeydownCapture:n[10]||(n[10]=a.withKeys(a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(r,{"aria-label":e.nextYearLabel,circular:!0,color:e.color,disabled:e.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[11]||(n[11]=a.withModifiers(o=>e.onNextYear(),["stop","prevent"])),onKeydownCapture:n[12]||(n[12]=a.withKeys(a.withModifiers(o=>e.onNextYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[26]||(n[26]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",D,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(o,t)=>(a.openBlock(),a.createBlock(r,{key:t,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":t+1===e.calendar.pageMonth,"neon-date-picker__calendar-option--today":t+1===e.calendar.today.month&&e.calendar.today.year===e.calendar.pageYear,"neon-date-picker__calendar-option--disabled":e.isMonthDisabled(e.calendar.pageYear,t+1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isMonthDisabled(e.calendar.pageYear,t+1),"full-width":!0,label:o,"button-style":"text",size:"s",onClickCapture:a.withModifiers(l=>e.selectMonth(t+1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(l=>e.selectMonth(t+1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",M,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",$,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(r,{key:1,"aria-label":e.changeMonthLabel,label:`${e.calendar.pageMonthName} ${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClickCapture:n[13]||(n[13]=a.withModifiers(o=>e.changeMonth(),["stop","prevent"])),onKeydownCapture:n[14]||(n[14]=a.withKeys(a.withModifiers(o=>e.changeMonth(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",N,[a.createVNode(r,{"aria-label":e.previousMonthLabel,circular:!0,color:e.color,disabled:e.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[15]||(n[15]=a.withModifiers(o=>e.onPrevious(),["stop","prevent"])),onKeydownCapture:n[16]||(n[16]=a.withKeys(a.withModifiers(o=>e.onPrevious(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(r,{"aria-label":e.nextMonthLabel,circular:!0,color:e.color,disabled:e.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[17]||(n[17]=a.withModifiers(o=>e.onNext(),["stop","prevent"])),onKeydownCapture:n[18]||(n[18]=a.withKeys(a.withModifiers(o=>e.onNext(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",f,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,o=>(a.openBlock(),a.createElementBlock("div",{key:o,class:"neon-date-picker__calendar-dow"},a.toDisplayString(o),1))),128))]),n[27]||(n[27]=a.createElementVNode("hr",null,null,-1)),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(o,t)=>(a.openBlock(),a.createElementBlock("div",{key:t,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(o,(l,d)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[l?(a.openBlock(),a.createBlock(r,{key:d,circular:!0,class:a.normalizeClass([{"neon-date-picker__calendar-date--selected":e.modelValue===e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--today":e.today===e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--disabled":e.isDisabled(e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:e.color,disabled:e.isDisabled(e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear)),label:`${l}`,tabindex:e.isDisabled(e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear))?-1:0,transparent:!0,"button-style":"text",size:"m",onClickCapture:a.withModifiers(p=>e.emitDate(e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(p=>e.emitDate(e.isoDate(l,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","tabindex","onClickCapture","onKeydownCapture"])):(a.openBlock(),a.createElementBlock("div",{key:`${d}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),n[28]||(n[28]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",B,[e.optional?(a.openBlock(),a.createBlock(r,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"low-contrast",size:"s",onClickCapture:n[19]||(n[19]=a.withModifiers(o=>e.clear(),["stop","prevent"])),onKeydownCapture:n[20]||(n[20]=a.withKeys(a.withModifiers(o=>e.clear(),["stop","prevent"]),["enter"]))},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(r,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClickCapture:n[21]||(n[21]=a.withModifiers(o=>e.done(),["stop","prevent"])),onKeydownCapture:n[22]||(n[22]=a.withKeys(a.withModifiers(o=>e.done(),["stop","prevent"]),["enter"]))},null,8,["color","label"])])],512)]),_:1},8,["modelValue","color","placement"]),a.createVNode(i,a.mergeProps({color:e.color,disabled:e.disabled,"hide-icon":!0,max:e.max,min:e.min,"model-value":e.modelValue,size:e.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},e.attrs,{"onUpdate:modelValue":e.emitDate}),null,16,["color","disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}const E=u(c,[["render",V]]);module.exports=E;
 //# sourceMappingURL=NeonDatePicker.vue.cjs.js.map

package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDatePicker.vue.cjs.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-date-picker--${size}`,\n      `neon-date-picker--${color}`,\n      {\n        'neon-date-picker--disabled': disabled,\n        'neon-date-picker--open': calendarOpen,\n      },\n    ]\"\n    class=\"neon-date-picker\"\n  >\n    <neon-dropdown ref=\"dropdown\" v-model=\"calendarOpen\" :placement=\"placement\" @update:modelValue=\"resetToCalendar()\">\n      <template #dropdown-button>\n        <neon-input\n          :color=\"color\"\n          :disabled=\"disabled\"\n          :icon-readonly=\"true\"\n          :model-value=\"formattedValue\"\n          :placeholder=\"placeholder\"\n          :size=\"size\"\n          :tabindex=\"-1\"\n          class=\"neon-date-picker__button\"\n          icon=\"calendar\"\n          type=\"text\"\n        />\n        <div\n          :aria-label=\"openCalendarLabel\"\n          :tabindex=\"disabled ? -1 : 0\"\n          class=\"neon-date-picker__button-click-capture\"\n          role=\"button\"\n          @click.stop.prevent.capture=\"!disabled && openCalendar()\"\n          @keydown.enter.stop.prevent.capture=\"openCalendar()\"\n          @keydown.space.stop.prevent.capture=\"openCalendar()\"\n        ></div>\n      </template>\n      <template #default>\n        <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n          <template v-if=\"yearSelectionOpen\">\n            <div class=\"neon-date-picker__calendar-header\">\n              <span class=\"neon-date-picker__calendar-title-readonly\">\n                {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n              </span>\n              <div class=\"neon-date-picker__calendar-header-actions\">\n                <neon-button\n                  :aria-label=\"previousDecadeLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isPreviousDecadeDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__previous-button\"\n                  icon=\"chevron-left\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onPreviousDecade()\"\n                  @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n                />\n                <neon-button\n                  :aria-label=\"nextDecadeLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isNextDecadeDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__next-button\"\n                  icon=\"chevron-right\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onNextDecade()\"\n                  @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n                />\n              </div>\n            </div>\n            <hr />\n            <div class=\"neon-date-picker__calendar-options\">\n              <neon-button\n                v-for=\"index in 10\"\n                :key=\"index\"\n                :class=\"{\n                  'neon-date-picker__calendar-option--selected':\n                    calendar.pageYear === calendar.pageDecadeStart + index - 1,\n                  'neon-date-picker__calendar-option--today':\n                    calendar.today.year === calendar.pageDecadeStart + index - 1,\n                  'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n                }\"\n                :color=\"color\"\n                :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n                :full-width=\"true\"\n                :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-option\"\n                size=\"s\"\n                @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n                @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n              />\n            </div>\n          </template>\n          <template v-else-if=\"monthSelectionOpen\">\n            <div class=\"neon-date-picker__calendar-header\">\n              <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n                {{ calendar.pageYear }}\n              </span>\n              <neon-button\n                v-else\n                :aria-label=\"changeYearLabel\"\n                :label=\"`${calendar.pageYear}`\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-header-title\"\n                color=\"high-contrast\"\n                icon=\"switch\"\n                icon-position=\"right\"\n                size=\"m\"\n                @click.stop.prevent.capture=\"changeYear()\"\n                @keydown.enter.stop.prevent.capture=\"changeYear()\"\n              />\n              <div class=\"neon-date-picker__calendar-header-actions\">\n                <neon-button\n                  :aria-label=\"previousYearLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isPreviousYearDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__previous-button\"\n                  icon=\"chevron-left\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onPreviousYear()\"\n                  @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n                />\n                <neon-button\n                  :aria-label=\"nextYearLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isNextYearDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__next-button\"\n                  icon=\"chevron-right\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onNextYear()\"\n                  @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n                />\n              </div>\n            </div>\n            <hr />\n            <div class=\"neon-date-picker__calendar-options\">\n              <neon-button\n                v-for=\"(month, index) in calendar.months\"\n                :key=\"index\"\n                :class=\"{\n                  'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n                  'neon-date-picker__calendar-option--today':\n                    index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n                  'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n                }\"\n                :color=\"color\"\n                :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n                :full-width=\"true\"\n                :label=\"month\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-option\"\n                size=\"s\"\n                @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n                @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n              />\n            </div>\n          </template>\n          <template v-else>\n            <div class=\"neon-date-picker__calendar-header\">\n              <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n                {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n              </span>\n              <neon-button\n                v-else\n                :aria-label=\"changeMonthLabel\"\n                :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-header-title\"\n                color=\"high-contrast\"\n                icon=\"switch\"\n                icon-position=\"right\"\n                size=\"m\"\n                @click.stop.prevent.capture=\"changeMonth()\"\n                @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n              />\n              <div class=\"neon-date-picker__calendar-header-actions\">\n                <neon-button\n                  :aria-label=\"previousMonthLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isPreviousDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__previous-button\"\n                  icon=\"chevron-left\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onPrevious()\"\n                  @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n                />\n                <neon-button\n                  :aria-label=\"nextMonthLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isNextDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__next-button\"\n                  icon=\"chevron-right\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onNext()\"\n                  @keydown.enter.stop.prevent.capture=\"onNext()\"\n                />\n              </div>\n            </div>\n            <div class=\"neon-date-picker__calendar-dows\">\n              <div v-for=\"dow in calendar.dowNames\" :key=\"dow\" class=\"neon-date-picker__calendar-dow\">{{ dow }}</div>\n            </div>\n            <hr />\n            <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n              <template v-for=\"(dateCol, index) in dateRow\">\n                <neon-button\n                  v-if=\"dateCol\"\n                  :key=\"index\"\n                  :circular=\"true\"\n                  :class=\"{\n                    'neon-date-picker__calendar-date--selected':\n                      modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n                    'neon-date-picker__calendar-date--today':\n                      today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n                    'neon-date-picker__calendar-date--disabled': isDisabled(\n                      isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n                    ),\n                  }\"\n                  :color=\"color\"\n                  :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n                  :label=\"`${dateCol}`\"\n                  :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n                  :transparent=\"true\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__calendar-date\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n                  @keydown.enter.stop.prevent.capture=\"\n                    emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\n                  \"\n                />\n                <div\n                  v-else\n                  :key=\"`${index}-empty`\"\n                  class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n                />\n              </template>\n            </div>\n          </template>\n          <hr />\n          <div class=\"neon-button-group\">\n            <neon-button\n              v-if=\"optional\"\n              :label=\"clearLabel\"\n              button-style=\"text\"\n              class=\"neon-date-picker__calendar-clear-button\"\n              color=\"high-contrast\"\n              size=\"s\"\n              @click.stop.prevent.capture=\"clear()\"\n              @keydown.enter.stop.prevent.capture=\"clear()\"\n            />\n            <neon-button\n              :color=\"color\"\n              :label=\"doneLabel\"\n              button-style=\"text\"\n              class=\"neon-date-picker__calendar-done-button\"\n              size=\"s\"\n              @click.stop.prevent.capture=\"done()\"\n              @keydown.enter.stop.prevent.capture=\"done()\"\n            />\n          </div>\n        </div>\n      </template>\n    </neon-dropdown>\n    <neon-input\n      :disabled=\"disabled\"\n      :hide-icon=\"true\"\n      :max=\"max\"\n      :min=\"min\"\n      :model-value=\"modelValue\"\n      :size=\"size\"\n      :tabindex=\"-1\"\n      class=\"neon-date-picker__native-input\"\n      type=\"date\"\n      v-bind=\"attrs\"\n      @update:modelValue=\"emitDate\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_component_neon_input","_createElementVNode","_cache","_withModifiers","_hoisted_2","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withKeys","_openBlock","_hoisted_8","_createBlock","month","_hoisted_12","dow","dateRow","dateCol","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"NeonDatePicker.vue.cjs.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-date-picker--${size}`,\n      `neon-date-picker--${color}`,\n      {\n        'neon-date-picker--disabled': disabled,\n        'neon-date-picker--open': calendarOpen,\n      },\n    ]\"\n    class=\"neon-date-picker\"\n  >\n    <neon-dropdown\n      ref=\"dropdown\"\n      v-model=\"calendarOpen\"\n      :color=\"color\"\n      :placement=\"placement\"\n      @update:modelValue=\"resetToCalendar()\"\n    >\n      <template #dropdown-button>\n        <neon-input\n          :color=\"color\"\n          :disabled=\"disabled\"\n          :icon-readonly=\"true\"\n          :model-value=\"formattedValue\"\n          :placeholder=\"placeholder\"\n          :size=\"size\"\n          :tabindex=\"-1\"\n          class=\"neon-date-picker__button\"\n          icon=\"calendar\"\n          type=\"text\"\n        />\n        <div\n          :aria-label=\"openCalendarLabel\"\n          :tabindex=\"disabled ? -1 : 0\"\n          class=\"neon-date-picker__button-click-capture\"\n          role=\"button\"\n          @click.stop.prevent.capture=\"!disabled && openCalendar()\"\n          @keydown.enter.stop.prevent.capture=\"openCalendar()\"\n          @keydown.space.stop.prevent.capture=\"openCalendar()\"\n        ></div>\n      </template>\n      <template #default>\n        <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n          <template v-if=\"yearSelectionOpen\">\n            <div class=\"neon-date-picker__calendar-header\">\n              <span class=\"neon-date-picker__calendar-title-readonly\">\n                {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n              </span>\n              <div class=\"neon-date-picker__calendar-header-actions\">\n                <neon-button\n                  :aria-label=\"previousDecadeLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isPreviousDecadeDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__previous-button\"\n                  icon=\"chevron-left\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onPreviousDecade()\"\n                  @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n                />\n                <neon-button\n                  :aria-label=\"nextDecadeLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isNextDecadeDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__next-button\"\n                  icon=\"chevron-right\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onNextDecade()\"\n                  @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n                />\n              </div>\n            </div>\n            <hr />\n            <div class=\"neon-date-picker__calendar-options\">\n              <neon-button\n                v-for=\"index in 10\"\n                :key=\"index\"\n                :class=\"{\n                  'neon-date-picker__calendar-option--selected':\n                    calendar.pageYear === calendar.pageDecadeStart + index - 1,\n                  'neon-date-picker__calendar-option--today':\n                    calendar.today.year === calendar.pageDecadeStart + index - 1,\n                  'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n                }\"\n                :color=\"color\"\n                :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n                :full-width=\"true\"\n                :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-option\"\n                size=\"s\"\n                @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n                @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n              />\n            </div>\n          </template>\n          <template v-else-if=\"monthSelectionOpen\">\n            <div class=\"neon-date-picker__calendar-header\">\n              <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n                {{ calendar.pageYear }}\n              </span>\n              <neon-button\n                v-else\n                :aria-label=\"changeYearLabel\"\n                :label=\"`${calendar.pageYear}`\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-header-title\"\n                color=\"high-contrast\"\n                icon=\"switch\"\n                icon-position=\"right\"\n                size=\"m\"\n                @click.stop.prevent.capture=\"changeYear()\"\n                @keydown.enter.stop.prevent.capture=\"changeYear()\"\n              />\n              <div class=\"neon-date-picker__calendar-header-actions\">\n                <neon-button\n                  :aria-label=\"previousYearLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isPreviousYearDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__previous-button\"\n                  icon=\"chevron-left\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onPreviousYear()\"\n                  @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n                />\n                <neon-button\n                  :aria-label=\"nextYearLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isNextYearDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__next-button\"\n                  icon=\"chevron-right\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onNextYear()\"\n                  @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n                />\n              </div>\n            </div>\n            <hr />\n            <div class=\"neon-date-picker__calendar-options\">\n              <neon-button\n                v-for=\"(month, index) in calendar.months\"\n                :key=\"index\"\n                :class=\"{\n                  'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n                  'neon-date-picker__calendar-option--today':\n                    index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n                  'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n                }\"\n                :color=\"color\"\n                :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n                :full-width=\"true\"\n                :label=\"month\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-option\"\n                size=\"s\"\n                @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n                @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n              />\n            </div>\n          </template>\n          <template v-else>\n            <div class=\"neon-date-picker__calendar-header\">\n              <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n                {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n              </span>\n              <neon-button\n                v-else\n                :aria-label=\"changeMonthLabel\"\n                :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n                button-style=\"text\"\n                class=\"neon-date-picker__calendar-header-title\"\n                color=\"high-contrast\"\n                icon=\"switch\"\n                icon-position=\"right\"\n                size=\"m\"\n                @click.stop.prevent.capture=\"changeMonth()\"\n                @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n              />\n              <div class=\"neon-date-picker__calendar-header-actions\">\n                <neon-button\n                  :aria-label=\"previousMonthLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isPreviousDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__previous-button\"\n                  icon=\"chevron-left\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onPrevious()\"\n                  @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n                />\n                <neon-button\n                  :aria-label=\"nextMonthLabel\"\n                  :circular=\"true\"\n                  :color=\"color\"\n                  :disabled=\"isNextDisabled\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__next-button\"\n                  icon=\"chevron-right\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"onNext()\"\n                  @keydown.enter.stop.prevent.capture=\"onNext()\"\n                />\n              </div>\n            </div>\n            <div class=\"neon-date-picker__calendar-dows\">\n              <div v-for=\"dow in calendar.dowNames\" :key=\"dow\" class=\"neon-date-picker__calendar-dow\">{{ dow }}</div>\n            </div>\n            <hr />\n            <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n              <template v-for=\"(dateCol, index) in dateRow\">\n                <neon-button\n                  v-if=\"dateCol\"\n                  :key=\"index\"\n                  :circular=\"true\"\n                  :class=\"{\n                    'neon-date-picker__calendar-date--selected':\n                      modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n                    'neon-date-picker__calendar-date--today':\n                      today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n                    'neon-date-picker__calendar-date--disabled': isDisabled(\n                      isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n                    ),\n                  }\"\n                  :color=\"color\"\n                  :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n                  :label=\"`${dateCol}`\"\n                  :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n                  :transparent=\"true\"\n                  button-style=\"text\"\n                  class=\"neon-date-picker__calendar-date\"\n                  size=\"m\"\n                  @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n                  @keydown.enter.stop.prevent.capture=\"\n                    emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\n                  \"\n                />\n                <div\n                  v-else\n                  :key=\"`${index}-empty`\"\n                  class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n                />\n              </template>\n            </div>\n          </template>\n          <hr />\n          <div class=\"neon-button-group\">\n            <neon-button\n              v-if=\"optional\"\n              :label=\"clearLabel\"\n              button-style=\"text\"\n              class=\"neon-date-picker__calendar-clear-button\"\n              color=\"low-contrast\"\n              size=\"s\"\n              @click.stop.prevent.capture=\"clear()\"\n              @keydown.enter.stop.prevent.capture=\"clear()\"\n            />\n            <neon-button\n              :color=\"color\"\n              :label=\"doneLabel\"\n              button-style=\"text\"\n              class=\"neon-date-picker__calendar-done-button\"\n              size=\"s\"\n              @click.stop.prevent.capture=\"done()\"\n              @keydown.enter.stop.prevent.capture=\"done()\"\n            />\n          </div>\n        </div>\n      </template>\n    </neon-dropdown>\n    <neon-input\n      :color=\"color\"\n      :disabled=\"disabled\"\n      :hide-icon=\"true\"\n      :max=\"max\"\n      :min=\"min\"\n      :model-value=\"modelValue\"\n      :size=\"size\"\n      :tabindex=\"-1\"\n      class=\"neon-date-picker__native-input\"\n      type=\"date\"\n      v-bind=\"attrs\"\n      @update:modelValue=\"emitDate\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_component_neon_input","_createElementVNode","_cache","_withModifiers","_hoisted_2","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withKeys","_openBlock","_hoisted_8","_createBlock","month","_hoisted_12","dow","dateRow","dateCol","_mergeProps"],"mappings":"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"}