@youcan/celeste 0.7.3 → 0.8.0

package/dist/es/chunks/range-picker.js

@@ -0,0 +1,224 @@
+import { t as clsx } from "./clsx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { _ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, f as $fb18d541ea1ad717$export$ad991b66133851cf, g as $14e0f24ef4ac5c92$export$aa8b41735afcabd2 } from "./useCalendar.js";
+import { t as range_calendar_default } from "./range-calendar.js";
+import { t as button_default } from "./button.js";
+import { useDelegatedProps } from "../use-delegated-props.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+//#region src/components/range-picker/range-picker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "celeste-range-picker-presets"
+};
+var _hoisted_2 = ["data-active", "onClick"];
+var _hoisted_3 = { class: "celeste-range-picker-content" };
+var _hoisted_4 = { class: "celeste-range-picker-calendar" };
+var _hoisted_5 = {
+	key: 0,
+	class: "celeste-range-picker-footer"
+};
+var _hoisted_6 = { class: "celeste-range-picker-hint" };
+var _hoisted_7 = { class: "celeste-range-picker-hint-label" };
+var _hoisted_8 = { class: "celeste-range-picker-hint-value" };
+var _hoisted_9 = {
+	key: 1,
+	class: "celeste-range-picker-hint-label"
+};
+//#endregion
+//#region src/components/range-picker/range-picker.vue
+var range_picker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "range-picker",
+	props: /* @__PURE__ */ mergeModels({
+		showPresets: {
+			type: Boolean,
+			default: true
+		},
+		footer: {
+			type: Boolean,
+			default: true
+		},
+		presets: {},
+		rangeLabel: { default: "Range:" },
+		placeholderLabel: { default: "Select a range" },
+		cancelLabel: { default: "Cancel" },
+		applyLabel: { default: "Apply" },
+		class: {},
+		markedDates: {},
+		defaultPlaceholder: {},
+		defaultValue: {},
+		placeholder: {},
+		allowNonContiguousRanges: { type: Boolean },
+		pagedNavigation: { type: Boolean },
+		preventDeselect: { type: Boolean },
+		maximumDays: {},
+		weekStartsOn: {},
+		weekdayFormat: {},
+		calendarLabel: {},
+		fixedWeeks: { type: Boolean },
+		maxValue: {},
+		minValue: {},
+		locale: {},
+		numberOfMonths: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		initialFocus: { type: Boolean },
+		isDateDisabled: {},
+		isDateUnavailable: {},
+		isDateHighlightable: {},
+		dir: {},
+		nextPage: {},
+		prevPage: {},
+		disableDaysOutsideCurrentView: { type: Boolean },
+		fixedDate: {},
+		asChild: { type: Boolean },
+		as: {}
+	}, {
+		"modelValue": { default: () => ({
+			start: void 0,
+			end: void 0
+		}) },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["apply", "cancel"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		function defaultPresets() {
+			const now = $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+			return [
+				{
+					label: "Today",
+					value: {
+						start: now,
+						end: now
+					}
+				},
+				{
+					label: "Last 7 days",
+					value: {
+						start: now.subtract({ days: 6 }),
+						end: now
+					}
+				},
+				{
+					label: "Last 30 days",
+					value: {
+						start: now.subtract({ days: 29 }),
+						end: now
+					}
+				},
+				{
+					label: "Last 3 months",
+					value: {
+						start: now.subtract({ months: 3 }),
+						end: now
+					}
+				},
+				{
+					label: "Last 12 months",
+					value: {
+						start: now.subtract({ months: 12 }),
+						end: now
+					}
+				},
+				{
+					label: "Month to date",
+					value: {
+						start: now.set({ day: 1 }),
+						end: now
+					}
+				},
+				{
+					label: "Year to date",
+					value: {
+						start: now.set({
+							month: 1,
+							day: 1
+						}),
+						end: now
+					}
+				},
+				{
+					label: "All time",
+					value: {
+						start: void 0,
+						end: void 0
+					}
+				}
+			];
+		}
+		const modelValue = useModel(__props, "modelValue");
+		const presetList = computed(() => props.presets ?? defaultPresets());
+		const activePreset = ref(null);
+		const calendarProps = useDelegatedProps(props, [
+			"class",
+			"showPresets",
+			"footer",
+			"presets",
+			"rangeLabel",
+			"placeholderLabel",
+			"cancelLabel",
+			"applyLabel"
+		]);
+		let settingFromPreset = false;
+		function resolvePreset(preset) {
+			return typeof preset.value === "function" ? preset.value() : preset.value;
+		}
+		function selectPreset(preset) {
+			settingFromPreset = true;
+			modelValue.value = resolvePreset(preset);
+			activePreset.value = preset.label;
+			nextTick(() => {
+				settingFromPreset = false;
+			});
+		}
+		watch(modelValue, () => {
+			if (!settingFromPreset) activePreset.value = null;
+		}, { deep: true });
+		const rangeFormatter = computed(() => new $fb18d541ea1ad717$export$ad991b66133851cf(props.locale ?? "en-US", {
+			month: "short",
+			day: "2-digit",
+			year: "numeric"
+		}));
+		const formattedRange = computed(() => {
+			const value = modelValue.value;
+			if (!value?.start || !value?.end) return "";
+			const tz = $14e0f24ef4ac5c92$export$aa8b41735afcabd2();
+			return `${rangeFormatter.value.format(value.start.toDate(tz))} - ${rangeFormatter.value.format(value.end.toDate(tz))}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-range-picker", props.class)) }, [_ctx.showPresets ? (openBlock(), createElementBlock("aside", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(presetList.value, (preset) => {
+				return openBlock(), createElementBlock("button", {
+					key: preset.label,
+					type: "button",
+					class: "celeste-range-picker-preset",
+					"data-active": activePreset.value === preset.label ? "" : void 0,
+					onClick: ($event) => selectPreset(preset)
+				}, toDisplayString(preset.label), 9, _hoisted_2);
+			}), 128))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(range_calendar_default, mergeProps({
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+			}, unref(calendarProps)), null, 16, ["modelValue"])]), _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
+				createElementVNode("p", _hoisted_6, [formattedRange.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_7, toDisplayString(_ctx.rangeLabel) + "\xA0", 1), createElementVNode("span", _hoisted_8, toDisplayString(formattedRange.value), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(_ctx.placeholderLabel), 1))]),
+				createVNode(button_default, {
+					variant: "stroke",
+					intent: "neutral",
+					onClick: _cache[1] || (_cache[1] = ($event) => emits("cancel"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelLabel), 1)]),
+					_: 1
+				}),
+				createVNode(button_default, {
+					variant: "fill",
+					intent: "primary",
+					onClick: _cache[2] || (_cache[2] = ($event) => emits("apply", modelValue.value))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1)]),
+					_: 1
+				})
+			])) : createCommentVNode("", true)])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-4f5c8aa9"]]);
+//#endregion
+export { range_picker_default as t };

package/dist/es/chunks/tooltip-content.js

@@ -2,11 +2,12 @@ import { n as PopperContent_default } from "./PopperContent.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { _ as tryOnScopeDispose, c as createEventHook, h as refAutoReset, i as useEventListener } from "./dist.js";
-import { n as defu, t as DismissableLayer_default } from "./DismissableLayer.js";
+import { t as defu } from "./defu.js";
 import { t as useForwardExpose } from "./useForwardExpose.js";
 import { t as useForwardProps } from "./useForwardProps.js";
 import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
 import { t as Presence_default } from "./Presence.js";
+import { t as DismissableLayer_default } from "./DismissableLayer.js";
 import { t as Teleport_default } from "./Teleport.js";
 import { t as VisuallyHidden_default } from "./VisuallyHidden.js";
 import { t as PopperArrow_default } from "./PopperArrow.js";