@medyat/vue-data-table 1.0.0 → 1.0.1

package/dist/PhoneMoreSheet-66OdIZrl.js

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

package/dist/PhoneMoreSheet-66OdIZrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneMoreSheet-66OdIZrl.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","_unref","_createTextVNode","_createVNode","_sfc_main","$props","_openBlock","_createElementBlock","_Fragment","_createVNode","Layer","_unref","_createSlots","_withCtx","_createElementVNode","_toDisplayString","_createTextVNode","_createCommentVNode","_renderList","_createBlock","SortPanel","_sfc_main","useDataTableContext","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5$1","_hoisted_6$1","SortPanel_default","defineComponent","__emit","emit","openBlock","createElementBlock","Fragment","renderList","__props","s","createElementVNode","toDisplayString","i","createBlock","resolveDynamicComponent","unref","PhArrowUp","PhArrowDown","createTextVNode","i18n","createVNode","PhX","_cache","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PhoneMoreSheet_default","ColumnsDialog","defineAsyncComponent","columnsUsed","ref","props","open","level","columnsOpen","trigger","focusTrigger","o","DENSITIES","TITLES","headerOf","c","id","sortSummary","computed","first","more","hasActions","close","fn","setDensity","d","Layer_default","$event","createSlots","withCtx","PhDotsThree","PhCaretRight","createCommentVNode","_ctx","SwitchRoot","v","SwitchThumb","PhCheck","PhCaretLeft"],"sources":["../src/core/toolbar/SortPanel.vue","../src/core/toolbar/SortPanel.vue","../src/core/toolbar/PhoneMoreSheet.vue","../src/core/toolbar/PhoneMoreSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Sort paneli (04 §6; Display › Sort ve telefon ⋯ sayfası): sıra numarası · sütun · yön · kaldır; altta ipucu + Clear sort.\nimport { PhArrowDown, PhArrowUp, PhX } from '@phosphor-icons/vue'\nimport type { SortRule } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\n\ndefineProps<{ sort: SortRule[]; headerOf: (id: string) => string }>()\nconst emit = defineEmits<{\n  'sort-dir': [column: string, dir: 'asc' | 'desc']\n  'sort-remove': [column: string]\n  'sort-clear': []\n}>()\nconst { i18n } = useDataTableContext()\n</script>\n\n<template>\n  <div v-for=\"(s, i) in sort\" :key=\"s.column\" class=\"dt-col-row dt-sort-row\">\n    <span class=\"dt-head-sort-index\">{{ i + 1 }}</span>\n    <span class=\"dt-col-name\">{{ headerOf(s.column) }}</span>\n    <button\n      type=\"button\"\n      class=\"dt-btn dt-btn-xs has-icon\"\n      @click=\"emit('sort-dir', s.column, s.dir === 'asc' ? 'desc' : 'asc')\"\n    >\n      <component :is=\"s.dir === 'asc' ? PhArrowUp : PhArrowDown\" :size=\"12\" aria-hidden=\"true\" />\n      {{ i18n.t(s.dir === 'asc' ? 'sr.asc' : 'sr.desc') }}\n    </button>\n    <button\n      type=\"button\"\n      class=\"dt-icon-btn-sm\"\n      :aria-label=\"i18n.t('header.clearSort')\"\n      @click=\"emit('sort-remove', s.column)\"\n    >\n      <PhX :size=\"14\" aria-hidden=\"true\" />\n    </button>\n  </div>\n  <div class=\"dt-pop-foot\">\n    <span>{{ i18n.t('sort.addHint') }}</span>\n    <button type=\"button\" class=\"dt-pop-action\" :disabled=\"!sort.length\" @click=\"emit('sort-clear')\">\n      {{ i18n.t('header.clearSort') }}\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n// Sort paneli (04 §6; Display › Sort ve telefon ⋯ sayfası): sıra numarası · sütun · yön · kaldır; altta ipucu + Clear sort.\nimport { PhArrowDown, PhArrowUp, PhX } from '@phosphor-icons/vue'\nimport type { SortRule } from '../../types/query'\nimport { useDataTableContext } from '../plugin'\n\ndefineProps<{ sort: SortRule[]; headerOf: (id: string) => string }>()\nconst emit = defineEmits<{\n  'sort-dir': [column: string, dir: 'asc' | 'desc']\n  'sort-remove': [column: string]\n  'sort-clear': []\n}>()\nconst { i18n } = useDataTableContext()\n</script>\n\n<template>\n  <div v-for=\"(s, i) in sort\" :key=\"s.column\" class=\"dt-col-row dt-sort-row\">\n    <span class=\"dt-head-sort-index\">{{ i + 1 }}</span>\n    <span class=\"dt-col-name\">{{ headerOf(s.column) }}</span>\n    <button\n      type=\"button\"\n      class=\"dt-btn dt-btn-xs has-icon\"\n      @click=\"emit('sort-dir', s.column, s.dir === 'asc' ? 'desc' : 'asc')\"\n    >\n      <component :is=\"s.dir === 'asc' ? PhArrowUp : PhArrowDown\" :size=\"12\" aria-hidden=\"true\" />\n      {{ i18n.t(s.dir === 'asc' ? 'sr.asc' : 'sr.desc') }}\n    </button>\n    <button\n      type=\"button\"\n      class=\"dt-icon-btn-sm\"\n      :aria-label=\"i18n.t('header.clearSort')\"\n      @click=\"emit('sort-remove', s.column)\"\n    >\n      <PhX :size=\"14\" aria-hidden=\"true\" />\n    </button>\n  </div>\n  <div class=\"dt-pop-foot\">\n    <span>{{ i18n.t('sort.addHint') }}</span>\n    <button type=\"button\" class=\"dt-pop-action\" :disabled=\"!sort.length\" @click=\"emit('sort-clear')\">\n      {{ i18n.t('header.clearSort') }}\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n// Telefon ⋯ alt sayfası (handoff 04 §6.4, T13-07): Display (Density › · Columns (dialog, D45) · 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, defineAsyncComponent, 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 type { ColumnsDraft, PanelColumn } from './ColumnsDialog.vue'\nimport SortPanel from './SortPanel.vue'\n\n// Dialog ve @dnd-kit yalnızca Columns ilk açılışta yüklenir; sonra bağlı kalır (odak dönüşü).\nconst ColumnsDialog = defineAsyncComponent(() => import('./ColumnsDialog.vue'))\nconst columnsUsed = ref(false)\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 menü etiketi (\"Export 100 rows\" / \"Export 3 selected rows\"); false → yok. */\n  export: string | false\n  import: boolean\n  print: boolean\n  autoRefresh: boolean\n  autoRefreshOn: boolean\n}>()\nconst emit = defineEmits<{\n  'update:density': [density: Density]\n  'columns-save': [draft: ColumnsDraft]\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' | 'sort' | 'export'>('main')\nconst columnsOpen = ref(false)\nconst trigger = ref<HTMLButtonElement | null>(null)\nconst focusTrigger = (e: Event) => {\n  e.preventDefault()\n  trigger.value?.focus()\n}\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  sort: 'display.sort',\n  export: 'sheet.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 ref=\"trigger\" 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\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=\"close(() => (columnsUsed = columnsOpen = true))\">\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        {{ $props.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    <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  <ColumnsDialog\n    v-if=\"columnsUsed\"\n    v-model:open=\"columnsOpen\"\n    phone\n    :columns=\"columns\"\n    @save=\"(d) => emit('columns-save', d)\"\n    @close-auto-focus=\"focusTrigger\"\n  />\n</template>\n","<script setup lang=\"ts\">\n// Telefon ⋯ alt sayfası (handoff 04 §6.4, T13-07): Display (Density › · Columns (dialog, D45) · 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, defineAsyncComponent, 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 type { ColumnsDraft, PanelColumn } from './ColumnsDialog.vue'\nimport SortPanel from './SortPanel.vue'\n\n// Dialog ve @dnd-kit yalnızca Columns ilk açılışta yüklenir; sonra bağlı kalır (odak dönüşü).\nconst ColumnsDialog = defineAsyncComponent(() => import('./ColumnsDialog.vue'))\nconst columnsUsed = ref(false)\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 menü etiketi (\"Export 100 rows\" / \"Export 3 selected rows\"); false → yok. */\n  export: string | false\n  import: boolean\n  print: boolean\n  autoRefresh: boolean\n  autoRefreshOn: boolean\n}>()\nconst emit = defineEmits<{\n  'update:density': [density: Density]\n  'columns-save': [draft: ColumnsDraft]\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' | 'sort' | 'export'>('main')\nconst columnsOpen = ref(false)\nconst trigger = ref<HTMLButtonElement | null>(null)\nconst focusTrigger = (e: Event) => {\n  e.preventDefault()\n  trigger.value?.focus()\n}\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  sort: 'display.sort',\n  export: 'sheet.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 ref=\"trigger\" 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\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=\"close(() => (columnsUsed = columnsOpen = true))\">\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        {{ $props.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    <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  <ColumnsDialog\n    v-if=\"columnsUsed\"\n    v-model:open=\"columnsOpen\"\n    phone\n    :columns=\"columns\"\n    @save=\"(d) => emit('columns-save', d)\"\n    @close-auto-focus=\"focusTrigger\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/{TextEditor-DPqiiRau.js → TextEditor-CHLM6u-l.js}

@@ -1,5 +1,4 @@
-import { B as e, R as t, W as n, z as r } from "./query-DQWMlX0m.js";
-import { i } from "./plugin-DhgcjEdi.js";
+import { I as e, L as t, R as n, W as r, Y as i } from "./query-CGNWUi2E.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";
@@ -51,38 +50,38 @@ var Z = {
 		"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;
+	setup(t, { emit: n }) {
+		let i = t, f = n, { i18n: p, locale: h } = r(), k = o(() => i.op === "between"), A = new Intl.NumberFormat(h, { maximumFractionDigits: 6 }), j = (e) => typeof e == "number" && Number.isFinite(e) ? A.format(e) : "", M = () => {
+			let e = i.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 ?? "");
+		w(() => [i.modelValue, i.op], () => {
+			let [t, n] = M();
+			e(h, F.value) !== e(h, t ?? "") && (F.value = t ?? ""), e(h, I.value) !== e(h, n ?? "") && (I.value = n ?? "");
 		});
 		let L = y(null);
 		_(() => L.value?.focus());
 		let R = () => {
-			let e = t(h, F.value);
+			let t = e(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);
+				let n = e(h, I.value);
+				f("update:modelValue", t === null && n === null ? void 0 : [t, n]);
+			} else f("update:modelValue", t ?? 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), {
+		let H = i.column.type === "percentage" ? "%" : "";
+		return (e, n) => (v(), l("div", Q, [t.currencies.length > 1 ? (v(), s(S(X), {
 			key: 0,
 			class: "dt-seg dt-seg-xs",
 			type: "single",
-			"model-value": e.currency,
+			"model-value": t.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), {
+			default: T(() => [(v(!0), l(a, null, b(t.currencies, (e) => (v(), s(S(Y), {
 				key: e,
 				class: "dt-seg-item",
 				value: e
@@ -137,12 +136,12 @@ var Z = {
 		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 = () => {
+	setup(e, { emit: p }) {
+		let _ = e, T = p, { i18n: D } = r(), 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);
+				let n = k.value.accessor ? k.value.accessor(t) : i(t, k.value.id);
+				for (let t of Array.isArray(n) ? n : [n]) t != null && t !== "" && e.add(t);
 			}
 			return [...e].sort((e, t) => String(e).localeCompare(String(t))).map((e) => ({
 				value: e,
@@ -188,11 +187,11 @@ var Z = {
 			"select",
 			"multiselect",
 			"user"
-		].includes(k.value.type)), $ = (t) => k.value.type === "user" ? [
-			r(t.o),
+		].includes(k.value.type)), $ = (e) => k.value.type === "user" ? [
+			t(e.o),
 			" ",
-			t.o.label
-		] : e(t.o.tone ?? "gray", t.o.label);
+			e.o.label
+		] : n(e.o.tone ?? "gray", e.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"
@@ -328,4 +327,4 @@ var Z = {
 //#endregion
 export { Z as a, le as i, Ae as n, De as r, Ne as t };
 
-//# sourceMappingURL=TextEditor-DPqiiRau.js.map
+//# sourceMappingURL=TextEditor-CHLM6u-l.js.map