@aotearoan/neon 9.2.0 → 9.2.2

package/dist/components/user-input/date-picker/{NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.cjs.js.map → NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.cjs.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.ts?vue&type=script&src=dd58960a&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonDropdown from '@/components/presentation/dropdown/NeonDropdown.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonDateUtils } from '@/common/utils/NeonDateUtils';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\n\n/**\n * <strong>NeonDatePicker</strong> is the equivalent of the native\n * <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\" target=\"_blank\">HTML Date Input</a>.\n * It accepts an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> date string &\n * allows the user to select a date. Dates are formatted with the provided locale, if none is provided the browser\n * locale is used as a default. On touch devices the native date picker is presented to the user.\n *\n * The input date is displayed to the user WITHOUT any adjustment for their timezone, however 'Today' on the calendar is\n * highlighted for the user's timezone.\n *\n * This component interaction was inspired by this <a href=\"https://icehaunter.github.io/vue3-datepicker\" target=\"_blank\">vue-datepicker</a>\n */\nexport default defineComponent({\n  name: 'NeonDatePicker',\n  components: {\n    NeonButton,\n    NeonDropdown,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The selected date. A date string in the\n     * <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Disable date picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the date picker\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Minimum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    min: { type: String, default: null },\n    /**\n     * Maximum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    max: { type: String, default: null },\n    /**\n     * The placement of the dropdown calendar popup.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Disabled dates, a list of <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format\n     * dates for which to disable selection.\n     */\n    disabledDates: { type: Array as () => Array<string>, default: () => [] },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n    /**\n     * This is the label of the input field which opens the calendar. This is technically a button.\n     */\n    openCalendarLabel: { type: String, default: 'Open calendar' },\n    /**\n     * This is the label of the 'Done' button in the calendar popup.\n     */\n    doneLabel: { type: String, default: 'Done' },\n    /**\n     * This is the label of the 'Clear' button in the calendar popup.\n     */\n    clearLabel: { type: String, default: 'Clear' },\n    /**\n     * This is the ARIA label of the 'Change month' button in the calendar popup.\n     */\n    changeMonthLabel: { type: String, default: 'Change month' },\n    /**\n     * This is the ARIA label of the 'Previous month' button in the calendar popup.\n     */\n    previousMonthLabel: { type: String, default: 'Previous month' },\n    /**\n     * This is the ARIA label of the 'Next month' button in the calendar popup.\n     */\n    nextMonthLabel: { type: String, default: 'Next month' },\n    /**\n     * This is the ARIA label of the 'Change year' button in the calendar popup.\n     */\n    changeYearLabel: { type: String, default: 'Change year' },\n    /**\n     * This is the ARIA label of the 'Previous year' button in the calendar popup.\n     */\n    previousYearLabel: { type: String, default: 'Previous year' },\n    /**\n     * This is the ARIA label of the 'Next year' button in the calendar popup.\n     */\n    nextYearLabel: { type: String, default: 'Next year' },\n    /**\n     * This is the ARIA label of the 'Previous decade' button in the calendar popup.\n     */\n    previousDecadeLabel: { type: String, default: 'Previous decade' },\n    /**\n     * This is the ARIA label of the 'Next decade' button in the calendar popup.\n     */\n    nextDecadeLabel: { type: String, default: 'Next decade' },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const optional = !attrs.required;\n\n    const dropdown = ref<HTMLElement | null>(null);\n    const calendarRef = ref<HTMLElement | null>(null);\n    const calendarOpen = ref<boolean>(false);\n    const monthSelectionOpen = ref<boolean>(false);\n    const yearSelectionOpen = ref<boolean>(false);\n\n    const formattedValue = computed(() => {\n      if (props.modelValue) {\n        const formattedDate = NeonDateUtils.stringToNeonDate(props.modelValue, props.locale, true);\n        if (formattedDate) {\n          const { dayFormatted, monthShortName, yearFormatted } = formattedDate;\n          return `${dayFormatted} ${monthShortName} ${yearFormatted}`;\n        }\n      }\n\n      return '';\n    });\n\n    const isoDate = (day: number, month: number, year: number) => NeonDateUtils.dmyToIso(day, month, year);\n\n    const todayDate = new Date();\n    const locale = props.locale || navigator.language;\n\n    const pageMonth = ref(\n      props.modelValue ? +props.modelValue.substring(5, 7) : +todayDate.toLocaleString(locale, { month: 'numeric' }),\n    );\n    const pageYear = ref(\n      props.modelValue ? +props.modelValue.substring(0, 4) : +todayDate.toLocaleString(locale, { year: 'numeric' }),\n    );\n    const pageDecadeStart = ref(Math.floor(pageYear.value / 10) * 10);\n\n    const calendar = computed(() =>\n      NeonDateUtils.toCalendarConfiguration(\n        props.modelValue,\n        pageMonth.value,\n        pageYear.value,\n        pageDecadeStart.value,\n        props.locale,\n      ),\n    );\n\n    const today = computed(() => {\n      const { day, month, year } = calendar.value.today;\n      return NeonDateUtils.dmyToIso(day, month, year);\n    });\n\n    const openCalendar = () => {\n      if (!props.disabled) {\n        calendarOpen.value = true;\n        if (calendarRef.value) {\n          const selected = calendarRef.value.querySelector('.neon-date-picker__calendar-date--selected') as HTMLElement;\n          if (selected) {\n            setTimeout(() => selected.focus());\n          }\n        }\n      }\n    };\n\n    const emitDate = (newDate: string) => {\n      emit('update:modelValue', newDate);\n    };\n\n    const onPrevious = () => {\n      if (pageMonth.value === 1) {\n        pageMonth.value = 12;\n        pageYear.value = pageYear.value - 1;\n      } else {\n        pageMonth.value = pageMonth.value - 1;\n      }\n    };\n\n    const onNext = () => {\n      if (pageMonth.value === 12) {\n        pageMonth.value = 1;\n        pageYear.value = pageYear.value + 1;\n      } else {\n        pageMonth.value = pageMonth.value + 1;\n      }\n    };\n\n    const changeMonth = () => {\n      monthSelectionOpen.value = true;\n    };\n\n    const isPreviousDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, calendar.value.pageMonth, calendar.value.pageYear),\n    );\n    const isNextDisabled = computed(() => {\n      const { pageYear, pageMonth, lastDayOfMonth } = calendar.value;\n      return props.max && props.max <= NeonDateUtils.dmyToIso(lastDayOfMonth, pageMonth, pageYear);\n    });\n    const isChangeDateDisabled = computed(() => isPreviousDisabled.value && isNextDisabled.value);\n\n    const onPreviousYear = () => {\n      pageYear.value = pageYear.value - 1;\n    };\n\n    const onNextYear = () => {\n      pageYear.value = pageYear.value + 1;\n    };\n\n    const changeYear = () => {\n      yearSelectionOpen.value = true;\n    };\n\n    const isPreviousYearDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, calendar.value.pageYear),\n    );\n    const isNextYearDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, calendar.value.pageYear),\n    );\n    const isChangeYearDisabled = computed(() => isPreviousYearDisabled.value && isNextYearDisabled.value);\n\n    const onPreviousDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value - 10;\n    };\n\n    const onNextDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value + 10;\n    };\n\n    const isPreviousDecadeDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, Math.floor(calendar.value.pageYear / 10) * 10),\n    );\n    const isNextDecadeDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, Math.floor(calendar.value.pageYear / 10) * 10 + 9),\n    );\n\n    const resetToCalendar = () => {\n      monthSelectionOpen.value = false;\n      yearSelectionOpen.value = false;\n    };\n\n    const done = () => {\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const clear = () => {\n      emit('update:modelValue', null);\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const selectMonth = (month: number) => {\n      pageMonth.value = month;\n      monthSelectionOpen.value = false;\n    };\n\n    const selectYear = (year: number) => {\n      pageYear.value = year;\n      yearSelectionOpen.value = false;\n    };\n\n    const isDisabled = (isoDate: string) => {\n      return (\n        props.disabledDates?.indexOf(isoDate) >= 0 ||\n        (props.min && props.min > isoDate) ||\n        (props.max && props.max < isoDate)\n      );\n    };\n\n    const isMonthDisabled = (year: number, month: number) => {\n      const dateStr = `${year}-${month < 10 ? '0' + month : month}`;\n      return (\n        (minYearMonth.value && minYearMonth.value > dateStr) || (maxYearMonth.value && maxYearMonth.value < dateStr)\n      );\n    };\n\n    const minYear = computed<number | null>(() => (props.min ? +props.min.substring(0, 4) : null));\n    const minYearMonth = computed<string | null>(() => (props.min ? props.min.substring(0, 7) : null));\n    const maxYear = computed<number | null>(() => (props.max ? +props.max.substring(0, 4) : null));\n    const maxYearMonth = computed<string | null>(() => (props.max ? props.max.substring(0, 7) : null));\n\n    const isYearDisabled = (year: number) => {\n      return (minYear.value && minYear.value > year) || (maxYear.value && maxYear.value < year);\n    };\n\n    return {\n      attrs,\n      calendar,\n      calendarOpen,\n      dropdown,\n      formattedValue,\n      isChangeDateDisabled,\n      isChangeYearDisabled,\n      isNextDisabled,\n      isNextDecadeDisabled,\n      isNextYearDisabled,\n      isPreviousDisabled,\n      isPreviousDecadeDisabled,\n      isPreviousYearDisabled,\n      monthSelectionOpen,\n      optional,\n      today,\n      calendarRef,\n      yearSelectionOpen,\n      changeMonth,\n      changeYear,\n      clear,\n      done,\n      emitDate,\n      isDisabled,\n      isoDate,\n      isMonthDisabled,\n      isYearDisabled,\n      openCalendar,\n      onNext,\n      onNextDecade,\n      onNextYear,\n      onPrevious,\n      onPreviousDecade,\n      onPreviousYear,\n      resetToCalendar,\n      selectMonth,\n      selectYear,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonDropdown","NeonInput","NeonSize","NeonFunctionalColor","NeonDropdownPlacement","props","emit","attrs","useAttrs","optional","dropdown","ref","calendarRef","calendarOpen","monthSelectionOpen","yearSelectionOpen","formattedValue","computed","formattedDate","NeonDateUtils","dayFormatted","monthShortName","yearFormatted","isoDate","day","month","year","todayDate","locale","pageMonth","pageYear","pageDecadeStart","calendar","today","openCalendar","selected","emitDate","newDate","onPrevious","onNext","changeMonth","isPreviousDisabled","isNextDisabled","lastDayOfMonth","isChangeDateDisabled","onPreviousYear","onNextYear","changeYear","isPreviousYearDisabled","isNextYearDisabled","isChangeYearDisabled","onPreviousDecade","onNextDecade","isPreviousDecadeDisabled","isNextDecadeDisabled","resetToCalendar","done","clear","selectMonth","selectYear","isDisabled","_a","isMonthDisabled","dateStr","minYearMonth","maxYearMonth","minYear","maxYear"],"mappings":"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"}
+{"version":3,"file":"NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.cjs.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.ts?vue&type=script&src=01c3f912&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonDropdown from '@/components/presentation/dropdown/NeonDropdown.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonDateUtils } from '@/common/utils/NeonDateUtils';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\n\n/**\n * <strong>NeonDatePicker</strong> is the equivalent of the native\n * <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\" target=\"_blank\">HTML Date Input</a>.\n * It accepts an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> date string &\n * allows the user to select a date. Dates are formatted with the provided locale, if none is provided the browser\n * locale is used as a default. On touch devices the native date picker is presented to the user.\n *\n * The input date is displayed to the user WITHOUT any adjustment for their timezone, however 'Today' on the calendar is\n * highlighted for the user's timezone.\n *\n * This component interaction was inspired by this <a href=\"https://icehaunter.github.io/vue3-datepicker\" target=\"_blank\">vue-datepicker</a>\n */\nexport default defineComponent({\n  name: 'NeonDatePicker',\n  components: {\n    NeonButton,\n    NeonDropdown,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The selected date. A date string in the\n     * <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Disable date picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the date picker\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Minimum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    min: { type: String, default: null },\n    /**\n     * Maximum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    max: { type: String, default: null },\n    /**\n     * The placement of the dropdown calendar popup.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Disabled dates, a list of <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format\n     * dates for which to disable selection.\n     */\n    disabledDates: { type: Array as () => Array<string>, default: () => [] },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n    /**\n     * This is the label of the input field which opens the calendar. This is technically a button.\n     */\n    openCalendarLabel: { type: String, default: 'Open calendar' },\n    /**\n     * This is the label of the 'Done' button in the calendar popup.\n     */\n    doneLabel: { type: String, default: 'Done' },\n    /**\n     * This is the label of the 'Clear' button in the calendar popup.\n     */\n    clearLabel: { type: String, default: 'Clear' },\n    /**\n     * This is the ARIA label of the 'Change month' button in the calendar popup.\n     */\n    changeMonthLabel: { type: String, default: 'Change month' },\n    /**\n     * This is the ARIA label of the 'Previous month' button in the calendar popup.\n     */\n    previousMonthLabel: { type: String, default: 'Previous month' },\n    /**\n     * This is the ARIA label of the 'Next month' button in the calendar popup.\n     */\n    nextMonthLabel: { type: String, default: 'Next month' },\n    /**\n     * This is the ARIA label of the 'Change year' button in the calendar popup.\n     */\n    changeYearLabel: { type: String, default: 'Change year' },\n    /**\n     * This is the ARIA label of the 'Previous year' button in the calendar popup.\n     */\n    previousYearLabel: { type: String, default: 'Previous year' },\n    /**\n     * This is the ARIA label of the 'Next year' button in the calendar popup.\n     */\n    nextYearLabel: { type: String, default: 'Next year' },\n    /**\n     * This is the ARIA label of the 'Previous decade' button in the calendar popup.\n     */\n    previousDecadeLabel: { type: String, default: 'Previous decade' },\n    /**\n     * This is the ARIA label of the 'Next decade' button in the calendar popup.\n     */\n    nextDecadeLabel: { type: String, default: 'Next decade' },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const optional = !attrs.required;\n\n    const dropdown = ref<HTMLElement | null>(null);\n    const calendarRef = ref<HTMLElement | null>(null);\n    const calendarOpen = ref<boolean>(false);\n    const monthSelectionOpen = ref<boolean>(false);\n    const yearSelectionOpen = ref<boolean>(false);\n\n    const formattedValue = computed(() => {\n      if (props.modelValue) {\n        const formattedDate = NeonDateUtils.stringToNeonDate(props.modelValue, props.locale, true);\n        if (formattedDate) {\n          const { dayFormatted, monthShortName, yearFormatted } = formattedDate;\n          return `${dayFormatted} ${monthShortName} ${yearFormatted}`;\n        }\n      }\n\n      return '';\n    });\n\n    const isoDate = (day: number, month: number, year: number) => NeonDateUtils.dmyToIso(day, month, year);\n\n    const todayDate = new Date();\n    const locale = props.locale || navigator.language;\n\n    const pageMonth = ref(\n      props.modelValue ? +props.modelValue.substring(5, 7) : +todayDate.toLocaleString(locale, { month: 'numeric' }),\n    );\n    const pageYear = ref(\n      props.modelValue ? +props.modelValue.substring(0, 4) : +todayDate.toLocaleString(locale, { year: 'numeric' }),\n    );\n    const pageDecadeStart = ref(Math.floor(pageYear.value / 10) * 10);\n\n    const calendar = computed(() =>\n      NeonDateUtils.toCalendarConfiguration(\n        props.modelValue,\n        pageMonth.value,\n        pageYear.value,\n        pageDecadeStart.value,\n        props.locale,\n      ),\n    );\n\n    const today = computed(() => {\n      const { day, month, year } = calendar.value.today;\n      return NeonDateUtils.dmyToIso(day, month, year);\n    });\n\n    const openCalendar = () => {\n      if (!props.disabled) {\n        calendarOpen.value = true;\n        if (calendarRef.value) {\n          const selected = calendarRef.value.querySelector('.neon-date-picker__calendar-date--selected') as HTMLElement;\n          if (selected) {\n            setTimeout(() => selected.focus());\n          }\n        }\n      }\n    };\n\n    const emitDate = (newDate: string) => {\n      emit('update:modelValue', newDate);\n    };\n\n    const onPrevious = () => {\n      if (pageMonth.value === 1) {\n        pageMonth.value = 12;\n        pageYear.value = pageYear.value - 1;\n      } else {\n        pageMonth.value = pageMonth.value - 1;\n      }\n    };\n\n    const onNext = () => {\n      if (pageMonth.value === 12) {\n        pageMonth.value = 1;\n        pageYear.value = pageYear.value + 1;\n      } else {\n        pageMonth.value = pageMonth.value + 1;\n      }\n    };\n\n    const changeMonth = () => {\n      monthSelectionOpen.value = true;\n    };\n\n    const isPreviousDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, calendar.value.pageMonth, calendar.value.pageYear),\n    );\n    const isNextDisabled = computed(() => {\n      const { pageYear, pageMonth, lastDayOfMonth } = calendar.value;\n      return props.max && props.max <= NeonDateUtils.dmyToIso(lastDayOfMonth, pageMonth, pageYear);\n    });\n    const isChangeDateDisabled = computed(() => isPreviousDisabled.value && isNextDisabled.value);\n\n    const onPreviousYear = () => {\n      pageYear.value = pageYear.value - 1;\n    };\n\n    const onNextYear = () => {\n      pageYear.value = pageYear.value + 1;\n    };\n\n    const changeYear = () => {\n      yearSelectionOpen.value = true;\n    };\n\n    const isPreviousYearDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, calendar.value.pageYear),\n    );\n    const isNextYearDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, calendar.value.pageYear),\n    );\n    const isChangeYearDisabled = computed(() => isPreviousYearDisabled.value && isNextYearDisabled.value);\n\n    const onPreviousDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value - 10;\n    };\n\n    const onNextDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value + 10;\n    };\n\n    const isPreviousDecadeDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, Math.floor(calendar.value.pageYear / 10) * 10),\n    );\n    const isNextDecadeDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, Math.floor(calendar.value.pageYear / 10) * 10 + 9),\n    );\n\n    const resetToCalendar = () => {\n      monthSelectionOpen.value = false;\n      yearSelectionOpen.value = false;\n    };\n\n    const done = () => {\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const clear = () => {\n      emit('update:modelValue', null);\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const selectMonth = (month: number) => {\n      pageMonth.value = month;\n      monthSelectionOpen.value = false;\n    };\n\n    const selectYear = (year: number) => {\n      pageYear.value = year;\n      yearSelectionOpen.value = false;\n    };\n\n    const isDisabled = (isoDate: string) => {\n      return (\n        props.disabledDates?.indexOf(isoDate) >= 0 ||\n        (props.min && props.min > isoDate) ||\n        (props.max && props.max < isoDate)\n      );\n    };\n\n    const isMonthDisabled = (year: number, month: number) => {\n      const dateStr = `${year}-${month < 10 ? '0' + month : month}`;\n      return (\n        (minYearMonth.value && minYearMonth.value > dateStr) || (maxYearMonth.value && maxYearMonth.value < dateStr)\n      );\n    };\n\n    const minYear = computed<number | null>(() => (props.min ? +props.min.substring(0, 4) : null));\n    const minYearMonth = computed<string | null>(() => (props.min ? props.min.substring(0, 7) : null));\n    const maxYear = computed<number | null>(() => (props.max ? +props.max.substring(0, 4) : null));\n    const maxYearMonth = computed<string | null>(() => (props.max ? props.max.substring(0, 7) : null));\n\n    const isYearDisabled = (year: number) => {\n      return (minYear.value && minYear.value > year) || (maxYear.value && maxYear.value < year);\n    };\n\n    return {\n      attrs,\n      calendar,\n      calendarOpen,\n      dropdown,\n      formattedValue,\n      isChangeDateDisabled,\n      isChangeYearDisabled,\n      isNextDisabled,\n      isNextDecadeDisabled,\n      isNextYearDisabled,\n      isPreviousDisabled,\n      isPreviousDecadeDisabled,\n      isPreviousYearDisabled,\n      monthSelectionOpen,\n      optional,\n      today,\n      calendarRef,\n      yearSelectionOpen,\n      changeMonth,\n      changeYear,\n      clear,\n      done,\n      emitDate,\n      isDisabled,\n      isoDate,\n      isMonthDisabled,\n      isYearDisabled,\n      openCalendar,\n      onNext,\n      onNextDecade,\n      onNextYear,\n      onPrevious,\n      onPreviousDecade,\n      onPreviousYear,\n      resetToCalendar,\n      selectMonth,\n      selectYear,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonDropdown","NeonInput","NeonSize","NeonFunctionalColor","NeonDropdownPlacement","props","emit","attrs","useAttrs","optional","dropdown","ref","calendarRef","calendarOpen","monthSelectionOpen","yearSelectionOpen","formattedValue","computed","formattedDate","NeonDateUtils","dayFormatted","monthShortName","yearFormatted","isoDate","day","month","year","todayDate","locale","pageMonth","pageYear","pageDecadeStart","calendar","today","openCalendar","selected","emitDate","newDate","onPrevious","onNext","changeMonth","isPreviousDisabled","isNextDisabled","lastDayOfMonth","isChangeDateDisabled","onPreviousYear","onNextYear","changeYear","isPreviousYearDisabled","isNextYearDisabled","isChangeYearDisabled","onPreviousDecade","onNextDecade","isPreviousDecadeDisabled","isNextDecadeDisabled","resetToCalendar","done","clear","selectMonth","selectYear","isDisabled","_a","isMonthDisabled","dateStr","minYearMonth","maxYearMonth","minYear","maxYear"],"mappings":"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"}

package/dist/components/user-input/date-picker/{NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.es.js → NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.es.js}

@@ -224,4 +224,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.es.js.map
+//# sourceMappingURL=NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.es.js.map

package/dist/components/user-input/date-picker/{NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.es.js.map → NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.ts?vue&type=script&src=dd58960a&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonDropdown from '@/components/presentation/dropdown/NeonDropdown.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonDateUtils } from '@/common/utils/NeonDateUtils';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\n\n/**\n * <strong>NeonDatePicker</strong> is the equivalent of the native\n * <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\" target=\"_blank\">HTML Date Input</a>.\n * It accepts an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> date string &\n * allows the user to select a date. Dates are formatted with the provided locale, if none is provided the browser\n * locale is used as a default. On touch devices the native date picker is presented to the user.\n *\n * The input date is displayed to the user WITHOUT any adjustment for their timezone, however 'Today' on the calendar is\n * highlighted for the user's timezone.\n *\n * This component interaction was inspired by this <a href=\"https://icehaunter.github.io/vue3-datepicker\" target=\"_blank\">vue-datepicker</a>\n */\nexport default defineComponent({\n  name: 'NeonDatePicker',\n  components: {\n    NeonButton,\n    NeonDropdown,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The selected date. A date string in the\n     * <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Disable date picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the date picker\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Minimum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    min: { type: String, default: null },\n    /**\n     * Maximum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    max: { type: String, default: null },\n    /**\n     * The placement of the dropdown calendar popup.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Disabled dates, a list of <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format\n     * dates for which to disable selection.\n     */\n    disabledDates: { type: Array as () => Array<string>, default: () => [] },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n    /**\n     * This is the label of the input field which opens the calendar. This is technically a button.\n     */\n    openCalendarLabel: { type: String, default: 'Open calendar' },\n    /**\n     * This is the label of the 'Done' button in the calendar popup.\n     */\n    doneLabel: { type: String, default: 'Done' },\n    /**\n     * This is the label of the 'Clear' button in the calendar popup.\n     */\n    clearLabel: { type: String, default: 'Clear' },\n    /**\n     * This is the ARIA label of the 'Change month' button in the calendar popup.\n     */\n    changeMonthLabel: { type: String, default: 'Change month' },\n    /**\n     * This is the ARIA label of the 'Previous month' button in the calendar popup.\n     */\n    previousMonthLabel: { type: String, default: 'Previous month' },\n    /**\n     * This is the ARIA label of the 'Next month' button in the calendar popup.\n     */\n    nextMonthLabel: { type: String, default: 'Next month' },\n    /**\n     * This is the ARIA label of the 'Change year' button in the calendar popup.\n     */\n    changeYearLabel: { type: String, default: 'Change year' },\n    /**\n     * This is the ARIA label of the 'Previous year' button in the calendar popup.\n     */\n    previousYearLabel: { type: String, default: 'Previous year' },\n    /**\n     * This is the ARIA label of the 'Next year' button in the calendar popup.\n     */\n    nextYearLabel: { type: String, default: 'Next year' },\n    /**\n     * This is the ARIA label of the 'Previous decade' button in the calendar popup.\n     */\n    previousDecadeLabel: { type: String, default: 'Previous decade' },\n    /**\n     * This is the ARIA label of the 'Next decade' button in the calendar popup.\n     */\n    nextDecadeLabel: { type: String, default: 'Next decade' },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const optional = !attrs.required;\n\n    const dropdown = ref<HTMLElement | null>(null);\n    const calendarRef = ref<HTMLElement | null>(null);\n    const calendarOpen = ref<boolean>(false);\n    const monthSelectionOpen = ref<boolean>(false);\n    const yearSelectionOpen = ref<boolean>(false);\n\n    const formattedValue = computed(() => {\n      if (props.modelValue) {\n        const formattedDate = NeonDateUtils.stringToNeonDate(props.modelValue, props.locale, true);\n        if (formattedDate) {\n          const { dayFormatted, monthShortName, yearFormatted } = formattedDate;\n          return `${dayFormatted} ${monthShortName} ${yearFormatted}`;\n        }\n      }\n\n      return '';\n    });\n\n    const isoDate = (day: number, month: number, year: number) => NeonDateUtils.dmyToIso(day, month, year);\n\n    const todayDate = new Date();\n    const locale = props.locale || navigator.language;\n\n    const pageMonth = ref(\n      props.modelValue ? +props.modelValue.substring(5, 7) : +todayDate.toLocaleString(locale, { month: 'numeric' }),\n    );\n    const pageYear = ref(\n      props.modelValue ? +props.modelValue.substring(0, 4) : +todayDate.toLocaleString(locale, { year: 'numeric' }),\n    );\n    const pageDecadeStart = ref(Math.floor(pageYear.value / 10) * 10);\n\n    const calendar = computed(() =>\n      NeonDateUtils.toCalendarConfiguration(\n        props.modelValue,\n        pageMonth.value,\n        pageYear.value,\n        pageDecadeStart.value,\n        props.locale,\n      ),\n    );\n\n    const today = computed(() => {\n      const { day, month, year } = calendar.value.today;\n      return NeonDateUtils.dmyToIso(day, month, year);\n    });\n\n    const openCalendar = () => {\n      if (!props.disabled) {\n        calendarOpen.value = true;\n        if (calendarRef.value) {\n          const selected = calendarRef.value.querySelector('.neon-date-picker__calendar-date--selected') as HTMLElement;\n          if (selected) {\n            setTimeout(() => selected.focus());\n          }\n        }\n      }\n    };\n\n    const emitDate = (newDate: string) => {\n      emit('update:modelValue', newDate);\n    };\n\n    const onPrevious = () => {\n      if (pageMonth.value === 1) {\n        pageMonth.value = 12;\n        pageYear.value = pageYear.value - 1;\n      } else {\n        pageMonth.value = pageMonth.value - 1;\n      }\n    };\n\n    const onNext = () => {\n      if (pageMonth.value === 12) {\n        pageMonth.value = 1;\n        pageYear.value = pageYear.value + 1;\n      } else {\n        pageMonth.value = pageMonth.value + 1;\n      }\n    };\n\n    const changeMonth = () => {\n      monthSelectionOpen.value = true;\n    };\n\n    const isPreviousDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, calendar.value.pageMonth, calendar.value.pageYear),\n    );\n    const isNextDisabled = computed(() => {\n      const { pageYear, pageMonth, lastDayOfMonth } = calendar.value;\n      return props.max && props.max <= NeonDateUtils.dmyToIso(lastDayOfMonth, pageMonth, pageYear);\n    });\n    const isChangeDateDisabled = computed(() => isPreviousDisabled.value && isNextDisabled.value);\n\n    const onPreviousYear = () => {\n      pageYear.value = pageYear.value - 1;\n    };\n\n    const onNextYear = () => {\n      pageYear.value = pageYear.value + 1;\n    };\n\n    const changeYear = () => {\n      yearSelectionOpen.value = true;\n    };\n\n    const isPreviousYearDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, calendar.value.pageYear),\n    );\n    const isNextYearDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, calendar.value.pageYear),\n    );\n    const isChangeYearDisabled = computed(() => isPreviousYearDisabled.value && isNextYearDisabled.value);\n\n    const onPreviousDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value - 10;\n    };\n\n    const onNextDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value + 10;\n    };\n\n    const isPreviousDecadeDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, Math.floor(calendar.value.pageYear / 10) * 10),\n    );\n    const isNextDecadeDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, Math.floor(calendar.value.pageYear / 10) * 10 + 9),\n    );\n\n    const resetToCalendar = () => {\n      monthSelectionOpen.value = false;\n      yearSelectionOpen.value = false;\n    };\n\n    const done = () => {\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const clear = () => {\n      emit('update:modelValue', null);\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const selectMonth = (month: number) => {\n      pageMonth.value = month;\n      monthSelectionOpen.value = false;\n    };\n\n    const selectYear = (year: number) => {\n      pageYear.value = year;\n      yearSelectionOpen.value = false;\n    };\n\n    const isDisabled = (isoDate: string) => {\n      return (\n        props.disabledDates?.indexOf(isoDate) >= 0 ||\n        (props.min && props.min > isoDate) ||\n        (props.max && props.max < isoDate)\n      );\n    };\n\n    const isMonthDisabled = (year: number, month: number) => {\n      const dateStr = `${year}-${month < 10 ? '0' + month : month}`;\n      return (\n        (minYearMonth.value && minYearMonth.value > dateStr) || (maxYearMonth.value && maxYearMonth.value < dateStr)\n      );\n    };\n\n    const minYear = computed<number | null>(() => (props.min ? +props.min.substring(0, 4) : null));\n    const minYearMonth = computed<string | null>(() => (props.min ? props.min.substring(0, 7) : null));\n    const maxYear = computed<number | null>(() => (props.max ? +props.max.substring(0, 4) : null));\n    const maxYearMonth = computed<string | null>(() => (props.max ? props.max.substring(0, 7) : null));\n\n    const isYearDisabled = (year: number) => {\n      return (minYear.value && minYear.value > year) || (maxYear.value && maxYear.value < year);\n    };\n\n    return {\n      attrs,\n      calendar,\n      calendarOpen,\n      dropdown,\n      formattedValue,\n      isChangeDateDisabled,\n      isChangeYearDisabled,\n      isNextDisabled,\n      isNextDecadeDisabled,\n      isNextYearDisabled,\n      isPreviousDisabled,\n      isPreviousDecadeDisabled,\n      isPreviousYearDisabled,\n      monthSelectionOpen,\n      optional,\n      today,\n      calendarRef,\n      yearSelectionOpen,\n      changeMonth,\n      changeYear,\n      clear,\n      done,\n      emitDate,\n      isDisabled,\n      isoDate,\n      isMonthDisabled,\n      isYearDisabled,\n      openCalendar,\n      onNext,\n      onNextDecade,\n      onNextYear,\n      onPrevious,\n      onPreviousDecade,\n      onPreviousYear,\n      resetToCalendar,\n      selectMonth,\n      selectYear,\n    };\n  },\n});\n"],"names":["pageYear","pageMonth","isoDate"],"mappings":"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"}
+{"version":3,"file":"NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.ts?vue&type=script&src=01c3f912&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonDropdown from '@/components/presentation/dropdown/NeonDropdown.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport { NeonDateUtils } from '@/common/utils/NeonDateUtils';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\n\n/**\n * <strong>NeonDatePicker</strong> is the equivalent of the native\n * <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\" target=\"_blank\">HTML Date Input</a>.\n * It accepts an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> date string &\n * allows the user to select a date. Dates are formatted with the provided locale, if none is provided the browser\n * locale is used as a default. On touch devices the native date picker is presented to the user.\n *\n * The input date is displayed to the user WITHOUT any adjustment for their timezone, however 'Today' on the calendar is\n * highlighted for the user's timezone.\n *\n * This component interaction was inspired by this <a href=\"https://icehaunter.github.io/vue3-datepicker\" target=\"_blank\">vue-datepicker</a>\n */\nexport default defineComponent({\n  name: 'NeonDatePicker',\n  components: {\n    NeonButton,\n    NeonDropdown,\n    NeonInput,\n  },\n  props: {\n    /**\n     * The selected date. A date string in the\n     * <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Disable date picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the date picker\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Minimum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    min: { type: String, default: null },\n    /**\n     * Maximum allowed date value in the <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format.\n     */\n    max: { type: String, default: null },\n    /**\n     * The placement of the dropdown calendar popup.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Disabled dates, a list of <a href=\"https://en.wikipedia.org/wiki/ISO_8601\" target=\"_blank\">ISO 8601</a> format\n     * dates for which to disable selection.\n     */\n    disabledDates: { type: Array as () => Array<string>, default: () => [] },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n    /**\n     * This is the label of the input field which opens the calendar. This is technically a button.\n     */\n    openCalendarLabel: { type: String, default: 'Open calendar' },\n    /**\n     * This is the label of the 'Done' button in the calendar popup.\n     */\n    doneLabel: { type: String, default: 'Done' },\n    /**\n     * This is the label of the 'Clear' button in the calendar popup.\n     */\n    clearLabel: { type: String, default: 'Clear' },\n    /**\n     * This is the ARIA label of the 'Change month' button in the calendar popup.\n     */\n    changeMonthLabel: { type: String, default: 'Change month' },\n    /**\n     * This is the ARIA label of the 'Previous month' button in the calendar popup.\n     */\n    previousMonthLabel: { type: String, default: 'Previous month' },\n    /**\n     * This is the ARIA label of the 'Next month' button in the calendar popup.\n     */\n    nextMonthLabel: { type: String, default: 'Next month' },\n    /**\n     * This is the ARIA label of the 'Change year' button in the calendar popup.\n     */\n    changeYearLabel: { type: String, default: 'Change year' },\n    /**\n     * This is the ARIA label of the 'Previous year' button in the calendar popup.\n     */\n    previousYearLabel: { type: String, default: 'Previous year' },\n    /**\n     * This is the ARIA label of the 'Next year' button in the calendar popup.\n     */\n    nextYearLabel: { type: String, default: 'Next year' },\n    /**\n     * This is the ARIA label of the 'Previous decade' button in the calendar popup.\n     */\n    previousDecadeLabel: { type: String, default: 'Previous decade' },\n    /**\n     * This is the ARIA label of the 'Next decade' button in the calendar popup.\n     */\n    nextDecadeLabel: { type: String, default: 'Next decade' },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const optional = !attrs.required;\n\n    const dropdown = ref<HTMLElement | null>(null);\n    const calendarRef = ref<HTMLElement | null>(null);\n    const calendarOpen = ref<boolean>(false);\n    const monthSelectionOpen = ref<boolean>(false);\n    const yearSelectionOpen = ref<boolean>(false);\n\n    const formattedValue = computed(() => {\n      if (props.modelValue) {\n        const formattedDate = NeonDateUtils.stringToNeonDate(props.modelValue, props.locale, true);\n        if (formattedDate) {\n          const { dayFormatted, monthShortName, yearFormatted } = formattedDate;\n          return `${dayFormatted} ${monthShortName} ${yearFormatted}`;\n        }\n      }\n\n      return '';\n    });\n\n    const isoDate = (day: number, month: number, year: number) => NeonDateUtils.dmyToIso(day, month, year);\n\n    const todayDate = new Date();\n    const locale = props.locale || navigator.language;\n\n    const pageMonth = ref(\n      props.modelValue ? +props.modelValue.substring(5, 7) : +todayDate.toLocaleString(locale, { month: 'numeric' }),\n    );\n    const pageYear = ref(\n      props.modelValue ? +props.modelValue.substring(0, 4) : +todayDate.toLocaleString(locale, { year: 'numeric' }),\n    );\n    const pageDecadeStart = ref(Math.floor(pageYear.value / 10) * 10);\n\n    const calendar = computed(() =>\n      NeonDateUtils.toCalendarConfiguration(\n        props.modelValue,\n        pageMonth.value,\n        pageYear.value,\n        pageDecadeStart.value,\n        props.locale,\n      ),\n    );\n\n    const today = computed(() => {\n      const { day, month, year } = calendar.value.today;\n      return NeonDateUtils.dmyToIso(day, month, year);\n    });\n\n    const openCalendar = () => {\n      if (!props.disabled) {\n        calendarOpen.value = true;\n        if (calendarRef.value) {\n          const selected = calendarRef.value.querySelector('.neon-date-picker__calendar-date--selected') as HTMLElement;\n          if (selected) {\n            setTimeout(() => selected.focus());\n          }\n        }\n      }\n    };\n\n    const emitDate = (newDate: string) => {\n      emit('update:modelValue', newDate);\n    };\n\n    const onPrevious = () => {\n      if (pageMonth.value === 1) {\n        pageMonth.value = 12;\n        pageYear.value = pageYear.value - 1;\n      } else {\n        pageMonth.value = pageMonth.value - 1;\n      }\n    };\n\n    const onNext = () => {\n      if (pageMonth.value === 12) {\n        pageMonth.value = 1;\n        pageYear.value = pageYear.value + 1;\n      } else {\n        pageMonth.value = pageMonth.value + 1;\n      }\n    };\n\n    const changeMonth = () => {\n      monthSelectionOpen.value = true;\n    };\n\n    const isPreviousDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, calendar.value.pageMonth, calendar.value.pageYear),\n    );\n    const isNextDisabled = computed(() => {\n      const { pageYear, pageMonth, lastDayOfMonth } = calendar.value;\n      return props.max && props.max <= NeonDateUtils.dmyToIso(lastDayOfMonth, pageMonth, pageYear);\n    });\n    const isChangeDateDisabled = computed(() => isPreviousDisabled.value && isNextDisabled.value);\n\n    const onPreviousYear = () => {\n      pageYear.value = pageYear.value - 1;\n    };\n\n    const onNextYear = () => {\n      pageYear.value = pageYear.value + 1;\n    };\n\n    const changeYear = () => {\n      yearSelectionOpen.value = true;\n    };\n\n    const isPreviousYearDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, calendar.value.pageYear),\n    );\n    const isNextYearDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, calendar.value.pageYear),\n    );\n    const isChangeYearDisabled = computed(() => isPreviousYearDisabled.value && isNextYearDisabled.value);\n\n    const onPreviousDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value - 10;\n    };\n\n    const onNextDecade = () => {\n      pageDecadeStart.value = pageDecadeStart.value + 10;\n    };\n\n    const isPreviousDecadeDisabled = computed(\n      () => props.min && props.min >= NeonDateUtils.dmyToIso(1, 1, Math.floor(calendar.value.pageYear / 10) * 10),\n    );\n    const isNextDecadeDisabled = computed(\n      () => props.max && props.max <= NeonDateUtils.dmyToIso(31, 12, Math.floor(calendar.value.pageYear / 10) * 10 + 9),\n    );\n\n    const resetToCalendar = () => {\n      monthSelectionOpen.value = false;\n      yearSelectionOpen.value = false;\n    };\n\n    const done = () => {\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const clear = () => {\n      emit('update:modelValue', null);\n      calendarOpen.value = false;\n      resetToCalendar();\n    };\n\n    const selectMonth = (month: number) => {\n      pageMonth.value = month;\n      monthSelectionOpen.value = false;\n    };\n\n    const selectYear = (year: number) => {\n      pageYear.value = year;\n      yearSelectionOpen.value = false;\n    };\n\n    const isDisabled = (isoDate: string) => {\n      return (\n        props.disabledDates?.indexOf(isoDate) >= 0 ||\n        (props.min && props.min > isoDate) ||\n        (props.max && props.max < isoDate)\n      );\n    };\n\n    const isMonthDisabled = (year: number, month: number) => {\n      const dateStr = `${year}-${month < 10 ? '0' + month : month}`;\n      return (\n        (minYearMonth.value && minYearMonth.value > dateStr) || (maxYearMonth.value && maxYearMonth.value < dateStr)\n      );\n    };\n\n    const minYear = computed<number | null>(() => (props.min ? +props.min.substring(0, 4) : null));\n    const minYearMonth = computed<string | null>(() => (props.min ? props.min.substring(0, 7) : null));\n    const maxYear = computed<number | null>(() => (props.max ? +props.max.substring(0, 4) : null));\n    const maxYearMonth = computed<string | null>(() => (props.max ? props.max.substring(0, 7) : null));\n\n    const isYearDisabled = (year: number) => {\n      return (minYear.value && minYear.value > year) || (maxYear.value && maxYear.value < year);\n    };\n\n    return {\n      attrs,\n      calendar,\n      calendarOpen,\n      dropdown,\n      formattedValue,\n      isChangeDateDisabled,\n      isChangeYearDisabled,\n      isNextDisabled,\n      isNextDecadeDisabled,\n      isNextYearDisabled,\n      isPreviousDisabled,\n      isPreviousDecadeDisabled,\n      isPreviousYearDisabled,\n      monthSelectionOpen,\n      optional,\n      today,\n      calendarRef,\n      yearSelectionOpen,\n      changeMonth,\n      changeYear,\n      clear,\n      done,\n      emitDate,\n      isDisabled,\n      isoDate,\n      isMonthDisabled,\n      isYearDisabled,\n      openCalendar,\n      onNext,\n      onNextDecade,\n      onNextYear,\n      onPrevious,\n      onPreviousDecade,\n      onPreviousYear,\n      resetToCalendar,\n      selectMonth,\n      selectYear,\n    };\n  },\n});\n"],"names":["pageYear","pageMonth","isoDate"],"mappings":"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"}

package/dist/components/user-input/drop-zone/NeonDropZone.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("./NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.cjs.js"),r=require("vue"),n=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={class:"neon-drop-zone__container"};function t(e,a,c,d,i,l){return r.openBlock(),r.createElementBlock("div",{ref:"dropzone",class:r.normalizeClass(["neon-drop-zone",[{"neon-drop-zone--disabled":e.disabled,"neon-square neon-drop-zone--circular":e.circular,"neon-drop-zone--active":e.active},`neon-drop-zone--state-${e.state}`]])},[r.createElementVNode("div",s,[r.renderSlot(e.$slots,"default")])],2)}var p=n(o,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/drop-zone/NeonDropZone.vue"]]);module.exports=p;
+"use strict";var o=require("./NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.cjs.js"),r=require("vue"),n=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={class:"neon-drop-zone__container"};function a(e,p,c,i,l,d){return r.openBlock(),r.createElementBlock("div",{ref:"dropzone",class:r.normalizeClass(["neon-drop-zone",[{"neon-drop-zone--disabled":e.disabled,"neon-square neon-drop-zone--circular":e.circular,"neon-drop-zone--active":e.active},`neon-drop-zone--state-${e.state}`]])},[r.createElementVNode("div",s,[r.renderSlot(e.$slots,"default")])],2)}var t=n(o,[["render",a]]);module.exports=t;
 //# sourceMappingURL=NeonDropZone.cjs.js.map

package/dist/components/user-input/drop-zone/NeonDropZone.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.es.js";
+import _sfc_main from "./NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-drop-zone__container" };
@@ -19,6 +19,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var NeonDropZone = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/drop-zone/NeonDropZone.vue"]]);
+var NeonDropZone = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonDropZone as default };
 //# sourceMappingURL=NeonDropZone.es.js.map

package/dist/components/user-input/drop-zone/{NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.cjs.js → NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var r=require("vue"),u=require("../../../common/enums/NeonState.cjs.js"),f=r.defineComponent({name:"NeonDropZone",props:{state:{type:String,default:()=>u.NeonState.Ready},disabled:{type:Boolean,default:!1},circular:{type:Boolean,default:!1}},emits:["files"],setup(s,{emit:d}){const e=r.ref(null),t=r.ref(!1),n=a=>(a!=null&&a.dataTransfer&&(a.preventDefault(),a.dataTransfer.effectAllowed="copy",t.value=!0),!1),l=()=>{t.value=!1},o=a=>(s.state!=="loading"&&!s.disabled&&a!=null&&a.dataTransfer&&(a.preventDefault(),d("files",a.dataTransfer.files),t.value=!1),!1);return r.onMounted(()=>{e.value&&(e.value.addEventListener("dragover",n),e.value.addEventListener("dragenter",n),e.value.addEventListener("dragleave",l),e.value.addEventListener("drop",o))}),r.onUnmounted(()=>{e.value&&(e.value.removeEventListener("dragover",n),e.value.removeEventListener("dragenter",n),e.value.addEventListener("dragleave",l),e.value.removeEventListener("drop",o))}),{active:t,dropzone:e}}});module.exports=f;
-//# sourceMappingURL=NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.cjs.js.map
+//# sourceMappingURL=NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.cjs.js.map

package/dist/components/user-input/drop-zone/{NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.cjs.js.map → NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.cjs.js","sources":["../../../../src/components/user-input/drop-zone/NeonDropZone.ts?vue&type=script&src=8a83dc86&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * Defines a file drop zone.\n */\nexport default defineComponent({\n  name: 'NeonDropZone',\n  props: {\n    /**\n     * The state of the drop zone, used to indicate loading. ACCEPTS <em>Ready</em> and <em>Loading</em> states ONLY.\n     */\n    state: { type: String as () => NeonState, default: () => NeonState.Ready },\n    /**\n     * The disabled state of the drop zone\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Display the drop zone as a circle instead of square\n     */\n    circular: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when files are dropped on the drop zone\n     * @type {FileList} the list of dropped files\n     */\n    'files',\n  ],\n  setup(props, { emit }) {\n    const dropzone = ref<HTMLDivElement | null>(null);\n    const active = ref(false);\n\n    const processDragOverOrEnter = (event: DragEvent) => {\n      if (event?.dataTransfer) {\n        event.preventDefault();\n        event.dataTransfer.effectAllowed = 'copy';\n        active.value = true;\n      }\n      return false;\n    };\n\n    const processDragLeave = () => {\n      active.value = false;\n    };\n\n    const transferData = (event: DragEvent) => {\n      if (!(props.state === 'loading') && !props.disabled && event != null && event.dataTransfer) {\n        event.preventDefault();\n        emit('files', event.dataTransfer.files);\n        active.value = false;\n      }\n\n      return false;\n    };\n\n    onMounted(() => {\n      if (dropzone.value) {\n        dropzone.value.addEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.addEventListener('drop', transferData);\n      }\n    });\n\n    onUnmounted(() => {\n      if (dropzone.value) {\n        dropzone.value.removeEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.removeEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.removeEventListener('drop', transferData);\n      }\n    });\n\n    return {\n      active,\n      dropzone,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonState","props","emit","dropzone","ref","active","processDragOverOrEnter","event","processDragLeave","transferData","onMounted","onUnmounted"],"mappings":"sFAMAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAA2B,QAAS,IAAMC,YAAU,KAAM,EAIzE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAWC,MAA2B,IAAI,EAC1CC,EAASD,MAAI,EAAK,EAElBE,EAA0BC,IAC1BA,GAAA,MAAAA,EAAO,eACTA,EAAM,eAAe,EACrBA,EAAM,aAAa,cAAgB,OACnCF,EAAO,MAAQ,IAEV,IAGHG,EAAmB,IAAM,CAC7BH,EAAO,MAAQ,EAAA,EAGXI,EAAgBF,IACdN,EAAM,QAAU,WAAc,CAACA,EAAM,UAAYM,GAAS,MAAQA,EAAM,eAC5EA,EAAM,eAAe,EAChBL,EAAA,QAASK,EAAM,aAAa,KAAK,EACtCF,EAAO,MAAQ,IAGV,IAGTK,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAS,QACFA,EAAA,MAAM,iBAAiB,WAAYG,CAAsB,EACzDH,EAAA,MAAM,iBAAiB,YAAaG,CAAsB,EAC1DH,EAAA,MAAM,iBAAiB,YAAaK,CAAgB,EACpDL,EAAA,MAAM,iBAAiB,OAAQM,CAAY,EACtD,CACD,EAEDE,EAAAA,YAAY,IAAM,CACZR,EAAS,QACFA,EAAA,MAAM,oBAAoB,WAAYG,CAAsB,EAC5DH,EAAA,MAAM,oBAAoB,YAAaG,CAAsB,EAC7DH,EAAA,MAAM,iBAAiB,YAAaK,CAAgB,EACpDL,EAAA,MAAM,oBAAoB,OAAQM,CAAY,EACzD,CACD,EAEM,CACL,OAAAJ,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.cjs.js","sources":["../../../../src/components/user-input/drop-zone/NeonDropZone.ts?vue&type=script&src=c27a6c6a&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * Defines a file drop zone.\n */\nexport default defineComponent({\n  name: 'NeonDropZone',\n  props: {\n    /**\n     * The state of the drop zone, used to indicate loading. ACCEPTS <em>Ready</em> and <em>Loading</em> states ONLY.\n     */\n    state: { type: String as () => NeonState, default: () => NeonState.Ready },\n    /**\n     * The disabled state of the drop zone\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Display the drop zone as a circle instead of square\n     */\n    circular: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when files are dropped on the drop zone\n     * @type {FileList} the list of dropped files\n     */\n    'files',\n  ],\n  setup(props, { emit }) {\n    const dropzone = ref<HTMLDivElement | null>(null);\n    const active = ref(false);\n\n    const processDragOverOrEnter = (event: DragEvent) => {\n      if (event?.dataTransfer) {\n        event.preventDefault();\n        event.dataTransfer.effectAllowed = 'copy';\n        active.value = true;\n      }\n      return false;\n    };\n\n    const processDragLeave = () => {\n      active.value = false;\n    };\n\n    const transferData = (event: DragEvent) => {\n      if (!(props.state === 'loading') && !props.disabled && event != null && event.dataTransfer) {\n        event.preventDefault();\n        emit('files', event.dataTransfer.files);\n        active.value = false;\n      }\n\n      return false;\n    };\n\n    onMounted(() => {\n      if (dropzone.value) {\n        dropzone.value.addEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.addEventListener('drop', transferData);\n      }\n    });\n\n    onUnmounted(() => {\n      if (dropzone.value) {\n        dropzone.value.removeEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.removeEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.removeEventListener('drop', transferData);\n      }\n    });\n\n    return {\n      active,\n      dropzone,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonState","props","emit","dropzone","ref","active","processDragOverOrEnter","event","processDragLeave","transferData","onMounted","onUnmounted"],"mappings":"sFAMAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAA2B,QAAS,IAAMC,YAAU,KAAM,EAIzE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAWC,MAA2B,IAAI,EAC1CC,EAASD,MAAI,EAAK,EAElBE,EAA0BC,IAC1BA,GAAA,MAAAA,EAAO,eACTA,EAAM,eAAe,EACrBA,EAAM,aAAa,cAAgB,OACnCF,EAAO,MAAQ,IAEV,IAGHG,EAAmB,IAAM,CAC7BH,EAAO,MAAQ,EAAA,EAGXI,EAAgBF,IACdN,EAAM,QAAU,WAAc,CAACA,EAAM,UAAYM,GAAS,MAAQA,EAAM,eAC5EA,EAAM,eAAe,EAChBL,EAAA,QAASK,EAAM,aAAa,KAAK,EACtCF,EAAO,MAAQ,IAGV,IAGTK,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAS,QACFA,EAAA,MAAM,iBAAiB,WAAYG,CAAsB,EACzDH,EAAA,MAAM,iBAAiB,YAAaG,CAAsB,EAC1DH,EAAA,MAAM,iBAAiB,YAAaK,CAAgB,EACpDL,EAAA,MAAM,iBAAiB,OAAQM,CAAY,EACtD,CACD,EAEDE,EAAAA,YAAY,IAAM,CACZR,EAAS,QACFA,EAAA,MAAM,oBAAoB,WAAYG,CAAsB,EAC5DH,EAAA,MAAM,oBAAoB,YAAaG,CAAsB,EAC7DH,EAAA,MAAM,iBAAiB,YAAaK,CAAgB,EACpDL,EAAA,MAAM,oBAAoB,OAAQM,CAAY,EACzD,CACD,EAEM,CACL,OAAAJ,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/drop-zone/{NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.es.js → NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.es.js}

@@ -55,4 +55,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.es.js.map
+//# sourceMappingURL=NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.es.js.map

package/dist/components/user-input/drop-zone/{NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.es.js.map → NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDropZone.ts_vue_type_script_src_8a83dc86_lang.es.js","sources":["../../../../src/components/user-input/drop-zone/NeonDropZone.ts?vue&type=script&src=8a83dc86&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * Defines a file drop zone.\n */\nexport default defineComponent({\n  name: 'NeonDropZone',\n  props: {\n    /**\n     * The state of the drop zone, used to indicate loading. ACCEPTS <em>Ready</em> and <em>Loading</em> states ONLY.\n     */\n    state: { type: String as () => NeonState, default: () => NeonState.Ready },\n    /**\n     * The disabled state of the drop zone\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Display the drop zone as a circle instead of square\n     */\n    circular: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when files are dropped on the drop zone\n     * @type {FileList} the list of dropped files\n     */\n    'files',\n  ],\n  setup(props, { emit }) {\n    const dropzone = ref<HTMLDivElement | null>(null);\n    const active = ref(false);\n\n    const processDragOverOrEnter = (event: DragEvent) => {\n      if (event?.dataTransfer) {\n        event.preventDefault();\n        event.dataTransfer.effectAllowed = 'copy';\n        active.value = true;\n      }\n      return false;\n    };\n\n    const processDragLeave = () => {\n      active.value = false;\n    };\n\n    const transferData = (event: DragEvent) => {\n      if (!(props.state === 'loading') && !props.disabled && event != null && event.dataTransfer) {\n        event.preventDefault();\n        emit('files', event.dataTransfer.files);\n        active.value = false;\n      }\n\n      return false;\n    };\n\n    onMounted(() => {\n      if (dropzone.value) {\n        dropzone.value.addEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.addEventListener('drop', transferData);\n      }\n    });\n\n    onUnmounted(() => {\n      if (dropzone.value) {\n        dropzone.value.removeEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.removeEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.removeEventListener('drop', transferData);\n      }\n    });\n\n    return {\n      active,\n      dropzone,\n    };\n  },\n});\n"],"names":[],"mappings":";;AAMA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAA2B,SAAS,MAAM,UAAU,MAAM;AAAA,IAIzE,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,WAAW,IAA2B,IAAI;AAC1C,UAAA,SAAS,IAAI,KAAK;AAElB,UAAA,yBAAyB,CAAC,UAAqB;AACnD,UAAI,+BAAO,cAAc;AACvB,cAAM,eAAe;AACrB,cAAM,aAAa,gBAAgB;AACnC,eAAO,QAAQ;AAAA,MACjB;AACO,aAAA;AAAA,IAAA;AAGT,UAAM,mBAAmB,MAAM;AAC7B,aAAO,QAAQ;AAAA,IAAA;AAGX,UAAA,eAAe,CAAC,UAAqB;AACrC,UAAA,EAAE,MAAM,UAAU,cAAc,CAAC,MAAM,YAAY,SAAS,QAAQ,MAAM,cAAc;AAC1F,cAAM,eAAe;AAChB,aAAA,SAAS,MAAM,aAAa,KAAK;AACtC,eAAO,QAAQ;AAAA,MACjB;AAEO,aAAA;AAAA,IAAA;AAGT,cAAU,MAAM;AACd,UAAI,SAAS,OAAO;AACT,iBAAA,MAAM,iBAAiB,YAAY,sBAAsB;AACzD,iBAAA,MAAM,iBAAiB,aAAa,sBAAsB;AAC1D,iBAAA,MAAM,iBAAiB,aAAa,gBAAgB;AACpD,iBAAA,MAAM,iBAAiB,QAAQ,YAAY;AAAA,MACtD;AAAA,IAAA,CACD;AAED,gBAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AACT,iBAAA,MAAM,oBAAoB,YAAY,sBAAsB;AAC5D,iBAAA,MAAM,oBAAoB,aAAa,sBAAsB;AAC7D,iBAAA,MAAM,iBAAiB,aAAa,gBAAgB;AACpD,iBAAA,MAAM,oBAAoB,QAAQ,YAAY;AAAA,MACzD;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonDropZone.ts_vue_type_script_src_c27a6c6a_lang.es.js","sources":["../../../../src/components/user-input/drop-zone/NeonDropZone.ts?vue&type=script&src=c27a6c6a&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * Defines a file drop zone.\n */\nexport default defineComponent({\n  name: 'NeonDropZone',\n  props: {\n    /**\n     * The state of the drop zone, used to indicate loading. ACCEPTS <em>Ready</em> and <em>Loading</em> states ONLY.\n     */\n    state: { type: String as () => NeonState, default: () => NeonState.Ready },\n    /**\n     * The disabled state of the drop zone\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Display the drop zone as a circle instead of square\n     */\n    circular: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when files are dropped on the drop zone\n     * @type {FileList} the list of dropped files\n     */\n    'files',\n  ],\n  setup(props, { emit }) {\n    const dropzone = ref<HTMLDivElement | null>(null);\n    const active = ref(false);\n\n    const processDragOverOrEnter = (event: DragEvent) => {\n      if (event?.dataTransfer) {\n        event.preventDefault();\n        event.dataTransfer.effectAllowed = 'copy';\n        active.value = true;\n      }\n      return false;\n    };\n\n    const processDragLeave = () => {\n      active.value = false;\n    };\n\n    const transferData = (event: DragEvent) => {\n      if (!(props.state === 'loading') && !props.disabled && event != null && event.dataTransfer) {\n        event.preventDefault();\n        emit('files', event.dataTransfer.files);\n        active.value = false;\n      }\n\n      return false;\n    };\n\n    onMounted(() => {\n      if (dropzone.value) {\n        dropzone.value.addEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.addEventListener('drop', transferData);\n      }\n    });\n\n    onUnmounted(() => {\n      if (dropzone.value) {\n        dropzone.value.removeEventListener('dragover', processDragOverOrEnter);\n        dropzone.value.removeEventListener('dragenter', processDragOverOrEnter);\n        dropzone.value.addEventListener('dragleave', processDragLeave);\n        dropzone.value.removeEventListener('drop', transferData);\n      }\n    });\n\n    return {\n      active,\n      dropzone,\n    };\n  },\n});\n"],"names":[],"mappings":";;AAMA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAA2B,SAAS,MAAM,UAAU,MAAM;AAAA,IAIzE,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,WAAW,IAA2B,IAAI;AAC1C,UAAA,SAAS,IAAI,KAAK;AAElB,UAAA,yBAAyB,CAAC,UAAqB;AACnD,UAAI,+BAAO,cAAc;AACvB,cAAM,eAAe;AACrB,cAAM,aAAa,gBAAgB;AACnC,eAAO,QAAQ;AAAA,MACjB;AACO,aAAA;AAAA,IAAA;AAGT,UAAM,mBAAmB,MAAM;AAC7B,aAAO,QAAQ;AAAA,IAAA;AAGX,UAAA,eAAe,CAAC,UAAqB;AACrC,UAAA,EAAE,MAAM,UAAU,cAAc,CAAC,MAAM,YAAY,SAAS,QAAQ,MAAM,cAAc;AAC1F,cAAM,eAAe;AAChB,aAAA,SAAS,MAAM,aAAa,KAAK;AACtC,eAAO,QAAQ;AAAA,MACjB;AAEO,aAAA;AAAA,IAAA;AAGT,cAAU,MAAM;AACd,UAAI,SAAS,OAAO;AACT,iBAAA,MAAM,iBAAiB,YAAY,sBAAsB;AACzD,iBAAA,MAAM,iBAAiB,aAAa,sBAAsB;AAC1D,iBAAA,MAAM,iBAAiB,aAAa,gBAAgB;AACpD,iBAAA,MAAM,iBAAiB,QAAQ,YAAY;AAAA,MACtD;AAAA,IAAA,CACD;AAED,gBAAY,MAAM;AAChB,UAAI,SAAS,OAAO;AACT,iBAAA,MAAM,oBAAoB,YAAY,sBAAsB;AAC5D,iBAAA,MAAM,oBAAoB,aAAa,sBAAsB;AAC7D,iBAAA,MAAM,iBAAiB,aAAa,gBAAgB;AACpD,iBAAA,MAAM,oBAAoB,QAAQ,YAAY;AAAA,MACzD;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

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

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

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

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonField.ts_vue_type_script_src_d5c469d0_lang.es.js";
+import _sfc_main from "./NeonField.ts_vue_type_script_src_45c14841_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createBlock, createCommentVNode, renderSlot, withModifiers } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["for"];
@@ -34,6 +34,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.message), 3)) : createCommentVNode("", true)
   ], 10, _hoisted_1);
 }
-var NeonField = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/field/NeonField.vue"]]);
+var NeonField = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonField as default };
 //# sourceMappingURL=NeonField.es.js.map

package/dist/components/user-input/field/{NeonField.ts_vue_type_script_src_d5c469d0_lang.cjs.js → NeonField.ts_vue_type_script_src_45c14841_lang.cjs.js}

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

package/dist/components/user-input/field/{NeonField.ts_vue_type_script_src_d5c469d0_lang.cjs.js.map → NeonField.ts_vue_type_script_src_45c14841_lang.cjs.js.map}

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

package/dist/components/user-input/field/{NeonField.ts_vue_type_script_src_d5c469d0_lang.es.js → NeonField.ts_vue_type_script_src_45c14841_lang.es.js}

@@ -17,4 +17,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonField.ts_vue_type_script_src_d5c469d0_lang.es.js.map
+//# sourceMappingURL=NeonField.ts_vue_type_script_src_45c14841_lang.es.js.map

package/dist/components/user-input/field/{NeonField.ts_vue_type_script_src_d5c469d0_lang.es.js.map → NeonField.ts_vue_type_script_src_45c14841_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonField.ts_vue_type_script_src_d5c469d0_lang.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=d5c469d0&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonLabel from '@/components/presentation/label/NeonLabel.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  components: {\n    NeonLabel,\n  },\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: null },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":[],"mappings":";;;AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAW;AAAA,IAInD,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIvC,cAAc,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,EACtG;AACF,CAAC;;"}
+{"version":3,"file":"NeonField.ts_vue_type_script_src_45c14841_lang.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=45c14841&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonLabel from '@/components/presentation/label/NeonLabel.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  components: {\n    NeonLabel,\n  },\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: null },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":[],"mappings":";;;AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAW;AAAA,IAInD,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIvC,cAAc,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,EACtG;AACF,CAAC;;"}

package/dist/components/user-input/field-group/NeonFieldGroup.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("./NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.cjs.js"),e=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t={class:"neon-field-group"};function n(r,p,_,c,i,l){return e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(r.$slots,"default")])}var u=s(o,[["render",n],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/field-group/NeonFieldGroup.vue"]]);module.exports=u;
+"use strict";var t=require("./NeonFieldGroup.ts_vue_type_script_src_77317778_lang.cjs.js"),e=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const o={class:"neon-field-group"};function u(r,p,n,l,i,c){return e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(r.$slots,"default")])}var _=s(t,[["render",u]]);module.exports=_;
 //# sourceMappingURL=NeonFieldGroup.cjs.js.map

package/dist/components/user-input/field-group/NeonFieldGroup.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.es.js";
+import _sfc_main from "./NeonFieldGroup.ts_vue_type_script_src_77317778_lang.es.js";
 import { openBlock, createElementBlock, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-field-group" };
@@ -7,6 +7,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var NeonFieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/field-group/NeonFieldGroup.vue"]]);
+var NeonFieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonFieldGroup as default };
 //# sourceMappingURL=NeonFieldGroup.es.js.map

package/dist/components/user-input/field-group/{NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.cjs.js → NeonFieldGroup.ts_vue_type_script_src_77317778_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),r=e.defineComponent({name:"NeonFieldGroup"});module.exports=r;
-//# sourceMappingURL=NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.cjs.js.map
+//# sourceMappingURL=NeonFieldGroup.ts_vue_type_script_src_77317778_lang.cjs.js.map

package/dist/components/user-input/field-group/{NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.cjs.js.map → NeonFieldGroup.ts_vue_type_script_src_77317778_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.cjs.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=56734cf6&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,gBACR,CAAC"}
+{"version":3,"file":"NeonFieldGroup.ts_vue_type_script_src_77317778_lang.cjs.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=77317778&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,gBACR,CAAC"}

package/dist/components/user-input/field-group/{NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.es.js → NeonFieldGroup.ts_vue_type_script_src_77317778_lang.es.js}

@@ -3,4 +3,4 @@ var _sfc_main = defineComponent({
   name: "NeonFieldGroup"
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.es.js.map
+//# sourceMappingURL=NeonFieldGroup.ts_vue_type_script_src_77317778_lang.es.js.map

package/dist/components/user-input/field-group/{NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.es.js.map → NeonFieldGroup.ts_vue_type_script_src_77317778_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFieldGroup.ts_vue_type_script_src_56734cf6_lang.es.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=56734cf6&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n});\n"],"names":[],"mappings":";AAKA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AACR,CAAC;;"}
+{"version":3,"file":"NeonFieldGroup.ts_vue_type_script_src_77317778_lang.es.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=77317778&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n});\n"],"names":[],"mappings":";AAKA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AACR,CAAC;;"}

package/dist/components/user-input/file/NeonFile.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var d=require("./NeonFile.ts_vue_type_script_src_36b91a4e_lang.cjs.js"),l=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t=["aria-disabled"],p={class:"neon-button-group neon-file__actions"};function u(e,o,c,m,f,v){const s=l.resolveComponent("neon-list"),a=l.resolveComponent("neon-input"),n=l.resolveComponent("neon-button");return l.openBlock(),l.createElementBlock("div",{"aria-disabled":e.disabled,class:l.normalizeClass([[`neon-file--${e.color}`,`neon-file--${e.size}`,{"neon-file--disabled":e.disabled,"neon-file--single":!e.multiple,"neon-file--direct-upload":e.directUpload}],"neon-file"])},[e.directUpload?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(s,{key:0,color:e.color,disabled:e.disabled,modelValue:e.fileList,size:e.size,onClose:e.remove},null,8,["color","disabled","modelValue","size","onClose"])),l.createVNode(a,{id:e.id,ref:"fileInput",modelValue:e.fileInputModel,"onUpdate:modelValue":o[0]||(o[0]=i=>e.fileInputModel=i),accept:e.accept,disabled:e.disabled,multiple:e.multiple,tabindex:-1,class:"neon-file__input",type:"file",onInput:e.onInput},null,8,["id","modelValue","accept","disabled","multiple","onInput"]),l.createElementVNode("div",p,[e.multiple&&!e.directUpload?(l.openBlock(),l.createBlock(n,{key:0,disabled:e.disabled||e.files.length===0,size:e.size,"button-style":"text",label:"Clear all",onClick:o[1]||(o[1]=i=>e.clearAll())},null,8,["disabled","size"])):l.createCommentVNode("",!0),l.createVNode(n,{"aria-controls":e.id?e.id:void 0,color:e.color,disabled:e.disabled,icon:e.icon,label:e.label,size:e.size,state:e.state,onClick:e.openFileDialog},null,8,["aria-controls","color","disabled","icon","label","size","state","onClick"])])],10,t)}var b=r(d,[["render",u],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/file/NeonFile.vue"]]);module.exports=b;
+"use strict";var a=require("./NeonFile.ts_vue_type_script_src_510cd4eb_lang.cjs.js"),l=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t=["aria-disabled"],p={class:"neon-button-group neon-file__actions"};function u(e,o,c,m,f,v){const s=l.resolveComponent("neon-list"),d=l.resolveComponent("neon-input"),n=l.resolveComponent("neon-button");return l.openBlock(),l.createElementBlock("div",{"aria-disabled":e.disabled,class:l.normalizeClass([[`neon-file--${e.color}`,`neon-file--${e.size}`,{"neon-file--disabled":e.disabled,"neon-file--single":!e.multiple,"neon-file--direct-upload":e.directUpload}],"neon-file"])},[e.directUpload?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(s,{key:0,color:e.color,disabled:e.disabled,modelValue:e.fileList,size:e.size,onClose:e.remove},null,8,["color","disabled","modelValue","size","onClose"])),l.createVNode(d,{id:e.id,ref:"fileInput",modelValue:e.fileInputModel,"onUpdate:modelValue":o[0]||(o[0]=i=>e.fileInputModel=i),accept:e.accept,disabled:e.disabled,multiple:e.multiple,tabindex:-1,class:"neon-file__input",type:"file",onInput:e.onInput},null,8,["id","modelValue","accept","disabled","multiple","onInput"]),l.createElementVNode("div",p,[e.multiple&&!e.directUpload?(l.openBlock(),l.createBlock(n,{key:0,disabled:e.disabled||e.files.length===0,size:e.size,"button-style":"text",label:"Clear all",onClick:o[1]||(o[1]=i=>e.clearAll())},null,8,["disabled","size"])):l.createCommentVNode("",!0),l.createVNode(n,{"aria-controls":e.id?e.id:void 0,color:e.color,disabled:e.disabled,icon:e.icon,label:e.label,size:e.size,state:e.state,onClick:e.openFileDialog},null,8,["aria-controls","color","disabled","icon","label","size","state","onClick"])])],10,t)}var b=r(a,[["render",u]]);module.exports=b;
 //# sourceMappingURL=NeonFile.cjs.js.map

package/dist/components/user-input/file/NeonFile.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonFile.ts_vue_type_script_src_36b91a4e_lang.es.js";
+import _sfc_main from "./NeonFile.ts_vue_type_script_src_510cd4eb_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createVNode, createElementVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-disabled"];
@@ -58,6 +58,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 10, _hoisted_1);
 }
-var NeonFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/file/NeonFile.vue"]]);
+var NeonFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonFile as default };
 //# sourceMappingURL=NeonFile.es.js.map

package/dist/components/user-input/file/{NeonFile.ts_vue_type_script_src_36b91a4e_lang.cjs.js → NeonFile.ts_vue_type_script_src_510cd4eb_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),f=require("../../../common/enums/NeonSize.cjs.js"),p=require("../../../common/enums/NeonFunctionalColor.cjs.js"),v=require("../../../common/enums/NeonState.cjs.js"),N=require("../button/NeonButton.cjs.js"),y=require("../input/NeonInput.cjs.js"),S=require("../list/NeonList.cjs.js"),j=n.defineComponent({name:"NeonFile",components:{NeonButton:N,NeonInput:y,NeonList:S},props:{disabled:{type:Boolean,default:!1},directUpload:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},id:{type:String,default:null},size:{type:String,default:f.NeonSize.Medium},state:{type:String,default:v.NeonState.Ready},color:{type:String,default:p.NeonFunctionalColor.LowContrast},label:{type:String,default:null},icon:{type:String,default:null}},emits:["update:modelValue"],setup(l,{emit:r}){const u=n.ref(null),t=n.ref([]),s=n.ref(""),c=n.computed(()=>t.value.map(e=>({key:e.name,label:e.name}))),a=()=>{r("update:modelValue",l.multiple?t.value:t.value[0]),l.directUpload&&(t.value=[])};return{fileInput:u,files:t,fileList:c,fileInputModel:s,remove:e=>{l.disabled||(t.value=t.value.filter(o=>o.name!==e),a())},clearAll:()=>{l.disabled||(t.value=[],a())},openFileDialog:()=>{var e;(e=u.value)==null||e.click()},onInput:e=>{if(e!=null&&e.target){const o=e.target.files,i=o?Array.from(o).filter(d=>!t.value.find(m=>m.name===d.name)):[];t.value=l.multiple?[...t.value,...i]:i,a()}}}}});module.exports=j;
-//# sourceMappingURL=NeonFile.ts_vue_type_script_src_36b91a4e_lang.cjs.js.map
+//# sourceMappingURL=NeonFile.ts_vue_type_script_src_510cd4eb_lang.cjs.js.map

package/dist/components/user-input/file/{NeonFile.ts_vue_type_script_src_36b91a4e_lang.cjs.js.map → NeonFile.ts_vue_type_script_src_510cd4eb_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFile.ts_vue_type_script_src_36b91a4e_lang.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=36b91a4e&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n  name: 'NeonFile',\n  components: {\n    NeonButton,\n    NeonInput,\n    NeonList,\n  },\n  props: {\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Files are uploaded directly once added, there is no waiting to click a confirmation button\n     */\n    directUpload: { type: Boolean, default: false },\n    /**\n     * Support multiple files.\n     */\n    multiple: { type: Boolean, default: false },\n    /**\n     * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n     * e.g. 'application/pdf'.\n     */\n    accept: { type: String, default: null },\n    /**\n     * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n     * the hidden input).\n     */\n    id: { type: String, default: null },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The state of the input, used to indicate loading, success and error states\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The label of the file component button\n     */\n    label: { type: String, default: null },\n    /**\n     * The icon of the file component button\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when files are selected and uploaded\n     * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const fileInput = ref<HTMLInputElement | null>(null);\n    const files = ref<Array<File>>([]);\n    const fileInputModel = ref('');\n\n    const fileList = computed(() => {\n      return files.value.map((file) => ({ key: file.name, label: file.name }));\n    });\n\n    const emitFiles = () => {\n      emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n      if (props.directUpload) {\n        files.value = [];\n      }\n    };\n\n    const remove = (filename: string) => {\n      if (!props.disabled) {\n        files.value = files.value.filter((f) => f.name !== filename);\n        emitFiles();\n      }\n    };\n\n    const clearAll = () => {\n      if (!props.disabled) {\n        files.value = [];\n        emitFiles();\n      }\n    };\n\n    const openFileDialog = () => {\n      fileInput.value?.click();\n    };\n\n    const onInput = (event: Event) => {\n      if (event?.target) {\n        const theFiles = (event.target as HTMLInputElement).files;\n        const newFiles = theFiles\n          ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n          : [];\n        files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n        emitFiles();\n      }\n    };\n\n    return {\n      fileInput,\n      files,\n      fileList,\n      fileInputModel,\n      remove,\n      clearAll,\n      openFileDialog,\n      onInput,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":"4TAYAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,aAAc,CAAE,KAAM,QAAS,QAAS,EAAM,EAI9C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAK1C,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAK,EAKtC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIlC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAM,EAInE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,CACtC,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAYC,MAA6B,IAAI,EAC7CC,EAAQD,MAAiB,CAAA,CAAE,EAC3BE,EAAiBF,MAAI,EAAE,EAEvBG,EAAWC,EAAAA,SAAS,IACjBH,EAAM,MAAM,IAAKI,IAAU,CAAE,IAAKA,EAAK,KAAM,MAAOA,EAAK,IAAA,EAAO,CACxE,EAEKC,EAAY,IAAM,CACtBR,EAAK,oBAAqBD,EAAM,SAAWI,EAAM,MAAQA,EAAM,MAAM,EAAE,EACnEJ,EAAM,eACRI,EAAM,MAAQ,GAChB,EAgCK,MAAA,CACL,UAAAF,EACA,MAAAE,EACA,SAAAE,EACA,eAAAD,EACA,OAlCcK,GAAqB,CAC9BV,EAAM,WACHI,EAAA,MAAQA,EAAM,MAAM,OAAQO,GAAMA,EAAE,OAASD,CAAQ,EACjDD,IACZ,EA+BA,SA5Be,IAAM,CAChBT,EAAM,WACTI,EAAM,MAAQ,GACJK,IACZ,EAyBA,eAtBqB,IAAM,QAC3BG,EAAAV,EAAU,QAAV,MAAAU,EAAiB,OAAM,EAsBvB,QAnBeC,GAAiB,CAChC,GAAIA,GAAA,MAAAA,EAAO,OAAQ,CACX,MAAAC,EAAYD,EAAM,OAA4B,MAC9CE,EAAWD,EACb,MAAM,KAAKA,CAAQ,EAAE,OAAQN,GAAS,CAACJ,EAAM,MAAM,KAAMO,GAAMA,EAAE,OAASH,EAAK,IAAI,CAAC,EACpF,GACEJ,EAAA,MAAQJ,EAAM,SAAW,CAAC,GAAGI,EAAM,MAAO,GAAGW,CAAQ,EAAIA,EACrDN,GACZ,CAAA,CAWA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonFile.ts_vue_type_script_src_510cd4eb_lang.cjs.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=510cd4eb&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n  name: 'NeonFile',\n  components: {\n    NeonButton,\n    NeonInput,\n    NeonList,\n  },\n  props: {\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Files are uploaded directly once added, there is no waiting to click a confirmation button\n     */\n    directUpload: { type: Boolean, default: false },\n    /**\n     * Support multiple files.\n     */\n    multiple: { type: Boolean, default: false },\n    /**\n     * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n     * e.g. 'application/pdf'.\n     */\n    accept: { type: String, default: null },\n    /**\n     * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n     * the hidden input).\n     */\n    id: { type: String, default: null },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The state of the input, used to indicate loading, success and error states\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The label of the file component button\n     */\n    label: { type: String, default: null },\n    /**\n     * The icon of the file component button\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when files are selected and uploaded\n     * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const fileInput = ref<HTMLInputElement | null>(null);\n    const files = ref<Array<File>>([]);\n    const fileInputModel = ref('');\n\n    const fileList = computed(() => {\n      return files.value.map((file) => ({ key: file.name, label: file.name }));\n    });\n\n    const emitFiles = () => {\n      emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n      if (props.directUpload) {\n        files.value = [];\n      }\n    };\n\n    const remove = (filename: string) => {\n      if (!props.disabled) {\n        files.value = files.value.filter((f) => f.name !== filename);\n        emitFiles();\n      }\n    };\n\n    const clearAll = () => {\n      if (!props.disabled) {\n        files.value = [];\n        emitFiles();\n      }\n    };\n\n    const openFileDialog = () => {\n      fileInput.value?.click();\n    };\n\n    const onInput = (event: Event) => {\n      if (event?.target) {\n        const theFiles = (event.target as HTMLInputElement).files;\n        const newFiles = theFiles\n          ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n          : [];\n        files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n        emitFiles();\n      }\n    };\n\n    return {\n      fileInput,\n      files,\n      fileList,\n      fileInputModel,\n      remove,\n      clearAll,\n      openFileDialog,\n      onInput,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonInput","NeonList","NeonSize","NeonState","NeonFunctionalColor","props","emit","fileInput","ref","files","fileInputModel","fileList","computed","file","emitFiles","filename","f","_a","event","theFiles","newFiles"],"mappings":"4TAYAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,UAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,aAAc,CAAE,KAAM,QAAS,QAAS,EAAM,EAI9C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAK1C,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAK,EAKtC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIlC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAM,EAInE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,CACtC,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAYC,MAA6B,IAAI,EAC7CC,EAAQD,MAAiB,CAAA,CAAE,EAC3BE,EAAiBF,MAAI,EAAE,EAEvBG,EAAWC,EAAAA,SAAS,IACjBH,EAAM,MAAM,IAAKI,IAAU,CAAE,IAAKA,EAAK,KAAM,MAAOA,EAAK,IAAA,EAAO,CACxE,EAEKC,EAAY,IAAM,CACtBR,EAAK,oBAAqBD,EAAM,SAAWI,EAAM,MAAQA,EAAM,MAAM,EAAE,EACnEJ,EAAM,eACRI,EAAM,MAAQ,GAChB,EAgCK,MAAA,CACL,UAAAF,EACA,MAAAE,EACA,SAAAE,EACA,eAAAD,EACA,OAlCcK,GAAqB,CAC9BV,EAAM,WACHI,EAAA,MAAQA,EAAM,MAAM,OAAQO,GAAMA,EAAE,OAASD,CAAQ,EACjDD,IACZ,EA+BA,SA5Be,IAAM,CAChBT,EAAM,WACTI,EAAM,MAAQ,GACJK,IACZ,EAyBA,eAtBqB,IAAM,QAC3BG,EAAAV,EAAU,QAAV,MAAAU,EAAiB,OAAM,EAsBvB,QAnBeC,GAAiB,CAChC,GAAIA,GAAA,MAAAA,EAAO,OAAQ,CACX,MAAAC,EAAYD,EAAM,OAA4B,MAC9CE,EAAWD,EACb,MAAM,KAAKA,CAAQ,EAAE,OAAQN,GAAS,CAACJ,EAAM,MAAM,KAAMO,GAAMA,EAAE,OAASH,EAAK,IAAI,CAAC,EACpF,GACEJ,EAAA,MAAQJ,EAAM,SAAW,CAAC,GAAGI,EAAM,MAAO,GAAGW,CAAQ,EAAIA,EACrDN,GACZ,CAAA,CAWA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/file/{NeonFile.ts_vue_type_script_src_36b91a4e_lang.es.js → NeonFile.ts_vue_type_script_src_510cd4eb_lang.es.js}

@@ -77,4 +77,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonFile.ts_vue_type_script_src_36b91a4e_lang.es.js.map
+//# sourceMappingURL=NeonFile.ts_vue_type_script_src_510cd4eb_lang.es.js.map

package/dist/components/user-input/file/{NeonFile.ts_vue_type_script_src_36b91a4e_lang.es.js.map → NeonFile.ts_vue_type_script_src_510cd4eb_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFile.ts_vue_type_script_src_36b91a4e_lang.es.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=36b91a4e&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n  name: 'NeonFile',\n  components: {\n    NeonButton,\n    NeonInput,\n    NeonList,\n  },\n  props: {\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Files are uploaded directly once added, there is no waiting to click a confirmation button\n     */\n    directUpload: { type: Boolean, default: false },\n    /**\n     * Support multiple files.\n     */\n    multiple: { type: Boolean, default: false },\n    /**\n     * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n     * e.g. 'application/pdf'.\n     */\n    accept: { type: String, default: null },\n    /**\n     * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n     * the hidden input).\n     */\n    id: { type: String, default: null },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The state of the input, used to indicate loading, success and error states\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The label of the file component button\n     */\n    label: { type: String, default: null },\n    /**\n     * The icon of the file component button\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when files are selected and uploaded\n     * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const fileInput = ref<HTMLInputElement | null>(null);\n    const files = ref<Array<File>>([]);\n    const fileInputModel = ref('');\n\n    const fileList = computed(() => {\n      return files.value.map((file) => ({ key: file.name, label: file.name }));\n    });\n\n    const emitFiles = () => {\n      emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n      if (props.directUpload) {\n        files.value = [];\n      }\n    };\n\n    const remove = (filename: string) => {\n      if (!props.disabled) {\n        files.value = files.value.filter((f) => f.name !== filename);\n        emitFiles();\n      }\n    };\n\n    const clearAll = () => {\n      if (!props.disabled) {\n        files.value = [];\n        emitFiles();\n      }\n    };\n\n    const openFileDialog = () => {\n      fileInput.value?.click();\n    };\n\n    const onInput = (event: Event) => {\n      if (event?.target) {\n        const theFiles = (event.target as HTMLInputElement).files;\n        const newFiles = theFiles\n          ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n          : [];\n        files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n        emitFiles();\n      }\n    };\n\n    return {\n      fileInput,\n      files,\n      fileList,\n      fileInputModel,\n      remove,\n      clearAll,\n      openFileDialog,\n      onInput,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,cAAc,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI9C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK1C,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAKtC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAA2B,SAAS,UAAU,MAAM;AAAA,IAInE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,EACtC;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,YAAY,IAA6B,IAAI;AAC7C,UAAA,QAAQ,IAAiB,CAAA,CAAE;AAC3B,UAAA,iBAAiB,IAAI,EAAE;AAEvB,UAAA,WAAW,SAAS,MAAM;AAC9B,aAAO,MAAM,MAAM,IAAI,CAAC,UAAU,EAAE,KAAK,KAAK,MAAM,OAAO,KAAK,KAAA,EAAO;AAAA,IAAA,CACxE;AAED,UAAM,YAAY,MAAM;AACtB,WAAK,qBAAqB,MAAM,WAAW,MAAM,QAAQ,MAAM,MAAM,EAAE;AACvE,UAAI,MAAM,cAAc;AACtB,cAAM,QAAQ;MAChB;AAAA,IAAA;AAGI,UAAA,SAAS,CAAC,aAAqB;AAC/B,UAAA,CAAC,MAAM,UAAU;AACb,cAAA,QAAQ,MAAM,MAAM,OAAO,CAAC,MAAM,EAAE,SAAS,QAAQ;AACjD;MACZ;AAAA,IAAA;AAGF,UAAM,WAAW,MAAM;AACjB,UAAA,CAAC,MAAM,UAAU;AACnB,cAAM,QAAQ;AACJ;MACZ;AAAA,IAAA;AAGF,UAAM,iBAAiB,MAAM;;AAC3B,sBAAU,UAAV,mBAAiB;AAAA,IAAM;AAGnB,UAAA,UAAU,CAAC,UAAiB;AAChC,UAAI,+BAAO,QAAQ;AACX,cAAA,WAAY,MAAM,OAA4B;AAC9C,cAAA,WAAW,WACb,MAAM,KAAK,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC,IACpF;AACE,cAAA,QAAQ,MAAM,WAAW,CAAC,GAAG,MAAM,OAAO,GAAG,QAAQ,IAAI;AACrD;MACZ;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonFile.ts_vue_type_script_src_510cd4eb_lang.es.js","sources":["../../../../src/components/user-input/file/NeonFile.ts?vue&type=script&src=510cd4eb&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonState } from '@/common/enums/NeonState';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\nimport NeonList from '@/components/user-input/list/NeonList.vue';\n\n/**\n * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as\n * providing a convenient UI for removing/clearing files from the list.\n */\nexport default defineComponent({\n  name: 'NeonFile',\n  components: {\n    NeonButton,\n    NeonInput,\n    NeonList,\n  },\n  props: {\n    /**\n     * The disabled state of the component\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Files are uploaded directly once added, there is no waiting to click a confirmation button\n     */\n    directUpload: { type: Boolean, default: false },\n    /**\n     * Support multiple files.\n     */\n    multiple: { type: Boolean, default: false },\n    /**\n     * HTML file input accept property for filtering the files the user is allowed to select. This is a mime type,\n     * e.g. 'application/pdf'.\n     */\n    accept: { type: String, default: null },\n    /**\n     * Provide an id to attach to the internal HTML input[file] (also adds an aria-controls link between the button and\n     * the hidden input).\n     */\n    id: { type: String, default: null },\n    /**\n     * The file component size\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The state of the input, used to indicate loading, success and error states\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The file component color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The label of the file component button\n     */\n    label: { type: String, default: null },\n    /**\n     * The icon of the file component button\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when files are selected and uploaded\n     * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const fileInput = ref<HTMLInputElement | null>(null);\n    const files = ref<Array<File>>([]);\n    const fileInputModel = ref('');\n\n    const fileList = computed(() => {\n      return files.value.map((file) => ({ key: file.name, label: file.name }));\n    });\n\n    const emitFiles = () => {\n      emit('update:modelValue', props.multiple ? files.value : files.value[0]);\n      if (props.directUpload) {\n        files.value = [];\n      }\n    };\n\n    const remove = (filename: string) => {\n      if (!props.disabled) {\n        files.value = files.value.filter((f) => f.name !== filename);\n        emitFiles();\n      }\n    };\n\n    const clearAll = () => {\n      if (!props.disabled) {\n        files.value = [];\n        emitFiles();\n      }\n    };\n\n    const openFileDialog = () => {\n      fileInput.value?.click();\n    };\n\n    const onInput = (event: Event) => {\n      if (event?.target) {\n        const theFiles = (event.target as HTMLInputElement).files;\n        const newFiles = theFiles\n          ? Array.from(theFiles).filter((file) => !files.value.find((f) => f.name === file.name))\n          : [];\n        files.value = props.multiple ? [...files.value, ...newFiles] : newFiles;\n        emitFiles();\n      }\n    };\n\n    return {\n      fileInput,\n      files,\n      fileList,\n      fileInputModel,\n      remove,\n      clearAll,\n      openFileDialog,\n      onInput,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,cAAc,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI9C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK1C,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAKtC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAA2B,SAAS,UAAU,MAAM;AAAA,IAInE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,EACtC;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,YAAY,IAA6B,IAAI;AAC7C,UAAA,QAAQ,IAAiB,CAAA,CAAE;AAC3B,UAAA,iBAAiB,IAAI,EAAE;AAEvB,UAAA,WAAW,SAAS,MAAM;AAC9B,aAAO,MAAM,MAAM,IAAI,CAAC,UAAU,EAAE,KAAK,KAAK,MAAM,OAAO,KAAK,KAAA,EAAO;AAAA,IAAA,CACxE;AAED,UAAM,YAAY,MAAM;AACtB,WAAK,qBAAqB,MAAM,WAAW,MAAM,QAAQ,MAAM,MAAM,EAAE;AACvE,UAAI,MAAM,cAAc;AACtB,cAAM,QAAQ;MAChB;AAAA,IAAA;AAGI,UAAA,SAAS,CAAC,aAAqB;AAC/B,UAAA,CAAC,MAAM,UAAU;AACb,cAAA,QAAQ,MAAM,MAAM,OAAO,CAAC,MAAM,EAAE,SAAS,QAAQ;AACjD;MACZ;AAAA,IAAA;AAGF,UAAM,WAAW,MAAM;AACjB,UAAA,CAAC,MAAM,UAAU;AACnB,cAAM,QAAQ;AACJ;MACZ;AAAA,IAAA;AAGF,UAAM,iBAAiB,MAAM;;AAC3B,sBAAU,UAAV,mBAAiB;AAAA,IAAM;AAGnB,UAAA,UAAU,CAAC,UAAiB;AAChC,UAAI,+BAAO,QAAQ;AACX,cAAA,WAAY,MAAM,OAA4B;AAC9C,cAAA,WAAW,WACb,MAAM,KAAK,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,MAAM,MAAM,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC,IACpF;AACE,cAAA,QAAQ,MAAM,WAAW,CAAC,GAAG,MAAM,OAAO,GAAG,QAAQ,IAAI;AACrD;MACZ;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/filter-list/NeonFilterList.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./NeonFilterList.ts_vue_type_script_src_6d59124f_lang.cjs.js"),e=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const d=["aria-activedescendant","aria-multiselectable"],c=["aria-selected","tabindex","onClick","onKeydown"],p={class:"neon-filter-list__item-label"},u={key:0,class:"neon-filter-list__item-count"};function _(l,n,m,v,g,f){const s=e.resolveComponent("neon-icon"),i=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{"aria-activedescendant":l.multiple&&l.modelValue[0]||!l.multiple&&l.modelValue||null,"aria-multiselectable":l.multiple,class:e.normalizeClass([[`neon-filter-list--${l.color}`,`neon-list--${l.size}`,`neon-filter-list--${l.size}`,{"neon-filter-list--multiple":l.multiple}],"neon-filter-list"]),role:"listbox"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.visibleItems,t=>(e.openBlock(),e.createElementBlock("div",{key:t.key,"aria-selected":l.selected[t.key],class:e.normalizeClass([[{"neon-filter-list__item--disabled":t.disabled,"neon-filter-list__item--enabled":!t.disabled,"neon-filter-list__item--selected":l.selected[t.key]}],"neon-list__item neon-filter-list__item"]),tabindex:t.disabled?-1:0,role:"option",onClick:e.withModifiers(o=>!t.disabled&&l.toggleItem(t.key,o),["stop","prevent"]),onKeydown:[e.withKeys(e.withModifiers(o=>!t.disabled&&l.toggleItem(t.key),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(o=>!t.disabled&&l.toggleItem(t.key),["stop","prevent"]),["space"])]},[e.createElementVNode("span",p,e.toDisplayString(t.label),1),t.count?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(t.count.toLocaleString()),1)):e.createCommentVNode("",!0),!t.disabled&&l.selected[t.key]?(e.openBlock(),e.createBlock(s,{key:1,color:l.color,disabled:t.disabled,class:"neon-filter-list__item-close",name:"times"},null,8,["color","disabled"])):e.createCommentVNode("",!0)],42,c))),128)),l.displayShowAllToggle?(e.openBlock(),e.createBlock(i,{key:0,class:"neon-filter-list__show-toggle",onClick:n[0]||(n[0]=t=>l.toggleShowAll())},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.toggleShowAllLabel),1)]),_:1})):e.createCommentVNode("",!0)],10,d)}var k=a(r,[["render",_],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/filter-list/NeonFilterList.vue"]]);module.exports=k;
+"use strict";var r=require("./NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.cjs.js"),e=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const d=["aria-activedescendant","aria-multiselectable"],c=["aria-selected","tabindex","onClick","onKeydown"],p={class:"neon-filter-list__item-label"},u={key:0,class:"neon-filter-list__item-count"};function _(l,n,m,g,v,b){const s=e.resolveComponent("neon-icon"),i=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{"aria-activedescendant":l.multiple&&l.modelValue[0]||!l.multiple&&l.modelValue||null,"aria-multiselectable":l.multiple,class:e.normalizeClass([[`neon-filter-list--${l.color}`,`neon-list--${l.size}`,`neon-filter-list--${l.size}`,{"neon-filter-list--multiple":l.multiple}],"neon-filter-list"]),role:"listbox"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.visibleItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,"aria-selected":l.selected[o.key],class:e.normalizeClass([[{"neon-filter-list__item--disabled":o.disabled,"neon-filter-list__item--enabled":!o.disabled,"neon-filter-list__item--selected":l.selected[o.key]}],"neon-list__item neon-filter-list__item"]),tabindex:o.disabled?-1:0,role:"option",onClick:e.withModifiers(t=>!o.disabled&&l.toggleItem(o.key,t),["stop","prevent"]),onKeydown:[e.withKeys(e.withModifiers(t=>!o.disabled&&l.toggleItem(o.key),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(t=>!o.disabled&&l.toggleItem(o.key),["stop","prevent"]),["space"])]},[e.createElementVNode("span",p,e.toDisplayString(o.label),1),o.count?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.count.toLocaleString()),1)):e.createCommentVNode("",!0),!o.disabled&&l.selected[o.key]?(e.openBlock(),e.createBlock(s,{key:1,color:l.color,disabled:o.disabled,class:"neon-filter-list__item-close",name:"times"},null,8,["color","disabled"])):e.createCommentVNode("",!0)],42,c))),128)),l.displayShowAllToggle?(e.openBlock(),e.createBlock(i,{key:0,class:"neon-filter-list__show-toggle",onClick:n[0]||(n[0]=o=>l.toggleShowAll())},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.toggleShowAllLabel),1)]),_:1})):e.createCommentVNode("",!0)],10,d)}var k=a(r,[["render",_]]);module.exports=k;
 //# sourceMappingURL=NeonFilterList.cjs.js.map

package/dist/components/user-input/filter-list/NeonFilterList.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonFilterList.ts_vue_type_script_src_6d59124f_lang.es.js";
+import _sfc_main from "./NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, withModifiers, withKeys, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-activedescendant", "aria-multiselectable"];
@@ -64,6 +64,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true)
   ], 10, _hoisted_1);
 }
-var NeonFilterList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/filter-list/NeonFilterList.vue"]]);
+var NeonFilterList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonFilterList as default };
 //# sourceMappingURL=NeonFilterList.es.js.map

package/dist/components/user-input/filter-list/{NeonFilterList.ts_vue_type_script_src_6d59124f_lang.cjs.js → NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var l=require("vue"),h=require("../../../common/enums/NeonSize.cjs.js"),f=require("../../../common/enums/NeonFunctionalColor.cjs.js"),v=require("../../presentation/icon/NeonIcon.cjs.js"),S=require("../../navigation/link/NeonLink.cjs.js"),w=l.defineComponent({name:"NeonFilterList",components:{NeonIcon:v,NeonLink:S},props:{items:{type:Array,required:!0},modelValue:{type:[String,Array],required:!0},multiple:{type:Boolean,default:!0},size:{type:String,default:h.NeonSize.Medium},color:{type:String,default:f.NeonFunctionalColor.LowContrast},displayCount:{type:Number,default:null},showMoreLabel:{type:String,default:"Show {count} more"},showLessLabel:{type:String,default:"Show less"}},emits:["update:modelValue"],setup(e,{emit:m}){const u=l.ref(!1),i=l.computed(()=>{const t={};return(e.multiple?e.modelValue:[e.modelValue]).forEach(o=>t[o]=!0),t}),s=l.computed(()=>e.displayCount&&e.items.length>e.displayCount),r=l.computed(()=>s.value&&!u.value?e.items.filter((t,o)=>!e.displayCount||o<e.displayCount):e.items),c=l.computed(()=>e.showMoreLabel.replace("{count}",`${e.items.length-r.value.length}`)),d=l.computed(()=>u.value?e.showLessLabel:c.value),a=t=>{m("update:modelValue",t)};return{showAll:u,selected:i,visibleItems:r,toggleShowAllLabel:d,displayShowAllToggle:s,toggleItem:(t,o)=>{if(e.multiple)if(i.value[t])a(e.modelValue.filter(n=>n!==t));else{const n=[];e.modelValue.forEach(g=>n.push(g)),n.push(t),a(n)}else a(t===e.modelValue?"":t);o&&o.target.blur()},toggleShowAll:()=>{u.value=!u.value}}}});module.exports=w;
-//# sourceMappingURL=NeonFilterList.ts_vue_type_script_src_6d59124f_lang.cjs.js.map
+//# sourceMappingURL=NeonFilterList.ts_vue_type_script_src_4a94a13c_lang.cjs.js.map