@indielayer/ui 1.18.1 → 2.1.0

package/lib/components/datepicker/Datepicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,779 @@
+import { injectInputGroupKey as e } from "../../composables/keys.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { useCommon as n } from "../../composables/useCommon.js";
+import { useInteractive as r } from "../../composables/useInteractive.js";
+import { useInputtable as i } from "../../composables/useInputtable.js";
+import { useMutationObserver as a } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.34_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import o from "../input/Input.js";
+import { Qn as s } from "../../node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.34_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
+/* empty css                                                                                                                                */
+import { computed as c, createBlock as l, createElementBlock as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, guardReactiveProps as h, inject as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, withCtx as D, withKeys as O, withModifiers as k } from "vue";
+//#region src/components/datepicker/Datepicker.vue?vue&type=script&setup=true&lang.ts
+var A = "Passed through to @vuepic/vue-datepicker.", j = {
+	multiCalendars: {
+		type: [
+			Boolean,
+			Number,
+			String,
+			Object
+		],
+		default: void 0,
+		description: A
+	},
+	modelValue: {
+		type: [
+			String,
+			Date,
+			Array,
+			Object,
+			Number
+		],
+		default: null,
+		description: A
+	},
+	modelType: {
+		type: String,
+		default: null,
+		description: A
+	},
+	position: {
+		type: String,
+		default: "center",
+		description: A
+	},
+	dark: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	format: {
+		type: [String, Function],
+		default: () => null,
+		description: A
+	},
+	autoPosition: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	altPosition: {
+		type: Function,
+		default: null,
+		description: A
+	},
+	transitions: {
+		type: [Boolean, Object],
+		default: !0,
+		description: A
+	},
+	formatLocale: {
+		type: Object,
+		default: null,
+		description: A
+	},
+	utc: {
+		type: [Boolean, String],
+		default: !1,
+		description: A
+	},
+	ariaLabels: {
+		type: Object,
+		default: () => ({}),
+		description: A
+	},
+	offset: {
+		type: [Number, String],
+		default: 10,
+		description: A
+	},
+	hideNavigation: {
+		type: Array,
+		default: () => [],
+		description: A
+	},
+	timezone: {
+		type: [String, Object],
+		default: null,
+		description: A
+	},
+	vertical: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	disableMonthYearSelect: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	disableYearSelect: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	dayClass: {
+		type: Function,
+		default: null,
+		description: A
+	},
+	yearRange: {
+		type: Array,
+		default: () => [1900, 2100],
+		description: A
+	},
+	enableTimePicker: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	autoApply: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	disabledDates: {
+		type: [Array, Function],
+		default: () => [],
+		description: A
+	},
+	monthNameFormat: {
+		type: String,
+		default: "short",
+		description: A
+	},
+	startDate: {
+		type: [Date, String],
+		default: null,
+		description: A
+	},
+	startTime: {
+		type: [Object, Array],
+		default: null,
+		description: A
+	},
+	hideOffsetDates: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	noToday: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	disabledWeekDays: {
+		type: Array,
+		default: () => [],
+		description: A
+	},
+	allowedDates: {
+		type: Array,
+		default: null,
+		description: A
+	},
+	nowButtonLabel: {
+		type: String,
+		default: "Now",
+		description: A
+	},
+	markers: {
+		type: Array,
+		default: () => [],
+		description: A
+	},
+	escClose: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	spaceConfirm: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	monthChangeOnArrows: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	presetDates: {
+		type: Array,
+		default: () => [],
+		description: A
+	},
+	flow: {
+		type: Array,
+		default: () => [],
+		description: A
+	},
+	partialFlow: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	preventMinMaxNavigation: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	reverseYears: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	weekPicker: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	filters: {
+		type: Object,
+		default: () => ({}),
+		description: A
+	},
+	arrowNavigation: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	highlight: {
+		type: [Function, Object],
+		default: null,
+		description: A
+	},
+	teleport: {
+		type: [
+			String,
+			Boolean,
+			Object
+		],
+		default: null,
+		description: A
+	},
+	teleportCenter: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	locale: {
+		type: String,
+		default: "en-Us",
+		description: A
+	},
+	weekNumName: {
+		type: String,
+		default: "W",
+		description: A
+	},
+	weekStart: {
+		type: [Number, String],
+		default: 1,
+		description: A
+	},
+	weekNumbers: {
+		type: [
+			String,
+			Function,
+			Object
+		],
+		default: null,
+		description: A
+	},
+	monthChangeOnScroll: {
+		type: [Boolean, String],
+		default: !0,
+		description: A
+	},
+	dayNames: {
+		type: [Function, Array],
+		default: null,
+		description: A
+	},
+	monthPicker: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	customProps: {
+		type: Object,
+		default: null,
+		description: A
+	},
+	yearPicker: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	modelAuto: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	selectText: {
+		type: String,
+		default: "Select",
+		description: A
+	},
+	cancelText: {
+		type: String,
+		default: "Cancel",
+		description: A
+	},
+	previewFormat: {
+		type: [String, Function],
+		default: () => "",
+		description: A
+	},
+	multiDates: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	ignoreTimeValidation: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	minDate: {
+		type: [Date, String],
+		default: null,
+		description: A
+	},
+	maxDate: {
+		type: [Date, String],
+		default: null,
+		description: A
+	},
+	minTime: {
+		type: Object,
+		default: null,
+		description: A
+	},
+	maxTime: {
+		type: Object,
+		default: null,
+		description: A
+	},
+	placeholder: {
+		type: String,
+		default: "",
+		description: A
+	},
+	hideInputIcon: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	clearable: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	alwaysClearable: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	state: {
+		type: Boolean,
+		default: null,
+		description: A
+	},
+	required: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	autocomplete: {
+		type: String,
+		default: "off",
+		description: A
+	},
+	timePicker: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	enableSeconds: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	is24: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	noHoursOverlay: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	noMinutesOverlay: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	noSecondsOverlay: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	hoursGridIncrement: {
+		type: [String, Number],
+		default: 1,
+		description: A
+	},
+	minutesGridIncrement: {
+		type: [String, Number],
+		default: 5,
+		description: A
+	},
+	secondsGridIncrement: {
+		type: [String, Number],
+		default: 5,
+		description: A
+	},
+	hoursIncrement: {
+		type: [Number, String],
+		default: 1,
+		description: A
+	},
+	minutesIncrement: {
+		type: [Number, String],
+		default: 1,
+		description: A
+	},
+	secondsIncrement: {
+		type: [Number, String],
+		default: 1,
+		description: A
+	},
+	range: {
+		type: [Boolean, Object],
+		default: !1,
+		description: A
+	},
+	uid: {
+		type: String,
+		default: null,
+		description: A
+	},
+	inline: {
+		type: [Boolean, Object],
+		default: !1,
+		description: A
+	},
+	textInput: {
+		type: [Boolean, Object],
+		default: !1,
+		description: A
+	},
+	noDisabledRange: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	sixWeeks: {
+		type: [Boolean, String],
+		default: !1,
+		description: A
+	},
+	actionRow: {
+		type: Object,
+		default: () => ({}),
+		description: A
+	},
+	focusStartDate: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	disabledTimes: {
+		type: [Function, Array],
+		default: void 0,
+		description: A
+	},
+	showLastInRange: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	timePickerInline: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	calendar: {
+		type: Function,
+		default: null,
+		description: A
+	},
+	config: {
+		type: Object,
+		default: void 0,
+		description: A
+	},
+	quarterPicker: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	yearFirst: {
+		type: Boolean,
+		default: !1,
+		description: A
+	},
+	onInternalModelChange: {
+		type: [Function, Object],
+		default: null,
+		description: A
+	},
+	enableMinutes: {
+		type: Boolean,
+		default: !0,
+		description: A
+	},
+	ui: {
+		type: Object,
+		default: () => ({}),
+		description: A
+	}
+}, M = {
+	...n.props(),
+	...r.props(),
+	...i.props(),
+	...j
+}, N = /* @__PURE__ */ m({
+	name: "XDatepicker",
+	docs: {
+		slots: { "dp-input": "Custom input trigger; receives value, onEnter, and onTab from vue-datepicker." },
+		emits: { ...i.emitDocs() },
+		methods: {
+			focus: "Focus the datepicker input.",
+			blur: "Remove focus from the datepicker input.",
+			validate: "Run validation on the underlying input."
+		}
+	},
+	props: M,
+	emits: i.emits(),
+	setup(n, { expose: r, emit: m }) {
+		let A = 0;
+		function j(e) {
+			let t = [], n = (e) => {
+				if (!(e == null || e === !1)) {
+					if (typeof e == "string") {
+						let n = e.trim();
+						n && t.push(n.endsWith(";") ? n.slice(0, -1) : n);
+						return;
+					}
+					if (Array.isArray(e)) {
+						e.forEach(n);
+						return;
+					}
+					if (typeof e == "object") for (let [n, r] of Object.entries(e)) r == null || r === !1 || t.push(`${n}: ${r}`);
+				}
+			};
+			return n(e), t.join(";\n");
+		}
+		let M = n, N = g(e, {
+			registerChild: () => {},
+			unregisterChild: () => {},
+			registerInput: () => {},
+			unregisterInput: () => {},
+			getPosition: () => "only",
+			childOrder: c(() => []),
+			isInsideInputGroup: !1,
+			groupProps: {}
+		}), P = m, F = c(() => N.isInsideInputGroup), I = c(() => N.groupProps?.size ?? M.size), L = c(() => M.disabled || M.loading || !!N.groupProps?.disabled), R = c(() => N.isInsideInputGroup ? void 0 : M.label), z = x(null);
+		function B(e) {
+			P("update:modelValue", e), setTimeout(U);
+		}
+		function V() {
+			z.value?.blur();
+		}
+		function H() {
+			z.value?.focus();
+		}
+		function U() {
+			z.value?.validate();
+		}
+		let W = typeof document < "u" ? document.querySelector("html") : null, G = x(W?.classList.contains("dark") ?? !1);
+		a(W, (e) => {
+			e[0] && e[0].attributeName === "class" && (G.value = W?.classList.contains("dark") ?? !1);
+		}, { attributes: !0 });
+		let { hideFooterInternal: K } = i(M, {
+			focus: H,
+			emit: P
+		});
+		r({
+			focus: H,
+			blur: V,
+			validate: U
+		});
+		let { styles: q, classes: J, className: Y } = t("Datepicker", {}, M, { isInsideInputGroup: F }), X = `x-datepicker-menu-${++A}`, Z = c(() => {
+			let e = M.ui ?? {}, t = e.menu, n = [...Array.isArray(t) ? t : t ? [t] : [], X];
+			return {
+				...e,
+				menu: n
+			};
+		}), Q = c(() => {
+			let e = j(q.value);
+			return e ? `.${X}{\n${e}\n}` : "";
+		});
+		return (e, t) => (b(), u("div", {
+			style: y([E(q), { "--dp-clear-btn-top": R.value ? "2.75rem" : "1.2rem" }]),
+			class: _([
+				E(Y),
+				E(J).wrapper,
+				F.value ? "flex-1 min-w-0" : ""
+			])
+		}, [(b(), l(w("style"), null, {
+			default: D(() => [f(T(Q.value), 1)]),
+			_: 1
+		})), p(E(s), {
+			ui: Z.value,
+			"model-value": e.modelValue,
+			"multi-calendars": e.multiCalendars,
+			"model-type": e.modelType,
+			position: e.position,
+			dark: G.value,
+			format: e.format,
+			"auto-position": e.autoPosition,
+			"alt-position": e.altPosition,
+			transitions: e.transitions,
+			"format-locale": e.formatLocale,
+			utc: e.utc,
+			"aria-labels": e.ariaLabels,
+			offset: e.offset,
+			"hide-navigation": e.hideNavigation,
+			timezone: e.timezone,
+			vertical: e.vertical,
+			"disable-month-year-select": e.disableMonthYearSelect,
+			"disable-year-select": e.disableYearSelect,
+			"day-class": e.dayClass,
+			"year-range": e.yearRange,
+			"enable-time-picker": e.enableTimePicker,
+			"auto-apply": e.autoApply,
+			"disabled-dates": e.disabledDates,
+			"month-name-format": e.monthNameFormat,
+			"start-date": e.startDate,
+			"start-time": e.startTime,
+			"hide-offset-dates": e.hideOffsetDates,
+			"no-today": e.noToday,
+			"disabled-week-days": e.disabledWeekDays,
+			"allowed-dates": e.allowedDates,
+			"now-button-label": e.nowButtonLabel,
+			markers: e.markers,
+			"esc-close": e.escClose,
+			"space-confirm": e.spaceConfirm,
+			"month-change-on-arrows": e.monthChangeOnArrows,
+			"preset-dates": e.presetDates,
+			flow: e.flow,
+			"partial-flow": e.partialFlow,
+			"prevent-min-max-navigation": e.preventMinMaxNavigation,
+			"reverse-years": e.reverseYears,
+			"week-picker": e.weekPicker,
+			filters: e.filters,
+			"arrow-navigation": e.arrowNavigation,
+			highlight: e.highlight,
+			teleport: e.teleport,
+			"teleport-center": e.teleportCenter,
+			locale: e.locale,
+			"week-num-name": e.weekNumName,
+			"week-start": e.weekStart,
+			"week-numbers": e.weekNumbers,
+			"month-change-on-scroll": e.monthChangeOnScroll,
+			"day-names": e.dayNames,
+			"month-picker": e.monthPicker,
+			"custom-props": e.customProps,
+			"year-picker": e.yearPicker,
+			"model-auto": e.modelAuto,
+			"select-text": e.selectText,
+			"cancel-text": e.cancelText,
+			"preview-format": e.previewFormat,
+			"multi-dates": e.multiDates,
+			"ignore-time-validation": e.ignoreTimeValidation,
+			"min-date": e.minDate,
+			"max-date": e.maxDate,
+			placeholder: e.placeholder,
+			"hide-input-icon": e.hideInputIcon,
+			clearable: e.clearable,
+			state: e.state,
+			required: e.required,
+			autocomplete: e.autocomplete,
+			"time-picker": e.timePicker,
+			"enable-seconds": e.enableSeconds,
+			"no-hours-overlay": e.noHoursOverlay,
+			"no-minutes-overlay": e.noMinutesOverlay,
+			"no-seconds-overlay": e.noSecondsOverlay,
+			"hours-grid-increment": e.hoursGridIncrement,
+			"minutes-grid-increment": e.minutesGridIncrement,
+			"seconds-grid-increment": e.secondsGridIncrement,
+			"hours-increment": e.hoursIncrement,
+			"minutes-increment": e.minutesIncrement,
+			"seconds-increment": e.secondsIncrement,
+			range: e.range,
+			uid: e.uid,
+			inline: e.inline,
+			"text-input": e.textInput,
+			"no-disabled-range": e.noDisabledRange,
+			"six-weeks": e.sixWeeks,
+			"action-row": e.actionRow,
+			"focus-start-date": e.focusStartDate,
+			"disabled-times": e.disabledTimes,
+			"show-last-in-range": e.showLastInRange,
+			"time-picker-inline": e.timePickerInline,
+			calendar: e.calendar,
+			config: e.config,
+			"quarter-picker": e.quarterPicker,
+			"year-first": e.yearFirst,
+			"is-24": e.is24,
+			"onUpdate:modelValue": B
+		}, d({
+			"dp-input": D(({ value: t, onEnter: n, onTab: r }) => [p(o, {
+				ref_key: "inputRef",
+				ref: z,
+				readonly: e.textInput === !1 || e.readonly,
+				"model-value": t,
+				label: R.value,
+				size: I.value,
+				disabled: L.value,
+				helper: e.helper,
+				"is-inside-input-group": F.value,
+				"icon-right": "calendar",
+				loading: e.loading,
+				"data-1p-ignore": "",
+				name: e.name,
+				rules: e.rules,
+				tooltip: e.tooltip,
+				placeholder: e.placeholder,
+				required: e.required,
+				"hide-footer": E(K),
+				onKeydown: [O(k(n, ["prevent"]), ["enter"]), O(r, ["tab"])]
+			}, null, 8, [
+				"readonly",
+				"model-value",
+				"label",
+				"size",
+				"disabled",
+				"helper",
+				"is-inside-input-group",
+				"loading",
+				"name",
+				"rules",
+				"tooltip",
+				"placeholder",
+				"required",
+				"hide-footer",
+				"onKeydown"
+			])]),
+			_: 2
+		}, [S(e.$slots, (t, n) => ({
+			name: n,
+			fn: D((t = {}) => [C(e.$slots, n, v(h(t)))])
+		}))]), 1032, /* @__PURE__ */ "ui.model-value.multi-calendars.model-type.position.dark.format.auto-position.alt-position.transitions.format-locale.utc.aria-labels.offset.hide-navigation.timezone.vertical.disable-month-year-select.disable-year-select.day-class.year-range.enable-time-picker.auto-apply.disabled-dates.month-name-format.start-date.start-time.hide-offset-dates.no-today.disabled-week-days.allowed-dates.now-button-label.markers.esc-close.space-confirm.month-change-on-arrows.preset-dates.flow.partial-flow.prevent-min-max-navigation.reverse-years.week-picker.filters.arrow-navigation.highlight.teleport.teleport-center.locale.week-num-name.week-start.week-numbers.month-change-on-scroll.day-names.month-picker.custom-props.year-picker.model-auto.select-text.cancel-text.preview-format.multi-dates.ignore-time-validation.min-date.max-date.placeholder.hide-input-icon.clearable.state.required.autocomplete.time-picker.enable-seconds.no-hours-overlay.no-minutes-overlay.no-seconds-overlay.hours-grid-increment.minutes-grid-increment.seconds-grid-increment.hours-increment.minutes-increment.seconds-increment.range.uid.inline.text-input.no-disabled-range.six-weeks.action-row.focus-start-date.disabled-times.show-last-in-range.time-picker-inline.calendar.config.quarter-picker.year-first.is-24".split("."))], 6));
+	}
+});
+//#endregion
+export { N as default };