npm - @aotearoan/neon - Versions diffs - 9.2.9 → 9.3.0 - Mend

@aotearoan/neon 9.2.9 → 9.3.0

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

Files changed (229) hide show

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

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"version":3,"file":"NeonDatePicker.ts_vue_type_script_src_56e4ee8a_lang.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.ts?vue&type=script&src=56e4ee8a&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/input/NeonInput.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js"),n=require("vue"),d=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=["id","aria-placeholder","disabled","placeholder","tabindex","type","value"],s=["id","aria-placeholder","disabled","placeholder","rows","tabindex","value"],u={key:3,class:"neon-input__textarea-counter"};function t(e,o,m,b,h,g){const i=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows?(n.openBlock(),n.createElementBlock("textarea",n.mergeProps({key:1,id:e.id,"aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:o[3]||(o[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[4]||(o[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onInput:o[5]||(o[5]=n.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),null,16,s)):(n.openBlock(),n.createElementBlock("input",n.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:o[0]||(o[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[1]||(o[1]=l=>!e.disabled&&e.onFocus()),onInput:o[2]||(o[2]=n.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,r)),e.iconVisible?(n.openBlock(),n.createBlock(i,{key:2,class:n.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:e.disabled||!e.icon||e.iconReadonly?!1:0,onClick:o[6]||(o[6]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[o[7]||(o[7]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),o[8]||(o[8]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role","tabindex"])):n.createCommentVNode("",!0),e.maxlength&&e.maxlength>0?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(`${e.modelValue.length}/${e.maxlength}`),1)):n.createCommentVNode("",!0)],2)}var p=d(a,[["render",t]]);module.exports=p;
+"use strict";var a=require("./NeonInput.ts_vue_type_script_src_2bebb33c_lang.cjs.js"),n=require("vue"),d=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=["id","aria-placeholder","disabled","placeholder","tabindex","type","value"],s=["id","aria-placeholder","disabled","placeholder","rows","tabindex","value"],t={key:3,class:"neon-input__textarea-counter"};function u(e,o,b,m,h,g){const i=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows?(n.openBlock(),n.createElementBlock("textarea",n.mergeProps({key:1,id:e.id,"aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:o[3]||(o[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[4]||(o[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onInput:o[5]||(o[5]=n.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),null,16,s)):(n.openBlock(),n.createElementBlock("input",n.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,disabled:e.disabled,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:o[0]||(o[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:o[1]||(o[1]=l=>!e.disabled&&e.onFocus()),onInput:o[2]||(o[2]=n.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,r)),e.iconVisible?(n.openBlock(),n.createBlock(i,{key:2,class:n.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:e.disabled||e.iconReadonly?!1:0,transparent:!0,onClick:o[6]||(o[6]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[o[7]||(o[7]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),o[8]||(o[8]=n.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role","tabindex"])):n.createCommentVNode("",!0),e.maxlength&&e.maxlength>0?(n.openBlock(),n.createElementBlock("span",t,n.toDisplayString(`${e.modelValue.length}/${e.maxlength}`),1)):n.createCommentVNode("",!0)],2)}var p=d(a,[["render",u]]);module.exports=p;
 //# sourceMappingURL=NeonInput.cjs.js.map

package/dist/components/user-input/input/NeonInput.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js";
+import _sfc_main from "./NeonInput.ts_vue_type_script_src_2bebb33c_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, withModifiers, createBlock, withKeys, createCommentVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["id", "aria-placeholder", "disabled", "placeholder", "tabindex", "type", "value"];
@@ -61,7 +61,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled,
       name: _ctx.iconName,
       role: !_ctx.iconReadonly && "button",
-      tabindex: _ctx.disabled || !_ctx.icon || _ctx.iconReadonly ? false : 0,
+      tabindex: _ctx.disabled || _ctx.iconReadonly ? false : 0,
+      transparent: true,
       onClick: _cache[6] || (_cache[6] = ($event) => !_ctx.iconReadonly && _ctx.iconClicked($event)),
       onKeydown: [
         _cache[7] || (_cache[7] = withKeys(($event) => !_ctx.iconReadonly && _ctx.iconClicked($event), ["enter"])),

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

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

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js → NeonInput.ts_vue_type_script_src_2bebb33c_lang.cjs.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),a=require("../../../common/enums/NeonInputType.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),w=require("../../../common/enums/NeonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),F=require("../../presentation/icon/NeonIcon.cjs.js"),k=require("../../../common/utils/NeonDebounceUtils.cjs.js"),B=n.defineComponent({name:"NeonInput",components:{NeonIcon:F},props:{id:{type:String,default:null},modelValue:{type:String,default:null},type:{type:String,default:a.NeonInputType.Text},placeholder:{type:String,default:null},size:{type:String,default:w.NeonSize.Medium},color:{type:String,default:c.NeonFunctionalColor.LowContrast},state:{type:String,default:o.NeonState.Ready},rows:{type:Number,default:null},icon:{type:String,default:null},iconReadonly:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},tabindex:{type:Number,default:0},disabled:{type:Boolean,default:!1},stateHighlight:{type:Boolean,default:!0},stateIcon:{type:Boolean,default:!0},maxlength:{type:Number,default:null},debounce:{type:Number,default:300}},emits:["focus","blur","icon-click","update:modelValue"],setup(e,{emit:u}){const f=n.useAttrs(),r=n.ref(null),i=n.ref(!1),N=n.computed(()=>{const{onBlur:t,onFocus:l,onIconClick:s,...V}=f;return V}),d=k.NeonDebounceUtils.debounce(t=>{u("update:modelValue",t)},e.debounce),m=n.computed(()=>{switch(e.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return e.stateIcon?"check":void 0;case o.NeonState.Error:return e.stateIcon?"times":void 0;default:return e.icon?e.icon:e.modelValue&&e.modelValue.length>0?"times":void 0}}),y=n.computed(()=>m.value&&!e.hideIcon&&(e.state!=="ready"||e.icon||e.modelValue&&!e.disabled&&e.modelValue.length>0)),g=n.computed(()=>{switch(e.state){case o.NeonState.Success:return c.NeonFunctionalColor.Success;case o.NeonState.Error:return c.NeonFunctionalColor.Error;case o.NeonState.Loading:return e.color;default:return c.NeonFunctionalColor.LowContrast}}),S=()=>{var t;(t=r.value)==null||t.focus()},h=()=>{var t;(t=r.value)==null||t.click()},v=()=>{i.value=!0,u("focus")},b=()=>{i.value=!1,u("blur")},I=t=>{e.disabled||(e.icon?u("icon-click"):d(""),t.preventDefault(),t.stopPropagation())},j=t=>{const l=t.target.value,s=e.maxlength&&l.length>e.maxlength?l.substring(0,e.maxlength):l;e.modelValue!==s&&d(s)},C=n.computed(()=>{if(e.placeholder)return e.placeholder;switch(e.type){case a.NeonInputType.Email:return"gbelson@hooli.com";case a.NeonInputType.Tel:return"+41785551234";case a.NeonInputType.Url:return"http://www.getskeleton.com";default:return""}});return{neonInput:r,focused:i,sanitizedAttributes:N,iconVisible:y,iconName:m,iconColor:g,computedPlaceholder:C,focus:S,click:h,onFocus:v,onBlur:b,iconClicked:I,changeValue:j}}});module.exports=B;
-//# sourceMappingURL=NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js.map
+//# sourceMappingURL=NeonInput.ts_vue_type_script_src_2bebb33c_lang.cjs.js.map

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_62c5c4a9_lang.cjs.js.map → NeonInput.ts_vue_type_script_src_2bebb33c_lang.cjs.js.map} RENAMED Viewed

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

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js → NeonInput.ts_vue_type_script_src_2bebb33c_lang.es.js} RENAMED Viewed

@@ -151,4 +151,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js.map
+//# sourceMappingURL=NeonInput.ts_vue_type_script_src_2bebb33c_lang.es.js.map

package/dist/components/user-input/input/{NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js.map → NeonInput.ts_vue_type_script_src_2bebb33c_lang.es.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonInput.ts_vue_type_script_src_62c5c4a9_lang.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=62c5c4a9&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\n\n/*\n Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n /\nexport default defineComponent({\n name: 'NeonInput',\n components: {\n NeonIcon,\n },\n props: {\n /\n The id the input\n /\n id: { type: String, default: null },\n /\n The value of the input\n /\n modelValue: { type: String, default: null },\n /\n The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n /\n type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n /\n Placeholder text to display in the input\n /\n placeholder: { type: String, default: null },\n /\n Size of the input\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n Color of the input\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n /\n The state of the input\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The number of rows to display in the case of a textarea\n /\n rows: { type: Number, default: null },\n /\n The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n /\n icon: { type: String, default: null },\n /\n Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n /\n iconReadonly: { type: Boolean, default: false },\n /\n Hide the icon button, e.g. the X button to clear the input's contents.\n /\n hideIcon: { type: Boolean, default: false },\n /\n Tabindex to assign to the input.\n /\n tabindex: { type: Number, default: 0 },\n /\n The disabled state of the input\n /\n disabled: { type: Boolean, default: false },\n /\n When the state is success or error, display the field with the state color indicator, e.g. border or background\n * color.\n /\n stateHighlight: { type: Boolean, default: true },\n /\n When the state is success or error, display the state icon.\n /\n stateIcon: { type: Boolean, default: true },\n /\n The character limit for a textarea.\n /\n maxlength: { type: Number, default: null },\n /\n Debounce time in ms, set to 0 to disable.\n /\n debounce: { type: Number, default: 300 },\n },\n emits: [\n /\n Emitted when the input has gained focus\n * @type {void}\n /\n 'focus',\n /\n Emitted when the input has lost focus\n * @type {void}\n /\n 'blur',\n /\n Emitted when the icon is clicked\n * @type {void}\n /\n 'icon-click',\n /\n Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n * @type {string} the contents of the input\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const attrs = useAttrs();\n const neonInput = ref<HTMLElement \| null>(null);\n const focused = ref(false);\n\n const sanitizedAttributes = computed(() => {\n const {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onBlur,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onFocus,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onIconClick,\n ...sanitized\n } = attrs;\n\n return sanitized;\n });\n\n const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n emit('update:modelValue', value);\n }, props.debounce);\n\n const iconName = computed(() => {\n switch (props.state) {\n case NeonState.Loading:\n return 'loading';\n case NeonState.Success:\n return props.stateIcon ? 'check' : undefined;\n case NeonState.Error:\n return props.stateIcon ? 'times' : undefined;\n default:\n if (props.icon) {\n return props.icon;\n } else if (props.modelValue && props.modelValue.length > 0) {\n return 'times';\n }\n\n return undefined;\n }\n });\n\n const iconVisible = computed(() => {\n return (\n iconName.value &&\n !props.hideIcon &&\n (props.state !== 'ready' \|\| props.icon \|\| (props.modelValue && !props.disabled && props.modelValue.length > 0))\n );\n });\n\n const iconColor = computed(() => {\n switch (props.state) {\n case NeonState.Success:\n return NeonFunctionalColor.Success;\n case NeonState.Error:\n return NeonFunctionalColor.Error;\n case NeonState.Loading:\n return props.color;\n default:\n return NeonFunctionalColor.LowContrast;\n }\n });\n\n const focus = () => {\n neonInput.value?.focus();\n };\n\n const click = () => {\n neonInput.value?.click();\n };\n\n const onFocus = () => {\n focused.value = true;\n emit('focus');\n };\n\n const onBlur = () => {\n focused.value = false;\n emit('blur');\n };\n\n const iconClicked = ($event: Event) => {\n if (!props.disabled) {\n if (props.icon) {\n emit('icon-click');\n } else {\n emitModelValue('');\n }\n $event.preventDefault();\n $event.stopPropagation();\n }\n };\n\n const changeValue = (event: InputEvent) => {\n const val = (event.target as HTMLInputElement).value;\n const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n if (props.modelValue !== v) {\n emitModelValue(v);\n }\n };\n\n const computedPlaceholder = computed(() => {\n if (props.placeholder) {\n return props.placeholder;\n } else {\n switch (props.type) {\n case NeonInputType.Email:\n return 'gbelson@hooli.com';\n case NeonInputType.Tel:\n return '+41785551234';\n case NeonInputType.Url:\n return 'http://www.getskeleton.com';\n default:\n return '';\n }\n }\n });\n\n return {\n neonInput,\n focused,\n sanitizedAttributes,\n iconVisible,\n iconName,\n iconColor,\n computedPlaceholder,\n focus,\n click,\n onFocus,\n onBlur,\n iconClicked,\n changeValue,\n };\n },\n});\n"],"names":["onBlur","onFocus"],"mappings":"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"}
1	+ {"version":3,"file":"NeonInput.ts_vue_type_script_src_2bebb33c_lang.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=2bebb33c&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\n\n/*\n Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n /\nexport default defineComponent({\n name: 'NeonInput',\n components: {\n NeonIcon,\n },\n props: {\n /\n The id the input\n /\n id: { type: String, default: null },\n /\n The value of the input\n /\n modelValue: { type: String, default: null },\n /\n The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n /\n type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n /\n Placeholder text to display in the input\n /\n placeholder: { type: String, default: null },\n /\n Size of the input\n /\n size: { type: String as () => NeonSize, default: NeonSize.Medium },\n /\n Color of the input\n /\n color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n /\n The state of the input\n /\n state: { type: String as () => NeonState, default: NeonState.Ready },\n /\n The number of rows to display in the case of a textarea\n /\n rows: { type: Number, default: null },\n /\n The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n /\n icon: { type: String, default: null },\n /\n Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n /\n iconReadonly: { type: Boolean, default: false },\n /\n Hide the icon button, e.g. the X button to clear the input's contents.\n /\n hideIcon: { type: Boolean, default: false },\n /\n Tabindex to assign to the input.\n /\n tabindex: { type: Number, default: 0 },\n /\n The disabled state of the input\n /\n disabled: { type: Boolean, default: false },\n /\n When the state is success or error, display the field with the state color indicator, e.g. border or background\n * color.\n /\n stateHighlight: { type: Boolean, default: true },\n /\n When the state is success or error, display the state icon.\n /\n stateIcon: { type: Boolean, default: true },\n /\n The character limit for a textarea.\n /\n maxlength: { type: Number, default: null },\n /\n Debounce time in ms, set to 0 to disable.\n /\n debounce: { type: Number, default: 300 },\n },\n emits: [\n /\n Emitted when the input has gained focus\n * @type {void}\n /\n 'focus',\n /\n Emitted when the input has lost focus\n * @type {void}\n /\n 'blur',\n /\n Emitted when the icon is clicked\n * @type {void}\n /\n 'icon-click',\n /\n Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n * @type {string} the contents of the input\n */\n 'update:modelValue',\n ],\n setup(props, { emit }) {\n const attrs = useAttrs();\n const neonInput = ref<HTMLElement \| null>(null);\n const focused = ref(false);\n\n const sanitizedAttributes = computed(() => {\n const {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onBlur,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onFocus,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onIconClick,\n ...sanitized\n } = attrs;\n\n return sanitized;\n });\n\n const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n emit('update:modelValue', value);\n }, props.debounce);\n\n const iconName = computed(() => {\n switch (props.state) {\n case NeonState.Loading:\n return 'loading';\n case NeonState.Success:\n return props.stateIcon ? 'check' : undefined;\n case NeonState.Error:\n return props.stateIcon ? 'times' : undefined;\n default:\n if (props.icon) {\n return props.icon;\n } else if (props.modelValue && props.modelValue.length > 0) {\n return 'times';\n }\n\n return undefined;\n }\n });\n\n const iconVisible = computed(() => {\n return (\n iconName.value &&\n !props.hideIcon &&\n (props.state !== 'ready' \|\| props.icon \|\| (props.modelValue && !props.disabled && props.modelValue.length > 0))\n );\n });\n\n const iconColor = computed(() => {\n switch (props.state) {\n case NeonState.Success:\n return NeonFunctionalColor.Success;\n case NeonState.Error:\n return NeonFunctionalColor.Error;\n case NeonState.Loading:\n return props.color;\n default:\n return NeonFunctionalColor.LowContrast;\n }\n });\n\n const focus = () => {\n neonInput.value?.focus();\n };\n\n const click = () => {\n neonInput.value?.click();\n };\n\n const onFocus = () => {\n focused.value = true;\n emit('focus');\n };\n\n const onBlur = () => {\n focused.value = false;\n emit('blur');\n };\n\n const iconClicked = ($event: Event) => {\n if (!props.disabled) {\n if (props.icon) {\n emit('icon-click');\n } else {\n emitModelValue('');\n }\n $event.preventDefault();\n $event.stopPropagation();\n }\n };\n\n const changeValue = (event: InputEvent) => {\n const val = (event.target as HTMLInputElement).value;\n const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n if (props.modelValue !== v) {\n emitModelValue(v);\n }\n };\n\n const computedPlaceholder = computed(() => {\n if (props.placeholder) {\n return props.placeholder;\n } else {\n switch (props.type) {\n case NeonInputType.Email:\n return 'gbelson@hooli.com';\n case NeonInputType.Tel:\n return '+41785551234';\n case NeonInputType.Url:\n return 'http://www.getskeleton.com';\n default:\n return '';\n }\n }\n });\n\n return {\n neonInput,\n focused,\n sanitizedAttributes,\n iconVisible,\n iconName,\n iconColor,\n computedPlaceholder,\n focus,\n click,\n onFocus,\n onBlur,\n iconClicked,\n changeValue,\n };\n },\n});\n"],"names":["onBlur","onFocus"],"mappings":";;;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,YAAY,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAM1C,MAAM,EAAE,MAAM,QAA+B,SAAS,cAAc,KAAK;AAAA,IAIzE,aAAa,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAI3C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,OAAO,EAAE,MAAM,QAA2B,SAAS,UAAU,MAAM;AAAA,IAInE,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAKpC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,cAAc,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI9C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,QAAQ,SAAS,EAAE;AAAA,IAIrC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK1C,gBAAgB,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI/C,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI1C,WAAW,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIzC,UAAU,EAAE,MAAM,QAAQ,SAAS,IAAI;AAAA,EACzC;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,IAKA;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,YAAY,IAAwB,IAAI;AACxC,UAAA,UAAU,IAAI,KAAK;AAEnB,UAAA,sBAAsB,SAAS,MAAM;AACnC,YAAA;AAAA,QAEJ,QAAAA;AAAAA,QAEA,SAAAC;AAAAA,QAEA;AAAA,WACG;AAAA,MACD,IAAA;AAEG,aAAA;AAAA,IAAA,CACR;AAED,UAAM,iBAAiB,kBAAkB,SAAS,CAAC,UAAkB;AACnE,WAAK,qBAAqB,KAAK;AAAA,IAAA,GAC9B,MAAM,QAAQ;AAEX,UAAA,WAAW,SAAS,MAAM;AAC9B,cAAQ,MAAM;AAAA,aACP,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA,MAAM,YAAY,UAAU;AAAA,aAChC,UAAU;AACN,iBAAA,MAAM,YAAY,UAAU;AAAA;AAEnC,cAAI,MAAM,MAAM;AACd,mBAAO,MAAM;AAAA,UAAA,WACJ,MAAM,cAAc,MAAM,WAAW,SAAS,GAAG;AACnD,mBAAA;AAAA,UACT;AAEO,iBAAA;AAAA;AAAA,IAAA,CAEZ;AAEK,UAAA,cAAc,SAAS,MAAM;AACjC,aACE,SAAS,SACT,CAAC,MAAM,aACN,MAAM,UAAU,WAAW,MAAM,QAAS,MAAM,cAAc,CAAC,MAAM,YAAY,MAAM,WAAW,SAAS;AAAA,IAAA,CAE/G;AAEK,UAAA,YAAY,SAAS,MAAM;AAC/B,cAAQ,MAAM;AAAA,aACP,UAAU;AACb,iBAAO,oBAAoB;AAAA,aACxB,UAAU;AACb,iBAAO,oBAAoB;AAAA,aACxB,UAAU;AACb,iBAAO,MAAM;AAAA;AAEb,iBAAO,oBAAoB;AAAA;AAAA,IAAA,CAEhC;AAED,UAAM,QAAQ,MAAM;;AAClB,sBAAU,UAAV,mBAAiB;AAAA,IAAM;AAGzB,UAAM,QAAQ,MAAM;;AAClB,sBAAU,UAAV,mBAAiB;AAAA,IAAM;AAGzB,UAAM,UAAU,MAAM;AACpB,cAAQ,QAAQ;AAChB,WAAK,OAAO;AAAA,IAAA;AAGd,UAAM,SAAS,MAAM;AACnB,cAAQ,QAAQ;AAChB,WAAK,MAAM;AAAA,IAAA;AAGP,UAAA,cAAc,CAAC,WAAkB;AACjC,UAAA,CAAC,MAAM,UAAU;AACnB,YAAI,MAAM,MAAM;AACd,eAAK,YAAY;AAAA,QAAA,OACZ;AACL,yBAAe,EAAE;AAAA,QACnB;AACA,eAAO,eAAe;AACtB,eAAO,gBAAgB;AAAA,MACzB;AAAA,IAAA;AAGI,UAAA,cAAc,CAAC,UAAsB;AACnC,YAAA,MAAO,MAAM,OAA4B;AAC/C,YAAM,IAAI,MAAM,aAAa,IAAI,SAAS,MAAM,YAAY,IAAI,UAAU,GAAG,MAAM,SAAS,IAAI;AAC5F,UAAA,MAAM,eAAe,GAAG;AAC1B,uBAAe,CAAC;AAAA,MAClB;AAAA,IAAA;AAGI,UAAA,sBAAsB,SAAS,MAAM;AACzC,UAAI,MAAM,aAAa;AACrB,eAAO,MAAM;AAAA,MAAA,OACR;AACL,gBAAQ,MAAM;AAAA,eACP,cAAc;AACV,mBAAA;AAAA,eACJ,cAAc;AACV,mBAAA;AAAA,eACJ,cAAc;AACV,mBAAA;AAAA;AAEA,mBAAA;AAAA;AAAA,MAEb;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/src/common/enums/NeonAlertLevel.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonAlertLevel {
+    Info = "info",
+    Success = "success",
+    Warn = "warn",
+    Error = "error"
+}

package/dist/src/common/enums/NeonAlertPlacement.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonAlertPlacement {
+    TopLeft = "top-left",
+    TopRight = "top-right",
+    BottomLeft = "bottom-left",
+    BottomRight = "bottom-right"
+}

package/dist/src/common/enums/NeonButtonSize.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonButtonSize {
+    Small = "s",
+    Medium = "m",
+    Large = "l",
+    ExtraLarge = "xl"
+}

package/dist/src/common/enums/NeonButtonStyle.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare enum NeonButtonStyle {
+    Solid = "solid",
+    Outline = "outline",
+    Text = "text"
+}

package/dist/src/common/enums/NeonChipAction.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonChipAction {
+    Click = "click",
+    Remove = "remove"
+}

package/dist/src/common/enums/NeonDropdownPlacement.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export declare enum NeonDropdownPlacement {
+    TopLeft = "top-left",
+    TopRight = "top-right",
+    BottomLeft = "bottom-left",
+    BottomRight = "bottom-right",
+    LeftTop = "left-top",
+    LeftBottom = "left-bottom",
+    RightTop = "right-top",
+    RightBottom = "right-bottom"
+}

package/dist/src/common/enums/NeonDropdownStyle.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonDropdownStyle {
+    SolidButton = "solid-button",
+    Text = "text-button",
+    SquareBadge = "square-badge",
+    CircularBadge = "circular-badge"
+}

package/dist/src/common/enums/NeonFunctionalColor.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export declare enum NeonFunctionalColor {
+    LowContrast = "low-contrast",
+    Neutral = "neutral",
+    HighContrast = "high-contrast",
+    Brand = "brand",
+    Primary = "primary",
+    Info = "info",
+    Success = "success",
+    Warn = "warn",
+    Error = "error"
+}

package/dist/src/common/enums/NeonHorizontalPosition.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonHorizontalPosition {
+    Left = "left",
+    Right = "right"
+}

package/dist/src/common/enums/NeonInputMode.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export declare enum NeonInputMode {
+    None = "none",
+    Text = "text",
+    Decimal = "decimal",
+    Numeric = "numeric",
+    Tel = "tel",
+    Search = "search",
+    Email = "email",
+    Url = "url"
+}

package/dist/src/common/enums/NeonInputType.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+export declare enum NeonInputType {
+    Date = "date",
+    DateTime = "datetime-local",
+    Email = "email",
+    File = "file",
+    Number = "number",
+    Password = "password",
+    Range = "range",
+    Search = "search",
+    Tel = "tel",
+    Text = "text",
+    Time = "time",
+    Url = "url"
+}

package/dist/src/common/enums/NeonLabelSize.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonLabelSize {
+    ExtraSmall = "xs",
+    Small = "s"
+}

package/dist/src/common/enums/NeonMode.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonMode {
+    Light = "light",
+    Dark = "dark"
+}

package/dist/src/common/enums/NeonOrientation.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonOrientation {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}

package/dist/src/common/enums/NeonOutlineStyle.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum NeonOutlineStyle {
+    None = "none",
+    Text = "text",
+    Border = "border",
+    Background = "background",
+    Bullet = "bullet"
+}

package/dist/src/common/enums/NeonPlacement.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonPlacement {
+    Top = "top",
+    Left = "left",
+    Bottom = "bottom",
+    Right = "right"
+}

package/dist/src/common/enums/NeonPosition.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonPosition {
+    Top = "top",
+    Left = "left",
+    Bottom = "bottom",
+    Right = "right"
+}

package/dist/src/common/enums/NeonResponsive.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export declare enum NeonResponsive {
+    All = "all",
+    Desktop = "desktop",
+    DesktopLarge = "desktop-l",
+    LargerThanTablet = "larger-than-tablet",
+    Tablet = "tablet",
+    LargerThanMobileLarge = "larger-than-mobile-l",
+    MobileLarge = "mobile-l",
+    LargerThanMobile = "larger-than-mobile",
+    Mobile = "mobile"
+}

package/dist/src/common/enums/NeonSize.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare enum NeonSize {
+    Small = "s",
+    Medium = "m",
+    Large = "l"
+}

package/dist/src/common/enums/NeonSplashLoaderSize.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonSplashLoaderSize {
+    Small = "s",
+    Medium = "m",
+    Large = "l",
+    ExtraLarge = "xl"
+}

package/dist/src/common/enums/NeonState.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum NeonState {
+    Ready = "ready",
+    Loading = "loading",
+    Success = "success",
+    Error = "error"
+}

package/dist/src/common/enums/NeonSwitchStyle.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonSwitchStyle {
+    Switch = "switch",
+    Checkbox = "checkbox"
+}

package/dist/src/common/enums/NeonToggleStyle.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonToggleStyle {
+    Toggle = "toggle",
+    RadioButtons = "radio-buttons"
+}

package/dist/src/common/enums/NeonTooltipStyle.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonTooltipStyle {
+    Tooltip = "tooltip",
+    Popover = "popover"
+}

package/dist/src/common/enums/NeonVerticalPosition.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum NeonVerticalPosition {
+    Top = "top",
+    Bottom = "bottom"
+}

package/dist/src/common/models/NeonActionMenuModel.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export interface NeonActionMenuModel {
+    label: string;
+    key: string;
+    count?: number;
+    selected?: boolean;
+    disabled?: boolean;
+}

package/dist/src/common/models/NeonAlertAction.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+/**
+ * Provide actions for users to click in alerts.
+ */
+export interface NeonAlertAction {
+    /**
+     * Label of the action. Keep it short! ~9 chars is the limit.
+     */
+    label: string;
+    /**
+     * Called when the user clicks on the action.
+     */
+    callback: () => void;
+}

package/dist/src/common/models/NeonAlertMessage.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import type { NeonAlertPlacement } from '../enums/NeonAlertPlacement';
+import type { NeonAlertAction } from './NeonAlertAction';
+/**
+ * An alert message.
+ */
+export interface NeonAlertMessage {
+    /**
+     * Optional title of the alert.
+     */
+    title?: string;
+    /**
+     * Optional body message.
+     */
+    message?: string;
+    /**
+     * Placement of the message. Default is top-right.
+     */
+    placement?: NeonAlertPlacement;
+    /**
+     * Duration to display the message (default = 2500ms). Set to 0 for the message to never expire (make sure it's
+     * dismissible).
+     */
+    duration?: number;
+    /**
+     * Whether the message can be dismissed by a user click. Default is true.
+     */
+    dismissible?: boolean;
+    /**
+     * Provide an action for the user to click on an alert. Actions consist of a label to display for the action and a
+     * callback which is invoked when the user clicks on the action. When a user clicks on an action the alert will also
+     * be dismissed.
+     */
+    primaryAction?: NeonAlertAction;
+    /**
+     * A second action can be provided to the user.
+     */
+    secondaryAction?: NeonAlertAction;
+}

package/dist/src/common/models/NeonAvailableSpace.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { NeonPosition } from '../enums/NeonPosition';
+export declare type NeonAvailableSpace = {
+    [key in NeonPosition]: number;
+} & {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};

package/dist/src/common/models/NeonCalendarConfig.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { NeonDate } from '@/common/models/NeonDate';
+export interface NeonCalendarConfig {
+    today: NeonDate;
+    selected?: NeonDate;
+    pageMonth: number;
+    pageMonthName: string;
+    pageYear: number;
+    pageDecadeStart: number;
+    dowNames: Array<string>;
+    dates: Array<Array<number | null>>;
+    lastDayOfMonth: number;
+    months: Array<string>;
+}

package/dist/src/common/models/NeonContrastAccessibility.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export interface NeonContrastAccessibility {
+    normalAA: boolean;
+    normalAAA: boolean;
+    largeAA: boolean;
+    largeAAA: boolean;
+    ratio: number;
+}

package/dist/src/common/models/NeonDate.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export interface NeonDate {
+    year: number;
+    yearFormatted: string;
+    month: number;
+    monthShortName: string;
+    monthLongName: string;
+    day: number;
+    dayFormatted: string;
+    time?: string;
+}

package/dist/src/common/models/NeonDropdownMenuItem.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export interface NeonDropdownMenuItem {
+    key: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    separatorBefore?: boolean;
+    disabled?: boolean;
+    isGroup?: boolean;
+    grouped?: boolean;
+}

package/dist/src/common/models/NeonDropdownPlacementObject.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { NeonPlacement } from '../enums/NeonPlacement';
+import { NeonDropdownPlacement } from '../enums/NeonDropdownPlacement';
+export declare class NeonDropdownPlacementObject {
+    static TopLeft: NeonDropdownPlacementObject;
+    static TopRight: NeonDropdownPlacementObject;
+    static BottomLeft: NeonDropdownPlacementObject;
+    static BottomRight: NeonDropdownPlacementObject;
+    static LeftTop: NeonDropdownPlacementObject;
+    static LeftBottom: NeonDropdownPlacementObject;
+    static RightTop: NeonDropdownPlacementObject;
+    static RightBottom: NeonDropdownPlacementObject;
+    private static PLACEMENTS;
+    private static FLIP_MAJOR;
+    private static FLIP_MINOR;
+    placement: NeonDropdownPlacement;
+    majorPlacement: NeonPlacement;
+    minorPlacement?: NeonPlacement;
+    private constructor();
+    static toNeonDropdownPlacementObject(placement: NeonDropdownPlacement): NeonDropdownPlacementObject;
+    static flipMajor(placement: NeonDropdownPlacementObject): NeonDropdownPlacementObject;
+    static flipMinor(placement: NeonDropdownPlacementObject): NeonDropdownPlacementObject;
+    static flip(placement: NeonDropdownPlacementObject): NeonDropdownPlacementObject;
+}