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

package/dist/PhoneMoreSheet-gfkH96RR.js

@@ -0,0 +1,227 @@
+import { o as e, s as t } from "./query-DQWMlX0m.js";
+import { i as n } from "./plugin-DhgcjEdi.js";
+import { t as r } from "./Layer-Di-tPd8b.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+import { PhCaretLeft as x, PhCaretRight as S, PhCheck as C, PhDotsThree as w } from "@phosphor-icons/vue";
+import { SwitchRoot as T, SwitchThumb as E } from "reka-ui";
+//#region src/core/toolbar/PhoneMoreSheet.vue?vue&type=script&setup=true&lang.ts
+var D = ["aria-label"], O = ["aria-label"], k = { class: "dt-bsheet-value" }, A = { class: "dt-bsheet-label" }, j = { class: "dt-bsheet-value" }, M = { class: "dt-bsheet-value" }, N = { class: "dt-bsheet-value" }, P = {
+	key: 0,
+	class: "dt-bsheet-sep"
+}, F = {
+	key: 5,
+	class: "dt-bsheet-row"
+}, I = { class: "dt-bsheet-note" }, L = ["onClick"], R = /* @__PURE__ */ p({
+	__name: "PhoneMoreSheet",
+	props: {
+		density: {},
+		columns: {},
+		counts: {},
+		sort: {},
+		persistent: { type: Boolean },
+		refresh: { type: Boolean },
+		export: { type: Boolean },
+		import: { type: Boolean },
+		print: { type: Boolean },
+		autoRefresh: { type: Boolean },
+		autoRefreshOn: { type: Boolean }
+	},
+	emits: [
+		"update:density",
+		"column-visible",
+		"column-move",
+		"columns-all",
+		"columns-reset",
+		"sort-dir",
+		"sort-remove",
+		"sort-clear",
+		"reset",
+		"refresh",
+		"export",
+		"import",
+		"print",
+		"update:autoRefreshOn"
+	],
+	setup(p, { emit: R }) {
+		let z = p, B = R, { i18n: V } = n(), H = h(!1), U = h("main");
+		y(H, (e) => {
+			e || (U.value = "main");
+		});
+		let W = [
+			"comfortable",
+			"standard",
+			"compact"
+		], G = {
+			main: "toolbar.more",
+			density: "display.density",
+			columns: "display.columns",
+			sort: "display.sort",
+			export: "toolbar.export"
+		}, K = (e) => z.columns.find((t) => t.id === e)?.def.header ?? e, q = a(() => {
+			let e = z.sort[0];
+			if (!e) return V.t("common.empty");
+			let t = z.sort.length > 1 ? ` +${z.sort.length - 1}` : "";
+			return `${K(e.column)} ${e.dir === "asc" ? "↑" : "↓"}${t}`;
+		}), J = a(() => z.export || z.import || z.print || z.refresh || z.autoRefresh), Y = (e) => {
+			H.value = !1, e();
+		}, X = (e) => {
+			B("update:density", e), U.value = "main";
+		};
+		return (n, a) => (m(), o(r, {
+			open: H.value,
+			"onUpdate:open": a[19] ||= (e) => H.value = e,
+			sheet: "",
+			"content-class": "dt-more-sheet",
+			title: v(V).t(G[U.value]),
+			"hide-title": U.value === "main"
+		}, u({
+			trigger: b(() => [l("button", {
+				type: "button",
+				class: "dt-btn dt-btn-icon dt-more-trigger",
+				"aria-label": v(V).t("toolbar.more")
+			}, [f(v(w), {
+				size: 20,
+				weight: "bold",
+				"aria-hidden": "true"
+			})], 8, D)]),
+			default: b(() => [U.value === "main" ? (m(), c(i, { key: 0 }, [
+				l("div", A, _(v(V).t("toolbar.display")), 1),
+				l("button", {
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[1] ||= (e) => U.value = "density"
+				}, [
+					d(_(v(V).t("display.density")) + " ", 1),
+					l("span", j, _(v(V).t(`display.${p.density}`)), 1),
+					f(v(S), {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				]),
+				l("button", {
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[2] ||= (e) => U.value = "columns"
+				}, [
+					d(_(v(V).t("display.columns")) + " ", 1),
+					l("span", M, _(v(V).t("columns.shownOf", p.counts)), 1),
+					f(v(S), {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				]),
+				l("button", {
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[3] ||= (e) => U.value = "sort"
+				}, [
+					d(_(v(V).t("display.sort")) + " ", 1),
+					l("span", N, _(q.value), 1),
+					f(v(S), {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				]),
+				J.value ? (m(), c("div", P)) : s("", !0),
+				n.$props.export ? (m(), c("button", {
+					key: 1,
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[4] ||= (e) => U.value = "export"
+				}, [d(_(v(V).t("toolbar.export")) + " ", 1), f(v(S), {
+					size: 16,
+					class: "dt-bsheet-end",
+					"aria-hidden": "true"
+				})])) : s("", !0),
+				n.$props.import ? (m(), c("button", {
+					key: 2,
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[5] ||= (e) => Y(() => B("import"))
+				}, _(v(V).t("toolbar.import")), 1)) : s("", !0),
+				p.print ? (m(), c("button", {
+					key: 3,
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[6] ||= (e) => Y(() => B("print"))
+				}, _(v(V).t("toolbar.print")), 1)) : s("", !0),
+				p.refresh ? (m(), c("button", {
+					key: 4,
+					type: "button",
+					class: "dt-bsheet-row",
+					onClick: a[7] ||= (e) => Y(() => B("refresh"))
+				}, _(v(V).t("toolbar.refresh")), 1)) : s("", !0),
+				p.autoRefresh ? (m(), c("label", F, [d(_(v(V).t("toolbar.autoRefresh")) + " ", 1), f(v(T), {
+					class: "dt-switch dt-bsheet-end",
+					"model-value": p.autoRefreshOn,
+					"onUpdate:modelValue": a[8] ||= (e) => B("update:autoRefreshOn", e)
+				}, {
+					default: b(() => [f(v(E), { class: "dt-switch-thumb" })]),
+					_: 1
+				}, 8, ["model-value"])])) : s("", !0),
+				l("div", I, [l("span", null, _(p.persistent ? v(V).t("display.savedForYou") : ""), 1), l("button", {
+					type: "button",
+					class: "dt-bsheet-action",
+					onClick: a[9] ||= (e) => B("reset")
+				}, _(v(V).t("common.reset")), 1)])
+			], 64)) : U.value === "density" ? (m(), c(i, { key: 1 }, g(W, (e) => l("button", {
+				key: e,
+				type: "button",
+				class: "dt-bsheet-row",
+				onClick: (t) => X(e)
+			}, [d(_(v(V).t(`display.${e}`)) + " ", 1), e === p.density ? (m(), o(v(C), {
+				key: 0,
+				size: 18,
+				class: "dt-bsheet-end dt-bsheet-check",
+				"aria-hidden": "true"
+			})) : s("", !0)], 8, L)), 64)) : U.value === "columns" ? (m(), o(t, {
+				key: 2,
+				columns: p.columns,
+				onColumnVisible: a[10] ||= (e, t) => B("column-visible", e, t),
+				onColumnMove: a[11] ||= (e, t) => B("column-move", e, t),
+				onColumnsAll: a[12] ||= (e) => B("columns-all", e),
+				onColumnsReset: a[13] ||= (e) => B("columns-reset")
+			}, null, 8, ["columns"])) : U.value === "sort" ? (m(), o(e, {
+				key: 3,
+				sort: p.sort,
+				"header-of": K,
+				onSortDir: a[14] ||= (e, t) => B("sort-dir", e, t),
+				onSortRemove: a[15] ||= (e) => B("sort-remove", e),
+				onSortClear: a[16] ||= (e) => B("sort-clear")
+			}, null, 8, ["sort"])) : (m(), c(i, { key: 4 }, [l("button", {
+				type: "button",
+				class: "dt-bsheet-row",
+				onClick: a[17] ||= (e) => Y(() => B("export", "csv"))
+			}, _(v(V).t("toolbar.csv")), 1), l("button", {
+				type: "button",
+				class: "dt-bsheet-row",
+				onClick: a[18] ||= (e) => Y(() => B("export", "xlsx"))
+			}, _(v(V).t("toolbar.xlsx")), 1)], 64))]),
+			_: 2
+		}, [U.value === "main" ? void 0 : {
+			name: "head-start",
+			fn: b(() => [l("button", {
+				type: "button",
+				class: "dt-bsheet-back",
+				"aria-label": v(V).t("common.back"),
+				onClick: a[0] ||= (e) => U.value = "main"
+			}, [f(v(x), {
+				size: 20,
+				"aria-hidden": "true"
+			})], 8, O)]),
+			key: "0"
+		}, U.value === "columns" ? {
+			name: "head-end",
+			fn: b(() => [l("span", k, _(v(V).t("columns.shownOf", p.counts)), 1)]),
+			key: "1"
+		} : void 0]), 1032, [
+			"open",
+			"title",
+			"hide-title"
+		]));
+	}
+});
+//#endregion
+export { R as default };
+
+//# sourceMappingURL=PhoneMoreSheet-gfkH96RR.js.map

package/dist/PhoneMoreSheet-gfkH96RR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneMoreSheet-gfkH96RR.js","names":["$props","_openBlock","_createBlock","Layer","_unref","_createSlots","_withCtx","_createElementVNode","_createVNode","_createElementBlock","_Fragment","_toDisplayString","_createTextVNode","_createCommentVNode","_renderList","ColumnsPanel","SortPanel","_sfc_main","SortPanel_default","ColumnsPanel_default","useDataTableContext","Layer_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","PhoneMoreSheet_default","defineComponent","__emit","props","__props","emit","open","ref","level","o","DENSITIES","TITLES","headerOf","c","id","sortSummary","computed","first","i18n","more","hasActions","close","fn","setDensity","d","openBlock","createBlock","_cache","$event","unref","createSlots","withCtx","createElementVNode","createVNode","PhDotsThree","createElementBlock","Fragment","toDisplayString","createTextVNode","PhCaretRight","createCommentVNode","_ctx","SwitchRoot","v","SwitchThumb","renderList","PhCheck","PhCaretLeft"],"sources":["../src/core/toolbar/PhoneMoreSheet.vue","../src/core/toolbar/PhoneMoreSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Telefon ⋯ alt sayfası (handoff 04 §6.4, T13-07): Display (Density › · Columns › · Sort ›) · Export matching rows › · Import ·\n// Print · Refresh · Auto-refresh · \"Saved for you only\" + Reset. Masaüstündeki Display popover'ı ve ⋯ menüsünün yerini alır.\nimport { PhCaretLeft, PhCaretRight, PhCheck, PhDotsThree } from '@phosphor-icons/vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { computed, ref, watch } from 'vue'\nimport type { Density } from '../../types/core'\nimport type { SortRule } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\nimport Layer from '../ui/Layer.vue'\nimport ColumnsPanel, { type PanelColumn } from './ColumnsPanel.vue'\nimport SortPanel from './SortPanel.vue'\n\nconst props = defineProps<{\n  density: Density\n  columns: PanelColumn[]\n  counts: { shown: number; total: number }\n  sort: SortRule[]\n  persistent: boolean\n  refresh: boolean\n  export: boolean\n  import: boolean\n  print: boolean\n  autoRefresh: boolean\n  autoRefreshOn: boolean\n}>()\nconst emit = defineEmits<{\n  'update:density': [density: Density]\n  'column-visible': [id: string, visible: boolean]\n  'column-move': [id: string, delta: -1 | 1]\n  'columns-all': [visible: boolean]\n  'columns-reset': []\n  'sort-dir': [column: string, dir: 'asc' | 'desc']\n  'sort-remove': [column: string]\n  'sort-clear': []\n  reset: []\n  refresh: []\n  export: [format: 'csv' | 'xlsx']\n  import: []\n  print: []\n  'update:autoRefreshOn': [on: boolean]\n}>()\nconst { i18n } = useDataTableContext()\nconst open = ref(false)\nconst level = ref<'main' | 'density' | 'columns' | 'sort' | 'export'>('main')\nwatch(open, (o) => {\n  if (!o) level.value = 'main'\n})\nconst DENSITIES: Density[] = ['comfortable', 'standard', 'compact']\nconst TITLES = {\n  main: 'toolbar.more',\n  density: 'display.density',\n  columns: 'display.columns',\n  sort: 'display.sort',\n  export: 'toolbar.export',\n} as const\nconst headerOf = (id: string) => props.columns.find((c) => c.id === id)?.def.header ?? id\nconst sortSummary = computed(() => {\n  const first = props.sort[0]\n  if (!first) return i18n.t('common.empty')\n  const more = props.sort.length > 1 ? ` +${props.sort.length - 1}` : ''\n  return `${headerOf(first.column)} ${first.dir === 'asc' ? '↑' : '↓'}${more}`\n})\nconst hasActions = computed(() => props.export || props.import || props.print || props.refresh || props.autoRefresh)\nconst close = (fn: () => void) => {\n  open.value = false\n  fn()\n}\nconst setDensity = (d: Density) => {\n  emit('update:density', d)\n  level.value = 'main'\n}\n</script>\n\n<template>\n  <Layer\n    v-model:open=\"open\"\n    sheet\n    content-class=\"dt-more-sheet\"\n    :title=\"i18n.t(TITLES[level])\"\n    :hide-title=\"level === 'main'\"\n  >\n    <template #trigger>\n      <button type=\"button\" class=\"dt-btn dt-btn-icon dt-more-trigger\" :aria-label=\"i18n.t('toolbar.more')\">\n        <PhDotsThree :size=\"20\" weight=\"bold\" aria-hidden=\"true\" />\n      </button>\n    </template>\n    <template v-if=\"level !== 'main'\" #head-start>\n      <button type=\"button\" class=\"dt-bsheet-back\" :aria-label=\"i18n.t('common.back')\" @click=\"level = 'main'\">\n        <PhCaretLeft :size=\"20\" aria-hidden=\"true\" />\n      </button>\n    </template>\n    <template v-if=\"level === 'columns'\" #head-end>\n      <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n    </template>\n\n    <template v-if=\"level === 'main'\">\n      <div class=\"dt-bsheet-label\">{{ i18n.t('toolbar.display') }}</div>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'density'\">\n        {{ i18n.t('display.density') }}\n        <span class=\"dt-bsheet-value\">{{ i18n.t(`display.${density}`) }}</span>\n        <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'columns'\">\n        {{ i18n.t('display.columns') }}\n        <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n        <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'sort'\">\n        {{ i18n.t('display.sort') }}\n        <span class=\"dt-bsheet-value\">{{ sortSummary }}</span>\n        <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n      </button>\n      <div v-if=\"hasActions\" class=\"dt-bsheet-sep\" />\n      <button v-if=\"$props.export\" type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'export'\">\n        {{ i18n.t('toolbar.export') }}\n        <PhCaretRight :size=\"16\" class=\"dt-bsheet-end\" aria-hidden=\"true\" />\n      </button>\n      <button v-if=\"$props.import\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('import'))\">\n        {{ i18n.t('toolbar.import') }}\n      </button>\n      <button v-if=\"print\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('print'))\">\n        {{ i18n.t('toolbar.print') }}\n      </button>\n      <button v-if=\"refresh\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('refresh'))\">\n        {{ i18n.t('toolbar.refresh') }}\n      </button>\n      <label v-if=\"autoRefresh\" class=\"dt-bsheet-row\">\n        {{ i18n.t('toolbar.autoRefresh') }}\n        <SwitchRoot\n          class=\"dt-switch dt-bsheet-end\"\n          :model-value=\"autoRefreshOn\"\n          @update:model-value=\"(v) => emit('update:autoRefreshOn', v)\"\n        >\n          <SwitchThumb class=\"dt-switch-thumb\" />\n        </SwitchRoot>\n      </label>\n      <div class=\"dt-bsheet-note\">\n        <span>{{ persistent ? i18n.t('display.savedForYou') : '' }}</span>\n        <button type=\"button\" class=\"dt-bsheet-action\" @click=\"emit('reset')\">{{ i18n.t('common.reset') }}</button>\n      </div>\n    </template>\n\n    <template v-else-if=\"level === 'density'\">\n      <button v-for=\"d in DENSITIES\" :key=\"d\" type=\"button\" class=\"dt-bsheet-row\" @click=\"setDensity(d)\">\n        {{ i18n.t(`display.${d}`) }}\n        <PhCheck v-if=\"d === density\" :size=\"18\" class=\"dt-bsheet-end dt-bsheet-check\" aria-hidden=\"true\" />\n      </button>\n    </template>\n\n    <ColumnsPanel\n      v-else-if=\"level === 'columns'\"\n      :columns=\"columns\"\n      @column-visible=\"(id, v) => emit('column-visible', id, v)\"\n      @column-move=\"(id, d) => emit('column-move', id, d)\"\n      @columns-all=\"(v) => emit('columns-all', v)\"\n      @columns-reset=\"emit('columns-reset')\"\n    />\n    <SortPanel\n      v-else-if=\"level === 'sort'\"\n      :sort=\"sort\"\n      :header-of=\"headerOf\"\n      @sort-dir=\"(c, d) => emit('sort-dir', c, d)\"\n      @sort-remove=\"(c) => emit('sort-remove', c)\"\n      @sort-clear=\"emit('sort-clear')\"\n    />\n\n    <template v-else>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'csv'))\">\n        {{ i18n.t('toolbar.csv') }}\n      </button>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'xlsx'))\">\n        {{ i18n.t('toolbar.xlsx') }}\n      </button>\n    </template>\n  </Layer>\n</template>\n","<script setup lang=\"ts\">\n// Telefon ⋯ alt sayfası (handoff 04 §6.4, T13-07): Display (Density › · Columns › · Sort ›) · Export matching rows › · Import ·\n// Print · Refresh · Auto-refresh · \"Saved for you only\" + Reset. Masaüstündeki Display popover'ı ve ⋯ menüsünün yerini alır.\nimport { PhCaretLeft, PhCaretRight, PhCheck, PhDotsThree } from '@phosphor-icons/vue'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { computed, ref, watch } from 'vue'\nimport type { Density } from '../../types/core'\nimport type { SortRule } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\nimport Layer from '../ui/Layer.vue'\nimport ColumnsPanel, { type PanelColumn } from './ColumnsPanel.vue'\nimport SortPanel from './SortPanel.vue'\n\nconst props = defineProps<{\n  density: Density\n  columns: PanelColumn[]\n  counts: { shown: number; total: number }\n  sort: SortRule[]\n  persistent: boolean\n  refresh: boolean\n  export: boolean\n  import: boolean\n  print: boolean\n  autoRefresh: boolean\n  autoRefreshOn: boolean\n}>()\nconst emit = defineEmits<{\n  'update:density': [density: Density]\n  'column-visible': [id: string, visible: boolean]\n  'column-move': [id: string, delta: -1 | 1]\n  'columns-all': [visible: boolean]\n  'columns-reset': []\n  'sort-dir': [column: string, dir: 'asc' | 'desc']\n  'sort-remove': [column: string]\n  'sort-clear': []\n  reset: []\n  refresh: []\n  export: [format: 'csv' | 'xlsx']\n  import: []\n  print: []\n  'update:autoRefreshOn': [on: boolean]\n}>()\nconst { i18n } = useDataTableContext()\nconst open = ref(false)\nconst level = ref<'main' | 'density' | 'columns' | 'sort' | 'export'>('main')\nwatch(open, (o) => {\n  if (!o) level.value = 'main'\n})\nconst DENSITIES: Density[] = ['comfortable', 'standard', 'compact']\nconst TITLES = {\n  main: 'toolbar.more',\n  density: 'display.density',\n  columns: 'display.columns',\n  sort: 'display.sort',\n  export: 'toolbar.export',\n} as const\nconst headerOf = (id: string) => props.columns.find((c) => c.id === id)?.def.header ?? id\nconst sortSummary = computed(() => {\n  const first = props.sort[0]\n  if (!first) return i18n.t('common.empty')\n  const more = props.sort.length > 1 ? ` +${props.sort.length - 1}` : ''\n  return `${headerOf(first.column)} ${first.dir === 'asc' ? '↑' : '↓'}${more}`\n})\nconst hasActions = computed(() => props.export || props.import || props.print || props.refresh || props.autoRefresh)\nconst close = (fn: () => void) => {\n  open.value = false\n  fn()\n}\nconst setDensity = (d: Density) => {\n  emit('update:density', d)\n  level.value = 'main'\n}\n</script>\n\n<template>\n  <Layer\n    v-model:open=\"open\"\n    sheet\n    content-class=\"dt-more-sheet\"\n    :title=\"i18n.t(TITLES[level])\"\n    :hide-title=\"level === 'main'\"\n  >\n    <template #trigger>\n      <button type=\"button\" class=\"dt-btn dt-btn-icon dt-more-trigger\" :aria-label=\"i18n.t('toolbar.more')\">\n        <PhDotsThree :size=\"20\" weight=\"bold\" aria-hidden=\"true\" />\n      </button>\n    </template>\n    <template v-if=\"level !== 'main'\" #head-start>\n      <button type=\"button\" class=\"dt-bsheet-back\" :aria-label=\"i18n.t('common.back')\" @click=\"level = 'main'\">\n        <PhCaretLeft :size=\"20\" aria-hidden=\"true\" />\n      </button>\n    </template>\n    <template v-if=\"level === 'columns'\" #head-end>\n      <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n    </template>\n\n    <template v-if=\"level === 'main'\">\n      <div class=\"dt-bsheet-label\">{{ i18n.t('toolbar.display') }}</div>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'density'\">\n        {{ i18n.t('display.density') }}\n        <span class=\"dt-bsheet-value\">{{ i18n.t(`display.${density}`) }}</span>\n        <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'columns'\">\n        {{ i18n.t('display.columns') }}\n        <span class=\"dt-bsheet-value\">{{ i18n.t('columns.shownOf', counts) }}</span>\n        <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'sort'\">\n        {{ i18n.t('display.sort') }}\n        <span class=\"dt-bsheet-value\">{{ sortSummary }}</span>\n        <PhCaretRight :size=\"16\" aria-hidden=\"true\" />\n      </button>\n      <div v-if=\"hasActions\" class=\"dt-bsheet-sep\" />\n      <button v-if=\"$props.export\" type=\"button\" class=\"dt-bsheet-row\" @click=\"level = 'export'\">\n        {{ i18n.t('toolbar.export') }}\n        <PhCaretRight :size=\"16\" class=\"dt-bsheet-end\" aria-hidden=\"true\" />\n      </button>\n      <button v-if=\"$props.import\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('import'))\">\n        {{ i18n.t('toolbar.import') }}\n      </button>\n      <button v-if=\"print\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('print'))\">\n        {{ i18n.t('toolbar.print') }}\n      </button>\n      <button v-if=\"refresh\" type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('refresh'))\">\n        {{ i18n.t('toolbar.refresh') }}\n      </button>\n      <label v-if=\"autoRefresh\" class=\"dt-bsheet-row\">\n        {{ i18n.t('toolbar.autoRefresh') }}\n        <SwitchRoot\n          class=\"dt-switch dt-bsheet-end\"\n          :model-value=\"autoRefreshOn\"\n          @update:model-value=\"(v) => emit('update:autoRefreshOn', v)\"\n        >\n          <SwitchThumb class=\"dt-switch-thumb\" />\n        </SwitchRoot>\n      </label>\n      <div class=\"dt-bsheet-note\">\n        <span>{{ persistent ? i18n.t('display.savedForYou') : '' }}</span>\n        <button type=\"button\" class=\"dt-bsheet-action\" @click=\"emit('reset')\">{{ i18n.t('common.reset') }}</button>\n      </div>\n    </template>\n\n    <template v-else-if=\"level === 'density'\">\n      <button v-for=\"d in DENSITIES\" :key=\"d\" type=\"button\" class=\"dt-bsheet-row\" @click=\"setDensity(d)\">\n        {{ i18n.t(`display.${d}`) }}\n        <PhCheck v-if=\"d === density\" :size=\"18\" class=\"dt-bsheet-end dt-bsheet-check\" aria-hidden=\"true\" />\n      </button>\n    </template>\n\n    <ColumnsPanel\n      v-else-if=\"level === 'columns'\"\n      :columns=\"columns\"\n      @column-visible=\"(id, v) => emit('column-visible', id, v)\"\n      @column-move=\"(id, d) => emit('column-move', id, d)\"\n      @columns-all=\"(v) => emit('columns-all', v)\"\n      @columns-reset=\"emit('columns-reset')\"\n    />\n    <SortPanel\n      v-else-if=\"level === 'sort'\"\n      :sort=\"sort\"\n      :header-of=\"headerOf\"\n      @sort-dir=\"(c, d) => emit('sort-dir', c, d)\"\n      @sort-remove=\"(c) => emit('sort-remove', c)\"\n      @sort-clear=\"emit('sort-clear')\"\n    />\n\n    <template v-else>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'csv'))\">\n        {{ i18n.t('toolbar.csv') }}\n      </button>\n      <button type=\"button\" class=\"dt-bsheet-row\" @click=\"close(() => emit('export', 'xlsx'))\">\n        {{ i18n.t('toolbar.xlsx') }}\n      </button>\n    </template>\n  </Layer>\n</template>\n"],"mappings":"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"}

package/dist/TextEditor-DPqiiRau.js

@@ -0,0 +1,331 @@
+import { B as e, R as t, W as n, z as r } from "./query-DQWMlX0m.js";
+import { i } from "./plugin-DhgcjEdi.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, vModelText as C, watch as w, withCtx as T, withDirectives as E, withKeys as D, withModifiers as O } from "vue";
+import { PhBracketsCurly as k, PhCalendarBlank as A, PhCheckSquare as j, PhClock as M, PhCreditCard as N, PhEnvelope as P, PhHash as F, PhLink as I, PhLinkSimple as L, PhListBullets as R, PhListChecks as z, PhMagnifyingGlass as B, PhPalette as V, PhPercent as H, PhPhone as U, PhRadioButton as W, PhStar as G, PhTextAlignLeft as K, PhTextT as q, PhUser as J } from "@phosphor-icons/vue";
+import { ToggleGroupItem as Y, ToggleGroupRoot as X } from "reka-ui";
+//#region src/core/filters/typeIcons.ts
+var Z = {
+	int: F,
+	float: F,
+	percentage: H,
+	star: G,
+	currency: N,
+	string: q,
+	text: K,
+	uppercase: q,
+	lowercase: q,
+	phone: U,
+	color: V,
+	email: P,
+	url: I,
+	id: F,
+	boolean: j,
+	select: W,
+	multiselect: z,
+	ajax: L,
+	user: J,
+	date: A,
+	datetime: M,
+	object: k,
+	array: R
+}, Q = { class: "dt-editor-number" }, $ = { class: "dt-editor-fields" }, ee = { class: "dt-editor-field" }, te = {
+	key: 0,
+	class: "dt-editor-label"
+}, ne = ["onKeydown"], re = {
+	key: 0,
+	class: "dt-input-end dt-input-suffix"
+}, ie = { class: "dt-editor-and" }, ae = { class: "dt-editor-field" }, oe = { class: "dt-editor-label" }, se = ["onKeydown"], ce = {
+	key: 0,
+	class: "dt-input-end dt-input-suffix"
+}, le = /* @__PURE__ */ p({
+	__name: "NumberEditor",
+	props: {
+		column: {},
+		op: {},
+		modelValue: {},
+		currency: {},
+		currencies: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:currency",
+		"done"
+	],
+	setup(e, { emit: n }) {
+		let r = e, f = n, { i18n: p, locale: h } = i(), k = o(() => r.op === "between"), A = new Intl.NumberFormat(h, { maximumFractionDigits: 6 }), j = (e) => typeof e == "number" && Number.isFinite(e) ? A.format(e) : "", M = () => {
+			let e = r.modelValue;
+			return k.value ? [j(Array.isArray(e) ? e[0] : void 0), j(Array.isArray(e) ? e[1] : void 0)] : [j(e), ""];
+		}, [N, P] = M(), F = y(N ?? ""), I = y(P ?? "");
+		w(() => [r.modelValue, r.op], () => {
+			let [e, n] = M();
+			t(h, F.value) !== t(h, e ?? "") && (F.value = e ?? ""), t(h, I.value) !== t(h, n ?? "") && (I.value = n ?? "");
+		});
+		let L = y(null);
+		_(() => L.value?.focus());
+		let R = () => {
+			let e = t(h, F.value);
+			if (k.value) {
+				let n = t(h, I.value);
+				f("update:modelValue", e === null && n === null ? void 0 : [e, n]);
+			} else f("update:modelValue", e ?? void 0);
+		}, z, B = () => {
+			clearTimeout(z), z = setTimeout(R, 250);
+		}, V = () => {
+			clearTimeout(z), R(), f("done");
+		};
+		g(() => clearTimeout(z));
+		let H = r.column.type === "percentage" ? "%" : "";
+		return (t, n) => (v(), l("div", Q, [e.currencies.length > 1 ? (v(), s(S(X), {
+			key: 0,
+			class: "dt-seg dt-seg-xs",
+			type: "single",
+			"model-value": e.currency,
+			"onUpdate:modelValue": n[0] ||= (e) => e && f("update:currency", String(e))
+		}, {
+			default: T(() => [(v(!0), l(a, null, b(e.currencies, (e) => (v(), s(S(Y), {
+				key: e,
+				class: "dt-seg-item",
+				value: e
+			}, {
+				default: T(() => [d(x(e), 1)]),
+				_: 2
+			}, 1032, ["value"]))), 128))]),
+			_: 1
+		}, 8, ["model-value"])) : c("", !0), u("div", $, [u("label", ee, [k.value ? (v(), l("span", te, x(S(p).t("number.min")), 1)) : c("", !0), u("span", { class: m(["dt-input", { "has-suffix": S(H) }]) }, [E(u("input", {
+			ref_key: "first",
+			ref: L,
+			"onUpdate:modelValue": n[1] ||= (e) => F.value = e,
+			type: "text",
+			inputmode: "decimal",
+			autocomplete: "off",
+			onInput: B,
+			onKeydown: D(O(V, ["prevent"]), ["enter"])
+		}, null, 40, ne), [[C, F.value]]), S(H) ? (v(), l("span", re, x(S(H)), 1)) : c("", !0)], 2)]), k.value ? (v(), l(a, { key: 0 }, [u("span", ie, x(S(p).t("number.and")), 1), u("label", ae, [u("span", oe, x(S(p).t("number.max")), 1), u("span", { class: m(["dt-input", { "has-suffix": S(H) }]) }, [E(u("input", {
+			"onUpdate:modelValue": n[2] ||= (e) => I.value = e,
+			type: "text",
+			inputmode: "decimal",
+			autocomplete: "off",
+			onInput: B,
+			onKeydown: D(O(V, ["prevent"]), ["enter"])
+		}, null, 40, se), [[C, I.value]]), S(H) ? (v(), l("span", ce, x(S(H)), 1)) : c("", !0)], 2)])], 64)) : c("", !0)])]));
+	}
+}), ue = { class: "dt-options" }, de = {
+	key: 0,
+	class: "dt-input has-icon dt-options-search"
+}, fe = { class: "dt-input-icon" }, pe = ["placeholder", "aria-label"], me = {
+	class: "dt-options-list",
+	role: "group"
+}, he = ["checked"], ge = { class: "dt-option-body" }, _e = {
+	class: "dt-avatar dt-tone-blue",
+	"aria-hidden": "true"
+}, ve = ["checked"], ye = { class: "dt-option-body" }, be = ["checked", "onChange"], xe = { class: "dt-option-body" }, Se = { class: "dt-mono" }, Ce = ["onClick"], we = {
+	key: 1,
+	class: "dt-options-empty"
+}, Te = {
+	key: 2,
+	class: "dt-options-empty"
+}, Ee = {
+	key: 3,
+	class: "dt-options-empty"
+}, De = /* @__PURE__ */ p({
+	__name: "OptionsEditor",
+	props: {
+		column: {},
+		op: {},
+		modelValue: {},
+		rows: {},
+		labels: {}
+	},
+	emits: ["update:modelValue", "unassigned"],
+	setup(t, { emit: p }) {
+		let _ = t, T = p, { i18n: D } = i(), k = o(() => _.column), A = o(() => k.value.type === "ajax" || k.value.type === "user" ? k.value.remote : void 0), j = o(() => k.value.type === "user"), M = y(""), N = () => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of _.rows) {
+				let r = k.value.accessor ? k.value.accessor(t) : n(t, k.value.id);
+				for (let t of Array.isArray(r) ? r : [r]) t != null && t !== "" && e.add(t);
+			}
+			return [...e].sort((e, t) => String(e).localeCompare(String(t))).map((e) => ({
+				value: e,
+				label: String(e)
+			}));
+		}, P = o(() => {
+			let e = k.value;
+			return e.type === "select" || e.type === "multiselect" ? e.options : e.type === "user" && e.options ? [...e.options].sort((e, t) => e.label.localeCompare(t.label)) : e.type === "color" && e.palette ? e.palette.map((e) => ({
+				value: e,
+				label: e
+			})) : e.type === "color" ? N() : [];
+		}), F = y([]), I = y(!1), L = y(!1), R = 1, z = null, V, H = async (e) => {
+			let t = A.value;
+			if (t) {
+				z?.abort(), z = new AbortController(), L.value = !0;
+				try {
+					let n = await t.search(M.value, R, { signal: z.signal });
+					F.value = e ? [...F.value, ...n.items] : n.items, I.value = n.hasMore, _.labels.seed(k.value.id, n.items);
+				} catch {} finally {
+					L.value = !1;
+				}
+			}
+		};
+		A.value && H(!1), w(M, () => {
+			A.value && (clearTimeout(V), V = setTimeout(() => {
+				R = 1, H(!1);
+			}, 250));
+		});
+		let U = () => {
+			R += 1, H(!0);
+		};
+		g(() => {
+			clearTimeout(V), z?.abort();
+		});
+		let W = o(() => {
+			if (A.value) return F.value;
+			let e = M.value.trim().toLocaleLowerCase();
+			return e ? P.value.filter((t) => t.label.toLocaleLowerCase().includes(e)) : P.value;
+		}), G = o(() => !!A.value || P.value.length > 7), K = o(() => k.value.filterNoun ? D.t("option.searchNoun", { noun: k.value.filterNoun }) : D.t("option.search")), q = o(() => new Set(_.modelValue.map(String))), J = (e) => q.value.has(String(e)), Y = (e) => {
+			let t = J(e) ? _.modelValue.filter((t) => String(t) !== String(e)) : [..._.modelValue, e];
+			T("update:modelValue", t);
+		}, X = (e) => T("update:modelValue", [e]), Z = o(() => _.op === "is_empty"), Q = o(() => [
+			"select",
+			"multiselect",
+			"user"
+		].includes(k.value.type)), $ = (t) => k.value.type === "user" ? [
+			r(t.o),
+			" ",
+			t.o.label
+		] : e(t.o.tone ?? "gray", t.o.label);
+		return (e, t) => (v(), l("div", ue, [G.value ? (v(), l("label", de, [u("span", fe, [f(S(B), {
+			size: 14,
+			"aria-hidden": "true"
+		})]), E(u("input", {
+			"onUpdate:modelValue": t[0] ||= (e) => M.value = e,
+			type: "search",
+			placeholder: K.value,
+			"aria-label": K.value,
+			autofocus: ""
+		}, null, 8, pe), [[C, M.value]])])) : c("", !0), u("div", me, [
+			j.value && !M.value ? (v(), l(a, { key: 0 }, [
+				u("label", { class: m(["dt-option", { "is-on": J("@me") }]) }, [u("input", {
+					type: "checkbox",
+					class: "dt-checkbox",
+					checked: J("@me"),
+					onChange: t[1] ||= (e) => Y("@me")
+				}, null, 40, he), u("span", ge, [u("span", _e, x(S(D).t("common.me").slice(0, 2)), 1), d(" " + x(S(D).t("common.me")), 1)])], 2),
+				u("label", { class: m(["dt-option is-unassigned", { "is-on": Z.value }]) }, [u("input", {
+					type: "checkbox",
+					class: "dt-checkbox",
+					checked: Z.value,
+					onChange: t[2] ||= (e) => T("unassigned")
+				}, null, 40, ve), u("span", ye, [t[3] ||= u("span", {
+					class: "dt-avatar is-empty",
+					"aria-hidden": "true"
+				}, null, -1), d(" " + x(S(D).t("common.unassigned")), 1)])], 2),
+				t[4] ||= u("div", { class: "dt-pop-sep" }, null, -1)
+			], 64)) : c("", !0),
+			(v(!0), l(a, null, b(W.value, (e) => (v(), l("label", {
+				key: String(e.value),
+				class: m(["dt-option", { "is-on": J(e.value) }])
+			}, [
+				u("input", {
+					type: "checkbox",
+					class: "dt-checkbox",
+					checked: J(e.value),
+					onChange: (t) => Y(e.value)
+				}, null, 40, be),
+				u("span", xe, [Q.value ? (v(), s($, {
+					key: 0,
+					o: e
+				}, null, 8, ["o"])) : k.value.type === "color" ? (v(), l(a, { key: 1 }, [u("span", {
+					class: "dt-swatch",
+					style: h({ background: String(e.value) }),
+					"aria-hidden": "true"
+				}, null, 4), u("span", Se, x(e.label), 1)], 64)) : (v(), l(a, { key: 2 }, [d(x(e.label), 1)], 64))]),
+				u("button", {
+					type: "button",
+					class: "dt-btn dt-btn-xs dt-option-only",
+					tabindex: "-1",
+					onClick: O((t) => X(e.value), ["prevent"])
+				}, x(S(D).t("option.only")), 9, Ce)
+			], 2))), 128)),
+			A.value && !L.value && W.value.length === 0 ? (v(), l("div", we, x(S(D).t("remote.noResults")), 1)) : !A.value && W.value.length === 0 ? (v(), l("div", Te, x(S(D).t("picker.noMatch")), 1)) : c("", !0),
+			L.value ? (v(), l("div", Ee, x(S(D).t("common.loading")), 1)) : c("", !0),
+			A.value && I.value && !L.value ? (v(), l("button", {
+				key: 4,
+				type: "button",
+				class: "dt-btn dt-btn-ghost dt-btn-sm dt-options-more",
+				onClick: U
+			}, x(S(D).t("remote.loadMore")), 1)) : c("", !0)
+		])]));
+	}
+}), Oe = {
+	class: "dt-editor-stars",
+	role: "radiogroup"
+}, ke = [
+	"aria-checked",
+	"aria-label",
+	"onClick"
+], Ae = /* @__PURE__ */ p({
+	__name: "StarEditor",
+	props: {
+		column: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue", "done"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = n.column.max ?? 5, o = (e) => {
+			r("update:modelValue", e), r("done");
+		};
+		return (t, n) => (v(), l("div", Oe, [(v(!0), l(a, null, b(S(i), (t) => (v(), l("button", {
+			key: t,
+			type: "button",
+			class: m(["dt-star-btn", { "is-on": typeof e.modelValue == "number" && t <= e.modelValue }]),
+			role: "radio",
+			"aria-checked": e.modelValue === t,
+			"aria-label": String(t),
+			onClick: (e) => o(t)
+		}, [f(S(G), {
+			size: 18,
+			weight: typeof e.modelValue == "number" && t <= e.modelValue ? "fill" : "regular",
+			"aria-hidden": "true"
+		}, null, 8, ["weight"])], 10, ke))), 128))]));
+	}
+}), je = { class: "dt-input dt-editor-text" }, Me = ["value", "onKeydown"], Ne = /* @__PURE__ */ p({
+	__name: "TextEditor",
+	props: {
+		column: {},
+		op: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue", "done"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = (e) => Array.isArray(e) ? e.join(", ") : typeof e == "string" ? e : "", a = y(i(n.modelValue));
+		w(() => n.modelValue, (e) => {
+			i(e) !== a.value && (a.value = i(e));
+		});
+		let o = y(null);
+		_(() => o.value?.focus());
+		let s = () => n.op === "in" || n.op === "not_in", c = (e) => n.column.type === "uppercase" ? e.toLocaleUpperCase() : n.column.type === "lowercase" ? e.toLocaleLowerCase() : e, d = () => {
+			let e = c(a.value).trim();
+			if (s()) {
+				let t = e.split(/[\n,;]+/).map((e) => e.trim()).filter(Boolean);
+				r("update:modelValue", t);
+			} else r("update:modelValue", e);
+		}, f, p = (e) => {
+			a.value = c(e.target.value), clearTimeout(f), f = setTimeout(d, 250);
+		}, m = () => {
+			clearTimeout(f), d(), r("done");
+		};
+		return g(() => clearTimeout(f)), (e, t) => (v(), l("label", je, [u("input", {
+			ref_key: "input",
+			ref: o,
+			value: a.value,
+			type: "text",
+			autocomplete: "off",
+			onInput: p,
+			onKeydown: D(O(m, ["prevent"]), ["enter"])
+		}, null, 40, Me)]));
+	}
+});
+//#endregion
+export { Z as a, le as i, Ae as n, De as r, Ne as t };
+
+//# sourceMappingURL=TextEditor-DPqiiRau.js.map