npm - @stachelock/ui - Versions diffs - 0.2.14 → 0.3.0 - Mend

@stachelock/ui 0.2.14 → 0.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 (737) hide show

package/dist/DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.js","sources":["../src/components/inputs/DatepickerInput.vue"],"sourcesContent":["<template>\n <FormFieldWrapper\n :id=\"fieldId\"\n :name=\"name\"\n :label=\"label\"\n :optional=\"!required\"\n :error-message=\"errorMessage\"\n :success-message=\"successMessage\"\n :is-valid=\"meta.valid\"\n :is-touched=\"meta.touched\"\n :show-errors=\"showErrors\"\n :show-valid-check=\"showValidCheckComputed\"\n :tertiary-label=\"tertiaryLabel\"\n :disabled=\"disabled\"\n :disabled-message=\"disabledMessage\"\n data-testid=\"datepicker-wrapper\"\n >\n <div class=\"sl-relative sl-rounded-md sl-shadow-sm\" data-testid=\"datepicker-container\">\n \n <VueDatePicker\n ref=\"datepicker\"\n v-model=\"(dateValue as any)\"\n v-bind=\"dynamicPickerProps\"\n :flow=\"inputFlow\"\n :hide-navigation=\"hideNavigation\"\n :action-row=\"actionRowConfig\"\n :auto-apply=\"autoApply\"\n :enable-time-picker=\"enableTimePicker\"\n :time-picker=\"timePicker\"\n :teleport=\"teleport\"\n :teleport-center=\"teleportCenter\"\n :uid=\"fieldId\"\n :utc=\"utc\"\n :clearable=\"false\"\n :dark=\"dark\"\n :locale=\"locale\"\n :format=\"displayFormat\"\n :preview-format=\"previewFormat\"\n :placeholder=\"placeholder\"\n :model-type=\"modelType\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :text-input=\"textInput\"\n :inline=\"inline\"\n :multi-calendars=\"multiCalendars\"\n :month-change-on-scroll=\"monthChangeOnScroll\"\n :highlight-week-days=\"highlightWeekDays\"\n :highlight-disabled-days=\"highlightDisabledDays\"\n :disable-month-year-select=\"disableMonthYearSelect\"\n :show-now-button=\"showNowButton\"\n :six-weeks=\"sixWeeks\"\n :start-date=\"startDate\"\n :start-time=\"startTime\"\n :no-today=\"noToday\"\n :no-disabled-range=\"noDisabledRange\"\n :partial-flow=\"partialFlow\"\n :week-start=\"weekStart\"\n :transitions=\"transitions\"\n :auto-position=\"autoPosition\"\n :multi-dates=\"multiDates\"\n :multi-dates-limit=\"multiDatesLimit\"\n :ignore-time-validation=\"ignoreTimeValidation\"\n :prevent-min-max-navigation=\"preventMinMaxNavigation\"\n @update:model-value=\"handleInput\"\n @open=\"handleOpen\"\n @closed=\"handleClosed\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @internal-model-change=\"handleInternalChange\"\n @cleared=\"handleCleared\"\n @text-submit=\"handleTextSubmit\"\n >\n <template #dp-input=\"{ value, onInput, onEnter, onTab, onClear, onBlur, onKeypress, onPaste }\">\n <div class=\"sl-relative sl-flex sl-items-center\" data-testid=\"datepicker-input-wrapper\">\n <component\n v-if=\"icon\"\n :is=\"icon\"\n class=\"sl-text-gray-600 dark:sl-text-gray-300 sl-absolute sl-left-3 sl-h-4 sl-w-4 sl-pointer-events-none sl-z-10\"\n aria-hidden=\"true\"\n data-testid=\"datepicker-icon\"\n />\n <input\n type=\"text\"\n :id=\"fieldId\"\n :name=\"name\"\n :value=\"value\"\n :placeholder=\"placeholder\"\n :readonly=\"!textInput\"\n :disabled=\"disabled\"\n :aria-label=\"label || placeholder\"\n :aria-describedby=\"errorMessage ? `${fieldId}-error` : undefined\"\n :aria-invalid=\"!!errorMessage\"\n :class=\"inputClasses\"\n autocomplete=\"off\"\n data-testid=\"datepicker-input\"\n @input=\"onInput\"\n @keydown.enter=\"onEnter\"\n @keydown.tab=\"onTab\"\n @blur=\"onBlur\"\n @keypress=\"onKeypress\"\n @paste=\"onPaste\"\n />\n <button\n v-if=\"shouldShowClearButton\"\n type=\"button\"\n class=\"sl-absolute sl-right-3 sl-p-1 sl-rounded-full sl-text-gray-400 hover:sl-text-gray-600 dark:hover:sl-text-gray-300 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 sl-transition-colors sl-z-10\"\n :aria-label=\"clearAriaLabel\"\n data-testid=\"datepicker-clear\"\n @click=\"onClear\"\n >\n <XMarkIcon class=\"sl-h-4 sl-w-4\" />\n </button>\n </div>\n </template>\n\n <template v-if=\"$slots['action-buttons'] || !autoApply\" #action-row>\n <div class=\"sl-overflow-hidden sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-shadow dp__action_row_wrapper\">\n <div class=\"sl-bg-gray-50 dark:sl-bg-slate-700/50 sl-px-4 sl-py-3\">\n <slot name=\"action-buttons\" :select-date=\"selectDate\" :close-menu=\"closeMenu\">\n <div class=\"sl-flex sl-gap-2\">\n <button\n type=\"button\"\n class=\"sl-flex-1 sl-rounded-md sl-bg-primary-600 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-white sl-shadow-sm hover:sl-bg-primary-500 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-primary-600 focus:sl-ring-offset-2 dark:focus:sl-ring-offset-slate-800 sl-transition-colors\"\n data-testid=\"datepicker-select\"\n @click=\"selectDate\"\n >\n {{ selectText }}\n </button>\n <button\n type=\"button\"\n class=\"sl-flex-1 sl-rounded-md sl-bg-white dark:sl-bg-slate-700 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-200 sl-shadow-sm sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-gray-500 focus:sl-ring-offset-2 dark:focus:sl-ring-offset-slate-800 sl-transition-colors\"\n data-testid=\"datepicker-cancel\"\n @click=\"closeMenu\"\n >\n {{ cancelText }}\n </button>\n </div>\n </slot>\n </div>\n </div>\n </template>\n\n \n <template v-if=\"$slots['calendar-cell']\" #day=\"{ day, date }\">\n <slot name=\"calendar-cell\" :day=\"day\" :date=\"date\" />\n </template>\n\n \n <template v-if=\"$slots['month-year']\" #month-year=\"{ month, year, months, years, updateMonthYear, handleMonthYearChange }\">\n <slot \n name=\"month-year\" \n :month=\"month\" \n :year=\"year\" \n :months=\"months\" \n :years=\"years\"\n :update-month-year=\"updateMonthYear\"\n :handle-month-year-change=\"handleMonthYearChange\"\n />\n </template>\n\n \n <template v-if=\"$slots['time-picker']\" #time-picker=\"slotProps\">\n <slot name=\"time-picker\" v-bind=\"slotProps\" />\n </template>\n\n \n <template v-if=\"$slots['left-sidebar'] || presetDates.length > 0\" #left-sidebar>\n <slot v-if=\"$slots['left-sidebar']\" name=\"left-sidebar\" />\n <div v-else-if=\"presetDates.length > 0\" class=\"sl-p-3 sl-border-r sl-border-gray-200 dark:sl-border-slate-700\" data-testid=\"datepicker-presets\">\n <div class=\"sl-text-xs sl-font-semibold sl-text-gray-500 dark:sl-text-slate-300 sl-uppercase sl-tracking-wide sl-mb-2\">\n {{ presetsLabel }}\n </div>\n <div class=\"sl-flex sl-flex-col sl-gap-1\">\n <button\n v-for=\"preset in presetDates\"\n :key=\"preset.label\"\n type=\"button\"\n class=\"sl-text-left sl-px-2 sl-py-1.5 sl-text-sm sl-rounded-md sl-transition-colors hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 sl-text-gray-700 dark:sl-text-slate-200\"\n :data-testid=\"`datepicker-preset-${preset.label.toLowerCase().replace(/\\s+/g, '-')}`\"\n @click=\"applyPreset(preset)\"\n >\n {{ preset.label }}\n </button>\n </div>\n </div>\n </template>\n\n \n <template v-if=\"$slots['right-sidebar']\" #right-sidebar>\n <slot name=\"right-sidebar\" />\n </template>\n </VueDatePicker>\n </div>\n </FormFieldWrapper>\n</template>\n\n<script setup lang=\"ts\">\nimport { toRef, ref, computed, watch, inject, defineAsyncComponent, type PropType, type Ref, type FunctionalComponent, type HTMLAttributes, type VNodeProps, type Component } from 'vue';\nimport { useField } from 'vee-validate';\nimport { XMarkIcon } from '@heroicons/vue/20/solid';\nimport FormFieldWrapper from '@/components/forms/FormFieldWrapper.vue';\nimport { generateId } from '@/utils/id';\nimport type { AnySchema } from 'yup';\nimport type { DatepickerOptions } from '@/plugin/configure';\n\n// Dynamic import for VueDatePicker to reduce bundle size\nconst VueDatePicker = defineAsyncComponent(() => import('@vuepic/vue-datepicker'));\n\n// ============================================================================\n// TYPE DEFINITIONS\n// ============================================================================\n\n/** Valid flow steps for multi-step date selection */\nexport type FlowStep = 'month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds';\nexport type FlowType = FlowStep[];\nexport type HideNavigationType = FlowStep[];\n\n/** Model value types supported by the datepicker */\nexport type DatepickerModelValue = \n | Date \n | Date[] \n | string \n | string[] \n | { month: number; year: number } \n | { hours: number; minutes: number; seconds?: number }\n | [Date | null, Date | null] // Range type\n | null;\n\n/** Marker configuration for highlighting specific dates */\nexport interface DatepickerMarker {\n date: Date | string;\n type?: 'dot' | 'line';\n tooltip?: string;\n color?: string;\n}\n\n/** Highlight configuration */\nexport interface DatepickerHighlight {\n dates?: Date[];\n months?: { month: number; year: number }[];\n years?: number[];\n quarters?: { quarter: number; year: number }[];\n weekdays?: number[];\n options?: {\n highlightDisabled?: boolean;\n };\n}\n\n/** Preset date configuration */\nexport interface DatepickerPreset {\n label: string;\n value: Date | Date[] | [Date, Date];\n slot?: string;\n}\n\n/** Time model */\nexport interface TimeModel {\n hours: number;\n minutes: number;\n seconds?: number;\n}\n\n/** Month/Year model */\nexport interface MonthYearModel {\n month: number;\n year: number;\n}\n\n/** Internal DatePicker instance interface */\ninterface DatePickerInstance {\n selectDate: () => void;\n closeMenu: () => void;\n openMenu: () => void;\n clearValue: () => void;\n setMonthYear: (value: { month?: number; year?: number }) => void;\n}\n\n// ============================================================================\n// PROPS\n// ============================================================================\n\nconst props = defineProps({\n // Field identification\n name: {\n type: String,\n required: true,\n },\n value: {\n type: [Date, Array, String, Number, Object] as PropType<DatepickerModelValue>,\n default: null,\n },\n \n // Labels & display\n label: {\n type: String,\n default: '',\n },\n placeholder: {\n type: String,\n default: 'Select date...',\n },\n tertiaryLabel: {\n type: String,\n default: '',\n },\n hint: {\n type: String,\n default: '',\n },\n \n // Validation\n rules: {\n type: [Function, Object] as PropType<AnySchema>,\n default: undefined,\n },\n required: {\n type: Boolean,\n default: false,\n },\n validateOnMount: {\n type: Boolean,\n default: true,\n },\n showErrors: {\n type: Boolean,\n default: false,\n },\n showValidCheck: {\n type: Boolean,\n default: true,\n },\n successMessage: {\n type: String,\n default: '',\n },\n \n // Picker modes\n monthPicker: {\n type: Boolean,\n default: false,\n },\n yearPicker: {\n type: Boolean,\n default: false,\n },\n weekPicker: {\n type: Boolean,\n default: false,\n },\n quarterPicker: {\n type: Boolean,\n default: false,\n },\n timePicker: {\n type: Boolean,\n default: false,\n },\n enableTimePicker: {\n type: Boolean,\n default: false,\n },\n range: {\n type: Boolean,\n default: false,\n },\n multiDates: {\n type: Boolean,\n default: false,\n },\n multiDatesLimit: {\n type: Number,\n default: undefined,\n },\n \n // Time options\n is24: {\n type: Boolean,\n default: false,\n },\n minutesIncrement: {\n type: Number,\n default: 1,\n },\n secondsIncrement: {\n type: Number,\n default: 1,\n },\n hoursIncrement: {\n type: Number,\n default: 1,\n },\n \n // Date constraints\n minDate: {\n type: [Date, String] as PropType<Date | string | undefined>,\n default: undefined,\n },\n maxDate: {\n type: [Date, String] as PropType<Date | string | undefined>,\n default: undefined,\n },\n disabledDates: {\n type: [Array, Function] as PropType<Date[] | ((date: Date) => boolean)>,\n default: undefined,\n },\n allowedDates: {\n type: Array as PropType<Date[]>,\n default: undefined,\n },\n disabledWeekDays: {\n type: Array as PropType<number[]>,\n default: undefined,\n },\n \n // Navigation & Flow\n inputFlow: {\n type: Array as PropType<FlowType>,\n default: undefined,\n },\n hideNavigation: {\n type: Array as PropType<HideNavigationType>,\n default: undefined,\n },\n partialFlow: {\n type: Boolean,\n default: false,\n },\n \n // UI Customization\n icon: {\n type: [Function, Object] as PropType<FunctionalComponent<HTMLAttributes & VNodeProps, Record<string, never>, any> | Component>,\n default: undefined,\n },\n autoApply: {\n type: Boolean,\n default: true,\n },\n clearable: {\n type: Boolean,\n default: true,\n },\n teleport: {\n type: [Boolean, String] as PropType<boolean | string>,\n default: true,\n },\n teleportCenter: {\n type: Boolean,\n default: false,\n },\n inline: {\n type: Boolean,\n default: false,\n },\n multiCalendars: {\n type: [Boolean, Number, Object] as PropType<boolean | number | { solo?: boolean; static?: boolean }>,\n default: undefined,\n },\n monthChangeOnScroll: {\n type: [Boolean, String] as PropType<boolean | 'inverse'>,\n default: true,\n },\n \n // State\n disabled: {\n type: Boolean,\n default: false,\n },\n disabledMessage: {\n type: String,\n default: '',\n },\n readonly: {\n type: Boolean,\n default: false,\n },\n textInput: {\n type: [Boolean, Object] as PropType<boolean | { enterSubmit?: boolean; tabSubmit?: boolean; openMenu?: boolean; format?: string }>,\n default: false,\n },\n \n // Format & Locale\n displayFormat: {\n type: [String, Function] as PropType<string | ((date: Date | Date[]) => string)>,\n default: undefined,\n },\n previewFormat: {\n type: [String, Function] as PropType<string | ((date: Date | Date[]) => string)>,\n default: undefined,\n },\n modelType: {\n type: String as PropType<'timestamp' | 'format' | undefined>,\n default: undefined,\n },\n locale: {\n type: String,\n default: 'en-US',\n },\n weekStart: {\n type: [Number, String] as PropType<0 | 1 | 2 | 3 | 4 | 5 | 6 | '0' | '1' | '2' | '3' | '4' | '5' | '6'>,\n default: undefined,\n },\n weekNumbers: {\n type: [Boolean, String] as PropType<boolean | 'iso' | 'local'>,\n default: false,\n },\n \n // UTC handling\n utc: {\n type: [Boolean, String] as PropType<boolean | 'preserve'>,\n default: 'preserve',\n },\n \n // Visual markers & highlighting\n markers: {\n type: Array as PropType<DatepickerMarker[]>,\n default: () => [],\n },\n highlight: {\n type: [Object, Array, Function] as PropType<DatepickerHighlight | Date[] | ((date: Date) => boolean)>,\n default: undefined,\n },\n highlightWeekDays: {\n type: Array as PropType<number[]>,\n default: undefined,\n },\n highlightDisabledDays: {\n type: Boolean,\n default: false,\n },\n \n // Additional options\n disableMonthYearSelect: {\n type: Boolean,\n default: false,\n },\n showNowButton: {\n type: Boolean,\n default: false,\n },\n sixWeeks: {\n type: [Boolean, String] as PropType<boolean | 'center' | 'fair' | 'append' | 'prepend'>,\n default: false,\n },\n startDate: {\n type: [Date, String] as PropType<Date | string>,\n default: undefined,\n },\n startTime: {\n type: Object as PropType<TimeModel | TimeModel[]>,\n default: undefined,\n },\n noToday: {\n type: Boolean,\n default: false,\n },\n noDisabledRange: {\n type: Boolean,\n default: false,\n },\n ignoreTimeValidation: {\n type: Boolean,\n default: false,\n },\n preventMinMaxNavigation: {\n type: Boolean,\n default: false,\n },\n \n // Transitions & positioning\n transitions: {\n type: [Boolean, Object] as PropType<boolean | { open?: string; close?: string; next?: string; previous?: string }>,\n default: true,\n },\n autoPosition: {\n type: Boolean,\n default: true,\n },\n altPosition: {\n type: [Boolean, Function] as PropType<boolean | ((el: HTMLElement | undefined) => { top: number | string; left: number | string; transform?: string })>,\n default: undefined,\n },\n \n // Theming\n dark: {\n type: Boolean,\n default: false,\n },\n \n // Preset dates\n presetDates: {\n type: Array as PropType<DatepickerPreset[]>,\n default: () => [],\n },\n presetsLabel: {\n type: String,\n default: 'Quick Select',\n },\n \n // Action row text\n selectText: {\n type: String,\n default: 'Select',\n },\n cancelText: {\n type: String,\n default: 'Cancel',\n },\n clearAriaLabel: {\n type: String,\n default: 'Clear date',\n },\n});\n\n// ============================================================================\n// EMITS\n// ============================================================================\n\nconst emit = defineEmits<{\n (e: 'update:value', value: string | null | (string | null)[]): void;\n (e: 'update:modelValue', value: DatepickerModelValue): void;\n (e: 'open'): void;\n (e: 'closed'): void;\n (e: 'focus'): void;\n (e: 'blur'): void;\n (e: 'cleared'): void;\n (e: 'text-submit', value: string): void;\n (e: 'internal-model-change', value: DatepickerModelValue, isValid: boolean): void;\n}>();\n\n// ============================================================================\n// CONFIGURATION & STATE\n// ============================================================================\n\n// Get plugin configuration\nconst datepickerConfig = inject<DatepickerOptions>('datepicker', {});\n\n// Generate unique ID for this field\nconst fieldId = computed(() => generateId(props.name));\n\nconst name = toRef(props, 'name');\n\n// VeeValidate field setup\nconst {\n errorMessage,\n handleChange,\n meta,\n setTouched,\n validate,\n} = useField(name, props.rules, {\n initialValue: props.value,\n validateOnMount: props.validateOnMount,\n});\n\n// Internal state\n// Use broader type to accommodate VueDatePicker's complex ModelValue type\nconst dateValue = ref<DatepickerModelValue>(null) as Ref<DatepickerModelValue | null | undefined>;\nconst datepicker = ref<DatePickerInstance | null>(null);\nconst isOpen = ref(false);\n\n// Action row config\nconst actionRowConfig = computed(() => ({\n showNow: props.showNowButton,\n showPreview: !props.autoApply,\n showSelect: !props.autoApply,\n showCancel: !props.autoApply,\n}));\n\n// Determine if we should show the valid check icon\n// When clearable and there's a value, we show clear button instead of valid check\n// This prevents UI overlap and provides better UX (action > status)\nconst hasValue = computed(() => {\n if (dateValue.value === null || dateValue.value === undefined) return false;\n if (typeof dateValue.value === 'string' && dateValue.value === '') return false;\n if (Array.isArray(dateValue.value) && dateValue.value.length === 0) return false;\n return true;\n});\n\nconst shouldShowClearButton = computed(() => {\n return props.clearable && hasValue.value && !props.disabled;\n});\n\n// Only show valid check when:\n// 1. showValidCheck prop is true AND\n// 2. We're NOT showing the clear button (clear button takes that space)\nconst showValidCheckComputed = computed(() => {\n return props.showValidCheck && !shouldShowClearButton.value;\n});\n\n// ============================================================================\n// COMPUTED STYLES\n// ============================================================================\n\nconst inputClasses = computed(() => {\n const base = [\n 'sl-block sl-w-full sl-rounded-md sl-border-0 sl-py-1.5',\n 'sl-text-gray-800 dark:sl-text-gray-100 sl-shadow-sm sl-ring-1 sl-ring-inset',\n 'placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-500 focus:sl-ring-2 focus:sl-ring-inset',\n 'sm:sl-text-sm sm:sl-leading-6',\n 'sl-bg-white dark:sl-bg-slate-900',\n ];\n \n // Add icon padding\n if (props.icon) {\n base.push('sl-pl-10');\n } else {\n base.push('sl-pl-3');\n }\n \n // Add clearable padding\n if (props.clearable) {\n base.push('sl-pr-10');\n } else {\n base.push('sl-pr-3');\n }\n \n // Add state classes\n if (props.disabled) {\n base.push('sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed sl-ring-gray-200 dark:sl-ring-slate-700');\n } else if (errorMessage.value && (meta.touched || props.showErrors)) {\n base.push('sl-ring-red-500 focus:sl-ring-red-500 sl-bg-red-50 dark:sl-bg-red-900/20');\n } else if (meta.valid && meta.touched) {\n base.push('sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-ring-primary-600');\n } else {\n base.push('sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-ring-primary-600');\n }\n \n return base.join(' ');\n});\n\n// ============================================================================\n// DYNAMIC PICKER PROPS\n// ============================================================================\n\nconst dynamicPickerProps = computed(() => {\n const pickerProps: Record<string, unknown> = {\n monthPicker: false,\n yearPicker: false,\n weekPicker: false,\n quarterPicker: false,\n timePicker: false,\n enableTimePicker: false,\n is24: datepickerConfig.is24 ?? props.is24,\n range: false,\n disabled: props.disabled,\n };\n\n // Set picker mode (mutually exclusive)\n if (props.monthPicker) {\n pickerProps.monthPicker = true;\n } else if (props.yearPicker) {\n pickerProps.yearPicker = true;\n } else if (props.weekPicker) {\n pickerProps.weekPicker = true;\n } else if (props.quarterPicker) {\n pickerProps.quarterPicker = true;\n } else if (props.range) {\n pickerProps.range = true;\n } else if (props.timePicker) {\n pickerProps.timePicker = true;\n pickerProps.is24 = datepickerConfig.is24 ?? props.is24;\n }\n\n // Handle allowed dates\n if (props.allowedDates && props.allowedDates.length > 0) {\n pickerProps.allowedDates = props.allowedDates;\n }\n\n // Handle disabled dates\n if (props.disabledDates) {\n pickerProps.disabledDates = props.disabledDates;\n }\n\n // Handle disabled week days\n if (props.disabledWeekDays && props.disabledWeekDays.length > 0) {\n pickerProps.disabledWeekDays = props.disabledWeekDays;\n }\n\n // Handle min date\n if (props.minDate) {\n const raw = typeof props.minDate === 'string' ? new Date(props.minDate) : props.minDate;\n if (raw instanceof Date && !isNaN(raw.getTime())) {\n const startOfDay = new Date(raw);\n startOfDay.setHours(0, 0, 0, 0);\n pickerProps.minDate = startOfDay;\n }\n }\n\n // Handle max date\n if (props.maxDate) {\n const raw = typeof props.maxDate === 'string' ? new Date(props.maxDate) : props.maxDate;\n if (raw instanceof Date && !isNaN(raw.getTime())) {\n const endOfDay = new Date(raw);\n endOfDay.setHours(23, 59, 59, 999);\n pickerProps.maxDate = endOfDay;\n }\n }\n\n // Time increments\n if (props.enableTimePicker || props.timePicker) {\n pickerProps.minutesIncrement = props.minutesIncrement;\n pickerProps.secondsIncrement = props.secondsIncrement;\n pickerProps.hoursIncrement = props.hoursIncrement;\n }\n\n // Add props that have strict type checking issues with VueDatePicker\n // These are added here to bypass template-level type checking\n if (props.markers && props.markers.length > 0) {\n pickerProps.markers = props.markers;\n }\n if (props.highlight !== undefined) {\n pickerProps.highlight = props.highlight;\n }\n if (props.weekNumbers) {\n pickerProps.weekNumbers = props.weekNumbers;\n }\n if (props.altPosition !== undefined && typeof props.altPosition === 'function') {\n pickerProps.altPosition = props.altPosition;\n }\n\n return pickerProps;\n});\n\n// ============================================================================\n// DATE CONVERSION & STANDARDIZATION\n// ============================================================================\n\n/**\n * Standardize date value to ISO string format for consistent storage/validation\n */\nconst standardizeDate = (value: DatepickerModelValue): string | null | (string | null)[] => {\n if (value === null || value === undefined) {\n return null;\n }\n \n if (Array.isArray(value)) {\n return value.map(d => {\n if (d === null) return null;\n if (d instanceof Date) return d.toISOString();\n return d as string | null;\n });\n }\n \n if (value instanceof Date) {\n return value.toISOString();\n }\n \n if (typeof value === 'string') {\n const date = new Date(value);\n return !isNaN(date.getTime()) ? date.toISOString() : null;\n }\n \n if (typeof value === 'object' && value !== null) {\n // Month/Year object\n if ('month' in value && 'year' in value && \n typeof value.year === 'number' && \n typeof value.month === 'number') {\n const date = new Date(value.year, value.month, 1);\n return date.toISOString();\n }\n \n // Time object\n if ('hours' in value && 'minutes' in value && \n typeof value.hours === 'number' && \n typeof value.minutes === 'number') {\n return JSON.stringify(value);\n }\n }\n \n return null;\n};\n\n/**\n * Convert value to datepicker format\n */\nconst convertDate = (value: DatepickerModelValue): { convertedDate: DatepickerModelValue } => {\n if (value === null || value === undefined) {\n return { convertedDate: null };\n }\n \n if (Array.isArray(value)) {\n return {\n convertedDate: value.map(v => (v ? new Date(v as string | Date) : null)) as Date[],\n };\n }\n \n if (typeof value === 'string') {\n const effectiveDate = new Date(value);\n if (isNaN(effectiveDate.getTime())) {\n return { convertedDate: null };\n }\n return {\n convertedDate: dynamicPickerProps.value.monthPicker\n ? { month: effectiveDate.getMonth(), year: effectiveDate.getFullYear() }\n : effectiveDate\n };\n }\n \n if (value instanceof Date) {\n return {\n convertedDate: dynamicPickerProps.value.monthPicker\n ? { month: value.getMonth(), year: value.getFullYear() }\n : value\n };\n }\n \n if (typeof value === 'object' && value !== null) {\n // Month/Year object\n if ('month' in value && 'year' in value && \n typeof value.year === 'number' && \n typeof value.month === 'number') {\n return {\n convertedDate: { month: value.month, year: value.year }\n };\n }\n \n // Time object\n if ('hours' in value && 'minutes' in value && \n typeof value.hours === 'number' && \n typeof value.minutes === 'number') {\n return { convertedDate: value };\n }\n }\n \n return { convertedDate: null };\n};\n\n// ============================================================================\n// EVENT HANDLERS\n// ============================================================================\n\nconst handleInput = async (modelData: DatepickerModelValue) => {\n const standardizedDate = standardizeDate(modelData);\n handleChange(standardizedDate);\n emit('update:value', standardizedDate);\n emit('update:modelValue', modelData);\n // Validate after value change\n await validate();\n};\n\nconst handleOpen = () => {\n isOpen.value = true;\n emit('open');\n};\n\nconst handleClosed = async () => {\n isOpen.value = false;\n // Mark as touched when picker closes (user interacted)\n setTouched(true);\n await validate();\n emit('closed');\n};\n\nconst handleFocus = () => {\n emit('focus');\n};\n\nconst handleBlur = async () => {\n // Mark as touched on blur\n setTouched(true);\n await validate();\n emit('blur');\n};\n\nconst handleCleared = async () => {\n // When cleared, also validate\n handleChange(null);\n await validate();\n emit('cleared');\n};\n\nconst handleTextSubmit = (value: string) => {\n emit('text-submit', value);\n};\n\nconst handleInternalChange = (value: DatepickerModelValue, isValid: boolean) => {\n emit('internal-model-change', value, isValid);\n};\n\n// ============================================================================\n// PROGRAMMATIC API\n// ============================================================================\n\nconst selectDate = () => {\n datepicker.value?.selectDate();\n};\n\nconst closeMenu = () => {\n datepicker.value?.closeMenu();\n};\n\nconst openMenu = () => {\n datepicker.value?.openMenu();\n};\n\nconst clearValue = async () => {\n datepicker.value?.clearValue();\n await handleInput(null);\n};\n\nconst setMonthYear = (value: { month?: number; year?: number }) => {\n datepicker.value?.setMonthYear(value);\n};\n\nconst applyPreset = (preset: DatepickerPreset) => {\n const { value } = preset;\n dateValue.value = value as DatepickerModelValue;\n handleInput(value as DatepickerModelValue);\n closeMenu();\n};\n\n// ============================================================================\n// WATCHERS\n// ============================================================================\n\n// Watch for value prop changes\nwatch(() => props.value, (newVal) => {\n const { convertedDate } = convertDate(newVal);\n dateValue.value = convertedDate;\n}, { deep: true, immediate: true });\n\n// ============================================================================\n// EXPOSED API\n// ============================================================================\n\ndefineExpose({\n openMenu,\n closeMenu,\n selectDate,\n clearValue,\n setMonthYear,\n /** Current open state */\n isOpen,\n /** Validation state */\n meta,\n /** Error message if any */\n errorMessage,\n});\n</script>\n\n<style>\n@import '@vuepic/vue-datepicker/dist/main.css';\n\n/* Theme customization using CSS variables */\n.dp__theme_light {\n --dp-background-color: #fff;\n --dp-text-color: #1f2937;\n --dp-hover-color: #f3f4f6;\n --dp-hover-text-color: #1f2937;\n --dp-hover-icon-color: #6b7280;\n --dp-primary-color: var(--sl-color-primary-600, #3e4b9a);\n --dp-primary-disabled-color: var(--sl-color-primary-300, #949ed9);\n --dp-primary-text-color: #fff;\n --dp-secondary-color: #d1d5db;\n --dp-border-color: #e5e7eb;\n --dp-menu-border-color: #e5e7eb;\n --dp-border-color-hover: #9ca3af;\n --dp-disabled-color: #f3f4f6;\n --dp-disabled-color-text: #9ca3af;\n --dp-scroll-bar-background: #f3f4f6;\n --dp-scroll-bar-color: #9ca3af;\n --dp-success-color: #22c55e;\n --dp-success-color-disabled: #86efac;\n --dp-icon-color: #6b7280;\n --dp-danger-color: #ef4444;\n --dp-marker-color: var(--sl-color-primary-600, #3e4b9a);\n --dp-tooltip-color: #fafafa;\n --dp-highlight-color: rgba(62, 75, 154, 0.1);\n --dp-range-between-dates-background-color: #f3f4f6;\n --dp-range-between-dates-text-color: #1f2937;\n --dp-range-between-border-color: #f3f4f6;\n}\n\n.dp__theme_dark {\n --dp-background-color: #1f2937;\n --dp-text-color: #f9fafb;\n --dp-hover-color: #374151;\n --dp-hover-text-color: #f9fafb;\n --dp-hover-icon-color: #9ca3af;\n --dp-primary-color: var(--sl-color-primary-500, #4d5ec0);\n --dp-primary-disabled-color: var(--sl-color-primary-700, #2e3873);\n --dp-primary-text-color: #fff;\n --dp-secondary-color: #4b5563;\n --dp-border-color: #374151;\n --dp-menu-border-color: #374151;\n --dp-border-color-hover: #6b7280;\n --dp-disabled-color: #374151;\n --dp-disabled-color-text: #6b7280;\n --dp-scroll-bar-background: #374151;\n --dp-scroll-bar-color: #6b7280;\n --dp-success-color: #22c55e;\n --dp-success-color-disabled: #166534;\n --dp-icon-color: #9ca3af;\n --dp-danger-color: #ef4444;\n --dp-marker-color: var(--sl-color-primary-500, #4d5ec0);\n --dp-tooltip-color: #4b5563;\n --dp-highlight-color: rgba(77, 94, 192, 0.2);\n --dp-range-between-dates-background-color: #374151;\n --dp-range-between-dates-text-color: #f9fafb;\n --dp-range-between-border-color: #374151;\n}\n\n/* Base datepicker variables */\n:root {\n --dp-font-family: inherit;\n --dp-border-radius: 0.375rem;\n --dp-cell-border-radius: 0.375rem;\n --dp-common-transition: all 0.1s ease-in;\n --dp-button-height: 2.25rem;\n --dp-month-year-row-height: 2.25rem;\n --dp-month-year-row-button-size: 2.25rem;\n --dp-button-icon-height: 1.25rem;\n --dp-cell-size: 2.25rem;\n --dp-cell-padding: 0.25rem;\n --dp-common-padding: 0.625rem;\n --dp-input-icon-padding: 2.25rem;\n --dp-input-padding: 0.375rem 1.875rem 0.375rem 0.75rem;\n --dp-menu-min-width: 16rem;\n --dp-action-buttons-padding: 0;\n --dp-row-margin: 0;\n --dp-calendar-header-cell-padding: 0.5rem;\n --dp-two-calendars-spacing: 0.625rem;\n --dp-overlay-col-padding: 0.25rem;\n --dp-time-inc-dec-button-size: 2rem;\n --dp-menu-padding: 0.375rem 0.5rem;\n --dp-font-size: 0.875rem;\n --dp-preview-font-size: 0.75rem;\n --dp-time-font-size: 0.75rem;\n --dp-animation-duration: 0.1s;\n --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 1, 1);\n --dp-transition-timing: ease-out;\n}\n\n/* Action row wrapper styles */\n.dp__action_row_wrapper {\n display: block;\n width: 100%;\n}\n\n/* Calendar cell hover states */\n.dp__calendar_item:hover {\n border-radius: var(--dp-cell-border-radius);\n}\n\n/* Range selection styles */\n.dp__range_start,\n.dp__range_end {\n border-radius: var(--dp-cell-border-radius);\n}\n\n/* Menu shadow */\n.dp__menu {\n box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n/* Disabled date styling */\n.dp__cell_disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n/* Today marker */\n.dp__today {\n border: 1px solid var(--dp-primary-color);\n}\n\n/* Selected date */\n.dp__active_date {\n background-color: var(--dp-primary-color);\n color: var(--dp-primary-text-color);\n}\n</style>\n"],"names":["VueDatePicker","defineAsyncComponent","props","__props","emit","__emit","datepickerConfig","inject","fieldId","computed","generateId","name","toRef","errorMessage","handleChange","meta","setTouched","validate","useField","dateValue","ref","datepicker","isOpen","actionRowConfig","hasValue","shouldShowClearButton","showValidCheckComputed","inputClasses","base","dynamicPickerProps","pickerProps","raw","startOfDay","endOfDay","standardizeDate","value","d","date","convertDate","v","effectiveDate","handleInput","modelData","standardizedDate","handleOpen","handleClosed","handleFocus","handleBlur","handleCleared","handleTextSubmit","handleInternalChange","isValid","selectDate","closeMenu","openMenu","clearValue","setMonthYear","applyPreset","preset","watch","newVal","convertedDate","__expose","_createBlock","FormFieldWrapper","_unref","_createElementVNode","_hoisted_1","_createVNode","_mergeProps","$event","onInput","onEnter","onTab","onClear","onBlur","onKeypress","onPaste","_hoisted_2","_openBlock","_resolveDynamicComponent","_createElementBlock","XMarkIcon","$slots","_hoisted_5","_hoisted_6","_renderSlot","_ctx","_hoisted_7","day","month","year","months","years","updateMonthYear","handleMonthYearChange","_withCtx","slotProps","_hoisted_8","_hoisted_9","_toDisplayString","_hoisted_10","_Fragment","_renderList","_hoisted_11"],"mappings":"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"}

package/dist/DayCalendar.vue_vue_type_script_setup_true_lang-BV9vYYuX.js ADDED Viewed

@@ -0,0 +1,238 @@
+import { defineComponent as G, ref as m, computed as i, onMounted as Y, nextTick as q, onUnmounted as J, createElementBlock as o, openBlock as r, createElementVNode as l, createCommentVNode as d, Fragment as f, renderList as y, createTextVNode as K, toDisplayString as n, normalizeClass as Q, normalizeStyle as x, unref as k, renderSlot as W } from "vue";
+import { i as S, c as X, d as ss, f as $ } from "./calendar-DyIP7WGv.js";
+const ts = { class: "sl-isolate sl-flex sl-flex-auto sl-overflow-hidden sl-bg-white dark:sl-bg-slate-900" }, es = { class: "sl-grid sl-grid-cols-7 sl-text-sm sl-leading-6 sl-text-gray-500 dark:sl-text-slate-400 xl:sl-hidden" }, ls = ["onClick"], os = {
+  key: 0,
+  class: "sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-px-4 sl-py-2"
+}, rs = { class: "sl-flex sl-items-center sl-gap-2" }, ns = { class: "sl-flex sl-flex-wrap sl-gap-1" }, as = ["title", "onClick"], is = { class: "sl-flex sl-flex-auto" }, ds = { class: "sl-grid sl-flex-auto sl-grid-cols-1 sl-grid-rows-1 sl-relative" }, cs = {
+  class: "sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-grid sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-800",
+  style: { "grid-template-rows": "repeat(48, minmax(3.5rem, 1fr))" }
+}, us = { class: "sl-relative" }, ms = { class: "sl-sticky sl-left-0 sl-z-20 sl--ml-14 sl--mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400 dark:sl-text-slate-500" }, fs = { class: "sl-relative sl-flex sl-items-center" }, xs = { class: "sl-absolute sl--left-14 sl--top-2.5 sl-flex sl-items-center sl-justify-end sl-w-14 sl-pr-1" }, gs = { class: "sl-bg-red-500 sl-text-white sl-text-[10px] sl-font-medium sl-px-1.5 sl-py-0.5 sl-rounded-full sl-shadow-sm" }, vs = {
+  class: "sl-col-end-2 sl-row-start-1 sl-grid sl-grid-cols-1 sl-relative",
+  style: { "grid-template-rows": "1.75rem repeat(288, minmax(0, 1fr)) auto" }
+}, ys = ["onClick"], hs = { class: "sl-text-gray-600 dark:sl-text-slate-300 group-hover:sl-text-gray-800 dark:group-hover:sl-text-slate-100" }, ps = ["datetime"], ks = { key: 0 }, bs = { key: 1 }, _s = {
+  key: 0,
+  class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 sl-italic"
+}, ws = {
+  key: 1,
+  class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 sl-italic"
+}, Ms = {
+  key: 0,
+  class: "sl-absolute sl-top-2 sl-right-2"
+}, Ds = { class: "sl-text-xs sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-300 sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-px-2 sl-py-1 sl-rounded-full" }, Ts = { class: "md:sl-block sl-hidden sl-w-1/2 sl-max-w-md sl-flex-none sl-border-l sl-border-gray-100 dark:sl-border-slate-700 sl-px-8 sl-py-10" }, Ss = /* @__PURE__ */ G({
+  __name: "DayCalendar",
+  props: {
+    days: {}
+  },
+  emits: ["selectDay", "select:event"],
+  setup(A, { emit: E }) {
+    const H = A, b = E, _ = m(null), w = m(null), I = m(null), N = m(null), g = m(null), c = m(/* @__PURE__ */ new Date());
+    let a = null;
+    const z = [
+      "12AM",
+      "1AM",
+      "2AM",
+      "3AM",
+      "4AM",
+      "5AM",
+      "6AM",
+      "7AM",
+      "8AM",
+      "9AM",
+      "10AM",
+      "11AM",
+      "12PM",
+      "1PM",
+      "2PM",
+      "3PM",
+      "4PM",
+      "5PM",
+      "6PM",
+      "7PM",
+      "8PM",
+      "9PM",
+      "10PM",
+      "11PM"
+    ], M = (t) => {
+      const e = /* @__PURE__ */ new Date(), s = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+      return t.date === s;
+    }, D = (t) => g.value === t, F = i(() => v.value.some((t) => M(t))), O = i(() => {
+      const t = c.value.getHours(), e = c.value.getMinutes();
+      return `${t % 12 || 12}:${String(e).padStart(2, "0")}`;
+    }), U = i(() => {
+      const t = c.value, e = t.getHours() * 60 + t.getMinutes(), s = 28, u = 3.5, P = 48, p = e / 1440;
+      return {
+        top: `calc(${s}px + ${p} * ${P} * ${u}rem)`
+      };
+    }), V = (t) => {
+      g.value = t, b("selectDay", t);
+    }, T = (t) => b("select:event", t), v = i(() => g.value ? [g.value] : H.days), C = i(() => {
+      const t = v.value[0];
+      return t?.events ? t.events.filter((e) => S(e)) : [];
+    }), j = i(() => {
+      const t = v.value[0];
+      return t?.events ? t.events.filter((e) => !S(e)) : [];
+    }), h = i(() => {
+      const t = v.value[0];
+      return t ? X(t.date, j.value, 4) : { placed: [], overflow: 0 };
+    }), B = (t) => {
+      const e = 100 / t.totalColumns;
+      return {
+        left: `${t.column * e}%`,
+        width: `${e}%`
+      };
+    }, L = () => {
+      const t = _.value, e = w.value;
+      if (!t) return;
+      const s = /* @__PURE__ */ new Date(), u = s.getHours() * 60 + s.getMinutes(), p = (t.scrollHeight - (e?.offsetHeight || 0)) * u / 1440, Z = t.clientHeight / 3;
+      t.scrollTo({
+        top: Math.max(0, p - Z),
+        behavior: "smooth"
+      });
+    }, R = () => {
+      a = setInterval(() => {
+        c.value = /* @__PURE__ */ new Date();
+      }, 6e4);
+      const t = /* @__PURE__ */ new Date(), e = (60 - t.getSeconds()) * 1e3 - t.getMilliseconds();
+      setTimeout(() => {
+        c.value = /* @__PURE__ */ new Date(), a && clearInterval(a), a = setInterval(() => {
+          c.value = /* @__PURE__ */ new Date();
+        }, 6e4);
+      }, e);
+    };
+    return Y(async () => {
+      R(), await q(), setTimeout(() => {
+        L();
+      }, 100);
+    }), J(() => {
+      a && (clearInterval(a), a = null);
+    }), (t, e) => (r(), o("div", ts, [
+      l("div", {
+        ref_key: "container",
+        ref: _,
+        class: "sl-flex sl-flex-auto sl-flex-col sl-overflow-auto"
+      }, [
+        l("div", {
+          ref_key: "containerNav",
+          ref: w,
+          class: "sl-sticky sl-top-0 sl-z-10 sl-bg-white dark:sl-bg-slate-900 sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 md:sl-hidden"
+        }, [
+          l("div", es, [
+            (r(!0), o(f, null, y(t.days, (s) => (r(), o("button", {
+              key: s.date,
+              type: "button",
+              class: "sl-flex sl-flex-col sl-items-center sl-pb-3 sl-pt-2",
+              onClick: (u) => V(s)
+            }, [
+              K(n(s.shortDay) + " ", 1),
+              l("span", {
+                class: Q(["sl-mt-1 sl-flex sl-h-8 sl-w-8 sl-items-center sl-justify-center sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200", [
+                  D(s) ? "sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white" : "",
+                  M(s) && !D(s) ? "sl-rounded-full sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-text-stachelock-700 dark:sl-text-stachelock-300" : ""
+                ]])
+              }, n(s.day), 3)
+            ], 8, ls))), 128))
+          ])
+        ], 512),
+        C.value.length > 0 ? (r(), o("div", os, [
+          l("div", rs, [
+            e[0] || (e[0] = l("span", { class: "sl-text-xs sl-font-medium sl-text-gray-500 dark:sl-text-slate-400 sl-w-12 sl-flex-none" }, "All day", -1)),
+            l("div", ns, [
+              (r(!0), o(f, null, y(C.value, (s) => (r(), o("button", {
+                key: "allday-" + s.id,
+                class: "sl-px-2 sl-py-1 sl-rounded sl-text-xs sl-font-medium sl-truncate sl-max-w-[200px] hover:sl-opacity-80",
+                style: x({
+                  backgroundColor: s.ratePlanColor || "#dbeafe",
+                  color: s.ratePlanColor ? "#fff" : "#1e40af"
+                }),
+                title: s.name,
+                onClick: (u) => T(s.id)
+              }, n(s.name), 13, as))), 128))
+            ])
+          ])
+        ])) : d("", !0),
+        l("div", is, [
+          e[4] || (e[4] = l("div", { class: "sl-w-14 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-ring-1 sl-ring-gray-100 dark:sl-ring-slate-700" }, null, -1)),
+          l("div", ds, [
+            l("div", cs, [
+              l("div", {
+                ref_key: "containerOffset",
+                ref: I,
+                class: "sl-row-end-1 sl-h-7"
+              }, null, 512),
+              (r(), o(f, null, y(z, (s) => (r(), o(f, { key: s }, [
+                l("div", us, [
+                  l("div", ms, n(s), 1)
+                ]),
+                e[1] || (e[1] = l("div", null, null, -1))
+              ], 64))), 64))
+            ]),
+            F.value ? (r(), o("div", {
+              key: 0,
+              ref_key: "currentTimeIndicator",
+              ref: N,
+              class: "sl-absolute sl-left-0 sl-right-0 sl-pointer-events-none sl-z-40",
+              style: x(U.value)
+            }, [
+              l("div", fs, [
+                l("div", xs, [
+                  l("span", gs, n(O.value), 1)
+                ]),
+                e[2] || (e[2] = l("div", { class: "sl-w-2.5 sl-h-2.5 sl-bg-red-500 sl-rounded-full sl--ml-1 sl-shadow-sm" }, null, -1)),
+                e[3] || (e[3] = l("div", { class: "sl-flex-1 sl-h-0.5 sl-bg-red-500 sl-shadow-sm" }, null, -1))
+              ])
+            ], 4)) : d("", !0),
+            l("ol", vs, [
+              (r(!0), o(f, null, y(h.value.placed, (s) => (r(), o("li", {
+                key: s.id,
+                class: "sl-absolute sl-mt-px",
+                style: x({
+                  ...B(s),
+                  top: `calc(1.75rem + ${(s.clampedStart.getHours() * 60 + s.clampedStart.getMinutes()) / 1440 * 100}% * (288 / 100))`,
+                  height: `calc(${k(ss)(s.clampedStart.toISOString(), s.clampedEnd.toISOString())} * (100% - 1.75rem) / 288)`
+                })
+              }, [
+                l("button", {
+                  onClick: (u) => T(s.id),
+                  class: "sl-justify-start sl-group sl-absolute sl-inset-1 sl-flex sl-flex-col sl-overflow-y-auto sl-rounded-lg sl-p-2 sl-text-xs sl-leading-5 hover:sl-opacity-90",
+                  style: x({
+                    backgroundColor: s.ratePlanColor ? `${s.ratePlanColor}20` : "#dbeafe",
+                    borderLeft: s.ratePlanColor ? `3px solid ${s.ratePlanColor}` : "3px solid #3b82f6"
+                  })
+                }, [
+                  l("p", {
+                    class: "sl-order-1 sl-font-semibold",
+                    style: x({ color: s.ratePlanColor || "#1d4ed8" })
+                  }, n(s.name), 5),
+                  l("p", hs, [
+                    l("time", {
+                      datetime: s.datetime
+                    }, n(k($)(s.datetime)), 9, ps),
+                    s.endTime?.dateTime ? (r(), o("span", ks, " – " + n(k($)(s.endTime.dateTime)), 1)) : d("", !0),
+                    s.startTime?.shortTimeZone ? (r(), o("span", bs, n(s.startTime.shortTimeZone), 1)) : d("", !0)
+                  ]),
+                  s.isStartDay ? d("", !0) : (r(), o("p", _s, " (continues from previous day) ")),
+                  s.isEndDay ? d("", !0) : (r(), o("p", ws, " (continues to next day) "))
+                ], 12, ys)
+              ], 4))), 128)),
+              h.value.overflow > 0 ? (r(), o("li", Ms, [
+                l("span", Ds, " +" + n(h.value.overflow) + " more ", 1)
+              ])) : d("", !0)
+            ])
+          ])
+        ])
+      ], 512),
+      l("div", Ts, [
+        W(t.$slots, "sidebar", {}, () => [
+          e[5] || (e[5] = l("div", { class: "sl-text-center sl-text-gray-500 dark:sl-text-slate-400 sl-text-sm" }, [
+            l("p", { class: "sl-font-medium" }, "Mini Calendar"),
+            l("p", { class: "sl-mt-1 sl-text-xs" }, "Pass a month calendar in the sidebar slot")
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Ss as _
+};
+//# sourceMappingURL=DayCalendar.vue_vue_type_script_setup_true_lang-BV9vYYuX.js.map

package/dist/DayCalendar.vue_vue_type_script_setup_true_lang-BV9vYYuX.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DayCalendar.vue_vue_type_script_setup_true_lang-BV9vYYuX.js","sources":["../src/components/calendars/DayCalendar.vue"],"sourcesContent":["\n<template>\n <div class=\"sl-isolate sl-flex sl-flex-auto sl-overflow-hidden sl-bg-white dark:sl-bg-slate-900\">\n <div ref=\"container\" class=\"sl-flex sl-flex-auto sl-flex-col sl-overflow-auto\">\n \n <div \n ref=\"containerNav\" \n class=\"sl-sticky sl-top-0 sl-z-10 sl-bg-white dark:sl-bg-slate-900 sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 md:sl-hidden\"\n >\n <div class=\"sl-grid sl-grid-cols-7 sl-text-sm sl-leading-6 sl-text-gray-500 dark:sl-text-slate-400 xl:sl-hidden\">\n <button \n v-for=\"day in days\" \n :key=\"day.date\" \n type=\"button\" \n class=\"sl-flex sl-flex-col sl-items-center sl-pb-3 sl-pt-2\" \n @click=\"setActiveDay(day)\"\n >\n {{ day.shortDay }}\n <span \n class=\"sl-mt-1 sl-flex sl-h-8 sl-w-8 sl-items-center sl-justify-center sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200\" \n :class=\"[\n isActiveDay(day) ? 'sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white' : '',\n isDayToday(day) && !isActiveDay(day) ? 'sl-rounded-full sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-text-stachelock-700 dark:sl-text-stachelock-300' : ''\n ]\"\n >\n {{ day.day }}\n </span>\n </button>\n </div>\n </div>\n \n \n <div v-if=\"allDayEventsForDay.length > 0\" class=\"sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-px-4 sl-py-2\">\n <div class=\"sl-flex sl-items-center sl-gap-2\">\n <span class=\"sl-text-xs sl-font-medium sl-text-gray-500 dark:sl-text-slate-400 sl-w-12 sl-flex-none\">All day</span>\n <div class=\"sl-flex sl-flex-wrap sl-gap-1\">\n <button \n v-for=\"event in allDayEventsForDay\" \n :key=\"'allday-' + event.id\"\n class=\"sl-px-2 sl-py-1 sl-rounded sl-text-xs sl-font-medium sl-truncate sl-max-w-[200px] hover:sl-opacity-80\"\n :style=\"{ \n backgroundColor: event.ratePlanColor || '#dbeafe', \n color: event.ratePlanColor ? '#fff' : '#1e40af' \n }\"\n :title=\"event.name\"\n @click=\"handleSelectEvent(event.id)\"\n >\n {{ event.name }}\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"sl-flex sl-flex-auto\">\n \n <div class=\"sl-w-14 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-ring-1 sl-ring-gray-100 dark:sl-ring-slate-700\" />\n \n <div class=\"sl-grid sl-flex-auto sl-grid-cols-1 sl-grid-rows-1 sl-relative\">\n \n <div \n class=\"sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-grid sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-800\" \n style=\"grid-template-rows: repeat(48, minmax(3.5rem, 1fr))\"\n >\n <div ref=\"containerOffset\" class=\"sl-row-end-1 sl-h-7\" />\n <template v-for=\"hour in hours\" :key=\"hour\">\n <div class=\"sl-relative\">\n <div class=\"sl-sticky sl-left-0 sl-z-20 sl--ml-14 sl--mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400 dark:sl-text-slate-500\">\n {{ hour }}\n </div>\n </div>\n <div />\n </template>\n </div>\n\n \n <div \n v-if=\"showCurrentTimeIndicator\" \n ref=\"currentTimeIndicator\"\n class=\"sl-absolute sl-left-0 sl-right-0 sl-pointer-events-none sl-z-40\"\n :style=\"currentTimeIndicatorStyle\"\n >\n <div class=\"sl-relative sl-flex sl-items-center\">\n \n <div class=\"sl-absolute sl--left-14 sl--top-2.5 sl-flex sl-items-center sl-justify-end sl-w-14 sl-pr-1\">\n <span class=\"sl-bg-red-500 sl-text-white sl-text-[10px] sl-font-medium sl-px-1.5 sl-py-0.5 sl-rounded-full sl-shadow-sm\">\n {{ currentTimeDisplay }}\n </span>\n </div>\n \n <div class=\"sl-w-2.5 sl-h-2.5 sl-bg-red-500 sl-rounded-full sl--ml-1 sl-shadow-sm\" />\n \n <div class=\"sl-flex-1 sl-h-0.5 sl-bg-red-500 sl-shadow-sm\" />\n </div>\n </div>\n\n \n <ol \n class=\"sl-col-end-2 sl-row-start-1 sl-grid sl-grid-cols-1 sl-relative\" \n style=\"grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto\"\n >\n \n <li \n v-for=\"placed in placedEvents.placed\" \n :key=\"placed.id\" \n class=\"sl-absolute sl-mt-px\" \n :style=\"{\n ...getEventStyle(placed),\n top: `calc(1.75rem + ${((placed.clampedStart.getHours() * 60 + placed.clampedStart.getMinutes()) / 1440) * 100}% * (288 / 100))`,\n height: `calc(${calculateGridSpan(placed.clampedStart.toISOString(), placed.clampedEnd.toISOString())} * (100% - 1.75rem) / 288)`\n }\"\n >\n <button \n @click=\"handleSelectEvent(placed.id)\" \n class=\"sl-justify-start sl-group sl-absolute sl-inset-1 sl-flex sl-flex-col sl-overflow-y-auto sl-rounded-lg sl-p-2 sl-text-xs sl-leading-5 hover:sl-opacity-90\"\n :style=\"{ \n backgroundColor: placed.ratePlanColor ? `${placed.ratePlanColor}20` : '#dbeafe',\n borderLeft: placed.ratePlanColor ? `3px solid ${placed.ratePlanColor}` : '3px solid #3b82f6'\n }\"\n >\n <p class=\"sl-order-1 sl-font-semibold\" :style=\"{ color: placed.ratePlanColor || '#1d4ed8' }\">\n {{ placed.name }}\n </p>\n <p class=\"sl-text-gray-600 dark:sl-text-slate-300 group-hover:sl-text-gray-800 dark:group-hover:sl-text-slate-100\">\n <time :datetime=\"placed.datetime\">{{ formatTime(placed.datetime) }}</time>\n <span v-if=\"placed.endTime?.dateTime\"> – {{ formatTime(placed.endTime.dateTime) }}</span>\n <span v-if=\"placed.startTime?.shortTimeZone\"> {{ placed.startTime.shortTimeZone }}</span>\n </p>\n <p v-if=\"!placed.isStartDay\" class=\"sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 sl-italic\">\n (continues from previous day)\n </p>\n <p v-if=\"!placed.isEndDay\" class=\"sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 sl-italic\">\n (continues to next day)\n </p>\n </button>\n </li>\n \n \n <li v-if=\"placedEvents.overflow > 0\" class=\"sl-absolute sl-top-2 sl-right-2\">\n <span class=\"sl-text-xs sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-300 sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-px-2 sl-py-1 sl-rounded-full\">\n +{{ placedEvents.overflow }} more\n </span>\n </li>\n </ol>\n </div>\n </div>\n </div>\n \n \n <div class=\"md:sl-block sl-hidden sl-w-1/2 sl-max-w-md sl-flex-none sl-border-l sl-border-gray-100 dark:sl-border-slate-700 sl-px-8 sl-py-10\">\n <slot name=\"sidebar\">\n \n <div class=\"sl-text-center sl-text-gray-500 dark:sl-text-slate-400 sl-text-sm\">\n <p class=\"sl-font-medium\">Mini Calendar</p>\n <p class=\"sl-mt-1 sl-text-xs\">Pass a month calendar in the sidebar slot</p>\n </div>\n </slot>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, onUnmounted, nextTick } from 'vue';\nimport type { CalendarDay, PlacedEvent } from '@/utils/calendar';\nimport { calculateGridSpan, formatTime, isAllDayEvent, calculateEventPlacement } from '@/utils/calendar';\n\nconst props = defineProps<{ days: Array<CalendarDay> }>();\nconst emit = defineEmits(['selectDay', 'select:event']);\n\nconst container = ref<HTMLElement | null>(null);\nconst containerNav = ref<HTMLElement | null>(null);\nconst containerOffset = ref<HTMLElement | null>(null);\nconst currentTimeIndicator = ref<HTMLElement | null>(null);\nconst activeDay = ref<CalendarDay | null>(null);\n\n// Current time tracking\nconst currentTime = ref(new Date());\nlet timeUpdateInterval: ReturnType<typeof setInterval> | null = null;\n\nconst hours = [\n '12AM','1AM','2AM','3AM','4AM','5AM','6AM','7AM','8AM','9AM','10AM','11AM',\n '12PM','1PM','2PM','3PM','4PM','5PM','6PM','7PM','8PM','9PM','10PM','11PM'\n];\n\n// Check if a day is today\nconst isDayToday = (day: CalendarDay): boolean => {\n const today = new Date();\n const todayStr = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;\n return day.date === todayStr;\n};\n\nconst isActiveDay = (day: CalendarDay) => activeDay.value === day;\n\n// Show current time indicator only if viewing today\nconst showCurrentTimeIndicator = computed(() => {\n return filteredDays.value.some(day => isDayToday(day));\n});\n\n// Current time display\nconst currentTimeDisplay = computed(() => {\n const hours = currentTime.value.getHours();\n const minutes = currentTime.value.getMinutes();\n const displayHours = hours % 12 || 12;\n return `${displayHours}:${String(minutes).padStart(2, '0')}`;\n});\n\n// Calculate position of current time indicator\nconst currentTimeIndicatorStyle = computed(() => {\n const now = currentTime.value;\n const totalMinutes = now.getHours() * 60 + now.getMinutes();\n \n const offsetPx = 28;\n const rowHeightRem = 3.5;\n const totalRows = 48;\n \n const percentOfDay = totalMinutes / 1440;\n \n return {\n top: `calc(${offsetPx}px + ${percentOfDay} * ${totalRows} * ${rowHeightRem}rem)`\n };\n});\n\nconst setActiveDay = (day: CalendarDay) => { \n activeDay.value = day; \n emit('selectDay', day); \n};\n\nconst handleSelectEvent = (eventId: string | number) => emit('select:event', eventId);\n\nconst filteredDays = computed(() => activeDay.value ? [activeDay.value] : props.days);\n\n// Separate all-day events from timed events\nconst allDayEventsForDay = computed(() => {\n const day = filteredDays.value[0];\n if (!day?.events) return [];\n return day.events.filter(event => isAllDayEvent(event));\n});\n\nconst timedEventsForDay = computed(() => {\n const day = filteredDays.value[0];\n if (!day?.events) return [];\n return day.events.filter(event => !isAllDayEvent(event));\n});\n\n// Calculate placed events with overlap handling\nconst placedEvents = computed(() => {\n const day = filteredDays.value[0];\n if (!day) return { placed: [], overflow: 0 };\n return calculateEventPlacement(day.date, timedEventsForDay.value, 4);\n});\n\n// Get width and position for an event\nconst getEventStyle = (event: PlacedEvent) => {\n const width = 100 / event.totalColumns;\n const left = event.column * width;\n return {\n left: `${left}%`,\n width: `${width}%`,\n };\n};\n\n// Scroll to current time\nconst scrollToCurrentTime = () => {\n const containerElement = container.value;\n const containerNavElement = containerNav.value;\n \n if (!containerElement) return;\n \n const now = new Date();\n const currentMinute = now.getHours() * 60 + now.getMinutes();\n \n const scrollableHeight = containerElement.scrollHeight - (containerNavElement?.offsetHeight || 0);\n const targetPosition = (scrollableHeight * currentMinute) / 1440;\n const offsetForVisibility = containerElement.clientHeight / 3;\n \n containerElement.scrollTo({\n top: Math.max(0, targetPosition - offsetForVisibility),\n behavior: 'smooth'\n });\n};\n\n// Start time updates\nconst startTimeUpdates = () => {\n timeUpdateInterval = setInterval(() => {\n currentTime.value = new Date();\n }, 60000);\n \n const now = new Date();\n const msUntilNextMinute = (60 - now.getSeconds()) * 1000 - now.getMilliseconds();\n setTimeout(() => {\n currentTime.value = new Date();\n if (timeUpdateInterval) {\n clearInterval(timeUpdateInterval);\n }\n timeUpdateInterval = setInterval(() => {\n currentTime.value = new Date();\n }, 60000);\n }, msUntilNextMinute);\n};\n\nonMounted(async () => {\n startTimeUpdates();\n \n await nextTick();\n setTimeout(() => {\n scrollToCurrentTime();\n }, 100);\n});\n\nonUnmounted(() => {\n if (timeUpdateInterval) {\n clearInterval(timeUpdateInterval);\n timeUpdateInterval = null;\n }\n});\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","container","ref","containerNav","containerOffset","currentTimeIndicator","activeDay","currentTime","timeUpdateInterval","hours","isDayToday","day","today","todayStr","isActiveDay","showCurrentTimeIndicator","computed","filteredDays","currentTimeDisplay","minutes","currentTimeIndicatorStyle","now","totalMinutes","offsetPx","rowHeightRem","totalRows","percentOfDay","setActiveDay","handleSelectEvent","eventId","allDayEventsForDay","event","isAllDayEvent","timedEventsForDay","placedEvents","calculateEventPlacement","getEventStyle","width","scrollToCurrentTime","containerElement","containerNavElement","currentMinute","targetPosition","offsetForVisibility","startTimeUpdates","msUntilNextMinute","onMounted","nextTick","onUnmounted","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","days","$event","_toDisplayString","_hoisted_4","_hoisted_5","_cache","_hoisted_6","_normalizeStyle","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","hour","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","placed","_unref","calculateGridSpan","_hoisted_18","formatTime","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_renderSlot","_ctx"],"mappings":"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"}

package/dist/DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js ADDED Viewed

@@ -0,0 +1,138 @@
+import { createElementBlock as V, openBlock as P, createElementVNode as I, defineComponent as h, ref as p, provide as _, computed as g, onMounted as E, onUnmounted as $, watchEffect as H, inject as j, createBlock as U, unref as b, withCtx as D, createVNode as S, toDisplayString as z, normalizeClass as A, renderSlot as Q } from "vue";
+import { i as O, u as B, A as x, o as d, N as C } from "./render-QUUPyNjX.js";
+import { s as R } from "./use-resolve-button-type-h6n-lm9q.js";
+import { t as W, i as y, l as Z } from "./open-closed-JTEvYTg2.js";
+import { o as f } from "./keyboard-Dd_2-cFu.js";
+function q(l, a) {
+  return P(), V("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    I("path", {
+      "fill-rule": "evenodd",
+      d: "M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+var F = ((l) => (l[l.Open = 0] = "Open", l[l.Closed = 1] = "Closed", l))(F || {});
+let M = Symbol("DisclosureContext");
+function w(l) {
+  let a = j(M, null);
+  if (a === null) {
+    let r = new Error(`<${l} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, w), r;
+  }
+  return a;
+}
+let N = Symbol("DisclosurePanelContext");
+function G() {
+  return j(N, null);
+}
+let J = h({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: !1 } }, setup(l, { slots: a, attrs: r }) {
+  let n = p(l.defaultOpen ? 0 : 1), e = p(null), i = p(null), o = { buttonId: p(`headlessui-disclosure-button-${O()}`), panelId: p(`headlessui-disclosure-panel-${O()}`), disclosureState: n, panel: e, button: i, toggleDisclosure() {
+    n.value = B(n.value, { 0: 1, 1: 0 });
+  }, closeDisclosure() {
+    n.value !== 1 && (n.value = 1);
+  }, close(t) {
+    o.closeDisclosure();
+    let u = t ? t instanceof HTMLElement ? t : t.value instanceof HTMLElement ? d(t) : d(o.button) : d(o.button);
+    u?.focus();
+  } };
+  return _(M, o), W(g(() => B(n.value, { 0: y.Open, 1: y.Closed }))), () => {
+    let { defaultOpen: t, ...u } = l, c = { open: n.value === 0, close: o.close };
+    return x({ theirProps: u, ourProps: {}, slot: c, slots: a, attrs: r, name: "Disclosure" });
+  };
+} }), X = h({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(l, { attrs: a, slots: r, expose: n }) {
+  let e = w("DisclosureButton"), i = G(), o = g(() => i === null ? !1 : i.value === e.panelId.value);
+  E(() => {
+    o.value || l.id !== null && (e.buttonId.value = l.id);
+  }), $(() => {
+    o.value || (e.buttonId.value = null);
+  });
+  let t = p(null);
+  n({ el: t, $el: t }), o.value || H(() => {
+    e.button.value = t.value;
+  });
+  let u = R(g(() => ({ as: l.as, type: a.type })), t);
+  function c() {
+    var s;
+    l.disabled || (o.value ? (e.toggleDisclosure(), (s = d(e.button)) == null || s.focus()) : e.toggleDisclosure());
+  }
+  function v(s) {
+    var m;
+    if (!l.disabled) if (o.value) switch (s.key) {
+      case f.Space:
+      case f.Enter:
+        s.preventDefault(), s.stopPropagation(), e.toggleDisclosure(), (m = d(e.button)) == null || m.focus();
+        break;
+    }
+    else switch (s.key) {
+      case f.Space:
+      case f.Enter:
+        s.preventDefault(), s.stopPropagation(), e.toggleDisclosure();
+        break;
+    }
+  }
+  function k(s) {
+    switch (s.key) {
+      case f.Space:
+        s.preventDefault();
+        break;
+    }
+  }
+  return () => {
+    var s;
+    let m = { open: e.disclosureState.value === 0 }, { id: T, ...K } = l, L = o.value ? { ref: t, type: u.value, onClick: c, onKeydown: v } : { id: (s = e.buttonId.value) != null ? s : T, ref: t, type: u.value, "aria-expanded": e.disclosureState.value === 0, "aria-controls": e.disclosureState.value === 0 || d(e.panel) ? e.panelId.value : void 0, disabled: l.disabled ? !0 : void 0, onClick: c, onKeydown: v, onKeyup: k };
+    return x({ ourProps: L, theirProps: K, slot: m, attrs: a, slots: r, name: "DisclosureButton" });
+  };
+} }), Y = h({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(l, { attrs: a, slots: r, expose: n }) {
+  let e = w("DisclosurePanel");
+  E(() => {
+    l.id !== null && (e.panelId.value = l.id);
+  }), $(() => {
+    e.panelId.value = null;
+  }), n({ el: e.panel, $el: e.panel }), _(N, e.panelId);
+  let i = Z(), o = g(() => i !== null ? (i.value & y.Open) === y.Open : e.disclosureState.value === 0);
+  return () => {
+    var t;
+    let u = { open: e.disclosureState.value === 0, close: e.close }, { id: c, ...v } = l, k = { id: (t = e.panelId.value) != null ? t : c, ref: e.panel };
+    return x({ ourProps: k, theirProps: v, slot: u, attrs: a, slots: r, features: C.RenderStrategy | C.Static, visible: o.value, name: "DisclosurePanel" });
+  };
+} });
+const oe = /* @__PURE__ */ h({
+  __name: "DisclosureWrapper",
+  props: {
+    title: {},
+    defaultOpen: { type: Boolean, default: !0 }
+  },
+  setup(l) {
+    return (a, r) => (P(), U(b(J), { "default-open": a.defaultOpen }, {
+      default: D(({ open: n }) => [
+        S(b(X), { class: "sl-flex sl-w-full sl-justify-between sl-rounded-lg sl-bg-stachelock-100 dark:sl-bg-slate-700 sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-font-medium sl-text-stachelock-900 dark:sl-text-white hover:sl-bg-stachelock-200 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus-visible:sl-ring focus-visible:sl-ring-stachelock-500/75 sl-transition-colors" }, {
+          default: D(() => [
+            I("span", null, z(a.title), 1),
+            S(b(q), {
+              class: A([n ? "sl-rotate-180 sl-transform" : "", "sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200"])
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, 1024),
+        S(b(Y), { class: "sl-px-4 sl-pb-2 sl-pt-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300" }, {
+          default: D(() => [
+            Q(a.$slots, "main")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["default-open"]));
+  }
+});
+export {
+  oe as _
+};
+//# sourceMappingURL=DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js.map

package/dist/DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ChevronUpIcon.js","../node_modules/@headlessui/vue/dist/components/disclosure/disclosure.js","../src/components/wrappers/DisclosureWrapper.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n return (_openBlock(), _createElementBlock(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 20 20\",\n fill: \"currentColor\",\n \"aria-hidden\": \"true\",\n \"data-slot\": \"icon\"\n }, [\n _createElementVNode(\"path\", {\n \"fill-rule\": \"evenodd\",\n d: \"M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z\",\n \"clip-rule\": \"evenodd\"\n })\n ]))\n}","import{computed as m,defineComponent as b,inject as I,onMounted as P,onUnmounted as h,provide as R,ref as d,watchEffect as w}from\"vue\";import{useId as E}from'../../hooks/use-id.js';import{useResolveButtonType as H}from'../../hooks/use-resolve-button-type.js';import{State as y,useOpenClosed as L,useOpenClosedProvider as j}from'../../internal/open-closed.js';import{Keys as f}from'../../keyboard.js';import{dom as p}from'../../utils/dom.js';import{match as x}from'../../utils/match.js';import{Features as B,render as g}from'../../utils/render.js';var $=(o=>(o[o.Open=0]=\"Open\",o[o.Closed=1]=\"Closed\",o))($||{});let T=Symbol(\"DisclosureContext\");function O(t){let r=I(T,null);if(r===null){let o=new Error(`<${t} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,O),o}return r}let k=Symbol(\"DisclosurePanelContext\");function U(){return I(k,null)}let N=b({name:\"Disclosure\",props:{as:{type:[Object,String],default:\"template\"},defaultOpen:{type:[Boolean],default:!1}},setup(t,{slots:r,attrs:o}){let s=d(t.defaultOpen?0:1),e=d(null),i=d(null),n={buttonId:d(`headlessui-disclosure-button-${E()}`),panelId:d(`headlessui-disclosure-panel-${E()}`),disclosureState:s,panel:e,button:i,toggleDisclosure(){s.value=x(s.value,{[0]:1,[1]:0})},closeDisclosure(){s.value!==1&&(s.value=1)},close(l){n.closeDisclosure();let a=(()=>l?l instanceof HTMLElement?l:l.value instanceof HTMLElement?p(l):p(n.button):p(n.button))();a==null||a.focus()}};return R(T,n),j(m(()=>x(s.value,{[0]:y.Open,[1]:y.Closed}))),()=>{let{defaultOpen:l,...a}=t,c={open:s.value===0,close:n.close};return g({theirProps:a,ourProps:{},slot:c,slots:r,attrs:o,name:\"Disclosure\"})}}}),Q=b({name:\"DisclosureButton\",props:{as:{type:[Object,String],default:\"button\"},disabled:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(t,{attrs:r,slots:o,expose:s}){let e=O(\"DisclosureButton\"),i=U(),n=m(()=>i===null?!1:i.value===e.panelId.value);P(()=>{n.value||t.id!==null&&(e.buttonId.value=t.id)}),h(()=>{n.value||(e.buttonId.value=null)});let l=d(null);s({el:l,$el:l}),n.value||w(()=>{e.button.value=l.value});let a=H(m(()=>({as:t.as,type:r.type})),l);function c(){var u;t.disabled||(n.value?(e.toggleDisclosure(),(u=p(e.button))==null||u.focus()):e.toggleDisclosure())}function D(u){var S;if(!t.disabled)if(n.value)switch(u.key){case f.Space:case f.Enter:u.preventDefault(),u.stopPropagation(),e.toggleDisclosure(),(S=p(e.button))==null||S.focus();break}else switch(u.key){case f.Space:case f.Enter:u.preventDefault(),u.stopPropagation(),e.toggleDisclosure();break}}function v(u){switch(u.key){case f.Space:u.preventDefault();break}}return()=>{var C;let u={open:e.disclosureState.value===0},{id:S,...K}=t,M=n.value?{ref:l,type:a.value,onClick:c,onKeydown:D}:{id:(C=e.buttonId.value)!=null?C:S,ref:l,type:a.value,\"aria-expanded\":e.disclosureState.value===0,\"aria-controls\":e.disclosureState.value===0||p(e.panel)?e.panelId.value:void 0,disabled:t.disabled?!0:void 0,onClick:c,onKeydown:D,onKeyup:v};return g({ourProps:M,theirProps:K,slot:u,attrs:r,slots:o,name:\"DisclosureButton\"})}}}),V=b({name:\"DisclosurePanel\",props:{as:{type:[Object,String],default:\"div\"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:null}},setup(t,{attrs:r,slots:o,expose:s}){let e=O(\"DisclosurePanel\");P(()=>{t.id!==null&&(e.panelId.value=t.id)}),h(()=>{e.panelId.value=null}),s({el:e.panel,$el:e.panel}),R(k,e.panelId);let i=L(),n=m(()=>i!==null?(i.value&y.Open)===y.Open:e.disclosureState.value===0);return()=>{var v;let l={open:e.disclosureState.value===0,close:e.close},{id:a,...c}=t,D={id:(v=e.panelId.value)!=null?v:a,ref:e.panel};return g({ourProps:D,theirProps:c,slot:l,attrs:r,slots:o,features:B.RenderStrategy|B.Static,visible:n.value,name:\"DisclosurePanel\"})}}});export{N as Disclosure,Q as DisclosureButton,V as DisclosurePanel};\n","\n<template>\n <Disclosure v-slot=\"{ open }\" :default-open=\"defaultOpen\">\n <DisclosureButton\n class=\"sl-flex sl-w-full sl-justify-between sl-rounded-lg sl-bg-stachelock-100 dark:sl-bg-slate-700 sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-font-medium sl-text-stachelock-900 dark:sl-text-white hover:sl-bg-stachelock-200 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus-visible:sl-ring focus-visible:sl-ring-stachelock-500/75 sl-transition-colors\"\n >\n <span>{{ title }}</span>\n <ChevronUpIcon \n :class=\"open ? 'sl-rotate-180 sl-transform' : ''\" \n class=\"sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200\" \n />\n </DisclosureButton>\n <DisclosurePanel class=\"sl-px-4 sl-pb-2 sl-pt-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n <slot name=\"main\" />\n </DisclosurePanel>\n </Disclosure>\n</template>\n\n<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';\nimport { ChevronUpIcon } from '@heroicons/vue/20/solid';\n\ninterface Props {\n title: string;\n defaultOpen?: boolean;\n}\n\nwithDefaults(defineProps<Props>(), {\n defaultOpen: true\n});\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$","o","T","O","t","r","I","k","U","N","b","s","d","i","n","E","x","l","a","p","R","j","m","y","g","Q","P","h","w","H","u","D","S","f","v","C","M","V","L","c","B","_createBlock","_unref","Disclosure","defaultOpen","_withCtx","open","_createVNode","DisclosureButton","title","ChevronUpIcon","_normalizeClass","DisclosurePanel","_renderSlot"],"mappings":";;;;;AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,GAAG;AAAA,MACH,aAAa;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;AChBmiB,IAAIC,KAAG,CAAAC,OAAIA,EAAEA,EAAE,OAAK,CAAC,IAAE,QAAOA,EAAEA,EAAE,SAAO,CAAC,IAAE,UAASA,IAAID,KAAG,CAAA,CAAE;AAAE,IAAIE,IAAE,OAAO,mBAAmB;AAAE,SAASC,EAAEC,GAAE;AAAC,MAAIC,IAAEC,EAAEJ,GAAE,IAAI;AAAE,MAAGG,MAAI,MAAK;AAAC,QAAIJ,IAAE,IAAI,MAAM,IAAIG,CAAC,mDAAmD;AAAE,UAAM,MAAM,qBAAmB,MAAM,kBAAkBH,GAAEE,CAAC,GAAEF;AAAA,EAAC;AAAC,SAAOI;AAAC;AAAC,IAAIE,IAAE,OAAO,wBAAwB;AAAE,SAASC,IAAG;AAAC,SAAOF,EAAEC,GAAE,IAAI;AAAC;AAAC,IAAIE,IAAEC,EAAE,EAAC,MAAK,cAAa,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,WAAU,GAAE,aAAY,EAAC,MAAK,CAAC,OAAO,GAAE,SAAQ,GAAE,EAAC,GAAE,MAAMN,GAAE,EAAC,OAAMC,GAAE,OAAMJ,EAAC,GAAE;AAAC,MAAIU,IAAEC,EAAER,EAAE,cAAY,IAAE,CAAC,GAAE,IAAEQ,EAAE,IAAI,GAAEC,IAAED,EAAE,IAAI,GAAEE,IAAE,EAAC,UAASF,EAAE,gCAAgCG,GAAG,EAAE,GAAE,SAAQH,EAAE,+BAA+BG,EAAC,CAAE,EAAE,GAAE,iBAAgBJ,GAAE,OAAM,GAAE,QAAOE,GAAE,mBAAkB;AAAC,IAAAF,EAAE,QAAMK,EAAEL,EAAE,OAAM,EAAE,GAAG,GAAG,GAAG,EAAC,CAAC;AAAA,EAAC,GAAE,kBAAiB;AAAC,IAAAA,EAAE,UAAQ,MAAIA,EAAE,QAAM;AAAA,EAAE,GAAE,MAAMM,GAAE;AAAC,IAAAH,EAAE,gBAAe;AAAG,QAAII,IAAOD,IAAEA,aAAa,cAAYA,IAAEA,EAAE,iBAAiB,cAAYE,EAAEF,CAAC,IAAEE,EAAEL,EAAE,MAAM,IAAEK,EAAEL,EAAE,MAAM;AAAK,IAASI,GAAE,MAAK;AAAA,EAAE,EAAC;AAAE,SAAOE,EAAElB,GAAEY,CAAC,GAAEO,EAAEC,EAAE,MAAIN,EAAEL,EAAE,OAAM,EAAE,GAAGY,EAAE,MAAM,GAAGA,EAAE,OAAM,CAAC,CAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,aAAYN,GAAE,GAAGC,EAAC,IAAEd,GAAE,IAAE,EAAC,MAAKO,EAAE,UAAQ,GAAE,OAAMG,EAAE,MAAK;AAAE,WAAOU,EAAE,EAAC,YAAWN,GAAE,UAAS,CAAA,GAAG,MAAK,GAAE,OAAMb,GAAE,OAAMJ,GAAE,MAAK,aAAY,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC,GAAEwB,IAAEf,EAAE,EAAC,MAAK,oBAAmB,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,SAAQ,GAAE,UAAS,EAAC,MAAK,CAAC,OAAO,GAAE,SAAQ,GAAE,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,EAAC,GAAE,MAAMN,GAAE,EAAC,OAAMC,GAAE,OAAMJ,GAAE,QAAOU,EAAC,GAAE;AAAC,MAAI,IAAER,EAAE,kBAAkB,GAAE,IAAEK,EAAC,GAAGM,IAAEQ,EAAE,MAAI,MAAI,OAAK,KAAG,EAAE,UAAQ,EAAE,QAAQ,KAAK;AAAEI,EAAAA,EAAE,MAAI;AAAC,IAAAZ,EAAE,SAAOV,EAAE,OAAK,SAAO,EAAE,SAAS,QAAMA,EAAE;AAAA,EAAG,CAAC,GAAEuB,EAAE,MAAI;AAAC,IAAAb,EAAE,UAAQ,EAAE,SAAS,QAAM;AAAA,EAAK,CAAC;AAAE,MAAIG,IAAEL,EAAE,IAAI;AAAED,EAAAA,EAAE,EAAC,IAAGM,GAAE,KAAIA,EAAC,CAAC,GAAEH,EAAE,SAAOc,EAAE,MAAI;AAAC,MAAE,OAAO,QAAMX,EAAE;AAAA,EAAK,CAAC;AAAE,MAAIC,IAAEW,EAAEP,EAAE,OAAK,EAAC,IAAGlB,EAAE,IAAG,MAAKC,EAAE,KAAI,EAAE,GAAEY,CAAC;AAAE,WAAS,IAAG;AAAC,QAAIa;AAAE,IAAA1B,EAAE,aAAWU,EAAE,SAAO,EAAE,iBAAgB,IAAIgB,IAAEX,EAAE,EAAE,MAAM,MAAI,QAAMW,EAAE,WAAS,EAAE;EAAmB;AAAC,WAASC,EAAED,GAAE;AAAC,QAAIE;AAAE,QAAG,CAAC5B,EAAE,SAAS,KAAGU,EAAE,MAAM,SAAOgB,EAAE;MAAK,KAAKG,EAAE;AAAA,MAAM,KAAKA,EAAE;AAAM,QAAAH,EAAE,eAAc,GAAGA,EAAE,gBAAe,GAAG,EAAE,iBAAgB,IAAIE,IAAEb,EAAE,EAAE,MAAM,MAAI,QAAMa,EAAE,MAAK;AAAG;AAAA,IAAK;AAAA,QAAM,SAAOF,EAAE,KAAG;AAAA,MAAE,KAAKG,EAAE;AAAA,MAAM,KAAKA,EAAE;AAAM,QAAAH,EAAE,eAAc,GAAGA,EAAE,gBAAe,GAAG,EAAE,iBAAgB;AAAG;AAAA,IAAK;AAAA,EAAC;AAAC,WAASI,EAAEJ,GAAE;AAAC,YAAOA,EAAE;MAAK,KAAKG,EAAE;AAAM,QAAAH,EAAE,eAAc;AAAG;AAAA,IAAK;AAAA,EAAC;AAAC,SAAM,MAAI;AAAC,QAAIK;AAAE,QAAIL,IAAE,EAAC,MAAK,EAAE,gBAAgB,UAAQ,EAAC,GAAE,EAAC,IAAGE,GAAE,GAAG,EAAC,IAAE5B,GAAEgC,IAAEtB,EAAE,QAAM,EAAC,KAAIG,GAAE,MAAKC,EAAE,OAAM,SAAQ,GAAE,WAAUa,EAAC,IAAE,EAAC,KAAII,IAAE,EAAE,SAAS,UAAQ,OAAKA,IAAEH,GAAE,KAAIf,GAAE,MAAKC,EAAE,OAAM,iBAAgB,EAAE,gBAAgB,UAAQ,GAAE,iBAAgB,EAAE,gBAAgB,UAAQ,KAAGC,EAAE,EAAE,KAAK,IAAE,EAAE,QAAQ,QAAM,QAAO,UAASf,EAAE,WAAS,KAAG,QAAO,SAAQ,GAAE,WAAU2B,GAAE,SAAQG,EAAC;AAAE,WAAOV,EAAE,EAAC,UAASY,GAAE,YAAW,GAAE,MAAKN,GAAE,OAAMzB,GAAE,OAAMJ,GAAE,MAAK,mBAAkB,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC,GAAEoC,IAAE3B,EAAE,EAAC,MAAK,mBAAkB,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,MAAK,GAAE,QAAO,EAAC,MAAK,SAAQ,SAAQ,GAAE,GAAE,SAAQ,EAAC,MAAK,SAAQ,SAAQ,GAAE,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,EAAC,GAAE,MAAMN,GAAE,EAAC,OAAMC,GAAE,OAAMJ,GAAE,QAAOU,EAAC,GAAE;AAAC,MAAI,IAAER,EAAE,iBAAiB;AAAEuB,EAAAA,EAAE,MAAI;AAAC,IAAAtB,EAAE,OAAK,SAAO,EAAE,QAAQ,QAAMA,EAAE;AAAA,EAAG,CAAC,GAAEuB,EAAE,MAAI;AAAC,MAAE,QAAQ,QAAM;AAAA,EAAI,CAAC,GAAEhB,EAAE,EAAC,IAAG,EAAE,OAAM,KAAI,EAAE,MAAK,CAAC,GAAES,EAAEb,GAAE,EAAE,OAAO;AAAE,MAAI,IAAE+B,EAAC,GAAGxB,IAAEQ,EAAE,MAAI,MAAI,QAAM,EAAE,QAAMC,EAAE,UAAQA,EAAE,OAAK,EAAE,gBAAgB,UAAQ,CAAC;AAAE,SAAM,MAAI;AAAC,QAAIW;AAAE,QAAIjB,IAAE,EAAC,MAAK,EAAE,gBAAgB,UAAQ,GAAE,OAAM,EAAE,MAAK,GAAE,EAAC,IAAGC,GAAE,GAAGqB,EAAC,IAAEnC,GAAE2B,IAAE,EAAC,KAAIG,IAAE,EAAE,QAAQ,UAAQ,OAAKA,IAAEhB,GAAE,KAAI,EAAE,MAAK;AAAE,WAAOM,EAAE,EAAC,UAASO,GAAE,YAAWQ,GAAE,MAAKtB,GAAE,OAAMZ,GAAE,OAAMJ,GAAE,UAASuC,EAAE,iBAAeA,EAAE,QAAO,SAAQ1B,EAAE,OAAM,MAAK,kBAAiB,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;;;;;;;;2BCsB3tH2B,EAaaC,EAAAC,CAAA,GAAA,EAbkB,gBAAcC,EAAAA,eAAW;AAAA,MACtD,SAAAC,EAAA,CAQmB,EATC,MAAAC,QAAI;AAAA,QACxBC,EAQmBL,EAAAM,CAAA,GAAA,EAPjB,OAAM,kWAA8V;AAAA,qBAEpW,MAAwB;AAAA,YAAxBjD,EAAwB,gBAAfkD,EAAAA,KAAK,GAAA,CAAA;AAAA,YACdF,EAGEL,EAAAQ,CAAA,GAAA;AAAA,cAFC,OAAKC,EAAA,CAAEL,IAAI,+BAAA,IACN,0GAA0G,CAAA;AAAA,YAAA;;;;QAGpHC,EAEkBL,EAAAU,CAAA,GAAA,EAFD,OAAM,gFAA4E;AAAA,qBACjG,MAAoB;AAAA,YAApBC,EAAoB1D,EAAA,QAAA,MAAA;AAAA,UAAA;;;;;;;;","x_google_ignoreList":[0,1]}