@indielayer/ui 2.0.0 → 2.1.0

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

@@ -7,9 +7,9 @@ import { useMutationObserver as a } from "../../node_modules/.pnpm/@vueuse_core@
 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, createElementBlock as l, createSlots as u, createVNode as d, defineComponent as f, guardReactiveProps as p, inject as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, openBlock as v, ref as y, renderList as b, renderSlot as x, unref as S, withCtx as C, withKeys as w, withModifiers as T } from "vue";
+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 E = {
+var A = "Passed through to @vuepic/vue-datepicker.", j = {
 	multiCalendars: {
 		type: [
 			Boolean,
@@ -17,7 +17,8 @@ var E = {
 			String,
 			Object
 		],
-		default: void 0
+		default: void 0,
+		description: A
 	},
 	modelValue: {
 		type: [
@@ -27,175 +28,218 @@ var E = {
 			Object,
 			Number
 		],
-		default: null
+		default: null,
+		description: A
 	},
 	modelType: {
 		type: String,
-		default: null
+		default: null,
+		description: A
 	},
 	position: {
 		type: String,
-		default: "center"
+		default: "center",
+		description: A
 	},
 	dark: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	format: {
 		type: [String, Function],
-		default: () => null
+		default: () => null,
+		description: A
 	},
 	autoPosition: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	altPosition: {
 		type: Function,
-		default: null
+		default: null,
+		description: A
 	},
 	transitions: {
 		type: [Boolean, Object],
-		default: !0
+		default: !0,
+		description: A
 	},
 	formatLocale: {
 		type: Object,
-		default: null
+		default: null,
+		description: A
 	},
 	utc: {
 		type: [Boolean, String],
-		default: !1
+		default: !1,
+		description: A
 	},
 	ariaLabels: {
 		type: Object,
-		default: () => ({})
+		default: () => ({}),
+		description: A
 	},
 	offset: {
 		type: [Number, String],
-		default: 10
+		default: 10,
+		description: A
 	},
 	hideNavigation: {
 		type: Array,
-		default: () => []
+		default: () => [],
+		description: A
 	},
 	timezone: {
 		type: [String, Object],
-		default: null
+		default: null,
+		description: A
 	},
 	vertical: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	disableMonthYearSelect: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	disableYearSelect: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	dayClass: {
 		type: Function,
-		default: null
+		default: null,
+		description: A
 	},
 	yearRange: {
 		type: Array,
-		default: () => [1900, 2100]
+		default: () => [1900, 2100],
+		description: A
 	},
 	enableTimePicker: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	autoApply: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	disabledDates: {
 		type: [Array, Function],
-		default: () => []
+		default: () => [],
+		description: A
 	},
 	monthNameFormat: {
 		type: String,
-		default: "short"
+		default: "short",
+		description: A
 	},
 	startDate: {
 		type: [Date, String],
-		default: null
+		default: null,
+		description: A
 	},
 	startTime: {
 		type: [Object, Array],
-		default: null
+		default: null,
+		description: A
 	},
 	hideOffsetDates: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	noToday: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	disabledWeekDays: {
 		type: Array,
-		default: () => []
+		default: () => [],
+		description: A
 	},
 	allowedDates: {
 		type: Array,
-		default: null
+		default: null,
+		description: A
 	},
 	nowButtonLabel: {
 		type: String,
-		default: "Now"
+		default: "Now",
+		description: A
 	},
 	markers: {
 		type: Array,
-		default: () => []
+		default: () => [],
+		description: A
 	},
 	escClose: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	spaceConfirm: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	monthChangeOnArrows: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	presetDates: {
 		type: Array,
-		default: () => []
+		default: () => [],
+		description: A
 	},
 	flow: {
 		type: Array,
-		default: () => []
+		default: () => [],
+		description: A
 	},
 	partialFlow: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	preventMinMaxNavigation: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	reverseYears: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	weekPicker: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	filters: {
 		type: Object,
-		default: () => ({})
+		default: () => ({}),
+		description: A
 	},
 	arrowNavigation: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	highlight: {
 		type: [Function, Object],
-		default: null
+		default: null,
+		description: A
 	},
 	teleport: {
 		type: [
@@ -203,23 +247,28 @@ var E = {
 			Boolean,
 			Object
 		],
-		default: null
+		default: null,
+		description: A
 	},
 	teleportCenter: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	locale: {
 		type: String,
-		default: "en-Us"
+		default: "en-Us",
+		description: A
 	},
 	weekNumName: {
 		type: String,
-		default: "W"
+		default: "W",
+		description: A
 	},
 	weekStart: {
 		type: [Number, String],
-		default: 1
+		default: 1,
+		description: A
 	},
 	weekNumbers: {
 		type: [
@@ -227,227 +276,307 @@ var E = {
 			Function,
 			Object
 		],
-		default: null
+		default: null,
+		description: A
 	},
 	monthChangeOnScroll: {
 		type: [Boolean, String],
-		default: !0
+		default: !0,
+		description: A
 	},
 	dayNames: {
 		type: [Function, Array],
-		default: null
+		default: null,
+		description: A
 	},
 	monthPicker: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	customProps: {
 		type: Object,
-		default: null
+		default: null,
+		description: A
 	},
 	yearPicker: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	modelAuto: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	selectText: {
 		type: String,
-		default: "Select"
+		default: "Select",
+		description: A
 	},
 	cancelText: {
 		type: String,
-		default: "Cancel"
+		default: "Cancel",
+		description: A
 	},
 	previewFormat: {
 		type: [String, Function],
-		default: () => ""
+		default: () => "",
+		description: A
 	},
 	multiDates: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	ignoreTimeValidation: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	minDate: {
 		type: [Date, String],
-		default: null
+		default: null,
+		description: A
 	},
 	maxDate: {
 		type: [Date, String],
-		default: null
+		default: null,
+		description: A
 	},
 	minTime: {
 		type: Object,
-		default: null
+		default: null,
+		description: A
 	},
 	maxTime: {
 		type: Object,
-		default: null
+		default: null,
+		description: A
 	},
 	placeholder: {
 		type: String,
-		default: ""
+		default: "",
+		description: A
 	},
 	hideInputIcon: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	clearable: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	alwaysClearable: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	state: {
 		type: Boolean,
-		default: null
+		default: null,
+		description: A
 	},
 	required: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	autocomplete: {
 		type: String,
-		default: "off"
+		default: "off",
+		description: A
 	},
 	timePicker: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	enableSeconds: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	is24: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	noHoursOverlay: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	noMinutesOverlay: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	noSecondsOverlay: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	hoursGridIncrement: {
 		type: [String, Number],
-		default: 1
+		default: 1,
+		description: A
 	},
 	minutesGridIncrement: {
 		type: [String, Number],
-		default: 5
+		default: 5,
+		description: A
 	},
 	secondsGridIncrement: {
 		type: [String, Number],
-		default: 5
+		default: 5,
+		description: A
 	},
 	hoursIncrement: {
 		type: [Number, String],
-		default: 1
+		default: 1,
+		description: A
 	},
 	minutesIncrement: {
 		type: [Number, String],
-		default: 1
+		default: 1,
+		description: A
 	},
 	secondsIncrement: {
 		type: [Number, String],
-		default: 1
+		default: 1,
+		description: A
 	},
 	range: {
 		type: [Boolean, Object],
-		default: !1
+		default: !1,
+		description: A
 	},
 	uid: {
 		type: String,
-		default: null
+		default: null,
+		description: A
 	},
 	inline: {
 		type: [Boolean, Object],
-		default: !1
+		default: !1,
+		description: A
 	},
 	textInput: {
 		type: [Boolean, Object],
-		default: !1
+		default: !1,
+		description: A
 	},
 	noDisabledRange: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	sixWeeks: {
 		type: [Boolean, String],
-		default: !1
+		default: !1,
+		description: A
 	},
 	actionRow: {
 		type: Object,
-		default: () => ({})
+		default: () => ({}),
+		description: A
 	},
 	focusStartDate: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	disabledTimes: {
 		type: [Function, Array],
-		default: void 0
+		default: void 0,
+		description: A
 	},
 	showLastInRange: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	timePickerInline: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	calendar: {
 		type: Function,
-		default: null
+		default: null,
+		description: A
 	},
 	config: {
 		type: Object,
-		default: void 0
+		default: void 0,
+		description: A
 	},
 	quarterPicker: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	yearFirst: {
 		type: Boolean,
-		default: !1
+		default: !1,
+		description: A
 	},
 	onInternalModelChange: {
 		type: [Function, Object],
-		default: null
+		default: null,
+		description: A
 	},
 	enableMinutes: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: A
 	},
 	ui: {
 		type: Object,
-		default: () => ({})
+		default: () => ({}),
+		description: A
 	}
-}, D = /* @__PURE__ */ f({
+}, M = {
+	...n.props(),
+	...r.props(),
+	...i.props(),
+	...j
+}, N = /* @__PURE__ */ m({
 	name: "XDatepicker",
-	props: {
-		...n.props(),
-		...r.props(),
-		...i.props(),
-		...E
+	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: f }) {
-		let E = n, D = m(e, {
+	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: () => {},
@@ -456,47 +585,59 @@ var E = {
 			childOrder: c(() => []),
 			isInsideInputGroup: !1,
 			groupProps: {}
-		}), O = f, k = c(() => D.isInsideInputGroup), A = c(() => D.groupProps?.size ?? E.size), j = c(() => E.disabled || E.loading || !!D.groupProps?.disabled), M = c(() => D.isInsideInputGroup ? void 0 : E.label), N = y(null);
-		function P(e) {
-			O("update:modelValue", e), setTimeout(L);
+		}), 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 F() {
-			N.value?.blur();
+		function V() {
+			z.value?.blur();
 		}
-		function I() {
-			N.value?.focus();
+		function H() {
+			z.value?.focus();
 		}
-		function L() {
-			N.value?.validate();
+		function U() {
+			z.value?.validate();
 		}
-		let R = document?.querySelector("html"), z = y(R?.classList.contains("dark") ?? !1);
-		a(R, (e) => {
-			e[0] && e[0].attributeName === "class" && (z.value = R?.classList.contains("dark") ?? !1);
+		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: B } = i(E, {
-			focus: I,
-			emit: O
+		let { hideFooterInternal: K } = i(M, {
+			focus: H,
+			emit: P
 		});
 		r({
-			focus: I,
-			blur: F,
-			validate: L
+			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}` : "";
 		});
-		let { styles: V, classes: H, className: U } = t("Datepicker", {}, E, { isInsideInputGroup: k });
-		return (e, t) => (v(), l("div", {
-			style: _([S(V), { "--dp-clear-btn-top": M.value ? "2.75rem" : "1.2rem" }]),
-			class: h([
-				S(U),
-				S(H).wrapper,
-				k.value ? "flex-1 min-w-0" : ""
+		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" : ""
 			])
-		}, [d(S(s), {
-			ui: e.ui,
+		}, [(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: z.value,
+			dark: G.value,
 			format: e.format,
 			"auto-position": e.autoPosition,
 			"alt-position": e.altPosition,
@@ -588,18 +729,18 @@ var E = {
 			"quarter-picker": e.quarterPicker,
 			"year-first": e.yearFirst,
 			"is-24": e.is24,
-			"onUpdate:modelValue": P
-		}, u({
-			"dp-input": C(({ value: t, onEnter: n, onTab: r }) => [d(o, {
+			"onUpdate:modelValue": B
+		}, d({
+			"dp-input": D(({ value: t, onEnter: n, onTab: r }) => [p(o, {
 				ref_key: "inputRef",
-				ref: N,
+				ref: z,
 				readonly: e.textInput === !1 || e.readonly,
 				"model-value": t,
-				label: M.value,
-				size: A.value,
-				disabled: j.value,
+				label: R.value,
+				size: I.value,
+				disabled: L.value,
 				helper: e.helper,
-				"is-inside-input-group": k.value,
+				"is-inside-input-group": F.value,
 				"icon-right": "calendar",
 				loading: e.loading,
 				"data-1p-ignore": "",
@@ -608,8 +749,8 @@ var E = {
 				tooltip: e.tooltip,
 				placeholder: e.placeholder,
 				required: e.required,
-				"hide-footer": S(B),
-				onKeydown: [w(T(n, ["prevent"]), ["enter"]), w(r, ["tab"])]
+				"hide-footer": E(K),
+				onKeydown: [O(k(n, ["prevent"]), ["enter"]), O(r, ["tab"])]
 			}, null, 8, [
 				"readonly",
 				"model-value",
@@ -628,11 +769,11 @@ var E = {
 				"onKeydown"
 			])]),
 			_: 2
-		}, [b(e.$slots, (t, n) => ({
+		}, [S(e.$slots, (t, n) => ({
 			name: n,
-			fn: C((t = {}) => [x(e.$slots, n, g(p(t)))])
+			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 { D as default };
+export { N as default };