eco-vue-js 0.16.0 → 0.16.2

package/dist/components/Chip/WChip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;AAkDA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAGjD,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA4EJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAM/C,QAAA,MAAM,UAAU;cArFD,OAAO;UAFX,MAAM;kBACE,YAAY;6EAyF7B,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":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue"],"names":[],"mappings":"AAgBA;AA2CA,OAAO,EAAC,YAAY,EAAyB,MAAM,sBAAsB,CAAA;AAGzE,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAoEJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAM/C,QAAA,MAAM,UAAU;cA7ED,OAAO;UAFX,MAAM;kBACE,YAAY;6EAiF7B,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/Chip/WChip.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import WSkeleton_default from "../Skeleton/WSkeleton.vue.js";
-import { SemanticType } from "../../utils/SemanticType.js";
+import { SemanticType, useSemanticTypeChipMap } from "../../utils/SemanticType.js";
 import { useComponentStatesSkeleton } from "../../utils/useComponentStates.js";
 import { createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region src/components/Chip/WChip.vue?vue&type=script&setup=true&lang.ts
@@ -15,21 +15,14 @@ var WChip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 	},
 	setup(__props) {
 		const { isSkeleton } = useComponentStatesSkeleton(__props);
-		const classMap = {
-			[SemanticType.PRIMARY]: "text-primary dark:text-primary-dark",
-			[SemanticType.SECONDARY]: "text-description",
-			[SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
-			[SemanticType.NEGATIVE]: "text-negative dark:text-negative-dark",
-			[SemanticType.WARNING]: "text-warning dark:text-warning-dark",
-			[SemanticType.INFO]: "text-info dark:text-info-dark"
-		};
+		const semanticTypeChipMap = useSemanticTypeChipMap();
 		return (_ctx, _cache) => {
 			return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton_default, {
 				key: 0,
 				class: "w-skeleton-h-5 max-w-28"
 			})) : (openBlock(), createElementBlock("div", {
 				key: 1,
-				class: normalizeClass(["w-max rounded-md bg-gray-100 px-2 py-0.5 text-xs font-semibold dark:bg-gray-800", classMap[__props.semanticType]])
+				class: normalizeClass(["w-max rounded-md px-2 py-0.5 text-xs font-semibold text-default", unref(semanticTypeChipMap)[__props.semanticType]])
 			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])], 2));
 		};
 	}

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":"AA8DA;AA2KA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAW7C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA6UJ,QAAA,MAAM,YAAY;;;;;cA9UH,OAAO;cAFP,OAAO;cACP,OAAO;aAHR,IAAI;aACJ,IAAI;6EAqVhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAkEA;AA8KA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAY7C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuUJ,QAAA,MAAM,YAAY;;;;;cAxUH,OAAO;cAFP,OAAO;cACP,OAAO;aAHR,IAAI;aACJ,IAAI;6EA+UhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,9 +1,10 @@
 import { useComponentStates } from "../../utils/useComponentStates.js";
-import { addDay, addMonth, addYear, getStartOfDay, getStartOfMonth, getStartOfWeek, isSameMonth, monthShortFormatter } from "../../utils/dateTime.js";
+import { getStartOfDay, isSameMonth, monthShortFormatter } from "../../utils/dateTime.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";
-import { Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
+import { useCalendarNavigation } from "./use/useCalendarNavigation.js";
+import { Transition, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
 //#region src/components/DatePicker/WDatePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "mb-4 grid grid-cols-2 gap-5" };
 var _hoisted_2 = { class: "grid grid-cols-2 gap-5 px-3 pb-4" };
@@ -32,16 +33,10 @@ var WDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const props = __props;
 		const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
 		const emit = __emit;
-		const currentDate = ref(getStartOfMonth());
+		const { currentDate, isDirect, year, isPreviousDisabled, isNextDisabled, setCurrentDate, toPreviousMonth, toNextMonth, toPreviousYear, toNextYear, isSameCalendarPage } = useCalendarNavigation(props);
 		const dateRange = ref(props.modelValue);
 		const preselectedValue = ref(null);
-		const isDirect = ref(false);
 		const today = ref(getStartOfDay());
-		const year = computed(() => currentDate.value.getFullYear());
-		const setCurrentDate = (value) => {
-			isDirect.value = value > currentDate.value;
-			currentDate.value = value;
-		};
 		const onClickDay = (value) => {
 			if (!preselectedValue.value) {
 				preselectedValue.value = value;
@@ -70,53 +65,72 @@ var WDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				to: new Date(preselectedValue.value)
 			};
 		};
-		const firstDay = computed(() => getStartOfWeek(currentDate.value));
-		const lastDay = computed(() => addDay(firstDay.value, 41));
-		const isSameCalendarPage = (value) => {
-			return value >= firstDay.value && value <= lastDay.value;
-		};
 		watch(toRef(props, "modelValue"), (modelValue) => {
 			dateRange.value = modelValue;
 			if (!modelValue) return;
-			if (!isSameCalendarPage(modelValue.from) && !isSameCalendarPage(modelValue.to)) setCurrentDate(getStartOfMonth(modelValue.from));
+			if (!isSameCalendarPage(modelValue.from) && !isSameCalendarPage(modelValue.to)) setCurrentDate(modelValue.from);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [createVNode(CalendarValue_default, {
 				title: "From:",
 				value: dateRange.value?.from,
-				"current-date": currentDate.value,
+				"current-date": unref(currentDate),
 				"auto-focus": "",
-				"onUpdate:currentDate": setCurrentDate
-			}, null, 8, ["value", "current-date"]), createVNode(CalendarValue_default, {
+				"onUpdate:currentDate": unref(setCurrentDate)
+			}, null, 8, [
+				"value",
+				"current-date",
+				"onUpdate:currentDate"
+			]), createVNode(CalendarValue_default, {
 				title: "To:",
 				value: dateRange.value?.to,
-				"current-date": currentDate.value,
-				"onUpdate:currentDate": setCurrentDate
-			}, null, 8, ["value", "current-date"])]), createElementVNode("div", {
+				"current-date": unref(currentDate),
+				"onUpdate:currentDate": unref(setCurrentDate)
+			}, null, 8, [
+				"value",
+				"current-date",
+				"onUpdate:currentDate"
+			])]), createElementVNode("div", {
 				class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
-				style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
+				style: normalizeStyle({ "--direction-factor": unref(isDirect) ? "1" : "-1" })
 			}, [createElementVNode("div", _hoisted_2, [createVNode(CalendarToggle_default, {
-				text: unref(monthShortFormatter).format(currentDate.value).toLocaleUpperCase(),
-				"onClick:previous": _cache[0] || (_cache[0] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, -1))),
-				"onClick:next": _cache[1] || (_cache[1] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, 1)))
-			}, null, 8, ["text"]), createVNode(CalendarToggle_default, {
-				text: year.value.toString(),
-				"onClick:previous": _cache[2] || (_cache[2] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, -1))),
-				"onClick:next": _cache[3] || (_cache[3] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, 1)))
-			}, null, 8, ["text"])]), createElementVNode("div", _hoisted_3, [createVNode(Transition, {
+				text: unref(monthShortFormatter).format(unref(currentDate)).toLocaleUpperCase(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousMonth),
+				"onClick:next": unref(toNextMonth)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			]), createVNode(CalendarToggle_default, {
+				text: unref(year).toString(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousYear),
+				"onClick:next": unref(toNextYear)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			])]), createElementVNode("div", _hoisted_3, [createVNode(Transition, {
 				"enter-active-class": "transition-transform duration-250 w-full",
 				"leave-active-class": "transition-transform duration-250 w-full absolute top-0",
 				"enter-from-class": "translate-x-[calc(100%*var(--direction-factor))]",
 				"leave-to-class": "translate-x-[calc(100%*var(--direction-factor)*-1)]"
 			}, {
 				default: withCtx(() => [(openBlock(), createBlock(CalendarMonth_default, {
-					key: currentDate.value.toISOString(),
-					"start-of-month": currentDate.value,
+					key: unref(currentDate).toISOString(),
+					"start-of-month": unref(currentDate),
 					"date-range": dateRange.value,
 					"is-hover-enabled": preselectedValue.value !== null,
 					"min-date": __props.minDate,
 					"max-date": __props.maxDate,
-					today: today.value && unref(isSameMonth)(today.value, currentDate.value) ? today.value : void 0,
+					today: today.value && unref(isSameMonth)(today.value, unref(currentDate)) ? today.value : void 0,
 					readonly: unref(isReadonly) || unref(isDisabled) || unref(isSkeleton),
 					class: "px-3",
 					"onClick:day": onClickDay,

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

@@ -1 +1 @@
-{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AA0CA;AA8HA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA8OJ,QAAA,MAAM,YAAY;;;;;cA/OH,OAAO;cAFP,OAAO;WAHV,MAAM;cAIH,OAAO;aAHR,IAAI;aACJ,IAAI;6EAsPhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AA8CA;AAkIA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuOJ,QAAA,MAAM,YAAY;;;;;cAxOH,OAAO;cAFP,OAAO;WAHV,MAAM;cAIH,OAAO;aAHR,IAAI;aACJ,IAAI;6EA+OhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,8 +1,9 @@
 import { useComponentStates } from "../../utils/useComponentStates.js";
-import { addDay, addMonth, addYear, getStartOfDay, getStartOfMonth, getStartOfWeek, monthShortFormatter } from "../../utils/dateTime.js";
+import { getStartOfDay, monthShortFormatter } from "../../utils/dateTime.js";
 import CalendarMonth_default from "./components/CalendarMonth.vue.js";
 import CalendarToggle_default from "./components/CalendarToggle.vue.js";
-import { Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
+import { useCalendarNavigation } from "./use/useCalendarNavigation.js";
+import { Transition, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
 //#region src/components/DatePicker/WDatePickerSingle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid grid-cols-2 gap-8 px-3 pb-4" };
 var _hoisted_2 = { class: "relative" };
@@ -31,53 +32,58 @@ var WDatePickerSingle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const props = __props;
 		const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
 		const emit = __emit;
-		const currentDate = ref(getStartOfMonth());
+		const { currentDate, isDirect, year, isPreviousDisabled, isNextDisabled, setCurrentDate, toPreviousMonth, toNextMonth, toPreviousYear, toNextYear, isSameCalendarPage } = useCalendarNavigation(props);
 		const dateRange = ref(void 0);
 		const preselectedValue = ref(null);
-		const isDirect = ref(false);
 		const today = ref(getStartOfDay());
-		const year = computed(() => currentDate.value.getFullYear());
-		const setCurrentDate = (value) => {
-			isDirect.value = value > currentDate.value;
-			currentDate.value = value;
-		};
 		const onClickDay = (value) => {
 			emit("update:model-value", value);
 		};
-		const firstDay = computed(() => getStartOfWeek(currentDate.value));
-		const lastDay = computed(() => addDay(firstDay.value, 41));
-		const isSameCalendarPage = (value) => {
-			return value >= firstDay.value && value <= lastDay.value;
-		};
 		watch(toRef(props, "modelValue"), (modelValue) => {
 			dateRange.value = modelValue ? {
 				from: modelValue,
 				to: modelValue
 			} : void 0;
 			if (!modelValue) return;
-			if (!isSameCalendarPage(modelValue)) setCurrentDate(getStartOfMonth(modelValue));
+			if (!isSameCalendarPage(modelValue)) setCurrentDate(modelValue);
 		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
-				style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
+				style: normalizeStyle({ "--direction-factor": unref(isDirect) ? "1" : "-1" })
 			}, [createElementVNode("div", _hoisted_1, [createVNode(CalendarToggle_default, {
-				text: unref(monthShortFormatter).format(currentDate.value).toLocaleUpperCase(),
-				"onClick:previous": _cache[0] || (_cache[0] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, -1))),
-				"onClick:next": _cache[1] || (_cache[1] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, 1)))
-			}, null, 8, ["text"]), createVNode(CalendarToggle_default, {
-				text: year.value.toString(),
-				"onClick:previous": _cache[2] || (_cache[2] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, -1))),
-				"onClick:next": _cache[3] || (_cache[3] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, 1)))
-			}, null, 8, ["text"])]), createElementVNode("div", _hoisted_2, [createVNode(Transition, {
+				text: unref(monthShortFormatter).format(unref(currentDate)).toLocaleUpperCase(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousMonth),
+				"onClick:next": unref(toNextMonth)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			]), createVNode(CalendarToggle_default, {
+				text: unref(year).toString(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousYear),
+				"onClick:next": unref(toNextYear)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			])]), createElementVNode("div", _hoisted_2, [createVNode(Transition, {
 				"enter-active-class": "transition-transform duration-250 w-full",
 				"leave-active-class": "transition-transform duration-250 w-full absolute top-0",
 				"enter-from-class": "translate-x-[calc(100%*var(--direction-factor))]",
 				"leave-to-class": "translate-x-[calc(100%*var(--direction-factor)*-1)]"
 			}, {
 				default: withCtx(() => [(openBlock(), createBlock(CalendarMonth_default, {
-					key: currentDate.value.toISOString(),
-					"start-of-month": currentDate.value,
+					key: unref(currentDate).toISOString(),
+					"start-of-month": unref(currentDate),
 					"date-range": dateRange.value,
 					"is-hover-enabled": preselectedValue.value !== null,
 					"min-date": __props.minDate,

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

@@ -53,8 +53,8 @@ var CalendarDay_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		});
 		const isDisabled = computed(() => {
 			if (props.disabled) return true;
-			if (props.minDate) return props.minDate > props.startOfDay;
-			if (props.maxDate) return props.maxDate < props.startOfDay;
+			if (props.minDate && props.minDate > props.startOfDay) return true;
+			if (props.maxDate && props.maxDate < props.startOfDay) return true;
 			return false;
 		});
 		return (_ctx, _cache) => {

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

@@ -70,8 +70,8 @@ var CalendarMonth_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		const isDisabled = computed(() => {
 			if (props.disabled) return true;
-			if (props.minDate) return props.minDate > endOfLastWeek.value;
-			if (props.maxDate) return props.maxDate < startOfFirstWeek.value;
+			if (props.minDate && props.minDate > endOfLastWeek.value) return true;
+			if (props.maxDate && props.maxDate < startOfFirstWeek.value) return true;
 			return false;
 		});
 		return (_ctx, _cache) => {

package/dist/components/DatePicker/components/CalendarToggle.vue.d.ts

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     text: string;
+    disabledPrevious?: boolean;
+    disabledNext?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "click:next": () => any;

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarToggle.vue"],"names":[],"mappings":"AAyCA;AA0DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;AAiNF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarToggle.vue"],"names":[],"mappings":"AAuCA;AA0DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA2IF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,19 +1,23 @@
 import IconArrow_default from "../../../assets/icons/IconArrow.js";
-import { Transition, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { Transition, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/DatePicker/components/CalendarToggle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "my-2 flex h-8 w-full items-center" };
 var _hoisted_2 = { class: "relative overflow-hidden" };
 var CalendarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "CalendarToggle",
-	props: { text: {} },
+	props: {
+		text: {},
+		disabledPrevious: { type: Boolean },
+		disabledNext: { type: Boolean }
+	},
 	emits: ["click:next", "click:previous"],
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createElementVNode("div", {
-					class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
-					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:previous"))
-				}, [createVNode(unref(IconArrow_default), { class: "-ml-1 rotate-90" })]),
+					class: normalizeClass(["square-8 text-description relative mr-auto flex select-none items-center justify-center rounded-xl", __props.disabledPrevious ? "cursor-not-allowed opacity-50" : "w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default cursor-pointer"]),
+					onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabledPrevious && _ctx.$emit("click:previous"))
+				}, [createVNode(unref(IconArrow_default), { class: "-ml-1 rotate-90" })], 2),
 				createElementVNode("div", _hoisted_2, [createVNode(Transition, {
 					"enter-active-class": "transition-transform duration-250 w-full",
 					"leave-active-class": "transition-transform duration-250 w-full absolute top-0",
@@ -27,9 +31,9 @@ var CalendarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					_: 1
 				})]),
 				createElementVNode("div", {
-					class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
-					onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:next"))
-				}, [createVNode(unref(IconArrow_default), { class: "-mr-1 -rotate-90" })])
+					class: normalizeClass(["square-8 text-description relative ml-auto flex select-none items-center justify-center rounded-xl", __props.disabledNext ? "cursor-not-allowed opacity-50" : "w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default cursor-pointer"]),
+					onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabledNext && _ctx.$emit("click:next"))
+				}, [createVNode(unref(IconArrow_default), { class: "-mr-1 -rotate-90" })], 2)
 			]);
 		};
 	}

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

@@ -57,8 +57,8 @@ var CalendarWeek_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const isDisabled = computed(() => {
 			if (props.disabled) return true;
-			if (props.minDate) return props.minDate > endOfWeek.value;
-			if (props.maxDate) return props.maxDate < props.startOfWeek;
+			if (props.minDate && props.minDate > endOfWeek.value) return true;
+			if (props.maxDate && props.maxDate < props.startOfWeek) return true;
 			return false;
 		});
 		return (_ctx, _cache) => {

package/dist/components/DatePicker/use/useCalendarNavigation.d.ts

@@ -0,0 +1,17 @@
+export declare const useCalendarNavigation: (props: {
+    minDate?: Date;
+    maxDate?: Date;
+}) => {
+    currentDate: import('vue').Ref<Date, Date>;
+    isDirect: import('vue').Ref<boolean, boolean>;
+    year: import('vue').ComputedRef<number>;
+    isPreviousDisabled: import('vue').ComputedRef<boolean>;
+    isNextDisabled: import('vue').ComputedRef<boolean>;
+    setCurrentDate: (value: Date) => void;
+    toPreviousMonth: () => void;
+    toNextMonth: () => void;
+    toPreviousYear: () => void;
+    toNextYear: () => void;
+    isSameCalendarPage: (value: Date) => boolean;
+};
+//# sourceMappingURL=useCalendarNavigation.d.ts.map

package/dist/components/DatePicker/use/useCalendarNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/use/useCalendarNavigation.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,GAAI,OAAO;IAAC,OAAO,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,IAAI,CAAA;CAAC;;;;;;4BAgB5C,IAAI,KAAG,IAAI;2BAYd,IAAI;uBACR,IAAI;0BACD,IAAI;sBACR,IAAI;gCAKQ,IAAI,KAAG,OAAO;CAqBlD,CAAA"}

package/dist/components/DatePicker/use/useCalendarNavigation.js

@@ -0,0 +1,50 @@
+import { addDay, addMonth, addYear, getStartOfMonth, getStartOfWeek } from "../../../utils/dateTime.js";
+import { computed, ref, watch } from "vue";
+//#region src/components/DatePicker/use/useCalendarNavigation.ts
+var useCalendarNavigation = (props) => {
+	const minMonth = computed(() => props.minDate ? getStartOfMonth(props.minDate) : void 0);
+	const maxMonth = computed(() => props.maxDate ? getStartOfMonth(props.maxDate) : void 0);
+	const clampMonth = (value) => {
+		if (minMonth.value && value < minMonth.value) return new Date(minMonth.value);
+		if (maxMonth.value && value > maxMonth.value) return new Date(maxMonth.value);
+		return value;
+	};
+	const currentDate = ref(clampMonth(getStartOfMonth()));
+	const isDirect = ref(false);
+	const year = computed(() => currentDate.value.getFullYear());
+	const setCurrentDate = (value) => {
+		const startOfMonth = clampMonth(getStartOfMonth(value));
+		if (startOfMonth.getTime() === currentDate.value.getTime()) return;
+		isDirect.value = startOfMonth > currentDate.value;
+		currentDate.value = startOfMonth;
+	};
+	const isPreviousDisabled = computed(() => !!minMonth.value && currentDate.value <= minMonth.value);
+	const isNextDisabled = computed(() => !!maxMonth.value && currentDate.value >= maxMonth.value);
+	const toPreviousMonth = () => setCurrentDate(addMonth(currentDate.value, -1));
+	const toNextMonth = () => setCurrentDate(addMonth(currentDate.value, 1));
+	const toPreviousYear = () => setCurrentDate(addYear(currentDate.value, -1));
+	const toNextYear = () => setCurrentDate(addYear(currentDate.value, 1));
+	const firstDay = computed(() => getStartOfWeek(currentDate.value));
+	const lastDay = computed(() => addDay(firstDay.value, 41));
+	const isSameCalendarPage = (value) => {
+		return value >= firstDay.value && value <= lastDay.value;
+	};
+	watch([minMonth, maxMonth], () => {
+		setCurrentDate(currentDate.value);
+	});
+	return {
+		currentDate,
+		isDirect,
+		year,
+		isPreviousDisabled,
+		isNextDisabled,
+		setCurrentDate,
+		toPreviousMonth,
+		toNextMonth,
+		toPreviousYear,
+		toNextYear,
+		isSameCalendarPage
+	};
+};
+//#endregion
+export { useCalendarNavigation };

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

@@ -1 +1 @@
-{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAoDA;AAwHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAoNvD,QAAA,IAAwB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,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":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAoDA;AA2HA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAuNvD,QAAA,IAAwB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,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/Input/WInputDate.vue_vue_type_script_setup_true_lang.js

@@ -95,8 +95,11 @@ var WInputDate_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const inputComponentRef = useTemplateRef("inputComponent");
 		const inputValue = ref(props.modelValue ? dateFormat(props.modelValue) : "");
 		const updateInputValue = (value) => {
-			if (!value) return;
-			inputValue.value = value;
+			inputValue.value = value ?? "";
+			if (!value) {
+				emit("update:model-value", void 0);
+				return;
+			}
 			const date = parseDate(value);
 			if (!date) return;
 			if (props.minDate && props.minDate > date) {

package/dist/components/Link/WLink.vue_vue_type_script_setup_true_lang.js

@@ -18,9 +18,12 @@ var WLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const semanticTypeTextMap = useSemanticTypeTextMap();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.to ? WRouterLink_default : "a"), mergeProps(!__props.to ? {
-				target: __props.target,
-				href: __props.href
-			} : { to: __props.to }, { class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextMap)[__props.semanticType]] }), {
+				href: __props.href,
+				target: __props.target
+			} : {
+				to: __props.to,
+				target: __props.target
+			}, { class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextMap)[__props.semanticType]] }), {
 				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconLink_default)), { class: normalizeClass(["square-[1.25em] mr-[0.25em] mt-[-0.25em] inline rounded-[0.5em] p-px", unref(semanticTypeChipMap)[__props.semanticType]]) }, null, 8, ["class"])), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/List/WList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WList.vue"],"names":[],"mappings":"AA8KA;AAweA,OAAO,KAAK,EAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAc,kBAAkB,EAAe,cAAc,EAAE,OAAO,EAAkB,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzM,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AASzC,OAAO,EAAC,KAAK,mBAAmB,EAAc,MAAM,yBAAyB,CAAA;AAC7E,OAAO,EAAC,KAAK,SAAS,EAAgC,MAAM,qBAAqB,CAAA;AACjF,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAOtC,QAAA,MAAM,YAAY,GAAK,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,EACjJ,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;WAwvBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;gBApvB5C,MAAM;gBACN,MAAM;oBACF,kBAAkB,CAAC,IAAI,EAAE,WAAW,CAAC;oBACrC,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;2BAC9C,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;qBAC3D,WAAW;uBACT,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;6BACtC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;iBAC1B,eAAe,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;0BACF,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS;uBACpD,YAAY,CAAC,IAAI,EAAE,CAAC;kBACzB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;oBACxC,OAAO;2BACA,OAAO;oBACd,OAAO;0BACD,MAAM;0BACN,CAAC,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;yBAC9C,MAAM;wBACP,OAAO;uBACR,OAAO;oBACV,SAAS,CAAC,MAAM,CAAC;yBACZ,OAAO;oBACZ,OAAO;qBACN,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;iBACzC,OAAO;wBACA,OAAO;qBACV,OAAO;4BACA,OAAO;;;;;;;;;;KAusB4D,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;iBAXE,CAAC,KAAK;;SAAiB,KAAK,GAAG;;oBAC5B,CAAC,KAAK,IAAiB,KAAK,GAAG;;gBACnC,CAAC,KAAK;;;;SAAiB,KAAK,GAAG;;gBAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;;YAlqBrC,cAAc,SAAS,QAAQ,GAAG,IAAI;YACtC,cAAc,SAAS,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;YACpD,qBAAqB,SAAS,WAAW,GAAG,IAAI;YAChD,cAAc,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAChD,kBAAkB,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI;;EA0qBrD,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/List/WList.vue_vue_type_script_setup_true_lang.js

@@ -5,6 +5,7 @@ import { useSelected, useSelectionHash } from "../../utils/useSelected.js";
 import WInfiniteList_default from "../InfiniteList/WInfiniteList.vue.js";
 import { encodeOrdering, parseOrdering } from "../../utils/order.js";
 import "../../utils/useDefaultQuery.js";
+import "./types.js";
 import { filterFields, forEachField, getFieldStylesFixed, getFieldStylesWidth, getFieldVariable, sortFields, sortFieldsDeep, useListConfig } from "./use/useListConfig.js";
 import ListItem_default from "./components/ListItem.vue.js";
 import ListToolbar_default from "./components/ListToolbar.vue.js";
@@ -99,13 +100,6 @@ var WList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const { isMobile } = useIsMobile();
 		const listCount = ref(void 0);
 		const countValue = computed(() => props.count ?? listCount.value);
-		const cardStyles = computed(() => {
-			if (!props.cardColumns || !props.cardAreas) return;
-			return {
-				"--w-list-grid-cols": props.cardColumns.join(" "),
-				"--w-list-grid-areas": props.cardAreas.map((inner) => `"${inner.join(" ")}"`).join("\n")
-			};
-		});
 		const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
 		const { listConfig, fieldConfigMap, isGrid, hasSaved, reset, save, updateMode } = useListConfig(() => props.configKey, () => props.fields, () => props.defaultConfigMap, () => props.defaultMode, props.noHeaderSettings);
 		const fieldsFiltered = computed(() => filterFields(fieldsVisible.value, (field) => fieldConfigMap.value[field.label]?.visible ?? false));
@@ -139,6 +133,24 @@ var WList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const allowOpen = computed(() => props.expansion !== void 0);
 		const hasMenu = computed(() => props.menu !== void 0 || props.toMarkdown !== void 0);
 		const disableSelect = computed(() => !allowSelect.value);
+		const cardStyles = computed(() => {
+			const cardColumns = props.cardColumns;
+			const cardAreas = props.cardAreas;
+			if (!cardColumns || !cardAreas) return;
+			const isAreaShown = (area) => {
+				if (area === "area_select") return allowSelect.value;
+				if (area === "area_more") return hasMenu.value;
+				return area in columnDataMap.value;
+			};
+			const areas = cardAreas.map((row) => row.map((area) => isAreaShown(area) ? area : "."));
+			const colsShown = cardColumns.map((_, index) => areas.some((row) => row[index] !== "."));
+			const areasShown = areas.filter((row) => row.some((area) => area !== ".")).map((row) => row.filter((_, index) => colsShown[index]));
+			if (!areasShown.length) return;
+			return {
+				"--w-list-grid-cols": cardColumns.filter((_, index) => colsShown[index]).join(" "),
+				"--w-list-grid-areas": areasShown.map((row) => `"${row.join(" ")}"`).join("\n")
+			};
+		});
 		const { selection: selectionUsed, updateSelection } = props.selection ? {
 			selection: toRef(props, "selection"),
 			updateSelection: (value) => emit("update:selection", value)

package/dist/utils/SemanticType.js

@@ -25,7 +25,7 @@ var setSemanticTypeBackgroundMap = (value) => {
 };
 var semanticTypeChipMap = reactive({
 	...semanticTypeConfig,
-	["secondary"]: "bg-gray-200 dark:bg-gray-800 text-description"
+	["secondary"]: "bg-gray-200 dark:bg-gray-800 text-default"
 });
 var useSemanticTypeChipMap = () => {
 	return semanticTypeChipMap;

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.16.0",
+  "version": "0.16.2",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",
     "@tanstack/eslint-plugin-query": "5.102.8",