eco-vue-js 0.22.0 → 0.23.0

package/dist/assets/icons/IconSuccess.js

@@ -10,7 +10,7 @@ var _hoisted_1 = {
 function render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
 		"clip-rule": "evenodd",
-		d: "M12 0a12 12 0 1 0 0 24 12 12 0 1 0 0-24M10.6 18 5 10.61h2.2l3.4 4.48L16.79 7H19z",
+		d: "M12 0a12 12 0 1 0 0 24 12 12 0 1 0 0-24m-1.4 18L5 10.61h2.2l3.4 4.48L16.79 7H19z",
 		fill: "currentcolor",
 		"fill-rule": "evenodd"
 	}, null, -1)])]);

package/dist/components/BottomSheet/WBottomSheet.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ hide: () => dismissableRef.value?.hide() ?? Promise.resolve() });
 			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "toggle", { unclickable: true }), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(WDismissable_default, {
 				ref: "dismissable",
 				"is-open": __props.isOpen,
-				class: normalizeClass(["fixed inset-0", __props.noOverlay ? "pointer-events-none" : "bg-backdrop backdrop-blur"]),
+				class: normalizeClass(["fixed inset-0", __props.noOverlay ? "" : "bg-backdrop backdrop-blur"]),
 				"content-class": contentClass.value,
 				style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(100) }),
 				onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))

package/dist/components/Button/WButtonDropdown.vue.d.ts

@@ -1,15 +1,15 @@
 import { ButtonDropdownProps } from './types';
 import { VNode } from 'vue';
 import { HorizontalAlign } from '../../utils/HorizontalAlign';
-declare const close: () => void;
 type __VLS_Slots = {
     /** Buttons joined to the arrow button. They keep their own click handlers. */
     button?: () => VNode[];
-    /** Menu content, usually WButtonMoreItem. A click inside closes the menu, and so does `close`. */
+    /** Menu content, usually WButtonMoreItem. A click inside closes the menu, and so does `close`. On phones it is a bottom sheet. */
     content?: (props: {
         close: typeof close;
     }) => VNode[];
 };
+declare const close: () => void;
 declare const __VLS_base: import('vue').DefineComponent<ButtonDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonDropdownProps> & Readonly<{}>, {
     horizontalAlign: HorizontalAlign;
     disabled: boolean;

package/dist/components/Button/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAmEA;AAyGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAevD,QAAA,MAAM,KAAK,YAEV,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAsPF,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AA4CA;AAyHA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;AAMtE,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAcvD,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kIAAkI;IAClI,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAaF,QAAA,MAAM,KAAK,YAEV,CAAA;AAiLD,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonDropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
-import WClickOutside_default from "../ClickOutside/WClickOutside.vue.js";
 import WButton_default from "./WButton.vue.js";
-import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
-import WDropdownMenu_default from "../DropdownMenu/WDropdownMenu.vue.js";
 import IconArrow_default from "../../assets/icons/IconArrow.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
+import { useOverlay } from "../../utils/Overlay.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, unref, useSlots, useTemplateRef, withCtx } from "vue";
 //#region src/components/Button/WButtonDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex" };
+var _hoisted_1 = { ref: "toggle" };
+var _hoisted_2 = { class: "flex" };
 var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonDropdown",
 	props: {
@@ -20,57 +20,72 @@ var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		horizontalAlign: { default: HorizontalAlign.LEFT_INNER }
 	},
 	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const toggleRef = useTemplateRef("toggle");
+		const overlay = useOverlay();
 		const isOpen = ref(false);
+		let closeMenu = null;
 		const close = () => {
-			isOpen.value = false;
+			closeMenu?.();
+		};
+		const renderContent = markRaw(() => slots.content?.({ close }));
+		const open = () => {
+			if (!toggleRef.value) return;
+			const value = overlay.open({
+				present: "dropdown",
+				anchor: toggleRef.value,
+				content: renderContent,
+				dropdown: {
+					align: props.horizontalAlign,
+					closeOnClick: true
+				},
+				onClose: () => {
+					if (closeMenu !== value) return;
+					closeMenu = null;
+					isOpen.value = false;
+				}
+			});
+			closeMenu = value;
+			isOpen.value = value !== null;
+		};
+		const toggle = () => {
+			if (isOpen.value) close();
+			else open();
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(WDropdownMenu_default, {
-				"is-open": isOpen.value,
-				"horizontal-align": __props.horizontalAlign,
-				"update-align": ""
-			}, {
-				toggle: withCtx(() => [createElementVNode("div", null, [createElementVNode("div", _hoisted_1, [
-					__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
-						key: 0,
-						"semantic-type": __props.semanticType,
-						disabled: __props.disabled,
-						join: "",
-						onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
-					}, {
-						default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-4 transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
-						_: 1
-					}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.button?.(), (item, index) => {
-						return openBlock(), createBlock(resolveDynamicComponent(item), {
-							key: index,
-							join: "",
-							class: "flex-1"
-						});
-					}), 128)),
-					!__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
-						key: 1,
-						"semantic-type": __props.semanticType,
-						disabled: __props.disabled,
-						join: "",
-						onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = !isOpen.value)
-					}, {
-						default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-[1em] transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
-						_: 1
-					}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true)
-				]), __props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
 					key: 0,
-					text: __props.tooltipText
-				}, null, 8, ["text"])) : createCommentVNode("", true)])]),
-				content: withCtx(() => [createVNode(WClickOutside_default, {
-					class: "surface-raised my-1 max-h-[inherit] w-full overflow-y-auto overflow-x-hidden overscroll-contain rounded-xl shadow-md border border-solid border-line-raised",
-					onClick: close
+					"semantic-type": __props.semanticType,
+					disabled: __props.disabled,
+					join: "",
+					onClick: toggle
+				}, {
+					default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-4 transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.button?.(), (item, index) => {
+					return openBlock(), createBlock(resolveDynamicComponent(item), {
+						key: index,
+						join: "",
+						class: "flex-1"
+					});
+				}), 128)),
+				!__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
+					key: 1,
+					"semantic-type": __props.semanticType,
+					disabled: __props.disabled,
+					join: "",
+					onClick: toggle
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "content", { close })]),
-					_: 3
-				})]),
-				_: 3
-			}, 8, ["is-open", "horizontal-align"]);
+					default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-[1em] transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true)
+			]), __props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
+				key: 0,
+				text: __props.tooltipText
+			}, null, 8, ["text"])) : createCommentVNode("", true)], 512);
 		};
 	}
 });

package/dist/components/Button/WButtonMore.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import IconMore_default from "../../assets/icons/IconMore.js";
 import { hasAnchorLayer } from "../Modal/models/overlayRegistry.js";
 import { useOverlay } from "../../utils/Overlay.js";
+import IconMore_default from "../../assets/icons/IconMore.js";
 import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, resolveDynamicComponent, shallowRef, unref, useSlots, useTemplateRef } from "vue";
 //#region src/components/Button/WButtonMore.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/Chart/WChartHeatmap.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartHeatmap.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartHeatmap.vue"],"names":[],"mappings":"AA+EA;AAsMA,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA4UO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAhUnD,yCAAyC;cACnC,IAAI,EAAE;QACZ,4CAA4C;cACtC,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,oDAAoD;cAC9C,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,kDAAkD;gBAC1C,MAAM;QACd,8GAA8G;mBACnG,OAAO;MAuToD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QA/OT,+EAA+E;kBACrE,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,OAAO;;UAgPjD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WChartHeatmap.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartHeatmap.vue"],"names":[],"mappings":"AA+EA;AA6MA,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAkVO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAjUnD,yCAAyC;cACnC,IAAI,EAAE;QACZ,4CAA4C;cACtC,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,oDAAoD;cAC9C,MAAM,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAC9C,kDAAkD;gBAC1C,MAAM;QACd,8GAA8G;mBACnG,OAAO;MAwToD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QAhPT,+EAA+E;kBACrE,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,OAAO;;UAiPjD,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Chart/WChartHeatmap.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import { useComponentStatesSkeleton } from "../../utils/useComponentStates.js";
+import { addDay, getStartOfWeek, monthShortFormatter, weekdayNarrowFormatter } from "../../utils/dateTime.js";
 import HeatmapCell_default from "./components/HeatmapCell.vue.js";
 import { dateToKey, weekGrid } from "./models/WeekGrid.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, onMounted, openBlock, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
@@ -39,15 +40,10 @@ var WChartHeatmap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			.8,
 			1
 		];
-		const DAY_LABELS = [
-			"M",
-			"",
-			"W",
-			"",
-			"F",
-			"",
-			""
-		];
+		const dayLabels = computed(() => {
+			const monday = getStartOfWeek();
+			return Array.from({ length: 7 }, (_, index) => index % 2 || index > 4 ? "" : weekdayNarrowFormatter.format(addDay(monday, index)));
+		});
 		const props = __props;
 		const { isSkeleton } = useComponentStatesSkeleton(props);
 		const scrollContainerRef = useTemplateRef("scrollContainer");
@@ -111,16 +107,16 @@ var WChartHeatmap_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					default: withCtx(() => [createTextVNode(toDisplayString(thresholds.value[i]) + toDisplayString(i === OPACITIES.length - 1 ? "+" : ""), 1)]),
 					_: 2
 				}, 1032, ["opacity"]);
-			}), 64))])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [(openBlock(), createElementBlock(Fragment, null, renderList(DAY_LABELS, (label, i) => {
-				return createElementVNode("div", {
+			}), 64))])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(dayLabels.value, (label, i) => {
+				return openBlock(), createElementBlock("div", {
 					key: i,
 					class: "my-(--w-chart-heatmap-gap,0.125rem) flex h-(--w-chart-heatmap-size,1rem) items-center"
 				}, toDisplayString(label), 1);
-			}), 64))]), createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekGrid), (week, wi) => {
+			}), 128))]), createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(weekGrid), (week, wi) => {
 				return openBlock(), createElementBlock("div", {
 					key: wi,
 					class: "flex flex-col"
-				}, [createElementVNode("div", _hoisted_9, toDisplayString(week.monthLabel), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(week.days, (key, di) => {
+				}, [createElementVNode("div", _hoisted_9, toDisplayString(week.month ? unref(monthShortFormatter).format(week.month) : ""), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(week.days, (key, di) => {
 					return openBlock(), createBlock(HeatmapCell_default, {
 						key: di,
 						opacity: key !== null ? dataMap.value.get(key)?.opacity ?? null : null,

package/dist/components/Chart/WChartLine.vue.d.ts

@@ -19,7 +19,7 @@ declare const __VLS_export: <Data extends Record<string, number>>(__VLS_props: N
         hasArea?: boolean;
         /** Radius in px of the point marked under the tooltip. Defaults to 3. */
         pointRadius?: number;
-        /** Text shown when there are no points in range. The `empty` slot replaces it. */
+        /** Text shown when there are no points in range, instead of the `noData` text set with `setTexts`. The `empty` slot replaces it. */
         emptyStub?: string;
         /** Lets the y axis start above 0, at the lowest value. By default it includes 0. */
         calcMin?: boolean;

package/dist/components/Chart/WChartLine.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartLine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLine.vue"],"names":[],"mappings":"AAwJA;AA4aA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAMzC,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACzD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA0eO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAterD,0FAA0F;cACpF,IAAI,EAAE;QACZ,8CAA8C;cACxC,MAAM,IAAI;QAChB,mCAAmC;cAC7B,MAAM,IAAI;QAChB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,yBAAyB;sBACX,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ;QAC5D,8CAA8C;sBAChC,MAAM;QACpB,yDAAyD;kBAC/C,OAAO;QACjB,yEAAyE;sBAC3D,MAAM;QACpB,kFAAkF;oBACtE,MAAM;QAClB,oFAAoF;kBAC1E,OAAO;qBAiduD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QA9cT,6MAA6M;kBACnM,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;SAAC,KAAK,IAAI;QAChI,uMAAuM;mBAC5L,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;QACpJ,8EAA8E;gBACtE,MAAM,IAAI;;UA2cb,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WChartLine.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLine.vue"],"names":[],"mappings":"AAwJA;AA8aA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAQzC,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACzD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA2eO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;QAverD,0FAA0F;cACpF,IAAI,EAAE;QACZ,8CAA8C;cACxC,MAAM,IAAI;QAChB,mCAAmC;cAC7B,MAAM,IAAI;QAChB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,oFAAoF;kBAC1E,MAAM,IAAI;QACpB,yBAAyB;sBACX,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ;QAC5D,8CAA8C;sBAChC,MAAM;QACpB,yDAAyD;kBAC/C,OAAO;QACjB,yEAAyE;sBAC3D,MAAM;QACpB,oIAAoI;oBACxH,MAAM;QAClB,oFAAoF;kBAC1E,OAAO;qBAkduD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;QA/cT,6MAA6M;kBACnM,CAAC,KAAK,EAAE;YAAC,CAAC,EAAE,IAAI,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;SAAC,KAAK,IAAI;QAChI,uMAAuM;mBAC5L,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;QACpJ,8EAA8E;gBACtE,MAAM,IAAI;;UA4cb,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/Chart/WChartLine.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
+import { getText } from "../../utils/texts.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, nextTick, normalizeProps, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, useTemplateRef, watch, withCtx } from "vue";
 //#region src/components/Chart/WChartLine.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
@@ -312,7 +313,7 @@ var WChartLine_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				x: __props.left,
 				width: "100%",
 				height: "100%"
-			}, [createElementVNode("div", _hoisted_17, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("div", null, toDisplayString(__props.emptyStub ?? "No data"), 1)])])], 8, _hoisted_16));
+			}, [createElementVNode("div", _hoisted_17, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("div", null, toDisplayString(__props.emptyStub ?? unref(getText)("noData")), 1)])])], 8, _hoisted_16));
 		};
 	}
 });

package/dist/components/Chart/WChartLinear.vue.d.ts

@@ -1,7 +1,7 @@
 import { ChartContext } from './types';
 import { VNode } from 'vue';
 type __VLS_Props = {
-    /** Time range of the x axis, as `[from, to]` timestamps in ms. The axis labels are dates, and "Today". */
+    /** Time range of the x axis, as `[from, to]` timestamps in ms. The axis labels are dates, and "Today", in the locale set with `setLocale`. */
     xDomain: [number, number];
     /** Range of the y axis from the range of all the lines' values. By default it is rounded out to tens or hundreds and starts at 0 or below. */
     yDomainGetter?: (extent: [number, number]) => [number, number];
@@ -38,8 +38,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     skeleton: boolean;
     left: number;
     right: number;
-    height: number;
     yDomainGetter: (extent: [number, number]) => [number, number];
+    height: number;
     yFormat: (value: number) => string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Chart/WChartLinear.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartLinear.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLinear.vue"],"names":[],"mappings":"AAsDA;AA8LA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAC,KAAK,KAAK,EAAmE,MAAM,KAAK,CAAA;AAShG,KAAK,WAAW,GAAG;IACf,0GAA0G;IAC1G,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,8IAA8I;IAC9I,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9D,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA8FJ,KAAK,WAAW,GAAG;IACjB,6IAA6I;IAC7I,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE,CAAA;CAC1C,CAAC;AAgIF,QAAA,MAAM,UAAU;;;SA1ON,MAAM;YAEH,MAAM;cAMJ,OAAO;UAJX,MAAM;WAEL,MAAM;YAhBL,MAAM;mBAFC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;aAUpD,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;6EAgPrC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WChartLinear.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLinear.vue"],"names":[],"mappings":"AAsDA;AA8LA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAC,KAAK,KAAK,EAAmE,MAAM,KAAK,CAAA;AAShG,KAAK,WAAW,GAAG;IACf,8IAA8I;IAC9I,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,8IAA8I;IAC9I,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9D,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA8FJ,KAAK,WAAW,GAAG;IACjB,6IAA6I;IAC7I,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE,CAAA;CAC1C,CAAC;AAiIF,QAAA,MAAM,UAAU;;;SA3ON,MAAM;YAEH,MAAM;cAMJ,OAAO;UAJX,MAAM;WAEL,MAAM;mBAlBE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;YAErD,MAAM;aAQL,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;6EAiPrC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Chart/WChartLinear.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
 import { useComponentStatesSkeleton } from "../../utils/useComponentStates.js";
-import { dateFormatShort, isSameDate } from "../../utils/dateTime.js";
+import { dateFormat, isSameDate, todayFormat } from "../../utils/dateTime.js";
 import ChartAxis_default from "./components/ChartAxis.vue.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useTemplateRef, watch } from "vue";
 //#region src/components/Chart/WChartLinear.vue?vue&type=script&setup=true&lang.ts
@@ -99,7 +99,7 @@ var WChartLinear_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					key: 0,
 					orientation: "x",
 					scale: scaleX,
-					format: (value) => unref(isSameDate)(new Date(value), /* @__PURE__ */ new Date()) ? "Today" : unref(dateFormatShort)(new Date(value)),
+					format: (value) => unref(isSameDate)(new Date(value), /* @__PURE__ */ new Date()) ? unref(todayFormat)() : unref(dateFormat)(new Date(value), { year: "auto" }),
 					domain: xExtent.value,
 					transform: `translate(0, ${svgHeight.value - __props.bottom})`,
 					"y-right": __props.yRight === true

package/dist/components/Chart/models/WeekGrid.d.ts

@@ -1,6 +1,6 @@
 export declare const dateToKey: (date: Date) => string;
 export declare const weekGrid: {
     days: Array<string | null>;
-    monthLabel: string | undefined;
+    month: Date | undefined;
 }[];
 //# sourceMappingURL=WeekGrid.d.ts.map

package/dist/components/Chart/models/WeekGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WeekGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/models/WeekGrid.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,MAEtC,CAAA;AAED,eAAO,MAAM,QAAQ;UAeQ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;gBAAc,MAAM,GAAG,SAAS;GAiC7E,CAAA"}
+{"version":3,"file":"WeekGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/models/WeekGrid.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,MAEtC,CAAA;AAED,eAAO,MAAM,QAAQ;UAeQ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;WAAS,IAAI,GAAG,SAAS;GAiCtE,CAAA"}

package/dist/components/Chart/models/WeekGrid.js

@@ -1,5 +1,4 @@
 //#region src/components/Chart/models/WeekGrid.ts
-var monthFormatter = new Intl.DateTimeFormat("en", { month: "short" });
 var dateToKey = (date) => {
 	return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 };
@@ -28,17 +27,17 @@ var weekGrid = (() => {
 			}
 			current.setDate(current.getDate() + 1);
 		}
-		let monthLabel;
+		let monthStart;
 		if (firstVisibleDate) {
 			const month = firstVisibleDate.getMonth();
 			if (month !== lastMonth) {
-				monthLabel = monthFormatter.format(firstVisibleDate);
+				monthStart = firstVisibleDate;
 				lastMonth = month;
 			}
 		}
 		result.push({
 			days,
-			monthLabel
+			month: monthStart
 		});
 	}
 	return result;

package/dist/components/ClickOutside/WClickOutside.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAUA;AAkFA,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAoFF,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAUA;AAiGA,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAmGF,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/ClickOutside/WClickOutside.vue_vue_type_script_setup_true_lang.js

@@ -15,9 +15,16 @@ var WClickOutside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const emit = __emit;
 		const elementRef = useTemplateRef("element");
 		const isOnDisabled = (event) => event.target instanceof Element && event.target.closest(":disabled") !== null;
+		const isInside = (event) => !!elementRef.value && event.composedPath().includes(elementRef.value);
+		let isPressedInside = false;
+		const pointerdownListener = (event) => {
+			isPressedInside = isInside(event);
+		};
 		const emitOutside = (event) => {
+			const wasPressedInside = isPressedInside;
+			if (event.type !== "pointerup") isPressedInside = false;
 			if (!props.noFilter) {
-				if (!elementRef.value || event.composedPath().includes(elementRef.value)) return;
+				if (!elementRef.value || wasPressedInside || isInside(event)) return;
 			}
 			emit("click", event);
 		};
@@ -30,6 +37,7 @@ var WClickOutside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		onMounted(() => {
 			if (!getIsClientSide()) return;
 			setTimeout(() => {
+				document.addEventListener("pointerdown", pointerdownListener, true);
 				document.addEventListener("click", clickListener);
 				document.addEventListener("contextmenu", clickListener);
 				document.addEventListener("pointerup", pointerListener);
@@ -37,6 +45,7 @@ var WClickOutside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		onBeforeUnmount(() => {
 			if (!getIsClientSide()) return;
+			document.removeEventListener("pointerdown", pointerdownListener, true);
 			document.removeEventListener("click", clickListener);
 			document.removeEventListener("contextmenu", clickListener);
 			document.removeEventListener("pointerup", pointerListener);

package/dist/components/DatePicker/WDatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAkEA;AAqLA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAY7C,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAsUJ,QAAA,MAAM,YAAY;;;;;cAvUH,OAAO;cAFP,OAAO;cAFP,OAAO;aAJR,IAAI;aAEJ,IAAI;6EAiVhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAkEA;AAsLA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAa7C,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gHAAgH;IAChH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuUJ,QAAA,MAAM,YAAY;;;;;cAxUH,OAAO;cAFP,OAAO;cAFP,OAAO;aAJR,IAAI;aAEJ,IAAI;6EAkVhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/DatePicker/WDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { useComponentStates } from "../../utils/useComponentStates.js";
 import { getStartOfDay, isSameMonth, monthShortFormatter } from "../../utils/dateTime.js";
+import { getText } from "../../utils/texts.js";
 import CalendarMonth_default from "./components/CalendarMonth.vue.js";
 import CalendarToggle_default from "./components/CalendarToggle.vue.js";
 import CalendarValue_default from "./components/CalendarValue.vue.js";
@@ -72,21 +73,23 @@ var WDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [createVNode(CalendarValue_default, {
-				title: "From:",
+				title: unref(getText)("dateFrom"),
 				value: dateRange.value?.from,
 				"current-date": unref(currentDate),
 				"auto-focus": "",
 				"onUpdate:currentDate": unref(setCurrentDate)
 			}, null, 8, [
+				"title",
 				"value",
 				"current-date",
 				"onUpdate:currentDate"
 			]), createVNode(CalendarValue_default, {
-				title: "To:",
+				title: unref(getText)("dateTo"),
 				value: dateRange.value?.to,
 				"current-date": unref(currentDate),
 				"onUpdate:currentDate": unref(setCurrentDate)
 			}, null, 8, [
+				"title",
 				"value",
 				"current-date",
 				"onUpdate:currentDate"

package/dist/components/DatePicker/components/CalendarValue.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarValue.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarValue.vue"],"names":[],"mappings":"AAsBA;AA+DA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,IAAI,CAAA;IACjB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAqFF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CalendarValue.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarValue.vue"],"names":[],"mappings":"AAsBA;AAiEA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,IAAI,CAAA;IACjB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAsFF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/DatePicker/components/CalendarValue.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { SemanticType, useSemanticTypeBackgroundMap } from "../../../utils/SemanticType.js";
 import { dateFormat, getStartOfMonth, isSameMonth } from "../../../utils/dateTime.js";
+import { getText } from "../../../utils/texts.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeMount, openBlock, toDisplayString, unref } from "vue";
 //#region src/components/DatePicker/components/CalendarValue.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "mb-0.5 font-normal tracking-wide" };
@@ -28,7 +29,7 @@ var CalendarValue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["relative w-full select-none rounded-xl bg-linear-to-tr px-4 py-3", [{ "w-ripple w-ripple-hover cursor-pointer": clickable.value }, unref(semanticTypeBackgroundMap)[unref(SemanticType).PRIMARY]]]),
 				onClick: updateCurrentDate
-			}, [createElementVNode("div", _hoisted_1, toDisplayString(__props.title), 1), createElementVNode("div", { class: normalizeClass(["font-semibold tracking-wide", { "opacity-50": !__props.value }]) }, toDisplayString(__props.value ? unref(dateFormat)(__props.value) : "NONE"), 3)], 2);
+			}, [createElementVNode("div", _hoisted_1, toDisplayString(__props.title), 1), createElementVNode("div", { class: normalizeClass(["font-semibold tracking-wide", { "opacity-50": !__props.value }]) }, toDisplayString(__props.value ? unref(dateFormat)(__props.value) : unref(getText)("noDate")), 3)], 2);
 		};
 	}
 });

package/dist/components/Input/WInputDate.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
-import { dateFormat, parseDate } from "../../utils/dateTime.js";
+import { dateInputFormat, parseDateInput } from "../../utils/dateTime.js";
 import WDatePickerSingle_default from "../DatePicker/WDatePickerSingle.vue.js";
 import WInputSuggest_default from "./WInputSuggest.vue.js";
 import { createBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, useTemplateRef, watch, withCtx, withModifiers } from "vue";
@@ -87,14 +87,14 @@ var WInputDate_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const props = __props;
 		const emit = __emit;
 		const inputComponentRef = useTemplateRef("inputComponent");
-		const inputValue = ref(props.modelValue ? dateFormat(props.modelValue) : "");
+		const inputValue = ref(props.modelValue ? dateInputFormat(props.modelValue) : "");
 		const updateInputValue = (value) => {
 			inputValue.value = value ?? "";
 			if (!value) {
 				emit("update:model-value", void 0);
 				return;
 			}
-			const date = parseDate(value);
+			const date = parseDateInput(value);
 			if (!date) return;
 			if (props.minDate && props.minDate > date) {
 				emit("update:model-value", props.minDate);
@@ -107,10 +107,10 @@ var WInputDate_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			emit("update:model-value", date);
 		};
 		const formatModelValue = (value) => {
-			inputValue.value = value ? dateFormat(value) : "";
+			inputValue.value = value ? dateInputFormat(value) : "";
 		};
 		watch(() => props.modelValue, (value) => {
-			inputValue.value = value ? dateFormat(value) : "";
+			inputValue.value = value ? dateInputFormat(value) : "";
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(WInputSuggest_default, mergeProps({ ref: "inputComponent" }, {

package/dist/components/Input/WInputSuggest.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useIsMobile } from "../../utils/mobile.js";
 import { useComponentStates } from "../../utils/useComponentStates.js";
-import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
 import IconArrow_default from "../../assets/icons/IconArrow.js";
+import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
 import WDropdownAdaptive_default from "../DropdownMenu/WDropdownAdaptive.vue.js";
 import InputActionsButton_default from "./components/InputActionsButton.vue.js";
 import WInput_default from "./WInput.vue.js";

package/dist/components/Input/components/InputSuggestEmbedded.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputSuggestEmbedded.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputSuggestEmbedded.vue"],"names":[],"mappings":"AAaA;AAiDA,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InputSuggestEmbedded.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputSuggestEmbedded.vue"],"names":[],"mappings":"AAaA;AAkDA,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Input/components/InputSuggestEmbedded.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import OverlayRegionPart_default from "../../Modal/components/OverlayRegionPart.vue.js";
 import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
 //#region src/components/Input/components/InputSuggestEmbedded.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "w-frame-bleed" };
+var _hoisted_1 = { class: "w-frame-bleed [&_.w-select-option]:px-(--w-frame-padding)" };
 var InputSuggestEmbedded_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InputSuggestEmbedded",
 	setup(__props) {

package/dist/components/Modal/WModal.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { SemanticType } from "../../utils/SemanticType.js";
 import { BASE_ZINDEX_MODAL, getIsClientSide, isAnchorConnected, wBaseZIndex } from "../../utils/utils.js";
 import { useIsBackdrop } from "./use/useIsBackdrop.js";
 import { closeChildLayers, closeLayer, hasLayerChanges, isLayerBusy, openConfirm, setOverlayHost, toClose, useOverlayLayers } from "./models/overlayRegistry.js";
-import { wIsModal } from "./models/injection.js";
 import { getText } from "../../utils/texts.js";
+import { wIsModal } from "./models/injection.js";
 import ModalCloseButton_default from "./components/ModalCloseButton.vue.js";
 import OverlayDropdown_default from "./components/OverlayDropdown.vue.js";
 import OverlayLayerProvider_default from "./components/OverlayLayerProvider.vue.js";

package/dist/components/Modal/components/OverlayDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/components/OverlayDropdown.vue"],"names":[],"mappings":"AAoKA;AAAA,OA0QO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAC,MAAM,iBAAiB,CAAA;AAU1E,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAUvD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACxC,MAAM,EAAE,aAAa,CAAA;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAsdJ,QAAA,IAAuB,QAAQ,IAAW,EAAuB,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"OverlayDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/components/OverlayDropdown.vue"],"names":[],"mappings":"AAoKA;AAAA,OA0QO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAC,MAAM,iBAAiB,CAAA;AAU1E,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAUvD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACxC,MAAM,EAAE,aAAa,CAAA;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAwdJ,QAAA,IAAuB,QAAQ,IAAW,EAAuB,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Modal/components/OverlayDropdown.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { getIsMobile } from "../../../utils/mobile.js";
 import WClickOutside_default from "../../ClickOutside/WClickOutside.vue.js";
 import WBottomSheet_default from "../../BottomSheet/WBottomSheet.vue.js";
 import { HorizontalAlign } from "../../../utils/HorizontalAlign.js";
-import WDropdown_default from "../../Dropdown/WDropdown.vue.js";
 import { LAYER_ATTRIBUTE, isInLayerWithin, wOverlayFrame, wOverlayLayer } from "../models/overlayRegistry.js";
+import WDropdown_default from "../../Dropdown/WDropdown.vue.js";
 import WDropdownTip_default from "../../Dropdown/WDropdownTip.vue.js";
 import WInfiniteListScrollingElement_default from "../../InfiniteList/WInfiniteListScrollingElement.vue.js";
 import OverlayRegion_default from "./OverlayRegion.vue.js";
@@ -143,7 +143,7 @@ var OverlayDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"no-filter": __props.closeOnClick,
 					class: normalizeClass([[
 						__props.frameClass ?? "w-dropdown-frame",
-						unref(regions).title.length ? [unref(options)?.fitContent ? "w-max min-w-48 max-w-[min(24rem,calc(100vw-2rem))]" : "w-[min(24rem,calc(100vw-2rem))]", "max-h-112"] : void 0,
+						unref(regions).title.length ? [unref(options)?.fitContent ? "w-max min-w-[min(18rem,calc(100vw-2rem))] max-w-[min(24rem,calc(100vw-2rem))]" : "w-[min(24rem,calc(100vw-2rem))]", "max-h-112"] : void 0,
 						hasTip.value ? isBeside.value ? "w-tooltip-center-y" : "w-tooltip-center-x" : void 0,
 						__props.cornered && __props.frameClass === void 0 && {
 							"rounded-bl-none": isRight && isTop,
@@ -167,7 +167,7 @@ var OverlayDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 							key: 2,
 							class: normalizeClass(["px-(--w-frame-padding) pb-4", { "pt-(--w-frame-padding)": !unref(regions).title.length && !unref(regions).subtitle.length }])
 						}, [createVNode(OverlayRegion_default, { parts: unref(regions).header }, null, 8, ["parts"])], 2)) : createCommentVNode("", true),
-						createVNode(WInfiniteListScrollingElement_default, { class: normalizeClass(["min-h-0 flex-1 overflow-auto overscroll-contain", unref(options)?.padded ? ["px-(--w-frame-padding)", {
+						createVNode(WInfiniteListScrollingElement_default, { class: normalizeClass(["flex min-h-0 flex-1 flex-col overflow-auto overscroll-contain", unref(options)?.padded ? ["px-(--w-frame-padding)", {
 							"pt-(--w-frame-padding)": !hasTop.value,
 							"pb-(--w-frame-padding)": !unref(regions).actions.length
 						}] : "[--w-frame-padding:0px]"]) }, {