@medyat/vue-data-table 0.0.0-stage → 1.0.1

package/dist/DateEditor-C2zzyoPQ.js

@@ -0,0 +1,224 @@
+import { W as e } from "./query-CGNWUi2E.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { PhCaretLeft as _, PhCaretRight as v, PhCheck as y } from "@phosphor-icons/vue";
+import { CalendarCell as ee, CalendarCellTrigger as te, CalendarGrid as ne, CalendarGridBody as re, CalendarGridHead as ie, CalendarGridRow as b, CalendarHeadCell as x, CalendarHeader as S, CalendarHeading as ae, CalendarNext as C, CalendarPrev as oe, CalendarRoot as se, RangeCalendarCell as ce, RangeCalendarCellTrigger as le, RangeCalendarGrid as ue, RangeCalendarGridBody as de, RangeCalendarGridHead as w, RangeCalendarGridRow as T, RangeCalendarHeadCell as E, RangeCalendarHeader as D, RangeCalendarHeading as O, RangeCalendarNext as k, RangeCalendarPrev as A, RangeCalendarRoot as j } from "reka-ui";
+import { getDayOfWeek as M, getLocalTimeZone as N, parseDate as P, startOfWeek as F, today as I } from "@internationalized/date";
+//#region src/core/editors/DateEditor.vue?vue&type=script&setup=true&lang.ts
+var L = { class: "dt-editor-date" }, R = { class: "dt-date-presets" }, z = ["onClick"], B = /* @__PURE__ */ l({
+	__name: "DateEditor",
+	props: {
+		op: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue", "done"],
+	setup(l, { emit: B }) {
+		let V = l, H = B, { i18n: U, locale: W } = e(), fe = [
+			"today",
+			"this_week",
+			"next_7_days",
+			"this_month",
+			"last_30_days",
+			"this_quarter",
+			"overdue"
+		], pe = N(), G = I(pe), K = M(F(G, W), "en-US"), q = n(() => V.op === "within"), J = (e) => e && typeof e == "object" ? e : null, Y = n(() => J(V.modelValue)?.preset), X = f(!1), Z = (e) => {
+			try {
+				return typeof e == "string" && e ? P(e.slice(0, 10)) : void 0;
+			} catch {
+				return;
+			}
+		}, Q = n(() => {
+			let e = J(V.modelValue);
+			return {
+				start: Z(e?.from),
+				end: Z(e?.to)
+			};
+		}), $ = n(() => Z(V.modelValue)), me = (e) => {
+			X.value = !1, H("update:modelValue", { preset: e }), H("done");
+		}, he = (e) => {
+			e?.start && e.end && (H("update:modelValue", {
+				from: e.start.toString(),
+				to: e.end.toString()
+			}), H("done"));
+		}, ge = (e) => {
+			e && (H("update:modelValue", e.toString()), H("done"));
+		}, _e = () => {
+			H("update:modelValue", { preset: "today" }), H("done");
+		};
+		return (e, n) => (d(), a("div", L, [o("div", R, [q.value ? (d(), a(t, { key: 0 }, [
+			(d(), a(t, null, p(fe, (e) => o("button", {
+				key: e,
+				type: "button",
+				class: u(["dt-pop-item dt-date-preset", { "is-on": Y.value === e }]),
+				onClick: (t) => me(e)
+			}, [s(m(h(U).t(`date.${e}`)) + " ", 1), Y.value === e ? (d(), r(h(y), {
+				key: 0,
+				size: 14,
+				class: "dt-pop-end",
+				"aria-hidden": "true"
+			})) : i("", !0)], 10, z)), 64)),
+			n[2] ||= o("div", { class: "dt-pop-sep" }, null, -1),
+			o("button", {
+				type: "button",
+				class: u(["dt-pop-item dt-date-preset", { "is-on": X.value || !Y.value && Q.value.start }]),
+				onClick: n[0] ||= (e) => X.value = !0
+			}, m(h(U).t("date.customRange")), 3)
+		], 64)) : (d(), a("button", {
+			key: 1,
+			type: "button",
+			class: u(["dt-pop-item dt-date-preset", { "is-on": Y.value === "today" }]),
+			onClick: _e
+		}, [s(m(h(U).t("date.today")) + " ", 1), Y.value === "today" ? (d(), r(h(y), {
+			key: 0,
+			size: 14,
+			class: "dt-pop-end",
+			"aria-hidden": "true"
+		})) : i("", !0)], 2))]), q.value ? (d(), r(h(j), {
+			key: 0,
+			class: "dt-calendar",
+			"model-value": Q.value.start && Q.value.end ? {
+				start: Q.value.start,
+				end: Q.value.end
+			} : void 0,
+			locale: h(W),
+			"week-starts-on": h(K),
+			placeholder: Q.value.start ?? h(G),
+			"onUpdate:modelValue": he
+		}, {
+			default: g(({ weekDays: e, grid: n }) => [c(h(D), { class: "dt-cal-head" }, {
+				default: g(() => [
+					c(h(A), { class: "dt-icon-btn-sm" }, {
+						default: g(() => [c(h(_), {
+							size: 16,
+							"aria-hidden": "true"
+						})]),
+						_: 1
+					}),
+					c(h(O), { class: "dt-cal-title" }),
+					c(h(k), { class: "dt-icon-btn-sm" }, {
+						default: g(() => [c(h(v), {
+							size: 16,
+							"aria-hidden": "true"
+						})]),
+						_: 1
+					})
+				]),
+				_: 1
+			}), (d(!0), a(t, null, p(n, (n) => (d(), r(h(ue), {
+				key: n.value.toString(),
+				class: "dt-cal-grid"
+			}, {
+				default: g(() => [c(h(w), null, {
+					default: g(() => [c(h(T), null, {
+						default: g(() => [(d(!0), a(t, null, p(e, (e) => (d(), r(h(E), {
+							key: e,
+							class: "dt-cal-dow"
+						}, {
+							default: g(() => [s(m(e), 1)]),
+							_: 2
+						}, 1024))), 128))]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024), c(h(de), null, {
+					default: g(() => [(d(!0), a(t, null, p(n.rows, (e, i) => (d(), r(h(T), { key: i }, {
+						default: g(() => [(d(!0), a(t, null, p(e, (e) => (d(), r(h(ce), {
+							key: e.toString(),
+							date: e,
+							class: "dt-cal-cell"
+						}, {
+							default: g(() => [c(h(le), {
+								day: e,
+								month: n.value,
+								class: "dt-cal-day"
+							}, null, 8, ["day", "month"])]),
+							_: 2
+						}, 1032, ["date"]))), 128))]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024))), 128))]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"locale",
+			"week-starts-on",
+			"placeholder"
+		])) : (d(), r(h(se), {
+			key: 1,
+			class: "dt-calendar",
+			"model-value": $.value,
+			locale: h(W),
+			"week-starts-on": h(K),
+			placeholder: $.value ?? h(G),
+			"onUpdate:modelValue": n[1] ||= (e) => ge(e)
+		}, {
+			default: g(({ weekDays: e, grid: n }) => [c(h(S), { class: "dt-cal-head" }, {
+				default: g(() => [
+					c(h(oe), { class: "dt-icon-btn-sm" }, {
+						default: g(() => [c(h(_), {
+							size: 16,
+							"aria-hidden": "true"
+						})]),
+						_: 1
+					}),
+					c(h(ae), { class: "dt-cal-title" }),
+					c(h(C), { class: "dt-icon-btn-sm" }, {
+						default: g(() => [c(h(v), {
+							size: 16,
+							"aria-hidden": "true"
+						})]),
+						_: 1
+					})
+				]),
+				_: 1
+			}), (d(!0), a(t, null, p(n, (n) => (d(), r(h(ne), {
+				key: n.value.toString(),
+				class: "dt-cal-grid"
+			}, {
+				default: g(() => [c(h(ie), null, {
+					default: g(() => [c(h(b), null, {
+						default: g(() => [(d(!0), a(t, null, p(e, (e) => (d(), r(h(x), {
+							key: e,
+							class: "dt-cal-dow"
+						}, {
+							default: g(() => [s(m(e), 1)]),
+							_: 2
+						}, 1024))), 128))]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024), c(h(re), null, {
+					default: g(() => [(d(!0), a(t, null, p(n.rows, (e, i) => (d(), r(h(b), { key: i }, {
+						default: g(() => [(d(!0), a(t, null, p(e, (e) => (d(), r(h(ee), {
+							key: e.toString(),
+							date: e,
+							class: "dt-cal-cell"
+						}, {
+							default: g(() => [c(h(te), {
+								day: e,
+								month: n.value,
+								class: "dt-cal-day"
+							}, null, 8, ["day", "month"])]),
+							_: 2
+						}, 1032, ["date"]))), 128))]),
+						_: 2
+					}, 1024))), 128))]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024))), 128))]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"locale",
+			"week-starts-on",
+			"placeholder"
+		]))]));
+	}
+});
+//#endregion
+export { B as default };
+
+//# sourceMappingURL=DateEditor-C2zzyoPQ.js.map

package/dist/DateEditor-C2zzyoPQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateEditor-C2zzyoPQ.js","names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","_unref","_createBlock","_createCommentVNode","_withCtx","_createVNode","_sfc_main","useDataTableContext","_hoisted_1","_hoisted_2","_hoisted_3","DateEditor_default","defineComponent","__emit","props","__props","emit","PRESETS","tz","getLocalTimeZone","now","today","weekStartsOn","getDayOfWeek","startOfWeek","locale","isRange","computed","obj","v","preset","custom","ref","safe","s","parseDate","rangeValue","o","single","pickPreset","p","onRange","r","onSingle","d","pickToday","openBlock","createElementBlock","createElementVNode","Fragment","renderList","normalizeClass","createTextVNode","toDisplayString","unref","i18n","createBlock","PhCheck","createCommentVNode","_cache","RangeCalendarRoot","withCtx","createVNode","RangeCalendarHeader","RangeCalendarPrev","PhCaretLeft","RangeCalendarHeading","RangeCalendarNext","PhCaretRight","grid","RangeCalendarGrid","month","RangeCalendarGridHead","RangeCalendarGridRow","weekDays","RangeCalendarHeadCell","day","RangeCalendarGridBody","week","RangeCalendarCell","RangeCalendarCellTrigger","CalendarRoot","CalendarHeader","CalendarPrev","CalendarHeading","CalendarNext","CalendarGrid","CalendarGridHead","CalendarGridRow","CalendarHeadCell","CalendarGridBody","CalendarCell","CalendarCellTrigger"],"sources":["../src/core/editors/DateEditor.vue","../src/core/editors/DateEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Tarih editörü (04 §3, T2-04): `within` → solda hazır aralıklar + Custom range, sağda aralık takvimi; `eq/before/after` →\n// Today + tek takvim. Hazır aralık tıklanınca uygulanır ve kapanır; özel aralıkta ikinci uç seçilince. Hafta başı yerel ayardan.\nimport { getDayOfWeek, getLocalTimeZone, parseDate, startOfWeek, today, type DateValue } from '@internationalized/date'\nimport { PhCaretLeft, PhCaretRight, PhCheck } from '@phosphor-icons/vue'\nimport {\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarNext,\n  CalendarPrev,\n  CalendarRoot,\n  RangeCalendarCell,\n  RangeCalendarCellTrigger,\n  RangeCalendarGrid,\n  RangeCalendarGridBody,\n  RangeCalendarGridHead,\n  RangeCalendarGridRow,\n  RangeCalendarHeadCell,\n  RangeCalendarHeader,\n  RangeCalendarHeading,\n  RangeCalendarNext,\n  RangeCalendarPrev,\n  RangeCalendarRoot,\n} from 'reka-ui'\nimport { computed, ref } from 'vue'\nimport type { DatePreset, FilterOp } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\n\nconst props = defineProps<{ op: FilterOp; modelValue: unknown }>()\nconst emit = defineEmits<{ 'update:modelValue': [value: unknown]; done: [] }>()\nconst { i18n, locale } = useDataTableContext()\n\nconst PRESETS: DatePreset[] = [\n  'today',\n  'this_week',\n  'next_7_days',\n  'this_month',\n  'last_30_days',\n  'this_quarter',\n  'overdue',\n]\nconst tz = getLocalTimeZone()\nconst now = today(tz)\nconst weekStartsOn = getDayOfWeek(startOfWeek(now, locale), 'en-US') as 0 | 1 | 2 | 3 | 4 | 5 | 6\nconst isRange = computed(() => props.op === 'within')\nconst obj = (v: unknown): Record<string, unknown> | null =>\n  v && typeof v === 'object' ? (v as Record<string, unknown>) : null\nconst preset = computed(() => obj(props.modelValue)?.preset as string | undefined)\nconst custom = ref(false)\n\nconst safe = (s: unknown): DateValue | undefined => {\n  try {\n    return typeof s === 'string' && s ? parseDate(s.slice(0, 10)) : undefined\n  } catch {\n    return undefined\n  }\n}\nconst rangeValue = computed(() => {\n  const o = obj(props.modelValue)\n  return { start: safe(o?.from), end: safe(o?.to) }\n})\nconst single = computed(() => safe(props.modelValue))\n\nconst pickPreset = (p: DatePreset) => {\n  custom.value = false\n  emit('update:modelValue', { preset: p })\n  emit('done')\n}\nconst onRange = (r: { start: DateValue | undefined; end: DateValue | undefined } | null) => {\n  if (!r?.start || !r.end) return\n  emit('update:modelValue', { from: r.start.toString(), to: r.end.toString() })\n  emit('done')\n}\nconst onSingle = (d: DateValue | undefined) => {\n  if (!d) return\n  emit('update:modelValue', d.toString())\n  emit('done')\n}\nconst pickToday = () => {\n  emit('update:modelValue', { preset: 'today' })\n  emit('done')\n}\n</script>\n\n<template>\n  <div class=\"dt-editor-date\">\n    <div class=\"dt-date-presets\">\n      <template v-if=\"isRange\">\n        <button\n          v-for=\"p in PRESETS\"\n          :key=\"p\"\n          type=\"button\"\n          class=\"dt-pop-item dt-date-preset\"\n          :class=\"{ 'is-on': preset === p }\"\n          @click=\"pickPreset(p)\"\n        >\n          {{ i18n.t(`date.${p}`) }}\n          <PhCheck v-if=\"preset === p\" :size=\"14\" class=\"dt-pop-end\" aria-hidden=\"true\" />\n        </button>\n        <div class=\"dt-pop-sep\" />\n        <button\n          type=\"button\"\n          class=\"dt-pop-item dt-date-preset\"\n          :class=\"{ 'is-on': custom || (!preset && rangeValue.start) }\"\n          @click=\"custom = true\"\n        >\n          {{ i18n.t('date.customRange') }}\n        </button>\n      </template>\n      <template v-else>\n        <button\n          type=\"button\"\n          class=\"dt-pop-item dt-date-preset\"\n          :class=\"{ 'is-on': preset === 'today' }\"\n          @click=\"pickToday\"\n        >\n          {{ i18n.t('date.today') }}\n          <PhCheck v-if=\"preset === 'today'\" :size=\"14\" class=\"dt-pop-end\" aria-hidden=\"true\" />\n        </button>\n      </template>\n    </div>\n    <RangeCalendarRoot\n      v-if=\"isRange\"\n      v-slot=\"{ weekDays, grid }\"\n      class=\"dt-calendar\"\n      :model-value=\"rangeValue.start && rangeValue.end ? { start: rangeValue.start, end: rangeValue.end } : undefined\"\n      :locale=\"locale\"\n      :week-starts-on=\"weekStartsOn\"\n      :placeholder=\"rangeValue.start ?? now\"\n      @update:model-value=\"onRange\"\n    >\n      <RangeCalendarHeader class=\"dt-cal-head\">\n        <RangeCalendarPrev class=\"dt-icon-btn-sm\"><PhCaretLeft :size=\"16\" aria-hidden=\"true\" /></RangeCalendarPrev>\n        <RangeCalendarHeading class=\"dt-cal-title\" />\n        <RangeCalendarNext class=\"dt-icon-btn-sm\"><PhCaretRight :size=\"16\" aria-hidden=\"true\" /></RangeCalendarNext>\n      </RangeCalendarHeader>\n      <RangeCalendarGrid v-for=\"month in grid\" :key=\"month.value.toString()\" class=\"dt-cal-grid\">\n        <RangeCalendarGridHead>\n          <RangeCalendarGridRow>\n            <RangeCalendarHeadCell v-for=\"day in weekDays\" :key=\"day\" class=\"dt-cal-dow\">\n              {{ day }}\n            </RangeCalendarHeadCell>\n          </RangeCalendarGridRow>\n        </RangeCalendarGridHead>\n        <RangeCalendarGridBody>\n          <RangeCalendarGridRow v-for=\"(week, i) in month.rows\" :key=\"i\">\n            <RangeCalendarCell v-for=\"d in week\" :key=\"d.toString()\" :date=\"d\" class=\"dt-cal-cell\">\n              <RangeCalendarCellTrigger :day=\"d\" :month=\"month.value\" class=\"dt-cal-day\" />\n            </RangeCalendarCell>\n          </RangeCalendarGridRow>\n        </RangeCalendarGridBody>\n      </RangeCalendarGrid>\n    </RangeCalendarRoot>\n    <CalendarRoot\n      v-else\n      v-slot=\"{ weekDays, grid }\"\n      class=\"dt-calendar\"\n      :model-value=\"single\"\n      :locale=\"locale\"\n      :week-starts-on=\"weekStartsOn\"\n      :placeholder=\"single ?? now\"\n      @update:model-value=\"(d) => onSingle(d as DateValue | undefined)\"\n    >\n      <CalendarHeader class=\"dt-cal-head\">\n        <CalendarPrev class=\"dt-icon-btn-sm\"><PhCaretLeft :size=\"16\" aria-hidden=\"true\" /></CalendarPrev>\n        <CalendarHeading class=\"dt-cal-title\" />\n        <CalendarNext class=\"dt-icon-btn-sm\"><PhCaretRight :size=\"16\" aria-hidden=\"true\" /></CalendarNext>\n      </CalendarHeader>\n      <CalendarGrid v-for=\"month in grid\" :key=\"month.value.toString()\" class=\"dt-cal-grid\">\n        <CalendarGridHead>\n          <CalendarGridRow>\n            <CalendarHeadCell v-for=\"day in weekDays\" :key=\"day\" class=\"dt-cal-dow\">{{ day }}</CalendarHeadCell>\n          </CalendarGridRow>\n        </CalendarGridHead>\n        <CalendarGridBody>\n          <CalendarGridRow v-for=\"(week, i) in month.rows\" :key=\"i\">\n            <CalendarCell v-for=\"d in week\" :key=\"d.toString()\" :date=\"d\" class=\"dt-cal-cell\">\n              <CalendarCellTrigger :day=\"d\" :month=\"month.value\" class=\"dt-cal-day\" />\n            </CalendarCell>\n          </CalendarGridRow>\n        </CalendarGridBody>\n      </CalendarGrid>\n    </CalendarRoot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n// Tarih editörü (04 §3, T2-04): `within` → solda hazır aralıklar + Custom range, sağda aralık takvimi; `eq/before/after` →\n// Today + tek takvim. Hazır aralık tıklanınca uygulanır ve kapanır; özel aralıkta ikinci uç seçilince. Hafta başı yerel ayardan.\nimport { getDayOfWeek, getLocalTimeZone, parseDate, startOfWeek, today, type DateValue } from '@internationalized/date'\nimport { PhCaretLeft, PhCaretRight, PhCheck } from '@phosphor-icons/vue'\nimport {\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarNext,\n  CalendarPrev,\n  CalendarRoot,\n  RangeCalendarCell,\n  RangeCalendarCellTrigger,\n  RangeCalendarGrid,\n  RangeCalendarGridBody,\n  RangeCalendarGridHead,\n  RangeCalendarGridRow,\n  RangeCalendarHeadCell,\n  RangeCalendarHeader,\n  RangeCalendarHeading,\n  RangeCalendarNext,\n  RangeCalendarPrev,\n  RangeCalendarRoot,\n} from 'reka-ui'\nimport { computed, ref } from 'vue'\nimport type { DatePreset, FilterOp } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\n\nconst props = defineProps<{ op: FilterOp; modelValue: unknown }>()\nconst emit = defineEmits<{ 'update:modelValue': [value: unknown]; done: [] }>()\nconst { i18n, locale } = useDataTableContext()\n\nconst PRESETS: DatePreset[] = [\n  'today',\n  'this_week',\n  'next_7_days',\n  'this_month',\n  'last_30_days',\n  'this_quarter',\n  'overdue',\n]\nconst tz = getLocalTimeZone()\nconst now = today(tz)\nconst weekStartsOn = getDayOfWeek(startOfWeek(now, locale), 'en-US') as 0 | 1 | 2 | 3 | 4 | 5 | 6\nconst isRange = computed(() => props.op === 'within')\nconst obj = (v: unknown): Record<string, unknown> | null =>\n  v && typeof v === 'object' ? (v as Record<string, unknown>) : null\nconst preset = computed(() => obj(props.modelValue)?.preset as string | undefined)\nconst custom = ref(false)\n\nconst safe = (s: unknown): DateValue | undefined => {\n  try {\n    return typeof s === 'string' && s ? parseDate(s.slice(0, 10)) : undefined\n  } catch {\n    return undefined\n  }\n}\nconst rangeValue = computed(() => {\n  const o = obj(props.modelValue)\n  return { start: safe(o?.from), end: safe(o?.to) }\n})\nconst single = computed(() => safe(props.modelValue))\n\nconst pickPreset = (p: DatePreset) => {\n  custom.value = false\n  emit('update:modelValue', { preset: p })\n  emit('done')\n}\nconst onRange = (r: { start: DateValue | undefined; end: DateValue | undefined } | null) => {\n  if (!r?.start || !r.end) return\n  emit('update:modelValue', { from: r.start.toString(), to: r.end.toString() })\n  emit('done')\n}\nconst onSingle = (d: DateValue | undefined) => {\n  if (!d) return\n  emit('update:modelValue', d.toString())\n  emit('done')\n}\nconst pickToday = () => {\n  emit('update:modelValue', { preset: 'today' })\n  emit('done')\n}\n</script>\n\n<template>\n  <div class=\"dt-editor-date\">\n    <div class=\"dt-date-presets\">\n      <template v-if=\"isRange\">\n        <button\n          v-for=\"p in PRESETS\"\n          :key=\"p\"\n          type=\"button\"\n          class=\"dt-pop-item dt-date-preset\"\n          :class=\"{ 'is-on': preset === p }\"\n          @click=\"pickPreset(p)\"\n        >\n          {{ i18n.t(`date.${p}`) }}\n          <PhCheck v-if=\"preset === p\" :size=\"14\" class=\"dt-pop-end\" aria-hidden=\"true\" />\n        </button>\n        <div class=\"dt-pop-sep\" />\n        <button\n          type=\"button\"\n          class=\"dt-pop-item dt-date-preset\"\n          :class=\"{ 'is-on': custom || (!preset && rangeValue.start) }\"\n          @click=\"custom = true\"\n        >\n          {{ i18n.t('date.customRange') }}\n        </button>\n      </template>\n      <template v-else>\n        <button\n          type=\"button\"\n          class=\"dt-pop-item dt-date-preset\"\n          :class=\"{ 'is-on': preset === 'today' }\"\n          @click=\"pickToday\"\n        >\n          {{ i18n.t('date.today') }}\n          <PhCheck v-if=\"preset === 'today'\" :size=\"14\" class=\"dt-pop-end\" aria-hidden=\"true\" />\n        </button>\n      </template>\n    </div>\n    <RangeCalendarRoot\n      v-if=\"isRange\"\n      v-slot=\"{ weekDays, grid }\"\n      class=\"dt-calendar\"\n      :model-value=\"rangeValue.start && rangeValue.end ? { start: rangeValue.start, end: rangeValue.end } : undefined\"\n      :locale=\"locale\"\n      :week-starts-on=\"weekStartsOn\"\n      :placeholder=\"rangeValue.start ?? now\"\n      @update:model-value=\"onRange\"\n    >\n      <RangeCalendarHeader class=\"dt-cal-head\">\n        <RangeCalendarPrev class=\"dt-icon-btn-sm\"><PhCaretLeft :size=\"16\" aria-hidden=\"true\" /></RangeCalendarPrev>\n        <RangeCalendarHeading class=\"dt-cal-title\" />\n        <RangeCalendarNext class=\"dt-icon-btn-sm\"><PhCaretRight :size=\"16\" aria-hidden=\"true\" /></RangeCalendarNext>\n      </RangeCalendarHeader>\n      <RangeCalendarGrid v-for=\"month in grid\" :key=\"month.value.toString()\" class=\"dt-cal-grid\">\n        <RangeCalendarGridHead>\n          <RangeCalendarGridRow>\n            <RangeCalendarHeadCell v-for=\"day in weekDays\" :key=\"day\" class=\"dt-cal-dow\">\n              {{ day }}\n            </RangeCalendarHeadCell>\n          </RangeCalendarGridRow>\n        </RangeCalendarGridHead>\n        <RangeCalendarGridBody>\n          <RangeCalendarGridRow v-for=\"(week, i) in month.rows\" :key=\"i\">\n            <RangeCalendarCell v-for=\"d in week\" :key=\"d.toString()\" :date=\"d\" class=\"dt-cal-cell\">\n              <RangeCalendarCellTrigger :day=\"d\" :month=\"month.value\" class=\"dt-cal-day\" />\n            </RangeCalendarCell>\n          </RangeCalendarGridRow>\n        </RangeCalendarGridBody>\n      </RangeCalendarGrid>\n    </RangeCalendarRoot>\n    <CalendarRoot\n      v-else\n      v-slot=\"{ weekDays, grid }\"\n      class=\"dt-calendar\"\n      :model-value=\"single\"\n      :locale=\"locale\"\n      :week-starts-on=\"weekStartsOn\"\n      :placeholder=\"single ?? now\"\n      @update:model-value=\"(d) => onSingle(d as DateValue | undefined)\"\n    >\n      <CalendarHeader class=\"dt-cal-head\">\n        <CalendarPrev class=\"dt-icon-btn-sm\"><PhCaretLeft :size=\"16\" aria-hidden=\"true\" /></CalendarPrev>\n        <CalendarHeading class=\"dt-cal-title\" />\n        <CalendarNext class=\"dt-icon-btn-sm\"><PhCaretRight :size=\"16\" aria-hidden=\"true\" /></CalendarNext>\n      </CalendarHeader>\n      <CalendarGrid v-for=\"month in grid\" :key=\"month.value.toString()\" class=\"dt-cal-grid\">\n        <CalendarGridHead>\n          <CalendarGridRow>\n            <CalendarHeadCell v-for=\"day in weekDays\" :key=\"day\" class=\"dt-cal-dow\">{{ day }}</CalendarHeadCell>\n          </CalendarGridRow>\n        </CalendarGridHead>\n        <CalendarGridBody>\n          <CalendarGridRow v-for=\"(week, i) in month.rows\" :key=\"i\">\n            <CalendarCell v-for=\"d in week\" :key=\"d.toString()\" :date=\"d\" class=\"dt-cal-cell\">\n              <CalendarCellTrigger :day=\"d\" :month=\"month.value\" class=\"dt-cal-day\" />\n            </CalendarCell>\n          </CalendarGridRow>\n        </CalendarGridBody>\n      </CalendarGrid>\n    </CalendarRoot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAmCA,IAAMqB,IAAQC,GACRC,IAAOH,GACP,EAAE,SAAM,cAAWN,EAAoB,GAEvCU,KAAwB;GAC5B;GACA;GACA;GACA;GACA;GACA;GACA;EACF,GACMC,KAAKC,EAAiB,GACtBC,IAAMC,EAAMH,EAAE,GACdI,IAAeC,EAAaC,EAAYJ,GAAKK,CAAM,GAAG,OAAO,GAC7DC,IAAUC,QAAeb,EAAM,OAAO,QAAQ,GAC9Cc,KAAO,MACXC,KAAK,OAAOA,KAAM,WAAYA,IAAgC,MAC1DC,IAASH,QAAeC,EAAId,EAAM,UAAU,CAAC,EAAE,MAA4B,GAC3EiB,IAASC,EAAI,EAAK,GAElBC,KAAQ,MAAsC;GAClD,IAAI;IACF,OAAO,OAAOC,KAAM,YAAYA,IAAIC,EAAUD,EAAE,MAAM,GAAG,EAAE,CAAC,IAAI,KAAA;GAClE,QAAQ;IACN;GACF;EACF,GACME,IAAaT,QAAe;GAChC,IAAMU,IAAIT,EAAId,EAAM,UAAU;GAC9B,OAAO;IAAE,OAAOmB,EAAKI,GAAG,IAAI;IAAG,KAAKJ,EAAKI,GAAG,EAAE;GAAE;EAClD,CAAC,GACKC,IAASX,QAAeM,EAAKnB,EAAM,UAAU,CAAC,GAE9CyB,MAAc,MAAkB;GAGpC,AAFA,EAAO,QAAQ,IACfvB,EAAK,qBAAqB,EAAE,QAAQwB,EAAE,CAAC,GACvCxB,EAAK,MAAM;EACb,GACMyB,MAAW,MAA2E;GAC1F,AAAKC,GAAG,SAAUA,EAAE,QACpB1B,EAAK,qBAAqB;IAAE,MAAM0B,EAAE,MAAM,SAAS;IAAG,IAAIA,EAAE,IAAI,SAAS;GAAE,CAAC,GAC5E1B,EAAK,MAAM;EACb,GACM2B,MAAY,MAA6B;GAC7C,AAAKC,MACL5B,EAAK,qBAAqB4B,EAAE,SAAS,CAAC,GACtC5B,EAAK,MAAM;EACb,GACM6B,WAAkB;GAEtB,AADA7B,EAAK,qBAAqB,EAAE,QAAQ,QAAQ,CAAC,GAC7CA,EAAK,MAAM;EACb;E,kBAIEvB,EAAA,GAAAC,EAkGM,OAlGNc,GAkGM,CAjGJb,EAkCM,OAlCNc,GAkCM,CAjCYiB,EAAA,SAAhBjC,EAAA,GAAAC,EAqBWE,GAAA,EAAA,KAAA,EAAA,GAAA;IApBTH,EAAA,GAAAC,EAUSE,GAAA,MAAAC,EATKoB,KAAL,MADTtB,EAUS,UAAA;IARN,KAAK6C;IACN,MAAK;IACL,OAAK1C,EAAA,CAAC,8BAA4B,EAAA,SACfgC,EAAA,UAAWU,EAAC,CAAA,CAAA;IAC9B,UAAK,MAAED,GAAWC,CAAC;G,IAEjBzC,EAAAC,EAAAC,EAAAsD,CAAA,CAAI,CAAC,EAAC,QAASf,GAAC,CAAA,IAAM,KACzB,CAAA,GAAeV,EAAA,UAAWU,KAA1B/C,EAAA,GAAAS,EAAgFD,EAAAwD,CAAA,GAAA;;IAAlD,MAAM;IAAI,OAAM;IAAa,eAAY;;GAEzE,AAAAE,EAAA,OAAAhE,EAA0B,OAAA,EAArB,OAAM,aAAY,GAAA,MAAA,EAAA;GACvBA,EAOS,UAAA;IANP,MAAK;IACL,OAAKG,EAAA,CAAC,8BAA4B,EAAA,SACfiC,EAAA,SAAM,CAAMD,EAAA,SAAUM,EAAA,MAAW,MAAK,CAAA,CAAA;IACxD,SAAK,AAAAuB,EAAA,QAAA,MAAE,EAAA,QAAM;GAEX,GAAA3D,EAAAC,EAAAsD,CAAA,CAAI,CAAC,EAAC,kBAAA,CAAA,GAAA,CAAA;E,WAIX9D,EAAA,GAAAC,EAQS,UAAA;;GAPP,MAAK;GACL,OAAKI,EAAA,CAAC,8BAA4B,EAAA,SACfgC,EAAA,UAAM,QAAA,CAAA,CAAA;GACxB,SAAOe;E,IAEL9C,EAAAC,EAAAC,EAAAsD,CAAA,CAAI,CAAC,EAAC,YAAA,CAAA,IAAiB,KAC1B,CAAA,GAAezB,EAAA,UAAM,WAArBrC,EAAA,GAAAS,EAAsFD,EAAAwD,CAAA,GAAA;;GAAlD,MAAM;GAAI,OAAM;GAAa,eAAY;E,yBAK3E/B,EAAA,SADRjC,EAAA,GAAAS,EA+BoBD,EAAA2D,CAAA,GAAA;;GA5BlB,OAAM;GACL,eAAaxB,EAAA,MAAW,SAASA,EAAA,MAAW,MAAG;IAAA,OAAYA,EAAA,MAAW;IAAK,KAAOA,EAAA,MAAW;GAAG,IAAK,KAAA;GACrG,QAAQnC,EAAAwB,CAAA;GACR,kBAAgBxB,EAAAqB,CAAA;GAChB,aAAac,EAAA,MAAW,SAASnC,EAAAmB,CAAA;GACjC,uBAAoBqB;;GAErB,SAAArC,GAIsB,EAZZ,aAAU,cAAI,CAQxBC,EAIsBJ,EAAA8D,CAAA,GAAA,EAJD,OAAM,cAAa,GAAA;IACtC,SAAA3D,QAA2G;KAA3GC,EAA2GJ,EAAA+D,CAAA,GAAA,EAAxF,OAAM,iBAAgB,GAAA;MAAC,SAAA5D,QAA6C,CAA7CC,EAA6CJ,EAAAgE,CAAA,GAAA;OAA/B,MAAM;OAAI,eAAY;;;;KAC9E5D,EAA6CJ,EAAAiE,CAAA,GAAA,EAAvB,OAAM,eAAc,CAAA;KAC1C7D,EAA4GJ,EAAAkE,CAAA,GAAA,EAAzF,OAAM,iBAAgB,GAAA;MAAC,SAAA/D,QAA8C,CAA9CC,EAA8CJ,EAAAmE,CAAA,GAAA;OAA/B,MAAM;OAAI,eAAY;;;;;;G,KAEjF3E,EAAA,EAAA,GAAAC,EAeoBE,GAAA,MAAAC,EAfewE,IAAT,OAA1B5E,EAAA,GAAAS,EAeoBD,EAAAqE,EAAA,GAAA;IAfsB,KAAKC,EAAM,MAAM,SAAQ;IAAI,OAAM;;IAC3E,SAAAnE,QAMwB,CANxBC,EAMwBJ,EAAAuE,CAAA,GAAA,MAAA;KALtB,SAAApE,QAIuB,CAJvBC,EAIuBJ,EAAAwE,CAAA,GAAA,MAAA;MAHE,SAAArE,QAAuB,EAA9CX,EAAA,EAAA,GAAAC,EAEwBE,GAAA,MAAAC,EAFa6E,IAAP,OAA9BjF,EAAA,GAAAS,EAEwBD,EAAA0E,CAAA,GAAA;OAFwB,KAAKC;OAAK,OAAM;;OAC9D,SAAAxE,QAAS,CAANL,EAAAC,EAAA4E,CAAG,GAAA,CAAA,C;;;;;;I,UAIZvE,EAMwBJ,EAAA4E,EAAA,GAAA,MAAA;KALA,SAAAzE,QAA+B,EAArDX,EAAA,EAAA,GAAAC,EAIuBE,GAAA,MAAAC,EAJmB0E,EAAM,OAAlB,GAAM,OAApC9E,EAAA,GAAAS,EAIuBD,EAAAwE,CAAA,GAAA,EAJgC,KAAK,EAAC,GAAA;MACxC,SAAArE,QAAiB,EAApCX,EAAA,EAAA,GAAAC,EAEoBE,GAAA,MAAAC,EAFWiF,IAAL,OAA1BrF,EAAA,GAAAS,EAEoBD,EAAA8E,EAAA,GAAA;OAFkB,KAAKnC,EAAE,SAAQ;OAAK,MAAMA;OAAG,OAAM;;OACvE,SAAAxC,QAA6E,CAA7EC,EAA6EJ,EAAA+E,EAAA,GAAA;QAAlD,KAAKpC;QAAI,OAAO2B,EAAM;QAAO,OAAM;;;;;;;;;;;;;;;;E,OAMxE9E,EAAA,GAAAS,EA6BeD,EAAAgF,EAAA,GAAA;;GA1Bb,OAAM;GACL,eAAa3C,EAAA;GACb,QAAQrC,EAAAwB,CAAA;GACR,kBAAgBxB,EAAAqB,CAAA;GAChB,aAAagB,EAAA,SAAUrC,EAAAmB,CAAA;GACvB,uBAAkB,AAAAuC,EAAA,QAAG,MAAMhB,GAASC,CAAC;;GAEtC,SAAAxC,GAIiB,EAZP,aAAU,cAAI,CAQxBC,EAIiBJ,EAAAiF,CAAA,GAAA,EAJD,OAAM,cAAa,GAAA;IACjC,SAAA9E,QAAiG;KAAjGC,EAAiGJ,EAAAkF,EAAA,GAAA,EAAnF,OAAM,iBAAgB,GAAA;MAAC,SAAA/E,QAA6C,CAA7CC,EAA6CJ,EAAAgE,CAAA,GAAA;OAA/B,MAAM;OAAI,eAAY;;;;KACzE5D,EAAwCJ,EAAAmF,EAAA,GAAA,EAAvB,OAAM,eAAc,CAAA;KACrC/E,EAAkGJ,EAAAoF,CAAA,GAAA,EAApF,OAAM,iBAAgB,GAAA;MAAC,SAAAjF,QAA8C,CAA9CC,EAA8CJ,EAAAmE,CAAA,GAAA;OAA/B,MAAM;OAAI,eAAY;;;;;;G,KAE5E3E,EAAA,EAAA,GAAAC,EAaeE,GAAA,MAAAC,EAbewE,IAAT,OAArB5E,EAAA,GAAAS,EAaeD,EAAAqF,EAAA,GAAA;IAbsB,KAAKf,EAAM,MAAM,SAAQ;IAAI,OAAM;;IACtE,SAAAnE,QAImB,CAJnBC,EAImBJ,EAAAsF,EAAA,GAAA,MAAA;KAHjB,SAAAnF,QAEkB,CAFlBC,EAEkBJ,EAAAuF,CAAA,GAAA,MAAA;MADE,SAAApF,QAAuB,EAAzCX,EAAA,EAAA,GAAAC,EAAoGE,GAAA,MAAAC,EAApE6E,IAAP,OAAzBjF,EAAA,GAAAS,EAAoGD,EAAAwF,CAAA,GAAA;OAAzD,KAAKb;OAAK,OAAM;;OAAa,SAAAxE,QAAS,CAANL,EAAAC,EAAA4E,CAAG,GAAA,CAAA,C;;;;;;I,UAGlFvE,EAMmBJ,EAAAyF,EAAA,GAAA,MAAA;KALA,SAAAtF,QAA+B,EAAhDX,EAAA,EAAA,GAAAC,EAIkBE,GAAA,MAAAC,EAJmB0E,EAAM,OAAlB,GAAM,OAA/B9E,EAAA,GAAAS,EAIkBD,EAAAuF,CAAA,GAAA,EAJgC,KAAK,EAAC,GAAA;MACxC,SAAApF,QAAiB,EAA/BX,EAAA,EAAA,GAAAC,EAEeE,GAAA,MAAAC,EAFWiF,IAAL,OAArBrF,EAAA,GAAAS,EAEeD,EAAA0F,EAAA,GAAA;OAFkB,KAAK/C,EAAE,SAAQ;OAAK,MAAMA;OAAG,OAAM;;OAClE,SAAAxC,QAAwE,CAAxEC,EAAwEJ,EAAA2F,EAAA,GAAA;QAAlD,KAAKhD;QAAI,OAAO2B,EAAM;QAAO,OAAM"}

package/dist/FiltersSheet-C3zOlbkN.js

@@ -0,0 +1,284 @@
+import { D as e, E as t, M as n, O as r, T as ee, W as te, X as i, j as ne } from "./query-CGNWUi2E.js";
+import { a as re, i as ie, n as ae, r as oe, t as se } from "./TextEditor-CHLM6u-l.js";
+import { t as ce } from "./Layer-Di-tPd8b.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as le, createTextVNode as d, createVNode as f, defineAsyncComponent as ue, defineComponent as p, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as de, toDisplayString as _, unref as v, vModelText as fe, withCtx as y, withDirectives as pe } from "vue";
+import { PhArrowDown as me, PhArrowUp as he, PhCaretDown as b, PhCaretLeft as ge, PhCaretRight as _e, PhMagnifyingGlass as ve, PhPlus as ye, PhX as be } from "@phosphor-icons/vue";
+import { ToggleGroupItem as x, ToggleGroupRoot as xe } from "reka-ui";
+//#region src/core/filters/FiltersSheet.vue?vue&type=script&setup=true&lang.ts
+var Se = ["aria-label"], Ce = ["disabled"], we = ["onClick"], Te = { class: "dt-bsheet-field" }, S = { class: "dt-bsheet-value is-strong" }, C = ["aria-label", "onClick"], w = { class: "dt-bsheet-label" }, T = ["onClick"], E = { class: "dt-bsheet-field" }, D = { class: "dt-bsheet-value" }, O = { class: "dt-bsheet-label" }, Ee = { class: "dt-bsheet-row is-sort" }, k = { class: "dt-select dt-bsheet-select" }, De = ["value", "aria-label"], Oe = { value: "" }, ke = ["value"], Ae = { class: "dt-input has-icon dt-bsheet-search" }, je = { class: "dt-input-icon" }, Me = ["placeholder", "aria-label"], Ne = ["onClick"], Pe = {
+	key: 0,
+	class: "dt-options-empty"
+}, Fe = {
+	key: 2,
+	class: "dt-bsheet-editor"
+}, Ie = { class: "dt-select dt-bsheet-select" }, Le = ["value", "aria-label"], Re = ["value"], A = /* @__PURE__ */ p({
+	__name: "FiltersSheet",
+	props: {
+		columns: {},
+		chips: {},
+		sort: {},
+		rows: {},
+		labels: {},
+		summaryOf: { type: Function },
+		currenciesOf: { type: Function }
+	},
+	emits: ["apply"],
+	setup(p, { expose: A, emit: ze }) {
+		let Be = ue(() => import("./DateEditor-C2zzyoPQ.js")), j = p, Ve = ze, { i18n: M } = te(), N = h(!1), P = h([]), F = h(null), I = h("main"), L = h(null), R = h(""), z = (e) => j.columns.find((t) => t.id === e), B = (e) => z(e)?.header ?? e, V = o(() => j.columns.filter((e) => e.filterable ?? i[e.type].filterable)), He = o(() => j.columns.filter((e) => e.sortable ?? i[e.type].sortable)), H = (e) => P.value.some((t) => t.column === e), U = o(() => V.value.filter((e) => e.suggested && !H(e.id))), W = o(() => V.value.filter((e) => !H(e.id) && (!R.value || e.header.toLocaleLowerCase().includes(R.value.toLocaleLowerCase()))));
+		A({ show: (e) => {
+			P.value = j.chips.map((e) => ({ ...e })), F.value = j.sort[0] ?? null, I.value = "main", L.value = null, R.value = "", N.value = !0, e && G(e);
+		} });
+		let G = (e) => {
+			let n = z(e);
+			if (!n) return;
+			let r = P.value.find((t) => t.column === e);
+			n.type === "boolean" ? P.value = r ? P.value.map((e) => e === r ? {
+				...e,
+				value: e.value !== !0
+			} : e) : [...P.value, {
+				column: e,
+				op: t(n),
+				value: !0
+			}] : (r || (P.value = [...P.value, {
+				column: e,
+				op: t(n)
+			}]), L.value = e, I.value = "editor");
+		}, K = o(() => P.value.find((e) => e.column === L.value) ?? null), q = o(() => L.value ? z(L.value) : void 0), J = o(() => K.value && q.value ? e(K.value.op, q.value.type) : null), Ue = o(() => q.value ? n(q.value) : []), We = o(() => Array.isArray(K.value?.value) ? K.value.value.length : 1), Y = (e) => P.value = P.value.map((t) => t.column === L.value ? {
+			...t,
+			...e
+		} : t), X = (e) => {
+			let t = q.value;
+			Y({
+				value: e,
+				currency: t.type === "currency" ? K.value?.currency ?? j.currenciesOf(t)[0] : K.value?.currency
+			});
+		}, Z = (e) => P.value = P.value.map((t) => t.column === L.value ? ee(t, e, q.value.type) : t), Ge = () => Z(K.value?.op === "is_empty" ? "in" : "is_empty"), Q = (e) => P.value = P.value.filter((t) => t.column !== e), $ = () => {
+			let e = K.value;
+			e && q.value && !r(e, q.value.type) && Q(e.column), L.value = null, I.value = "main";
+		}, Ke = (e) => F.value = e ? {
+			column: e,
+			dir: F.value?.dir ?? "asc"
+		} : null, qe = (e) => {
+			(e === "asc" || e === "desc") && F.value && (F.value = {
+				...F.value,
+				dir: e
+			});
+		}, Je = () => {
+			Ve("apply", P.value.filter((e) => r(e, z(e.column).type)), F.value ? [F.value] : []), N.value = !1;
+		}, Ye = o(() => I.value === "main" ? M.t("mobile.filters") : I.value === "picker" ? M.t("filter.addFilter") : q.value?.header ?? "");
+		return (e, t) => (m(), s(ce, {
+			open: N.value,
+			"onUpdate:open": t[7] ||= (e) => N.value = e,
+			sheet: "",
+			"content-class": "dt-filters-sheet",
+			title: Ye.value
+		}, le({
+			"head-end": y(() => [I.value === "main" ? (m(), l("button", {
+				key: 0,
+				type: "button",
+				class: "dt-bsheet-action",
+				onClick: t[0] ||= (e) => P.value = []
+			}, _(v(M).t("filter.clearAll")), 1)) : I.value === "editor" ? (m(), l("button", {
+				key: 1,
+				type: "button",
+				class: "dt-bsheet-action",
+				disabled: K.value?.value === void 0,
+				onClick: t[1] ||= (e) => Y({ value: void 0 })
+			}, _(v(M).t("common.clear")), 9, Ce)) : c("", !0)]),
+			foot: y(() => [I.value === "editor" ? (m(), l("button", {
+				key: 0,
+				type: "button",
+				class: "dt-bsheet-primary",
+				onClick: $
+			}, _(v(M).t("common.done")), 1)) : (m(), l("button", {
+				key: 1,
+				type: "button",
+				class: "dt-bsheet-primary",
+				onClick: Je
+			}, _(v(M).t("mobile.showResults")), 1))]),
+			default: y(() => [I.value === "main" ? (m(), l(a, { key: 0 }, [
+				(m(!0), l(a, null, g(P.value, (e) => (m(), l("div", {
+					key: e.column,
+					class: "dt-bsheet-row is-split"
+				}, [u("button", {
+					type: "button",
+					class: "dt-bsheet-row-main",
+					onClick: (t) => G(e.column)
+				}, [u("span", Te, _(B(e.column)), 1), u("span", S, _(p.summaryOf(e).text), 1)], 8, we), u("button", {
+					type: "button",
+					class: "dt-bsheet-x",
+					"aria-label": v(M).t("filter.removeAria", { column: B(e.column) }),
+					onClick: (t) => Q(e.column)
+				}, [f(v(be), {
+					size: 16,
+					"aria-hidden": "true"
+				})], 8, C)]))), 128)),
+				U.value.length ? (m(), l(a, { key: 0 }, [u("div", w, _(v(M).t("picker.suggested")), 1), (m(!0), l(a, null, g(U.value, (e) => (m(), l("button", {
+					key: e.id,
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: (t) => G(e.id)
+				}, [
+					u("span", E, _(e.header), 1),
+					u("span", D, _(v(M).t("common.any")), 1),
+					f(v(_e), {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				], 8, T))), 128))], 64)) : c("", !0),
+				u("button", {
+					type: "button",
+					class: "dt-bsheet-row is-accent",
+					onClick: t[2] ||= (e) => I.value = "picker"
+				}, [f(v(ye), {
+					size: 18,
+					"aria-hidden": "true"
+				}), d(" " + _(v(M).t("filter.addFilter")), 1)]),
+				t[8] ||= u("div", { class: "dt-bsheet-sep" }, null, -1),
+				u("div", O, _(v(M).t("mobile.sort")), 1),
+				u("div", Ee, [u("label", k, [u("select", {
+					value: F.value?.column ?? "",
+					"aria-label": v(M).t("mobile.sort"),
+					onChange: t[3] ||= (e) => Ke(e.target.value)
+				}, [u("option", Oe, _(v(M).t("common.empty")), 1), (m(!0), l(a, null, g(He.value, (e) => (m(), l("option", {
+					key: e.id,
+					value: e.id
+				}, _(e.header), 9, ke))), 128))], 40, De), f(v(b), {
+					size: 14,
+					"aria-hidden": "true"
+				})]), f(v(xe), {
+					class: "dt-seg dt-bsheet-dir",
+					type: "single",
+					"model-value": F.value?.dir ?? "",
+					disabled: !F.value,
+					"onUpdate:modelValue": qe
+				}, {
+					default: y(() => [f(v(x), {
+						class: "dt-seg-item",
+						value: "asc",
+						"aria-label": v(M).t("header.sortAsc")
+					}, {
+						default: y(() => [f(v(he), {
+							size: 16,
+							"aria-hidden": "true"
+						})]),
+						_: 1
+					}, 8, ["aria-label"]), f(v(x), {
+						class: "dt-seg-item",
+						value: "desc",
+						"aria-label": v(M).t("header.sortDesc")
+					}, {
+						default: y(() => [f(v(me), {
+							size: 16,
+							"aria-hidden": "true"
+						})]),
+						_: 1
+					}, 8, ["aria-label"])]),
+					_: 1
+				}, 8, ["model-value", "disabled"])])
+			], 64)) : I.value === "picker" ? (m(), l(a, { key: 1 }, [
+				u("label", Ae, [u("span", je, [f(v(ve), {
+					size: 16,
+					"aria-hidden": "true"
+				})]), pe(u("input", {
+					"onUpdate:modelValue": t[4] ||= (e) => R.value = e,
+					type: "search",
+					placeholder: v(M).t("picker.search"),
+					"aria-label": v(M).t("picker.search")
+				}, null, 8, Me), [[fe, R.value]])]),
+				(m(!0), l(a, null, g(W.value, (e) => (m(), l("button", {
+					key: e.id,
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: (t) => G(e.id)
+				}, [(m(), s(de(v(re)[e.type]), {
+					size: 16,
+					class: "dt-bsheet-icon",
+					"aria-hidden": "true"
+				})), d(" " + _(e.header), 1)], 8, Ne))), 128)),
+				W.value.length ? c("", !0) : (m(), l("div", Pe, _(v(M).t("picker.noMatch")), 1))
+			], 64)) : K.value && q.value ? (m(), l("div", Fe, [u("label", Ie, [u("select", {
+				value: K.value.op,
+				"aria-label": v(M).t("mobile.operator"),
+				onChange: t[5] ||= (e) => Z(e.target.value)
+			}, [(m(!0), l(a, null, g(Ue.value, (e) => (m(), l("option", {
+				key: e,
+				value: e
+			}, _(v(ne)(v(M), e, q.value.type, We.value)), 9, Re))), 128))], 40, Le), f(v(b), {
+				size: 14,
+				"aria-hidden": "true"
+			})]), J.value === "options" ? (m(), s(oe, {
+				key: 0,
+				column: q.value,
+				op: K.value.op,
+				"model-value": Array.isArray(K.value.value) ? K.value.value : [],
+				rows: p.rows,
+				labels: p.labels,
+				"onUpdate:modelValue": X,
+				onUnassigned: Ge
+			}, null, 8, [
+				"column",
+				"op",
+				"model-value",
+				"rows",
+				"labels"
+			])) : J.value === "text" ? (m(), s(se, {
+				key: 1,
+				column: q.value,
+				op: K.value.op,
+				"model-value": K.value.value,
+				"onUpdate:modelValue": X,
+				onDone: $
+			}, null, 8, [
+				"column",
+				"op",
+				"model-value"
+			])) : J.value === "number" ? (m(), s(ie, {
+				key: 2,
+				column: q.value,
+				op: K.value.op,
+				"model-value": K.value.value,
+				currency: K.value.currency,
+				currencies: p.currenciesOf(q.value),
+				"onUpdate:modelValue": X,
+				"onUpdate:currency": t[6] ||= (e) => Y({ currency: e }),
+				onDone: $
+			}, null, 8, [
+				"column",
+				"op",
+				"model-value",
+				"currency",
+				"currencies"
+			])) : J.value === "star" ? (m(), s(ae, {
+				key: 3,
+				column: q.value,
+				"model-value": K.value.value,
+				"onUpdate:modelValue": X,
+				onDone: $
+			}, null, 8, ["column", "model-value"])) : J.value === "date" ? (m(), s(v(Be), {
+				key: 4,
+				op: K.value.op,
+				"model-value": K.value.value,
+				"onUpdate:modelValue": X,
+				onDone: $
+			}, null, 8, ["op", "model-value"])) : c("", !0)])) : c("", !0)]),
+			_: 2
+		}, [I.value === "main" ? void 0 : {
+			name: "head-start",
+			fn: y(() => [u("button", {
+				type: "button",
+				class: "dt-bsheet-back",
+				"aria-label": v(M).t("mobile.backToFilters"),
+				onClick: $
+			}, [f(v(ge), {
+				size: 20,
+				"aria-hidden": "true"
+			})], 8, Se)]),
+			key: "0"
+		}]), 1032, ["open", "title"]));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=FiltersSheet-C3zOlbkN.js.map