@aotearoan/neon 23.0.0 → 23.0.2

package/dist/components/user-input/input/NeonInput.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\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     * The HTML input mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode\">here</a>.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Text },\n    /**\n     * The HTML autocomplete mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\">here</a>.\n     * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.\n     */\n    autocomplete: { type: String as () => NeonInputMode, default: 'on' },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a\n     * <em>{count}</em> placeholder.\n     */\n    maxlengthLabel: { type: String, default: 'No characters left | 1 character left | {count} characters left' },\n    /**\n     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).\n     */\n    debounce: { type: Number, default: undefined },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit, expose }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const counterLabel = computed<string | null>(() => {\n      if (props.maxlength && props.maxlength > 0) {\n        const templates = props.maxlengthLabel.split(' | ');\n        const remainingChars = props.maxlength - props.modelValue.length;\n        switch (remainingChars) {\n          case 0:\n            return templates[0];\n          case 1:\n            return templates[1];\n          default:\n            return templates[2].replace('{count}', `${remainingChars}`);\n        }\n      }\n      return null;\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n          setTimeout(focus);\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: InputEvent) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key !== 'Backspace' &&\n        props.maxlength &&\n        props.modelValue &&\n        props.modelValue.length >= props.maxlength\n      ) {\n        event.preventDefault();\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    expose({ neonInput });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      counterLabel,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n      onKeyDown,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonInputMode","NeonState","props","emit","expose","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","counterLabel","templates","remainingChars","focus","_a","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder"],"mappings":"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"}
+{"version":3,"file":"NeonInput.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\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     * The HTML input mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode\">here</a>.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Text },\n    /**\n     * The HTML autocomplete mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\">here</a>.\n     * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.\n     */\n    autocomplete: { type: String, default: 'on' },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a\n     * <em>{count}</em> placeholder.\n     */\n    maxlengthLabel: { type: String, default: 'No characters left | 1 character left | {count} characters left' },\n    /**\n     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).\n     */\n    debounce: { type: Number, default: undefined },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit, expose }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && (props.modelValue?.length || 0) > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' ||\n          props.icon ||\n          (props.modelValue && !props.disabled && (props.modelValue?.length || 0) > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const counterLabel = computed<string | null>(() => {\n      if (props.maxlength && props.maxlength > 0) {\n        const templates = props.maxlengthLabel.split(' | ');\n        const remainingChars = props.maxlength - (props.modelValue?.length || 0);\n        switch (remainingChars) {\n          case 0:\n            return templates[0];\n          case 1:\n            return templates[1];\n          default:\n            return templates[2].replace('{count}', `${remainingChars}`);\n        }\n      }\n      return null;\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n          setTimeout(focus);\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: InputEvent) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key !== 'Backspace' &&\n        props.maxlength &&\n        props.modelValue &&\n        (props.modelValue?.length || 0) >= props.maxlength\n      ) {\n        event.preventDefault();\n      }\n    };\n\n    const computedPlaceholder = computed(() => props.placeholder || '');\n\n    expose({ neonInput });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      counterLabel,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n      onKeyDown,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonInputMode","NeonState","props","emit","expose","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","_a","iconVisible","iconColor","counterLabel","templates","remainingChars","focus","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder"],"mappings":"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"}

package/dist/neon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),T=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),P=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),y=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),I=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),b=require("./components/user-input/field/NeonField.vue.cjs.js"),m=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),z=require("./components/layout/footer/NeonFooter.vue.cjs.js"),L=require("./components/layout/grid/NeonGrid.vue.cjs.js"),v=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),f=require("./components/layout/modal/NeonModal.vue.cjs.js"),H=require("./components/feedback/note/NeonNote.vue.cjs.js"),x=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),pe=require("./common/enums/NeonBadgeSize.cjs.js"),de=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonButtonType.cjs.js"),Te=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),Pe=require("./common/enums/NeonDropdownStyle.cjs.js"),ye=require("./common/enums/NeonFunctionalColor.cjs.js"),Ie=require("./common/enums/NeonHorizontalPosition.cjs.js"),be=require("./common/enums/NeonInputIndicatorStyle.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),De=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),Le=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ae=require("./common/enums/NeonOutlineStyle.cjs.js"),he=require("./common/enums/NeonPageAlignment.cjs.js"),we=require("./common/enums/NeonPosition.cjs.js"),Me=require("./common/enums/NeonResponsive.cjs.js"),Be=require("./common/enums/NeonSize.cjs.js"),Re=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Fe=require("./common/enums/NeonState.cjs.js"),ke=require("./common/enums/NeonSwitchStyle.cjs.js"),Ee=require("./common/enums/NeonToggleChipSize.cjs.js"),Oe=require("./common/enums/NeonToggleStyle.cjs.js"),Ge=require("./common/enums/NeonTooltipStyle.cjs.js"),fe=require("./common/enums/NeonVerticalPosition.cjs.js"),He=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),xe=require("./common/utils/NeonClosableUtils.cjs.js"),Je=require("./common/utils/NeonDateUtils.cjs.js"),Ve=require("./common/utils/NeonDebounceUtils.cjs.js"),Ze=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),je=require("./common/utils/NeonEventBus.cjs.js"),Ke=require("./common/utils/NeonFileUtils.cjs.js"),Qe=require("./common/utils/NeonIconRegistry.cjs.js"),We=require("./common/utils/NeonJazziconUtils.cjs.js"),Xe=require("./common/utils/NeonModeUtils.cjs.js"),Ye=require("./common/utils/NeonNumberUtils.cjs.js"),_e=require("./common/utils/NeonPlacementUtils.cjs.js"),$e=require("./common/utils/NeonRandomUtils.cjs.js"),eo=require("./common/utils/NeonResponsiveUtils.cjs.js"),oo=require("./common/utils/NeonScrollUtils.cjs.js"),no=require("./common/utils/NeonToastService.cjs.js"),ro=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),to=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=T;exports.NeonDropZone=U;exports.NeonExpansionIndicator=P;exports.NeonExpansionPanel=y;exports.NeonFieldGroup=I;exports.NeonField=b;exports.NeonFile=m;exports.NeonFilterList=D;exports.NeonFooter=z;exports.NeonGrid=L;exports.NeonGridArea=v;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=f;exports.NeonNote=H;exports.NeonNotificationCounter=x;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=pe.NeonBadgeSize;exports.NeonButtonSize=de.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonButtonType=Ce.NeonButtonType;exports.NeonChipAction=Te.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=Pe.NeonDropdownStyle;exports.NeonFunctionalColor=ye.NeonFunctionalColor;exports.NeonHorizontalPosition=Ie.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=be.NeonInputIndicatorStyle;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=De.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=Le.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ae.NeonOutlineStyle;exports.NeonPageAlignment=he.NeonPageAlignment;exports.NeonPosition=we.NeonPosition;exports.NeonResponsive=Me.NeonResponsive;exports.NeonSize=Be.NeonSize;exports.NeonSplashLoaderSize=Re.NeonSplashLoaderSize;exports.NeonState=Fe.NeonState;exports.NeonSwitchStyle=ke.NeonSwitchStyle;exports.NeonToggleChipSize=Ee.NeonToggleChipSize;exports.NeonToggleStyle=Oe.NeonToggleStyle;exports.NeonTooltipStyle=Ge.NeonTooltipStyle;exports.NeonVerticalPosition=fe.NeonVerticalPosition;exports.NeonAlertService=He.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=xe.NeonClosableUtils;exports.NeonDateUtils=Je.NeonDateUtils;exports.NeonDebounceUtils=Ve.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Ze.NeonDropdownPlacementUtils;exports.NeonEventBus=je.NeonEventBus;exports.fileToDataURL=Ke.fileToDataURL;exports.NeonIconRegistry=Qe.NeonIconRegistry;exports.NeonJazziconUtils=We.NeonJazziconUtils;exports.NeonModeUtils=Xe.NeonModeUtils;exports.NeonNumberUtils=Ye.NeonNumberUtils;exports.NeonPlacementUtils=_e.NeonPlacementUtils;exports.NeonRandomUtils=$e.NeonRandomUtils;exports.NeonResponsiveUtils=eo.NeonResponsiveUtils;exports.NeonScrollUtils=oo.NeonScrollUtils;exports.NeonToastService=no.NeonToastService;exports.NeonTooltipPlacementUtils=ro.NeonTooltipPlacementUtils;exports.RegisterIcons=to.RegisterIcons;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),P=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),T=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),U=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),y=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),I=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),b=require("./components/user-input/field/NeonField.vue.cjs.js"),m=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),z=require("./components/layout/footer/NeonFooter.vue.cjs.js"),L=require("./components/layout/grid/NeonGrid.vue.cjs.js"),v=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),f=require("./components/layout/modal/NeonModal.vue.cjs.js"),H=require("./components/feedback/note/NeonNote.vue.cjs.js"),x=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/layout/page-container/NeonPageContainer.vue.cjs.js"),j=require("./components/user-input/password/NeonPassword.vue.cjs.js"),K=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),Q=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),W=require("./components/user-input/search/NeonSearch.vue.cjs.js"),X=require("./components/user-input/select/NeonSelect.vue.cjs.js"),Y=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),_=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),$=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),ee=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),oe=require("./components/layout/stack/NeonStack.vue.cjs.js"),ne=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),re=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),te=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),ie=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),Ne=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),se=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),ce=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),le=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),ue=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ae=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),qe=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),Se=require("./common/enums/NeonAlertLevel.cjs.js"),pe=require("./common/enums/NeonAlertPlacement.cjs.js"),de=require("./common/enums/NeonBadgeSize.cjs.js"),ge=require("./common/enums/NeonButtonSize.cjs.js"),Ce=require("./common/enums/NeonButtonStyle.cjs.js"),Pe=require("./common/enums/NeonButtonType.cjs.js"),Te=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),ye=require("./common/enums/NeonDropdownStyle.cjs.js"),Ie=require("./common/enums/NeonFunctionalColor.cjs.js"),be=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputIndicatorStyle.cjs.js"),De=require("./common/enums/NeonInputMode.cjs.js"),ze=require("./common/enums/NeonInputType.cjs.js"),Le=require("./common/enums/NeonLabelSize.cjs.js"),ve=require("./common/enums/NeonMode.cjs.js"),Ae=require("./common/enums/NeonOrientation.cjs.js"),he=require("./common/enums/NeonOutlineStyle.cjs.js"),we=require("./common/enums/NeonPageAlignment.cjs.js"),Me=require("./common/enums/NeonPosition.cjs.js"),Be=require("./common/enums/NeonResponsive.cjs.js"),Re=require("./common/enums/NeonSize.cjs.js"),Fe=require("./common/enums/NeonSplashLoaderSize.cjs.js"),ke=require("./common/enums/NeonState.cjs.js"),Ee=require("./common/enums/NeonSwitchStyle.cjs.js"),Oe=require("./common/enums/NeonToggleChipSize.cjs.js"),Ge=require("./common/enums/NeonToggleStyle.cjs.js"),fe=require("./common/enums/NeonTooltipStyle.cjs.js"),He=require("./common/enums/NeonVerticalPosition.cjs.js"),xe=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),Je=require("./common/utils/NeonClosableUtils.cjs.js"),Ve=require("./common/utils/NeonDateUtils.cjs.js"),Ze=require("./common/utils/NeonDebounceUtils.cjs.js"),je=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ke=require("./common/utils/NeonEventBus.cjs.js"),Qe=require("./common/utils/NeonFileUtils.cjs.js"),We=require("./common/utils/NeonIconRegistry.cjs.js"),Xe=require("./common/utils/NeonJazziconUtils.cjs.js"),Ye=require("./common/utils/NeonModeUtils.cjs.js"),_e=require("./common/utils/NeonNumberUtils.cjs.js"),$e=require("./common/utils/NeonPlacementUtils.cjs.js"),eo=require("./common/utils/NeonRandomUtils.cjs.js"),oo=require("./common/utils/NeonResponsiveUtils.cjs.js"),no=require("./common/utils/NeonScrollUtils.cjs.js"),ro=require("./common/utils/NeonToastService.cjs.js"),to=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),io=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=P;exports.NeonDropZone=T;exports.NeonExpansionIndicator=U;exports.NeonExpansionPanel=y;exports.NeonFieldGroup=I;exports.NeonField=b;exports.NeonFile=m;exports.NeonFilterList=D;exports.NeonFooter=z;exports.NeonGrid=L;exports.NeonGridArea=v;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=f;exports.NeonNote=H;exports.NeonNotificationCounter=x;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPageContainer=Z;exports.NeonPassword=j;exports.NeonRangeSlider=K;exports.NeonSideNav=Q;exports.NeonSearch=W;exports.NeonSelect=X;exports.NeonSelectableCard=Y;exports.NeonSkeletonLoader=_;exports.NeonSlider=$;exports.NeonSplashLoader=ee;exports.NeonStack=oe;exports.NeonStepper=ne;exports.NeonSwiper=re;exports.NeonSwitch=te;exports.NeonTab=ie;exports.NeonTabs=Ne;exports.NeonToastContainer=se;exports.NeonToggle=ce;exports.NeonToggleChip=le;exports.NeonTooltip=ue;exports.NeonTopNav=ae;exports.NeonTreeMenu=qe;exports.NeonAlertLevel=Se.NeonAlertLevel;exports.NeonAlertPlacement=pe.NeonAlertPlacement;exports.NeonBadgeSize=de.NeonBadgeSize;exports.NeonButtonSize=ge.NeonButtonSize;exports.NeonButtonStyle=Ce.NeonButtonStyle;exports.NeonButtonType=Pe.NeonButtonType;exports.NeonChipAction=Te.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=ye.NeonDropdownStyle;exports.NeonFunctionalColor=Ie.NeonFunctionalColor;exports.NeonHorizontalPosition=be.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=me.NeonInputIndicatorStyle;exports.NeonInputMode=De.NeonInputMode;exports.NeonInputType=ze.NeonInputType;exports.NeonLabelSize=Le.NeonLabelSize;exports.NeonMode=ve.NeonMode;exports.NeonOrientation=Ae.NeonOrientation;exports.NeonOutlineStyle=he.NeonOutlineStyle;exports.NeonPageAlignment=we.NeonPageAlignment;exports.NeonPosition=Me.NeonPosition;exports.NeonResponsive=Be.NeonResponsive;exports.NeonSize=Re.NeonSize;exports.NeonSplashLoaderSize=Fe.NeonSplashLoaderSize;exports.NeonState=ke.NeonState;exports.NeonSwitchStyle=Ee.NeonSwitchStyle;exports.NeonToggleChipSize=Oe.NeonToggleChipSize;exports.NeonToggleStyle=Ge.NeonToggleStyle;exports.NeonTooltipStyle=fe.NeonTooltipStyle;exports.NeonVerticalPosition=He.NeonVerticalPosition;exports.NeonAlertService=xe.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=Je.NeonClosableUtils;exports.NeonDateUtils=Ve.NeonDateUtils;exports.NeonDebounceUtils=Ze.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=je.NeonDropdownPlacementUtils;exports.NeonEventBus=Ke.NeonEventBus;exports.fileToDataURL=Qe.fileToDataURL;exports.NeonIconRegistry=We.NeonIconRegistry;exports.NeonJazziconUtils=Xe.NeonJazziconUtils;exports.NeonModeUtils=Ye.NeonModeUtils;exports.NeonNumberUtils=_e.NeonNumberUtils;exports.NeonPlacementUtils=$e.NeonPlacementUtils;exports.NeonRandomUtils=eo.NeonRandomUtils;exports.NeonResponsiveUtils=oo.NeonResponsiveUtils;exports.NeonScrollUtils=no.NeonScrollUtils;exports.NeonToastService=ro.NeonToastService;exports.NeonTooltipPlacementUtils=to.NeonTooltipPlacementUtils;exports.RegisterIcons=io.RegisterIcons;
 //# sourceMappingURL=neon.cjs.js.map

package/dist/neon.es.js

@@ -1,6 +1,6 @@
 import { default as r } from "./components/navigation/action-menu/NeonActionMenu.vue.es.js";
 import { default as a } from "./components/feedback/alert/NeonAlert.vue.es.js";
-import { default as n } from "./components/feedback/alert/container/NeonAlertContainer.vue.es.js";
+import { default as f } from "./components/feedback/alert/container/NeonAlertContainer.vue.es.js";
 import { default as l } from "./components/navigation/anchor/NeonAnchor.vue.es.js";
 import { default as N } from "./components/presentation/badge/NeonBadge.vue.es.js";
 import { default as s } from "./components/user-input/button/NeonButton.vue.es.js";
@@ -27,7 +27,7 @@ import { default as _ } from "./components/layout/footer/NeonFooter.vue.es.js";
 import { default as oo } from "./components/layout/grid/NeonGrid.vue.es.js";
 import { default as ro } from "./components/layout/grid/grid-area/NeonGridArea.vue.es.js";
 import { default as ao } from "./components/presentation/icon/NeonIcon.vue.es.js";
-import { default as no } from "./components/presentation/image-carousel/NeonImageCarousel.vue.es.js";
+import { default as fo } from "./components/presentation/image-carousel/NeonImageCarousel.vue.es.js";
 import { default as lo } from "./components/layout/inline/NeonInline.vue.es.js";
 import { default as No } from "./components/user-input/input/NeonInput.vue.es.js";
 import { default as so } from "./components/user-input/input-indicator/NeonInputIndicator.vue.es.js";
@@ -42,112 +42,113 @@ import { default as wo } from "./components/feedback/note/NeonNote.vue.es.js";
 import { default as Mo } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
 import { default as zo } from "./components/user-input/number/NeonNumber.vue.es.js";
 import { default as Fo } from "./components/layout/page/NeonPage.vue.es.js";
-import { default as ko } from "./components/user-input/password/NeonPassword.vue.es.js";
-import { default as Go } from "./components/user-input/range-slider/NeonRangeSlider.vue.es.js";
-import { default as Oo } from "./components/layout/side-nav/NeonSideNav.vue.es.js";
-import { default as Vo } from "./components/user-input/search/NeonSearch.vue.es.js";
-import { default as jo } from "./components/user-input/select/NeonSelect.vue.es.js";
-import { default as Ko } from "./components/user-input/selectable-card/NeonSelectableCard.vue.es.js";
-import { default as Wo } from "./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.es.js";
-import { default as Yo } from "./components/user-input/slider/NeonSlider.vue.es.js";
-import { default as $o } from "./components/feedback/splash-loader/NeonSplashLoader.vue.es.js";
-import { default as ee } from "./components/layout/stack/NeonStack.vue.es.js";
-import { default as te } from "./components/navigation/stepper/NeonStepper.vue.es.js";
-import { default as fe } from "./components/layout/swiper/NeonSwiper.vue.es.js";
-import { default as pe } from "./components/user-input/switch/NeonSwitch.vue.es.js";
-import { default as me } from "./components/presentation/tabs/tab/NeonTab.vue.es.js";
-import { default as xe } from "./components/presentation/tabs/NeonTabs.vue.es.js";
-import { default as de } from "./components/feedback/alert/container/NeonToastContainer.vue.es.js";
-import { default as ie } from "./components/user-input/toggle/NeonToggle.vue.es.js";
-import { default as ce } from "./components/user-input/toggle-chip/NeonToggleChip.vue.es.js";
-import { default as Ce } from "./components/feedback/tooltip/NeonTooltip.vue.es.js";
-import { default as Pe } from "./components/layout/top-nav/NeonTopNav.vue.es.js";
-import { default as Ue } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
-import { NeonAlertLevel as De } from "./common/enums/NeonAlertLevel.es.js";
-import { NeonAlertPlacement as ye } from "./common/enums/NeonAlertPlacement.es.js";
-import { NeonBadgeSize as we } from "./common/enums/NeonBadgeSize.es.js";
-import { NeonButtonSize as Me } from "./common/enums/NeonButtonSize.es.js";
-import { NeonButtonStyle as ze } from "./common/enums/NeonButtonStyle.es.js";
-import { NeonButtonType as Fe } from "./common/enums/NeonButtonType.es.js";
-import { NeonChipAction as ke } from "./common/enums/NeonChipAction.es.js";
-import { NeonDropdownPlacement as Ge } from "./common/enums/NeonDropdownPlacement.es.js";
-import { NeonDropdownStyle as Oe } from "./common/enums/NeonDropdownStyle.es.js";
-import { NeonFunctionalColor as Ve } from "./common/enums/NeonFunctionalColor.es.js";
-import { NeonHorizontalPosition as je } from "./common/enums/NeonHorizontalPosition.es.js";
-import { NeonInputIndicatorStyle as Ke } from "./common/enums/NeonInputIndicatorStyle.es.js";
-import { NeonInputMode as We } from "./common/enums/NeonInputMode.es.js";
-import { NeonInputType as Ye } from "./common/enums/NeonInputType.es.js";
-import { NeonLabelSize as $e } from "./common/enums/NeonLabelSize.es.js";
-import { NeonMode as er } from "./common/enums/NeonMode.es.js";
-import { NeonOrientation as tr } from "./common/enums/NeonOrientation.es.js";
-import { NeonOutlineStyle as fr } from "./common/enums/NeonOutlineStyle.es.js";
-import { NeonPageAlignment as pr } from "./common/enums/NeonPageAlignment.es.js";
-import { NeonPosition as mr } from "./common/enums/NeonPosition.es.js";
-import { NeonResponsive as xr } from "./common/enums/NeonResponsive.es.js";
-import { NeonSize as dr } from "./common/enums/NeonSize.es.js";
-import { NeonSplashLoaderSize as ir } from "./common/enums/NeonSplashLoaderSize.es.js";
-import { NeonState as cr } from "./common/enums/NeonState.es.js";
-import { NeonSwitchStyle as Cr } from "./common/enums/NeonSwitchStyle.es.js";
-import { NeonToggleChipSize as Pr } from "./common/enums/NeonToggleChipSize.es.js";
-import { NeonToggleStyle as Ur } from "./common/enums/NeonToggleStyle.es.js";
-import { NeonTooltipStyle as Dr } from "./common/enums/NeonTooltipStyle.es.js";
-import { NeonVerticalPosition as yr } from "./common/enums/NeonVerticalPosition.es.js";
-import { NeonAlertService as wr } from "./common/utils/NeonAlertService.es.js";
-import { NeonClipboardService as Mr, NeonClipboardSupport as vr } from "./common/utils/NeonClipboardService.es.js";
-import { NeonClosableUtils as Br } from "./common/utils/NeonClosableUtils.es.js";
-import { NeonDateUtils as Rr } from "./common/utils/NeonDateUtils.es.js";
-import { NeonDebounceUtils as Er } from "./common/utils/NeonDebounceUtils.es.js";
-import { NeonDropdownPlacementUtils as Hr } from "./common/utils/NeonDropdownPlacementUtils.es.js";
-import { NeonEventBus as Jr } from "./common/utils/NeonEventBus.es.js";
-import { fileToDataURL as Zr } from "./common/utils/NeonFileUtils.es.js";
-import { NeonIconRegistry as qr } from "./common/utils/NeonIconRegistry.es.js";
-import { NeonJazziconUtils as Qr } from "./common/utils/NeonJazziconUtils.es.js";
-import { NeonModeUtils as Xr } from "./common/utils/NeonModeUtils.es.js";
-import { NeonNumberUtils as _r } from "./common/utils/NeonNumberUtils.es.js";
-import { NeonPlacementUtils as ot } from "./common/utils/NeonPlacementUtils.es.js";
-import { NeonRandomUtils as rt } from "./common/utils/NeonRandomUtils.es.js";
-import { NeonResponsiveUtils as at } from "./common/utils/NeonResponsiveUtils.es.js";
-import { NeonScrollUtils as nt } from "./common/utils/NeonScrollUtils.es.js";
-import { NeonToastService as lt } from "./common/utils/NeonToastService.es.js";
-import { NeonTooltipPlacementUtils as Nt } from "./common/utils/NeonTooltipPlacementUtils.es.js";
-import { RegisterIcons as st } from "./common/utils/RegisterIcons.es.js";
+import { default as ko } from "./components/layout/page-container/NeonPageContainer.vue.es.js";
+import { default as Go } from "./components/user-input/password/NeonPassword.vue.es.js";
+import { default as Oo } from "./components/user-input/range-slider/NeonRangeSlider.vue.es.js";
+import { default as Vo } from "./components/layout/side-nav/NeonSideNav.vue.es.js";
+import { default as jo } from "./components/user-input/search/NeonSearch.vue.es.js";
+import { default as Ko } from "./components/user-input/select/NeonSelect.vue.es.js";
+import { default as Wo } from "./components/user-input/selectable-card/NeonSelectableCard.vue.es.js";
+import { default as Yo } from "./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.es.js";
+import { default as $o } from "./components/user-input/slider/NeonSlider.vue.es.js";
+import { default as ee } from "./components/feedback/splash-loader/NeonSplashLoader.vue.es.js";
+import { default as te } from "./components/layout/stack/NeonStack.vue.es.js";
+import { default as ne } from "./components/navigation/stepper/NeonStepper.vue.es.js";
+import { default as pe } from "./components/layout/swiper/NeonSwiper.vue.es.js";
+import { default as me } from "./components/user-input/switch/NeonSwitch.vue.es.js";
+import { default as xe } from "./components/presentation/tabs/tab/NeonTab.vue.es.js";
+import { default as de } from "./components/presentation/tabs/NeonTabs.vue.es.js";
+import { default as ie } from "./components/feedback/alert/container/NeonToastContainer.vue.es.js";
+import { default as ce } from "./components/user-input/toggle/NeonToggle.vue.es.js";
+import { default as Ce } from "./components/user-input/toggle-chip/NeonToggleChip.vue.es.js";
+import { default as Pe } from "./components/feedback/tooltip/NeonTooltip.vue.es.js";
+import { default as Ue } from "./components/layout/top-nav/NeonTopNav.vue.es.js";
+import { default as De } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
+import { NeonAlertLevel as ye } from "./common/enums/NeonAlertLevel.es.js";
+import { NeonAlertPlacement as we } from "./common/enums/NeonAlertPlacement.es.js";
+import { NeonBadgeSize as Me } from "./common/enums/NeonBadgeSize.es.js";
+import { NeonButtonSize as ze } from "./common/enums/NeonButtonSize.es.js";
+import { NeonButtonStyle as Fe } from "./common/enums/NeonButtonStyle.es.js";
+import { NeonButtonType as ke } from "./common/enums/NeonButtonType.es.js";
+import { NeonChipAction as Ge } from "./common/enums/NeonChipAction.es.js";
+import { NeonDropdownPlacement as Oe } from "./common/enums/NeonDropdownPlacement.es.js";
+import { NeonDropdownStyle as Ve } from "./common/enums/NeonDropdownStyle.es.js";
+import { NeonFunctionalColor as je } from "./common/enums/NeonFunctionalColor.es.js";
+import { NeonHorizontalPosition as Ke } from "./common/enums/NeonHorizontalPosition.es.js";
+import { NeonInputIndicatorStyle as We } from "./common/enums/NeonInputIndicatorStyle.es.js";
+import { NeonInputMode as Ye } from "./common/enums/NeonInputMode.es.js";
+import { NeonInputType as $e } from "./common/enums/NeonInputType.es.js";
+import { NeonLabelSize as er } from "./common/enums/NeonLabelSize.es.js";
+import { NeonMode as tr } from "./common/enums/NeonMode.es.js";
+import { NeonOrientation as nr } from "./common/enums/NeonOrientation.es.js";
+import { NeonOutlineStyle as pr } from "./common/enums/NeonOutlineStyle.es.js";
+import { NeonPageAlignment as mr } from "./common/enums/NeonPageAlignment.es.js";
+import { NeonPosition as xr } from "./common/enums/NeonPosition.es.js";
+import { NeonResponsive as dr } from "./common/enums/NeonResponsive.es.js";
+import { NeonSize as ir } from "./common/enums/NeonSize.es.js";
+import { NeonSplashLoaderSize as cr } from "./common/enums/NeonSplashLoaderSize.es.js";
+import { NeonState as Cr } from "./common/enums/NeonState.es.js";
+import { NeonSwitchStyle as Pr } from "./common/enums/NeonSwitchStyle.es.js";
+import { NeonToggleChipSize as Ur } from "./common/enums/NeonToggleChipSize.es.js";
+import { NeonToggleStyle as Dr } from "./common/enums/NeonToggleStyle.es.js";
+import { NeonTooltipStyle as yr } from "./common/enums/NeonTooltipStyle.es.js";
+import { NeonVerticalPosition as wr } from "./common/enums/NeonVerticalPosition.es.js";
+import { NeonAlertService as Mr } from "./common/utils/NeonAlertService.es.js";
+import { NeonClipboardService as zr, NeonClipboardSupport as Br } from "./common/utils/NeonClipboardService.es.js";
+import { NeonClosableUtils as Rr } from "./common/utils/NeonClosableUtils.es.js";
+import { NeonDateUtils as Er } from "./common/utils/NeonDateUtils.es.js";
+import { NeonDebounceUtils as Hr } from "./common/utils/NeonDebounceUtils.es.js";
+import { NeonDropdownPlacementUtils as Jr } from "./common/utils/NeonDropdownPlacementUtils.es.js";
+import { NeonEventBus as Zr } from "./common/utils/NeonEventBus.es.js";
+import { fileToDataURL as qr } from "./common/utils/NeonFileUtils.es.js";
+import { NeonIconRegistry as Qr } from "./common/utils/NeonIconRegistry.es.js";
+import { NeonJazziconUtils as Xr } from "./common/utils/NeonJazziconUtils.es.js";
+import { NeonModeUtils as _r } from "./common/utils/NeonModeUtils.es.js";
+import { NeonNumberUtils as ot } from "./common/utils/NeonNumberUtils.es.js";
+import { NeonPlacementUtils as rt } from "./common/utils/NeonPlacementUtils.es.js";
+import { NeonRandomUtils as at } from "./common/utils/NeonRandomUtils.es.js";
+import { NeonResponsiveUtils as ft } from "./common/utils/NeonResponsiveUtils.es.js";
+import { NeonScrollUtils as lt } from "./common/utils/NeonScrollUtils.es.js";
+import { NeonToastService as Nt } from "./common/utils/NeonToastService.es.js";
+import { NeonTooltipPlacementUtils as st } from "./common/utils/NeonTooltipPlacementUtils.es.js";
+import { RegisterIcons as ut } from "./common/utils/RegisterIcons.es.js";
 export {
   r as NeonActionMenu,
   a as NeonAlert,
-  n as NeonAlertContainer,
-  De as NeonAlertLevel,
-  ye as NeonAlertPlacement,
-  wr as NeonAlertService,
+  f as NeonAlertContainer,
+  ye as NeonAlertLevel,
+  we as NeonAlertPlacement,
+  Mr as NeonAlertService,
   l as NeonAnchor,
   N as NeonBadge,
-  we as NeonBadgeSize,
+  Me as NeonBadgeSize,
   s as NeonButton,
-  Me as NeonButtonSize,
-  ze as NeonButtonStyle,
-  Fe as NeonButtonType,
+  ze as NeonButtonSize,
+  Fe as NeonButtonStyle,
+  ke as NeonButtonType,
   u as NeonCard,
   S as NeonCardBody,
   g as NeonCardFooter,
   T as NeonCardHeader,
   I as NeonCardList,
   b as NeonChip,
-  ke as NeonChipAction,
-  Mr as NeonClipboardService,
-  vr as NeonClipboardSupport,
-  Br as NeonClosableUtils,
+  Ge as NeonChipAction,
+  zr as NeonClipboardService,
+  Br as NeonClipboardSupport,
+  Rr as NeonClosableUtils,
   L as NeonColor,
   h as NeonDatePicker,
-  Rr as NeonDateUtils,
-  Er as NeonDebounceUtils,
+  Er as NeonDateUtils,
+  Hr as NeonDebounceUtils,
   A as NeonDialog,
   v as NeonDrawer,
   E as NeonDropZone,
   B as NeonDropdown,
   R as NeonDropdownMenu,
-  Ge as NeonDropdownPlacement,
-  Hr as NeonDropdownPlacementUtils,
-  Oe as NeonDropdownStyle,
-  Jr as NeonEventBus,
+  Oe as NeonDropdownPlacement,
+  Jr as NeonDropdownPlacementUtils,
+  Ve as NeonDropdownStyle,
+  Zr as NeonEventBus,
   H as NeonExpansionIndicator,
   J as NeonExpansionPanel,
   q as NeonField,
@@ -155,76 +156,77 @@ export {
   Q as NeonFile,
   X as NeonFilterList,
   _ as NeonFooter,
-  Ve as NeonFunctionalColor,
+  je as NeonFunctionalColor,
   oo as NeonGrid,
   ro as NeonGridArea,
-  je as NeonHorizontalPosition,
+  Ke as NeonHorizontalPosition,
   ao as NeonIcon,
-  qr as NeonIconRegistry,
-  no as NeonImageCarousel,
+  Qr as NeonIconRegistry,
+  fo as NeonImageCarousel,
   lo as NeonInline,
   No as NeonInput,
   so as NeonInputIndicator,
-  Ke as NeonInputIndicatorStyle,
-  We as NeonInputMode,
-  Ye as NeonInputType,
-  Qr as NeonJazziconUtils,
+  We as NeonInputIndicatorStyle,
+  Ye as NeonInputMode,
+  $e as NeonInputType,
+  Xr as NeonJazziconUtils,
   io as NeonLabel,
-  $e as NeonLabelSize,
+  er as NeonLabelSize,
   co as NeonLinearProgress,
   Co as NeonLink,
   Po as NeonList,
   Uo as NeonMenu,
   Do as NeonMobileMenu,
   yo as NeonModal,
-  er as NeonMode,
-  Xr as NeonModeUtils,
+  tr as NeonMode,
+  _r as NeonModeUtils,
   wo as NeonNote,
   Mo as NeonNotificationCounter,
   zo as NeonNumber,
-  _r as NeonNumberUtils,
-  tr as NeonOrientation,
-  fr as NeonOutlineStyle,
+  ot as NeonNumberUtils,
+  nr as NeonOrientation,
+  pr as NeonOutlineStyle,
   Fo as NeonPage,
-  pr as NeonPageAlignment,
-  ko as NeonPassword,
-  ot as NeonPlacementUtils,
-  mr as NeonPosition,
-  rt as NeonRandomUtils,
-  Go as NeonRangeSlider,
-  xr as NeonResponsive,
-  at as NeonResponsiveUtils,
-  nt as NeonScrollUtils,
-  Vo as NeonSearch,
-  jo as NeonSelect,
-  Ko as NeonSelectableCard,
-  Oo as NeonSideNav,
-  dr as NeonSize,
-  Wo as NeonSkeletonLoader,
-  Yo as NeonSlider,
-  $o as NeonSplashLoader,
-  ir as NeonSplashLoaderSize,
-  ee as NeonStack,
-  cr as NeonState,
-  te as NeonStepper,
-  fe as NeonSwiper,
-  pe as NeonSwitch,
-  Cr as NeonSwitchStyle,
-  me as NeonTab,
-  xe as NeonTabs,
-  de as NeonToastContainer,
-  lt as NeonToastService,
-  ie as NeonToggle,
-  ce as NeonToggleChip,
-  Pr as NeonToggleChipSize,
-  Ur as NeonToggleStyle,
-  Ce as NeonTooltip,
-  Nt as NeonTooltipPlacementUtils,
-  Dr as NeonTooltipStyle,
-  Pe as NeonTopNav,
-  Ue as NeonTreeMenu,
-  yr as NeonVerticalPosition,
-  st as RegisterIcons,
-  Zr as fileToDataURL
+  mr as NeonPageAlignment,
+  ko as NeonPageContainer,
+  Go as NeonPassword,
+  rt as NeonPlacementUtils,
+  xr as NeonPosition,
+  at as NeonRandomUtils,
+  Oo as NeonRangeSlider,
+  dr as NeonResponsive,
+  ft as NeonResponsiveUtils,
+  lt as NeonScrollUtils,
+  jo as NeonSearch,
+  Ko as NeonSelect,
+  Wo as NeonSelectableCard,
+  Vo as NeonSideNav,
+  ir as NeonSize,
+  Yo as NeonSkeletonLoader,
+  $o as NeonSlider,
+  ee as NeonSplashLoader,
+  cr as NeonSplashLoaderSize,
+  te as NeonStack,
+  Cr as NeonState,
+  ne as NeonStepper,
+  pe as NeonSwiper,
+  me as NeonSwitch,
+  Pr as NeonSwitchStyle,
+  xe as NeonTab,
+  de as NeonTabs,
+  ie as NeonToastContainer,
+  Nt as NeonToastService,
+  ce as NeonToggle,
+  Ce as NeonToggleChip,
+  Ur as NeonToggleChipSize,
+  Dr as NeonToggleStyle,
+  Pe as NeonTooltip,
+  st as NeonTooltipPlacementUtils,
+  yr as NeonTooltipStyle,
+  Ue as NeonTopNav,
+  De as NeonTreeMenu,
+  wr as NeonVerticalPosition,
+  ut as RegisterIcons,
+  qr as fileToDataURL
 };
 //# sourceMappingURL=neon.es.js.map

package/dist/neon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/components/layout/page-container/NeonPageContainer.d.ts

@@ -0,0 +1,96 @@
+/**
+ * NeonPageContainer is a component for the layout of basic (non-card based) page content. It is designed to be placed
+ * directly inside the NeonPage <em>contents</em> slot.
+ * <br />
+ * <br />
+ * Features include support for sticky button placement and hiding the nav bar.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The page title */
+    title: {
+        type: StringConstructor;
+    };
+    /** Hide the navbar */
+    hideNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Sticky button support on mobile */
+    stickyButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The page title */
+    title: {
+        type: StringConstructor;
+    };
+    /** Hide the navbar */
+    hideNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Sticky button support on mobile */
+    stickyButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    hideNav: boolean;
+    stickyButtons: boolean;
+}, {}, {
+    NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+        color: {
+            type: () => import("../../../neon").NeonFunctionalColor;
+            default: null;
+        };
+        inverse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        sanitizedAttributes: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+        color: {
+            type: () => import("../../../neon").NeonFunctionalColor;
+            default: null;
+        };
+        inverse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        disabled: boolean;
+        color: import("../../../neon").NeonFunctionalColor;
+        id: string;
+        inverse: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/layout/page-container/NeonPageContainer.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonPageContainer.js';
+export { default } from './NeonPageContainer.js';