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

package/CHANGELOG.md

@@ -0,0 +1,65 @@
+# Sürüm notları
+
+## 1.0.1 — 2026-10-29
+
+### İçe ve dışa aktarma (D46)
+
+- **Excel ve CSV paketin içinde.** `@export` dinlenmezse DataTable ve DataSheet dosyayı kendisi yazar; DataSheet `parseFile` verilmezse .xlsx / .csv'yi kendisi okur. Yeni zorunlu peer'ler: `read-excel-file` (^9.3.13) ve `write-excel-file` (^4.1.1); ilk Import/Export'ta yüklenir. **Geçiş:** `pnpm add read-excel-file write-excel-file`; mevcut `@export` / `parseFile` kodu aynen çalışır (override), istenirse silinebilir.
+- DataTable Export ekranda görüneni yazar: seçim varsa seçili satırlar, yoksa sayfadaki satırlar. Menü etiketi “Export matching rows” → “Export 100 rows” (`toolbar.export` artık `.one` / `.other`). `export` olayına `rows` eklendi.
+- Export menüsü artık dinleyici olmadan da görünür; `:exportable="false"` gizler. DataSheet'te Import da varsayılan açık, `:importable="false"` gizler.
+- .xlsx: yazı 16 pt; başlık kalın, dolgulu, dondurulmuş; sayı, para, yüzde ve tarih tipli hücre; `select` ve `boolean` sütunlarının seçenekleri ikinci sayfada (“Options”), hücreler o listeden açılır liste.
+- Eski ikili `.xls` yerleşik okuyucuda desteklenmez (`import.xlsxOnly`); `import.drop` metninden `.xls` çıktı.
+
+### DataSheet
+
+- **Yeni / Güncelle ayrımı kalktı (D47).** `lookupKeys` prop'u, New / Update etiketi ve Update satırını sunucudan doldurma yok; eklenen satır gutter'da `+` ile işaretlenir, sunucu anahtara göre upsert eder. **Geçiş:** `:lookup-keys` ve sorgu uç noktası silinebilir; `@save` yükünde `SheetChangeRow.op` yok, `values` artık değişen alanlar + `required` sütunlar + anahtar (eklenen satırda boş değer gitmez). Import özeti ve toast metinleri “listede olan / olmayan”, “added” oldu; `sheet.tag.new` / `sheet.tag.update` yerine `sheet.addedRow`.
+- Büyük içe aktarma artık sayfayı dondurmuyor: listede olmayan 10.000 anahtarın içe aktarılması ~27 s'den ~1–2 s'ye indi. Yeni satırlar satır satır değil toplu ekleniyor (her satırda tüm parti yeniden doğrulanıyordu); `applyResult` da sonuçları tek seferde işliyor.
+- İçe aktarmada `maxRows` sınırı eklenen satırları iki kez sayıyordu; 10.000 sınırında yalnızca 5.000 satır alınıyordu.
+- `required` sütunlar gizlenemez: Columns dialog'unda kilitli, görünümde gizli kayıtlı olsa da görünür.
+
+### DataTable
+
+- **Satır klavyesi kaldırıldı (D40).** Satır odağı ve çerçevesi, satır okları, satırda `↵` / `→` / `←` / `X` / `⇧↑↓` / `⌘A` / `⇧F10` ve başlıklar arası ok gezinmesi yok. Satırdaki widget'lar ve başlık düğmeleri doğal Tab sırasında; kök `role="table"`, hücreler `cell`, satırda `aria-selected` yok. Sayfa kısayolları ve başlık düğmesindeki sıralama/menü/genişlik/taşıma tuşları değişmedi. DataSheet etkilenmez.
+- Toolbar sırası spesifikasyona döndü: görünüm · arama · Filter solda, Display · ⋯ · birincil aksiyon sağda.
+- Odak seçim checkbox'ındayken `Esc` seçimi temizler ve tek harfli kısayollar çalışır.
+- Filtre için alan seçilince (column picker, header menüsü › Filter by this column…, mevcut çip) odak doğrudan editörün ilk alanına gelir; önceden picker/menü odağı tetikleyicisine geri alıyor ya da operatör düğmesine düşüyordu.
+- Popover içeriği kenarlara eşit uzaklıkta: column picker, görünüm menüsü ve Columns panelindeki arama kutuları ile filtre editörü gövdesi her yönde `--dt-pop-pad` (önceden üstte 4, yanlarda 8 px).
+- Sütun sürüklenerek minimum genişliğin (80 px) altına inemez; önceden sürüklerken daralıp ilk tıklamada 80'e sıçrıyordu. Görünüme kaydedilen ve görünümden okunan genişlik de sütunun min–max aralığına kırpılır.
+- **İçeriğe sığdırma kaldırıldı (D42).** Resize tutamacında çift tık ve sütun menüsündeki Fit to content yok; genişlik sürükleyerek ayarlanır. `header.fit` i18n anahtarı kaldırıldı.
+- Display düğmesi her genişlikte yalnızca ikon (DataTable ve DataSheet); adı tooltip'te ve `aria-label`'da.
+- **Toolbar grupları (D43).** Görünüm seçici başında ikon kutusuyla ghost (select kutusu görünümü geri alındı); arama + Filter grubu toolbar'ın tam ortasında; arama + Filter ve Display + ⋯ birleşik düğme grubu. Telefon düzeni değişmedi.
+- Kaydırma hapı (Rows 41–56) kaydırma alanının köşesinden sağdan ve alttan eşit uzaklıkta; görünür kaydırma çubukları (Windows, macOS "her zaman göster") hesaba katılır; yazı dikeyde ortalı.
+- Satıra sağ tık artık satır ⋯ menüsünü açmaz; tarayıcının kendi menüsü açılır.
+- Header (D44): filtre işareti etiketin solunda; ⋯ her sütunda sağ uçta ve yalnızca hover, klavye odağı veya menü açıkken yer kaplar (önceden hep yer ayırıyordu; sayısal sütunlarda en soldaydı). Dokunmatikte hep görünür.
+- **Ölçek büyüdü ve token'a bağlandı (D41).** Arayüz yazısı 13 → 14 px, ikonlar 16 → 18, kontroller 32 → 36, aralıklar 8 → 10, popover dolgusu 4 → 6; Comfortable satırı 52 → 56, Standard 40 → 44 (hücre yazısı 13 → 14). Toolbar, filtre satırı ve footer dolgusu dört yönde eşit. Varsayılan sütun genişlikleri hücre yazısıyla orantılı büyür. Yeni token'lar: `--dt-ui-fs`, `--dt-icon`, `--dt-control-h`, `--dt-checkbox`, `--dt-space`, `--dt-pop-pad`, `--dt-item-x` ve türevleri (02 · Ölçek); uygulama bunları ezerek paketi büyütüp küçültebilir. DataSheet'in ortak parçaları (buton, menü, popover, dialog) da büyür; Compact satır yoğunluğu değişmez.
+
+## 1.0.0 — 2026-10-28
+
+İlk sürüm: Faz 0–7 (`docs/data-table/10-roadmap.md`).
+
+### DataTable
+
+- 23 hücre tipi, sanal satırlar, sabit sütunlar, sütun menüsü (sırala, filtrele, sabitle, sığdır, taşı, gizle), yoğunluk ve dikey çizgiler (tercih adapter'ı).
+- Sunucu ve istemci modu; `@request` / `@count`; durumlar (ilk yükleme, sorgu değişimi, yenileme, hata, stale, boş).
+- Filtre çipleri (operatör + tipe göre editör, hazır tarih aralıkları), toolbar araması, sistem ve kişisel görünümler (`viewsAdapter`), Display.
+- Seçim (sayfa kapsamlı), bulk bar, satır menüsü, satır detayı (expand), `row-click` / `row-open`.
+- Sütun açıklaması (`description`: header tooltip'inde ikinci satır, Columns panelinde alt satır, `aria-describedby`). Satır aksiyonunda `when(row)` menüden gizler, `disabled(row)` gerekçesiyle pasifleştirir; `RowAction.inline` ⋯'nın solunda en fazla 2 ikon düğmesi; `RowAction` / `BulkAction.description` menüde ikinci satır, `BulkAction.when(rows)`. Uygulamanın satır hatası `rowError(row)` ile: kırmızı zemin, ⋯ hücresinde uyarı ikonu, satır tooltip'i.
+- Telefon düzeni (kart < 640 px): birincil sütun sola sabit, 48 px satır ve seçim sütunu, 44 px dokunma hedefleri, sağ kenar solması; toolbar (görünüm · arama modu · Filter sayaçlı · ⋯); çip satırı tek düğme; alt sayfalar — Filters (taslak + Show results, değer editörü ve sütun seçici alt seviyeler, Sort), görünümler, ⋯ (Density/Columns/Sort/Export/…), bulk bar More; footer yalnızca Önceki / Sonraki.
+
+### DataSheet (`@medyat/vue-data-table/sheet`)
+
+- Hücre odaklı klavye, yerinde editörler (metin, sayı/para, seçenek combobox, tarih), doğrulama (tip → required → validate → warn, çapraz kural), formül çubuğu, status bar.
+- Pano (TSV + HTML, yerel ayar çıkarımı), fill handle ve ⌘D, 100 adımlık geri al/yinele, Find in grid, seçim özeti.
+- Satır partisi (Add row / Insert / Remove from list), `lookupKeys` ile New / Update, anahtar tekilliği, yerel sıralama, All / Changed / Errors.
+- `optionEnabled(option, row)` ile satıra göre seçenek kapatma: kapalı seçenek editörde gizlenir, yapıştırma veya doldurmayla gelirse yalnızca değişen hücrede hata verir.
+- Kayıt akışı: hata dialog'u, `@save`, `saving` ilerlemesi, `applyResult`, Partly saved şeridi, Copy errors, ayrılma koruması.
+- Excel/CSV içe aktarma (`parseFile`; başlık satırı tespiti, otomatik eşleme, önizleme, yeni anahtarlar; `parseFile` hata fırlatırsa sebep dialog'da görünür), Export olayı, telefonda salt okunur.
+
+### Erişilebilirlik
+
+- ARIA ızgara rolleri, iki roving tabindex modeli, `aria-live` duyuruları, hata balonları `aria-describedby`, `forced-colors` ve `prefers-reduced-motion`, axe-core taraması (WCAG 2.1 AA, kritik/ciddi ihlal yok).
+
+### Bilinen sınırlar
+
+- Telefonda satır ⋯ menüsü ve sütun başlığı menüsü alt sayfa değil, açılır menü olarak kalır; Filters alt sayfasındaki Sort tek kuraldır (ikincil kurallar Show results'ta düşer); kişi listesindeki Me satırında gerçek ad gösterilmez. NVDA/VoiceOver turu elle yapılmadı.
+- Sheet'te `ajax`/`user` hücreleri yalnızca özel editörle düzenlenir, `multiselect` yerleşik editörle (T11); `Alt↓` seçici açma yok. `tags` sütun tipi yoktur (D37); sabit seçenekli çoklu değer `multiselect`'tir.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Medyat
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,180 @@
-# Temporary Holding Version
+# @medyat/vue-data-table
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Vue 3 için `DataTable` (liste) ve `DataSheet` (toplu düzenleme): ortak çekirdek, iki bileşen, iki giriş noktası. Paket veri çekmez ve kaydetmez (D18): olay yayar (`@request`, `@count`, `@save`, `@export`), uygulama HTTP'yi yapar ve sonucu geri verir.
+
+Spesifikasyon `docs/data-table/` (karar günlüğü `README.md`, bileşenler `05`/`07`, tipler `03`, filtreler/görünümler `04`, erişilebilirlik `08`, i18n `09`), tasarım teslimi `docs/handoff/`, çalışma kuralları `CLAUDE.md`.
+
+## Kurulum
+
+```bash
+pnpm add @medyat/vue-data-table reka-ui vue
+```
+
+```ts
+// main.ts
+import { createDataTable, createLocalStoragePreferences, createLocalStorageViews } from '@medyat/vue-data-table'
+import '@medyat/vue-data-table/style.css'
+
+app.use(
+  createDataTable({
+    locale: 'tr',
+    viewsAdapter: createLocalStorageViews({ scope: 'myapp' }), // kişisel görünümler; kendi adapter'ınızı da verebilirsiniz
+    preferences: createLocalStoragePreferences({ scope: 'myapp' }), // yoğunluk, çizgiler, sayfa boyutu
+  }),
+)
+```
+
+shadcn-vue temasını devralmak için ek olarak `@medyat/vue-data-table/shadcn-bridge.css` (veya HSL tabanlı tema için `shadcn-bridge-hsl.css`) yüklenir.
+
+## DataTable (liste)
+
+Sütun tanımları feature'ın kendi dosyasında yaşar (D21); hücre özelleştirmesi `cell` fonksiyonuyla, slot yok.
+
+```vue
+<script setup lang="ts">
+import { DataTable, type ColumnDef, type TableRequest } from '@medyat/vue-data-table'
+
+const columns: Array<ColumnDef<Order>> = [
+  { id: 'number', header: 'Order no.', type: 'id', primary: true, pinned: 'left', href: (r) => `/orders/${r.id}` },
+  { id: 'customer', header: 'Customer', type: 'string' },
+  { id: 'status', header: 'Status', type: 'select', options: statusOptions },
+  { id: 'dueAt', header: 'Due date', type: 'date', overdue: true },
+  { id: 'value', header: 'Value', type: 'currency', currency: 'TRY' },
+]
+const rows = ref<Order[]>([])
+const hasMore = ref(false)
+
+// Sunucu modu: her talep (sayfa, sıralama, arama, filtreler) buradan geçer; paket yeniden denemez, önbelleklemez.
+async function onRequest({ query, signal }: TableRequest) {
+  const { data } = await axios.get('/api/orders', { params: toLaravelParams(query), signal })
+  rows.value = data.data
+  hasMore.value = data.next_page_url !== null
+}
+</script>
+
+<template>
+  <DataTable
+    table-id="orders"
+    mode="server"
+    :columns="columns"
+    :rows="rows"
+    :has-more="hasMore"
+    :entity-name="{ one: 'order', other: 'orders' }"
+    selectable
+    :bulk-actions="bulkActions"
+    :row-actions="rowActions"
+    expand
+    @request="onRequest"
+    @row-open="onRowOpen"
+  >
+    <template #expanded="{ row }"><OrderOperations :order="row" /></template>
+  </DataTable>
+</template>
+```
+
+### `row-open` tarifleri
+
+Birincil hücre gerçek bir `<a href>`'tir (D6): ⌘/orta tık tarayıcıya kalır, düz tık `row-open` yayar. Dinleyici `preventDefault` yapmazsa tarayıcı gider.
+
+```ts
+// Vue Router
+const router = useRouter()
+const onRowOpen = ({ href, event }: { row: Order; href: string; event: MouseEvent }) => {
+  event.preventDefault()
+  router.push(href)
+}
+
+// Inertia
+import { router } from '@inertiajs/vue3'
+const onRowOpen = ({ href, event }) => {
+  event.preventDefault()
+  router.visit(href)
+}
+```
+
+### Laravel talebi
+
+`TableRequest.query` → `page`, `size`, `sort` (`[{ column, dir }]`), `search`, `filters` (`FilterCondition[]`, JSON), `fields`. Sunucu `simplePaginate` ile `{ data, next_page_url }` döner; `@count` ayrı bir `count` ucu çağırır (`{ total }`). Playground'daki `playground/server/mock-api.ts` aynı sözleşmeyi uygular.
+
+## DataSheet (toplu düzenleme)
+
+Ayrı giriş noktası: `@medyat/vue-data-table/sheet`. Sütunlar varsayılan salt okunurdur; `editable`, `required`, `validate`, `warn`, `hint`, `importAliases` ile açılır. Değişiklikler taslakta birikir, tek **Save** yeni + değişen satırları `@save` ile teslim eder; uygulama anahtara göre upsert yapar ve `applyResult()` ile sonucu bildirir (D11). Asla silmez (D12).
+
+```vue
+<script setup lang="ts">
+import { DataSheet, type DataSheetHandle, type SheetChanges } from '@medyat/vue-data-table/sheet'
+
+const sheet = useTemplateRef<DataSheetHandle>('sheet')
+const saving = ref<boolean | { done: number; total: number }>(false)
+
+// 07 §16: 500'lük parçalar sırayla; zaman aşımı, yeniden deneme ve Stop uygulamanındır.
+async function onSave({ rows }: SheetChanges) {
+  saving.value = { done: 0, total: rows.length }
+  for (const chunk of chunksOf(rows, 500)) {
+    const { data } = await axios.post('/api/products/bulk-upsert', {
+      key: 'sku',
+      rows: chunk.map((r) => ({ client_id: r.clientId, key: r.key, op: r.op, values: r.values })),
+    })
+    sheet.value!.applyResult(
+      data.results.map((r) => ({
+        clientId: r.client_id,
+        status: r.status,
+        fieldErrors: r.field_errors,
+        rowError: r.row_error,
+        row: r.row,
+      })),
+    )
+    saving.value = { done: saving.value.done + chunk.length, total: rows.length }
+  }
+  saving.value = false
+}
+</script>
+
+<template>
+  <DataSheet
+    ref="sheet"
+    table-id="products"
+    key-column="sku"
+    :columns="columns"
+    :rows="rows"
+    :loading="loading"
+    :saving="saving"
+    :lookup-keys="(keys) => axios.post('/api/products/lookup-keys', { keys }).then((r) => r.data)"
+    :new-row-defaults="() => ({ unit: 'pcs', vat: 20, active: true })"
+    :parse-file="parseWithExceljs"
+    @save="onSave"
+    @export="writeFile"
+  />
+</template>
+```
+
+Dosya okuma ve yazma uygulamanındır (D18): `parseFile` dosyayı ham satırlara çevirir (başlık tespiti ve eşleme paketindedir), `@export` yalnızca satır ve sütunları verir. Hazır tarif: `playground/src/pages/T11Sheet.vue` — exceljs ile `.xlsx` okuma (formül, zengin metin ve köprü düz değere iner) ve `.xlsx` / `;` ayrılmış BOM'lu `.csv` yazıp indirme.
+
+Sunucu notları (07 §16): her satırı bağımsız işleyin (satır başına doğrulama ve savepoint), eşleme anahtara göre (`op` ipucudur), `update` satırlarında yalnızca gelen alanları güncelleyin, benzersizlik çakışmaları alan hatası olarak dönsün (500 değil), istek başına en fazla 500 satır.
+
+Ayrılma koruması: paket `beforeunload` uyarısını kendisi verir; yönlendirici koruması için `sheet.value.isDirty()`.
+
+## Erişilebilirlik ve klavye
+
+İki roving tabindex modeli: listede satır odaklıdır (oklar satırlar arası, `→` satırın widget'larına), sheet'te hücre odaklıdır (Excel kısayolları: `F2`, `↵`, `Tab`, `⌘C/X/V`, `⌘D`, `⌘Z`, `F8`, `⇧F10`). Tam liste `docs/data-table/08-accessibility-keyboard.md`. Duyurular tek `aria-live` bölgesinden; `forced-colors` ve `prefers-reduced-motion` desteklenir; Playwright'ta axe-core taraması (`e2e/a11y.spec.ts`).
+
+## Geliştirme
+
+Node 22+ ve pnpm (corepack ile): `corepack enable` bir kez, sonra `pnpm install`.
+
+| Komut                               | Ne yapar                                                                                            |
+| ----------------------------------- | --------------------------------------------------------------------------------------------------- |
+| `pnpm dev`                          | Playground (`playground/`, http://localhost:5174); sahte API `/api/orders`, `/api/products`         |
+| `pnpm test`                         | Vitest: token ↔ 02, kontrast, i18n ↔ 09, ESLint sınırları, bileşenler, depo, pano, içe aktarma      |
+| `pnpm test:e2e`                     | Playwright (playground'a karşı; axe taraması dahil)                                                 |
+| `pnpm typecheck` · `pnpm lint`      | vue-tsc, ESLint (import sınırları dahil)                                                            |
+| `pnpm format` · `pnpm format:check` | Prettier (biçim yalnızca Prettier'ın; ESLint biçim kuralı taşımaz)                                  |
+| `pnpm build`                        | `dist/`: `index.js`, `sheet.js`, `style.css`, köprü CSS'leri, `.d.ts`                               |
+| `pnpm gen:docs`                     | 02 → `src/styles/tokens.css`, 09 → `src/core/i18n/{en,tr}.ts` (üretilmiş dosyalar elle düzenlenmez) |
+| `pnpm check`                        | gen:docs + typecheck + lint + format:check + test                                                   |
+
+Token ve metin değişikliği dokümanda yapılır, sonra `pnpm gen:docs`; testler dokümanla kodun ayrışmasını yakalar. Sürüm notları `CHANGELOG.md`.
+
+## Lisans
+
+MIT · © 2026 Medyat

package/dist/ColumnsDialog-dngip-aF.js

@@ -0,0 +1,251 @@
+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, mergeModels as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, useModel as _, vModelText as v, watch as y, withCtx as b, withDirectives as x } from "vue";
+import { PhDotsSixVertical as S, PhLock as ee, PhMagnifyingGlass as te, PhPushPin as C } from "@phosphor-icons/vue";
+import { DialogClose as ne, DialogContent as re, DialogOverlay as w, DialogPortal as T, DialogRoot as E, DialogTitle as D, RadioGroupIndicator as O, RadioGroupItem as ie, RadioGroupRoot as ae, SwitchRoot as k, SwitchThumb as A } from "reka-ui";
+import { Accessibility as j } from "@dnd-kit/dom";
+import { DragDropProvider as oe } from "@dnd-kit/vue";
+import { isSortable as M, useSortable as N } from "@dnd-kit/vue/sortable";
+//#region src/core/toolbar/ColumnsDialogRow.vue?vue&type=script&setup=true&lang.ts
+var P = ["data-col"], F = ["disabled", "aria-label"], I = { class: "dt-col-name" }, L = {
+	key: 0,
+	class: "dt-col-desc"
+}, R = /* @__PURE__ */ l({
+	__name: "ColumnsDialogRow",
+	props: {
+		column: {},
+		index: {},
+		disabled: { type: Boolean },
+		pinned: { type: Boolean }
+	},
+	emits: ["update:visible"],
+	setup(t, { emit: n }) {
+		let l = t, u = n, { i18n: m } = e(), _ = p(null), v = p(null), { isDragSource: y } = N({
+			id: () => l.column.id,
+			index: () => l.index,
+			disabled: () => l.disabled,
+			element: _,
+			handle: v
+		});
+		return (e, n) => (f(), a("li", {
+			ref_key: "element",
+			ref: _,
+			class: d(["dt-col-row", {
+				"is-hidden": !t.column.visible,
+				"is-dragging": g(y)
+			}]),
+			"data-col": t.column.id
+		}, [
+			o("button", {
+				ref_key: "handle",
+				ref: v,
+				type: "button",
+				class: "dt-icon-btn-xs dt-col-handle",
+				disabled: t.disabled,
+				"aria-label": g(m).t("columns.reorder", { column: t.column.def.header })
+			}, [c(g(S), {
+				size: 16,
+				weight: "bold",
+				"aria-hidden": "true"
+			})], 8, F),
+			o("span", I, [o("span", null, [s(h(t.column.def.header) + " ", 1), t.pinned ? (f(), r(g(C), {
+				key: 0,
+				size: 12,
+				class: "dt-col-pin",
+				"aria-label": g(m).t("columns.pinned")
+			}, null, 8, ["aria-label"])) : i("", !0)]), t.column.def.description ? (f(), a("span", L, h(t.column.def.description), 1)) : i("", !0)]),
+			c(g(k), {
+				class: "dt-switch dt-col-switch",
+				"model-value": t.column.visible,
+				disabled: !t.column.canHide,
+				"aria-label": t.column.def.header,
+				"onUpdate:modelValue": n[0] ||= (e) => u("update:visible", e)
+			}, {
+				default: b(() => [c(g(A), { class: "dt-switch-thumb" })]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"aria-label"
+			])
+		], 10, P));
+	}
+}), z = { class: "dt-cols-body" }, B = {
+	key: 0,
+	class: "dt-cols-pins"
+}, V = ["id"], H = { class: "dt-cols-desc" }, U = { class: "dt-cols-section dt-cols-main" }, W = { class: "dt-cols-title" }, G = { class: "dt-pop-value" }, K = { class: "dt-cols-desc" }, q = { class: "dt-input has-icon dt-cols-find" }, se = { class: "dt-input-icon" }, ce = ["placeholder", "aria-label"], le = { class: "dt-cols-list" }, ue = { class: "dt-col-name" }, de = {
+	key: 0,
+	class: "dt-col-desc"
+}, fe = { class: "dt-cols-foot" }, pe = {
+	type: "button",
+	class: "dt-btn"
+}, J = /* @__PURE__ */ l({
+	__name: "ColumnsDialog",
+	props: /*@__PURE__*/ u({
+		columns: {},
+		phone: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u(["save", "closeAutoFocus"], ["update:open"]),
+	setup(l, { emit: u }) {
+		let S = l, C = u, k = _(l, "open"), { i18n: A } = e(), N = [
+			0,
+			1,
+			2
+		], P = p([]), F = p(0), I = p(0), L = p(""), J = (e) => Math.min(2, S.columns.filter((t) => t.pinned === e && t.visible && !t.fixed).length);
+		y(k, (e) => {
+			e && (P.value = S.columns.map((e) => ({ ...e })), F.value = J("start"), I.value = J("end"), L.value = "");
+		}, { immediate: !0 });
+		let Y = n(() => P.value.filter((e) => e.fixed)), me = (e) => !L.value || e.def.header.toLocaleLowerCase().includes(L.value.toLocaleLowerCase()), X = n(() => P.value.filter((e) => !e.fixed && me(e))), he = n(() => {
+			if (S.phone) return /* @__PURE__ */ new Set();
+			let e = P.value.filter((e) => e.visible && !e.fixed).map((e) => e.id), t = e.slice(0, F.value);
+			return /* @__PURE__ */ new Set([...t, ...I.value ? e.slice(t.length).slice(-I.value) : []]);
+		}), Z = n(() => P.value.filter((e) => e.canHide && !e.fixed)), Q = n(() => Z.value.every((e) => e.visible)), ge = ({ operation: { source: e }, canceled: t }) => {
+			if (t || !M(e) || e.initialIndex === e.index) return;
+			let n = [...X.value], [r] = n.splice(e.initialIndex, 1);
+			n.splice(e.index, 0, r), P.value = [...Y.value, ...n];
+		}, _e = (e) => P.value.find((t) => t.id === e)?.def.header ?? String(e), $ = ({ source: e }) => e && M(e) ? {
+			column: _e(e.id),
+			position: e.index + 1,
+			total: X.value.length
+		} : void 0, ve = (e) => [...e.filter((e) => e !== j), j.configure({
+			screenReaderInstructions: { draggable: A.t("columns.dragInstructions") },
+			announcements: {
+				dragstart: ({ operation: e }) => $(e) ? A.t("columns.dragStart", $(e)) : void 0,
+				dragover: ({ operation: e }) => $(e) && e.target?.id !== e.source?.id ? A.t("columns.dragOver", $(e)) : void 0,
+				dragend: ({ operation: e, canceled: t }) => $(e) ? A.t(t ? "columns.dragCancel" : "columns.dragEnd", $(e)) : void 0
+			}
+		})], ye = () => {
+			let e = !Q.value;
+			for (let t of Z.value) t.visible = e;
+		}, be = () => {
+			C("save", {
+				order: P.value.map((e) => e.id),
+				visible: P.value.filter((e) => e.visible).map((e) => e.id),
+				start: S.phone ? J("start") : F.value,
+				end: S.phone ? J("end") : I.value
+			}), k.value = !1;
+		};
+		return (e, n) => (f(), r(g(E), {
+			open: k.value,
+			"onUpdate:open": n[2] ||= (e) => k.value = e
+		}, {
+			default: b(() => [c(g(T), null, {
+				default: b(() => [c(g(w), { class: "dt-scrim" }), c(g(re), {
+					class: d(["dt-dialog dt-cols-dialog", { "is-phone": l.phone }]),
+					"aria-describedby": void 0,
+					onCloseAutoFocus: n[1] ||= (e) => C("closeAutoFocus", e)
+				}, {
+					default: b(() => [
+						c(g(D), { class: "dt-sr-only" }, {
+							default: b(() => [s(h(g(A).t("display.columns")), 1)]),
+							_: 1
+						}),
+						o("div", z, [l.phone ? i("", !0) : (f(), a("div", B, [(f(), a(t, null, m(["start", "end"], (e) => o("section", {
+							key: e,
+							class: "dt-cols-section"
+						}, [
+							o("h3", {
+								id: `dt-cols-${e}`,
+								class: "dt-cols-title"
+							}, h(g(A).t(`columns.pin.${e}.title`)), 9, V),
+							o("p", H, h(g(A).t(`columns.pin.${e}.desc`)), 1),
+							c(g(ae), {
+								class: "dt-radio-group",
+								"aria-labelledby": `dt-cols-${e}`,
+								"model-value": e === "start" ? F.value : I.value,
+								"onUpdate:modelValue": (t) => e === "start" ? F.value = Number(t) : I.value = Number(t)
+							}, {
+								default: b(() => [(f(), a(t, null, m(N, (t) => o("label", {
+									key: t,
+									class: "dt-radio-row"
+								}, [c(g(ie), {
+									class: "dt-radio",
+									value: t
+								}, {
+									default: b(() => [c(g(O), { class: "dt-radio-dot" })]),
+									_: 1
+								}, 8, ["value"]), s(" " + h(g(A).t(`columns.pin.${e}.${t}`)), 1)])), 64))]),
+								_: 2
+							}, 1032, [
+								"aria-labelledby",
+								"model-value",
+								"onUpdate:modelValue"
+							])
+						])), 64))])), o("section", U, [
+							o("h3", W, [s(h(g(A).t("columns.title")) + " ", 1), o("span", G, h(g(A).t("columns.shownOf", {
+								shown: P.value.filter((e) => e.visible).length,
+								total: P.value.length
+							})), 1)]),
+							o("p", K, h(g(A).t("columns.desc")), 1),
+							o("label", q, [o("span", se, [c(g(te), {
+								size: 14,
+								"aria-hidden": "true"
+							})]), x(o("input", {
+								"onUpdate:modelValue": n[0] ||= (e) => L.value = e,
+								type: "search",
+								placeholder: g(A).t("columns.find"),
+								"aria-label": g(A).t("columns.find")
+							}, null, 8, ce), [[v, L.value]])]),
+							o("ul", le, [L.value ? i("", !0) : (f(!0), a(t, { key: 0 }, m(Y.value, (e) => (f(), a("li", {
+								key: e.id,
+								class: "dt-col-row is-fixed"
+							}, [o("span", ue, [o("span", null, h(e.def.header), 1), e.def.description ? (f(), a("span", de, h(e.def.description), 1)) : i("", !0)]), c(g(ee), {
+								size: 14,
+								class: "dt-col-lock",
+								"aria-label": g(A).t("columns.alwaysShown")
+							}, null, 8, ["aria-label"])]))), 128)), c(g(oe), {
+								plugins: ve,
+								onDragEnd: ge
+							}, {
+								default: b(() => [(f(!0), a(t, null, m(X.value, (e, t) => (f(), r(R, {
+									key: e.id,
+									column: e,
+									index: t,
+									disabled: !!L.value,
+									pinned: he.value.has(e.id),
+									"onUpdate:visible": (t) => e.visible = t
+								}, null, 8, [
+									"column",
+									"index",
+									"disabled",
+									"pinned",
+									"onUpdate:visible"
+								]))), 128))]),
+								_: 1
+							})])
+						])]),
+						o("div", fe, [
+							o("button", {
+								type: "button",
+								class: "dt-btn",
+								onClick: ye
+							}, h(g(A).t(Q.value ? "columns.hideAll" : "columns.showAll")), 1),
+							n[3] ||= o("span", { class: "dt-pop-end" }, null, -1),
+							c(g(ne), { "as-child": "" }, {
+								default: b(() => [o("button", pe, h(g(A).t("common.cancel")), 1)]),
+								_: 1
+							}),
+							o("button", {
+								type: "button",
+								class: "dt-btn dt-btn-primary",
+								onClick: be
+							}, h(g(A).t("common.save")), 1)
+						])
+					]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { J as default };
+
+//# sourceMappingURL=ColumnsDialog-dngip-aF.js.map

package/dist/ColumnsDialog-dngip-aF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsDialog-dngip-aF.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode","_withCtx","_sfc_main","_useModel","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_normalizeClass","_createTextVNode","_toDisplayString","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createCommentVNode","_withDirectives","_vModelText","ColumnsDialogRow","_sfc_main","useDataTableContext","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","ColumnsDialogRow_default","defineComponent","__emit","props","__props","emit","element","ref","handle","useSortable","openBlock","createElementBlock","normalizeClass","unref","isDragSource","createElementVNode","i18n","createVNode","PhDotsSixVertical","createTextVNode","toDisplayString","createBlock","PhPushPin","createCommentVNode","SwitchRoot","_cache","v","withCtx","SwitchThumb","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","ColumnsDialog_default","\"open\"","\"openModifiers\"","open","useModel","PIN_COUNTS","rows","start","end","find","pinCount","c","side","o","fixedRows","computed","matches","listed","willPin","free","left","hideable","allShown","onDragEnd","canceled","isSortable","source","list","moved","nameOf","id","at","plugins","defaults","p","Accessibility","operation","toggleAll","save","DialogRoot","$event","DialogPortal","DialogOverlay","DialogContent","DialogTitle","Fragment","renderList","RadioGroupRoot","n","RadioGroupItem","RadioGroupIndicator","PhMagnifyingGlass","withDirectives","vModelText","PhLock","DragDropProvider","i","DialogClose"],"sources":["../src/core/toolbar/ColumnsDialogRow.vue","../src/core/toolbar/ColumnsDialogRow.vue","../src/core/toolbar/ColumnsDialog.vue","../src/core/toolbar/ColumnsDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// Columns dialog'unda sıralanabilir satır (D22, D45): tutamaçtan fare/dokunmatik sürükleme ve klavye (Space al · ↑↓ · Space bırak · Esc).\n// useSortable DragDropProvider'ın alt bileşeninde çağrılmak zorunda; bu yüzden satır ayrı bileşen.\nimport { PhDotsSixVertical, PhPushPin } from '@phosphor-icons/vue'\nimport { useSortable } from '@dnd-kit/vue/sortable'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { ref } from 'vue'\nimport { useDataTableContext } from '../plugin'\nimport type { PanelColumn } from './ColumnsDialog.vue'\n\nconst props = defineProps<{\n  column: PanelColumn\n  index: number\n  /** Arama süzerken sıralama kapalı: süzülmüş listede taşımak gizli satırların yerini belirsizleştirir. */\n  disabled: boolean\n  /** Kaydedilince sabitlenecek. */\n  pinned: boolean\n}>()\nconst emit = defineEmits<{ 'update:visible': [visible: boolean] }>()\nconst { i18n } = useDataTableContext()\n\nconst element = ref<HTMLElement | null>(null)\nconst handle = ref<HTMLElement | null>(null)\nconst { isDragSource } = useSortable({\n  id: () => props.column.id,\n  index: () => props.index,\n  disabled: () => props.disabled,\n  element,\n  handle,\n})\n</script>\n\n<template>\n  <li\n    ref=\"element\"\n    class=\"dt-col-row\"\n    :class=\"{ 'is-hidden': !column.visible, 'is-dragging': isDragSource }\"\n    :data-col=\"column.id\"\n  >\n    <button\n      ref=\"handle\"\n      type=\"button\"\n      class=\"dt-icon-btn-xs dt-col-handle\"\n      :disabled=\"disabled\"\n      :aria-label=\"i18n.t('columns.reorder', { column: column.def.header })\"\n    >\n      <PhDotsSixVertical :size=\"16\" weight=\"bold\" aria-hidden=\"true\" />\n    </button>\n    <span class=\"dt-col-name\">\n      <span>\n        {{ column.def.header }}\n        <PhPushPin v-if=\"pinned\" :size=\"12\" class=\"dt-col-pin\" :aria-label=\"i18n.t('columns.pinned')\" />\n      </span>\n      <span v-if=\"column.def.description\" class=\"dt-col-desc\">{{ column.def.description }}</span>\n    </span>\n    <SwitchRoot\n      class=\"dt-switch dt-col-switch\"\n      :model-value=\"column.visible\"\n      :disabled=\"!column.canHide\"\n      :aria-label=\"column.def.header\"\n      @update:model-value=\"(v) => emit('update:visible', v)\"\n    >\n      <SwitchThumb class=\"dt-switch-thumb\" />\n    </SwitchRoot>\n  </li>\n</template>\n","<script setup lang=\"ts\">\n// Columns dialog'unda sıralanabilir satır (D22, D45): tutamaçtan fare/dokunmatik sürükleme ve klavye (Space al · ↑↓ · Space bırak · Esc).\n// useSortable DragDropProvider'ın alt bileşeninde çağrılmak zorunda; bu yüzden satır ayrı bileşen.\nimport { PhDotsSixVertical, PhPushPin } from '@phosphor-icons/vue'\nimport { useSortable } from '@dnd-kit/vue/sortable'\nimport { SwitchRoot, SwitchThumb } from 'reka-ui'\nimport { ref } from 'vue'\nimport { useDataTableContext } from '../plugin'\nimport type { PanelColumn } from './ColumnsDialog.vue'\n\nconst props = defineProps<{\n  column: PanelColumn\n  index: number\n  /** Arama süzerken sıralama kapalı: süzülmüş listede taşımak gizli satırların yerini belirsizleştirir. */\n  disabled: boolean\n  /** Kaydedilince sabitlenecek. */\n  pinned: boolean\n}>()\nconst emit = defineEmits<{ 'update:visible': [visible: boolean] }>()\nconst { i18n } = useDataTableContext()\n\nconst element = ref<HTMLElement | null>(null)\nconst handle = ref<HTMLElement | null>(null)\nconst { isDragSource } = useSortable({\n  id: () => props.column.id,\n  index: () => props.index,\n  disabled: () => props.disabled,\n  element,\n  handle,\n})\n</script>\n\n<template>\n  <li\n    ref=\"element\"\n    class=\"dt-col-row\"\n    :class=\"{ 'is-hidden': !column.visible, 'is-dragging': isDragSource }\"\n    :data-col=\"column.id\"\n  >\n    <button\n      ref=\"handle\"\n      type=\"button\"\n      class=\"dt-icon-btn-xs dt-col-handle\"\n      :disabled=\"disabled\"\n      :aria-label=\"i18n.t('columns.reorder', { column: column.def.header })\"\n    >\n      <PhDotsSixVertical :size=\"16\" weight=\"bold\" aria-hidden=\"true\" />\n    </button>\n    <span class=\"dt-col-name\">\n      <span>\n        {{ column.def.header }}\n        <PhPushPin v-if=\"pinned\" :size=\"12\" class=\"dt-col-pin\" :aria-label=\"i18n.t('columns.pinned')\" />\n      </span>\n      <span v-if=\"column.def.description\" class=\"dt-col-desc\">{{ column.def.description }}</span>\n    </span>\n    <SwitchRoot\n      class=\"dt-switch dt-col-switch\"\n      :model-value=\"column.visible\"\n      :disabled=\"!column.canHide\"\n      :aria-label=\"column.def.header\"\n      @update:model-value=\"(v) => emit('update:visible', v)\"\n    >\n      <SwitchThumb class=\"dt-switch-thumb\" />\n    </SwitchRoot>\n  </li>\n</template>\n","<script setup lang=\"ts\">\n// Manage columns dialog'u (05 §5, D45): solda konumsal sabitleme (ilk / son 0–2 sütun), sağda bul · liste (tutamaç · göster/gizle).\n// Taslak üzerinde çalışır: Save tek seferde uygular, kapatmak ya da Cancel hiçbir şeyi değiştirmez. Sıralama @dnd-kit ile\n// sürükle-bırak; klavye ve ekran okuyucu duyuruları kütüphanenin Accessibility eklentisinden, metinler i18n'den (D22 revize).\nimport { Accessibility, type Draggable } from '@dnd-kit/dom'\nimport {\n  DragDropProvider,\n  type DragDropProviderProps,\n  type DragEndEvent,\n  type DragOverEvent,\n  type DragStartEvent,\n} from '@dnd-kit/vue'\nimport { isSortable } from '@dnd-kit/vue/sortable'\nimport { PhLock, PhMagnifyingGlass } from '@phosphor-icons/vue'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  DialogRoot,\n  DialogTitle,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupRoot,\n} from 'reka-ui'\nimport { computed, ref, watch } from 'vue'\nimport type { ColumnDef } from '../../types/columns'\nimport { useDataTableContext } from '../plugin'\nimport ColumnsDialogRow from './ColumnsDialogRow.vue'\n\nexport interface PanelColumn {\n  id: string\n  def: ColumnDef\n  visible: boolean\n  pinned: 'start' | 'end' | null\n  canHide: boolean\n  /** Her zaman sola sabit (birincil, sheet anahtarı): listede kilitli, taşınmaz, gizlenmez. */\n  fixed: boolean\n}\nexport interface ColumnsDraft {\n  order: string[]\n  visible: string[]\n  start: number\n  end: number\n}\n\nconst props = defineProps<{\n  columns: PanelColumn[]\n  /** Telefonda sabitleme uygulanmaz (05 §11); sol bölüm gizlenir. */\n  phone?: boolean\n}>()\nconst emit = defineEmits<{\n  save: [draft: ColumnsDraft]\n  /** Açan popover/sayfa kapandığı için odağı nereye döndüreceğine çağıran karar verir. */\n  closeAutoFocus: [e: Event]\n}>()\nconst open = defineModel<boolean>('open', { default: false })\nconst { i18n } = useDataTableContext()\n\nconst PIN_COUNTS = [0, 1, 2] as const\nconst rows = ref<PanelColumn[]>([])\nconst start = ref(0)\nconst end = ref(0)\nconst find = ref('')\nconst pinCount = (side: 'start' | 'end') =>\n  Math.min(2, props.columns.filter((c) => c.pinned === side && c.visible && !c.fixed).length)\nwatch(\n  open,\n  (o) => {\n    if (!o) return\n    rows.value = props.columns.map((c) => ({ ...c }))\n    start.value = pinCount('start')\n    end.value = pinCount('end')\n    find.value = ''\n  },\n  { immediate: true },\n)\n\nconst fixedRows = computed(() => rows.value.filter((c) => c.fixed))\nconst matches = (c: PanelColumn) =>\n  !find.value || c.def.header.toLocaleLowerCase().includes(find.value.toLocaleLowerCase())\nconst listed = computed(() => rows.value.filter((c) => !c.fixed && matches(c)))\n/** Kaydedilince sabitlenecek sütunlar: listede raptiye ile gösterilir. */\nconst willPin = computed(() => {\n  if (props.phone) return new Set<string>()\n  const free = rows.value.filter((c) => c.visible && !c.fixed).map((c) => c.id)\n  const left = free.slice(0, start.value)\n  return new Set([...left, ...(end.value ? free.slice(left.length).slice(-end.value) : [])])\n})\nconst hideable = computed(() => rows.value.filter((c) => c.canHide && !c.fixed))\nconst allShown = computed(() => hideable.value.every((c) => c.visible))\n\n/** Bırakınca taslak sırası güncellenir (arama yokken listed = sabit olmayan tüm satırlar). */\nconst onDragEnd = ({ operation: { source }, canceled }: DragEndEvent) => {\n  if (canceled || !isSortable(source) || source.initialIndex === source.index) return\n  const list = [...listed.value]\n  const [moved] = list.splice(source.initialIndex, 1)\n  list.splice(source.index, 0, moved!)\n  rows.value = [...fixedRows.value, ...list]\n}\nconst nameOf = (id: unknown) => rows.value.find((c) => c.id === id)?.def.header ?? String(id)\nconst at = ({ source }: { source: Draggable | null }) =>\n  source && isSortable(source)\n    ? { column: nameOf(source.id), position: source.index + 1, total: listed.value.length }\n    : undefined\nconst plugins: DragDropProviderProps['plugins'] = (defaults) => [\n  ...defaults.filter((p) => p !== Accessibility),\n  Accessibility.configure({\n    screenReaderInstructions: { draggable: i18n.t('columns.dragInstructions') },\n    announcements: {\n      dragstart: ({ operation }: DragStartEvent) => (at(operation) ? i18n.t('columns.dragStart', at(operation)) : undefined),\n      // Kütüphanenin varsayılanı gibi: hedef kaynağın kendisiyse (yer değişmedi) duyurma.\n      dragover: ({ operation }: DragOverEvent) =>\n        at(operation) && operation.target?.id !== operation.source?.id\n          ? i18n.t('columns.dragOver', at(operation))\n          : undefined,\n      dragend: ({ operation, canceled }: DragEndEvent) =>\n        at(operation) ? i18n.t(canceled ? 'columns.dragCancel' : 'columns.dragEnd', at(operation)) : undefined,\n    },\n  }),\n]\nconst toggleAll = () => {\n  const v = !allShown.value\n  for (const c of hideable.value) c.visible = v\n}\nconst save = () => {\n  emit('save', {\n    order: rows.value.map((c) => c.id),\n    visible: rows.value.filter((c) => c.visible).map((c) => c.id),\n    start: props.phone ? pinCount('start') : start.value,\n    end: props.phone ? pinCount('end') : end.value,\n  })\n  open.value = false\n}\n</script>\n\n<template>\n  <DialogRoot v-model:open=\"open\">\n    <DialogPortal>\n      <DialogOverlay class=\"dt-scrim\" />\n      <DialogContent class=\"dt-dialog dt-cols-dialog\" :class=\"{ 'is-phone': phone }\" :aria-describedby=\"undefined\"\n        @close-auto-focus=\"(e: Event) => emit('closeAutoFocus', e)\"\n      >\n        <DialogTitle class=\"dt-sr-only\">{{ i18n.t('display.columns') }}</DialogTitle>\n        <div class=\"dt-cols-body\">\n          <div v-if=\"!phone\" class=\"dt-cols-pins\">\n            <section v-for=\"side in ['start', 'end'] as const\" :key=\"side\" class=\"dt-cols-section\">\n              <h3 :id=\"`dt-cols-${side}`\" class=\"dt-cols-title\">{{ i18n.t(`columns.pin.${side}.title`) }}</h3>\n              <p class=\"dt-cols-desc\">{{ i18n.t(`columns.pin.${side}.desc`) }}</p>\n              <RadioGroupRoot\n                class=\"dt-radio-group\"\n                :aria-labelledby=\"`dt-cols-${side}`\"\n                :model-value=\"side === 'start' ? start : end\"\n                @update:model-value=\"(v) => (side === 'start' ? (start = Number(v)) : (end = Number(v)))\"\n              >\n                <label v-for=\"n in PIN_COUNTS\" :key=\"n\" class=\"dt-radio-row\">\n                  <RadioGroupItem class=\"dt-radio\" :value=\"n\">\n                    <RadioGroupIndicator class=\"dt-radio-dot\" />\n                  </RadioGroupItem>\n                  {{ i18n.t(`columns.pin.${side}.${n}`) }}\n                </label>\n              </RadioGroupRoot>\n            </section>\n          </div>\n          <section class=\"dt-cols-section dt-cols-main\">\n            <h3 class=\"dt-cols-title\">\n              {{ i18n.t('columns.title') }}\n              <span class=\"dt-pop-value\">\n                {{ i18n.t('columns.shownOf', { shown: rows.filter((c) => c.visible).length, total: rows.length }) }}\n              </span>\n            </h3>\n            <p class=\"dt-cols-desc\">{{ i18n.t('columns.desc') }}</p>\n            <label class=\"dt-input has-icon dt-cols-find\">\n              <span class=\"dt-input-icon\"><PhMagnifyingGlass :size=\"14\" aria-hidden=\"true\" /></span>\n              <input\n                v-model=\"find\"\n                type=\"search\"\n                :placeholder=\"i18n.t('columns.find')\"\n                :aria-label=\"i18n.t('columns.find')\"\n              />\n            </label>\n            <ul class=\"dt-cols-list\">\n              <template v-if=\"!find\">\n                <li v-for=\"c in fixedRows\" :key=\"c.id\" class=\"dt-col-row is-fixed\">\n                  <span class=\"dt-col-name\">\n                    <span>{{ c.def.header }}</span>\n                    <span v-if=\"c.def.description\" class=\"dt-col-desc\">{{ c.def.description }}</span>\n                  </span>\n                  <PhLock :size=\"14\" class=\"dt-col-lock\" :aria-label=\"i18n.t('columns.alwaysShown')\" />\n                </li>\n              </template>\n              <DragDropProvider :plugins=\"plugins\" @drag-end=\"onDragEnd\">\n                <ColumnsDialogRow\n                  v-for=\"(c, i) in listed\"\n                  :key=\"c.id\"\n                  :column=\"c\"\n                  :index=\"i\"\n                  :disabled=\"!!find\"\n                  :pinned=\"willPin.has(c.id)\"\n                  @update:visible=\"(v) => (c.visible = v)\"\n                />\n              </DragDropProvider>\n            </ul>\n          </section>\n        </div>\n        <div class=\"dt-cols-foot\">\n          <button type=\"button\" class=\"dt-btn\" @click=\"toggleAll\">\n            {{ i18n.t(allShown ? 'columns.hideAll' : 'columns.showAll') }}\n          </button>\n          <span class=\"dt-pop-end\" />\n          <DialogClose as-child>\n            <button type=\"button\" class=\"dt-btn\">{{ i18n.t('common.cancel') }}</button>\n          </DialogClose>\n          <button type=\"button\" class=\"dt-btn dt-btn-primary\" @click=\"save\">{{ i18n.t('common.save') }}</button>\n        </div>\n      </DialogContent>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n","<script setup lang=\"ts\">\n// Manage columns dialog'u (05 §5, D45): solda konumsal sabitleme (ilk / son 0–2 sütun), sağda bul · liste (tutamaç · göster/gizle).\n// Taslak üzerinde çalışır: Save tek seferde uygular, kapatmak ya da Cancel hiçbir şeyi değiştirmez. Sıralama @dnd-kit ile\n// sürükle-bırak; klavye ve ekran okuyucu duyuruları kütüphanenin Accessibility eklentisinden, metinler i18n'den (D22 revize).\nimport { Accessibility, type Draggable } from '@dnd-kit/dom'\nimport {\n  DragDropProvider,\n  type DragDropProviderProps,\n  type DragEndEvent,\n  type DragOverEvent,\n  type DragStartEvent,\n} from '@dnd-kit/vue'\nimport { isSortable } from '@dnd-kit/vue/sortable'\nimport { PhLock, PhMagnifyingGlass } from '@phosphor-icons/vue'\nimport {\n  DialogClose,\n  DialogContent,\n  DialogOverlay,\n  DialogPortal,\n  DialogRoot,\n  DialogTitle,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupRoot,\n} from 'reka-ui'\nimport { computed, ref, watch } from 'vue'\nimport type { ColumnDef } from '../../types/columns'\nimport { useDataTableContext } from '../plugin'\nimport ColumnsDialogRow from './ColumnsDialogRow.vue'\n\nexport interface PanelColumn {\n  id: string\n  def: ColumnDef\n  visible: boolean\n  pinned: 'start' | 'end' | null\n  canHide: boolean\n  /** Her zaman sola sabit (birincil, sheet anahtarı): listede kilitli, taşınmaz, gizlenmez. */\n  fixed: boolean\n}\nexport interface ColumnsDraft {\n  order: string[]\n  visible: string[]\n  start: number\n  end: number\n}\n\nconst props = defineProps<{\n  columns: PanelColumn[]\n  /** Telefonda sabitleme uygulanmaz (05 §11); sol bölüm gizlenir. */\n  phone?: boolean\n}>()\nconst emit = defineEmits<{\n  save: [draft: ColumnsDraft]\n  /** Açan popover/sayfa kapandığı için odağı nereye döndüreceğine çağıran karar verir. */\n  closeAutoFocus: [e: Event]\n}>()\nconst open = defineModel<boolean>('open', { default: false })\nconst { i18n } = useDataTableContext()\n\nconst PIN_COUNTS = [0, 1, 2] as const\nconst rows = ref<PanelColumn[]>([])\nconst start = ref(0)\nconst end = ref(0)\nconst find = ref('')\nconst pinCount = (side: 'start' | 'end') =>\n  Math.min(2, props.columns.filter((c) => c.pinned === side && c.visible && !c.fixed).length)\nwatch(\n  open,\n  (o) => {\n    if (!o) return\n    rows.value = props.columns.map((c) => ({ ...c }))\n    start.value = pinCount('start')\n    end.value = pinCount('end')\n    find.value = ''\n  },\n  { immediate: true },\n)\n\nconst fixedRows = computed(() => rows.value.filter((c) => c.fixed))\nconst matches = (c: PanelColumn) =>\n  !find.value || c.def.header.toLocaleLowerCase().includes(find.value.toLocaleLowerCase())\nconst listed = computed(() => rows.value.filter((c) => !c.fixed && matches(c)))\n/** Kaydedilince sabitlenecek sütunlar: listede raptiye ile gösterilir. */\nconst willPin = computed(() => {\n  if (props.phone) return new Set<string>()\n  const free = rows.value.filter((c) => c.visible && !c.fixed).map((c) => c.id)\n  const left = free.slice(0, start.value)\n  return new Set([...left, ...(end.value ? free.slice(left.length).slice(-end.value) : [])])\n})\nconst hideable = computed(() => rows.value.filter((c) => c.canHide && !c.fixed))\nconst allShown = computed(() => hideable.value.every((c) => c.visible))\n\n/** Bırakınca taslak sırası güncellenir (arama yokken listed = sabit olmayan tüm satırlar). */\nconst onDragEnd = ({ operation: { source }, canceled }: DragEndEvent) => {\n  if (canceled || !isSortable(source) || source.initialIndex === source.index) return\n  const list = [...listed.value]\n  const [moved] = list.splice(source.initialIndex, 1)\n  list.splice(source.index, 0, moved!)\n  rows.value = [...fixedRows.value, ...list]\n}\nconst nameOf = (id: unknown) => rows.value.find((c) => c.id === id)?.def.header ?? String(id)\nconst at = ({ source }: { source: Draggable | null }) =>\n  source && isSortable(source)\n    ? { column: nameOf(source.id), position: source.index + 1, total: listed.value.length }\n    : undefined\nconst plugins: DragDropProviderProps['plugins'] = (defaults) => [\n  ...defaults.filter((p) => p !== Accessibility),\n  Accessibility.configure({\n    screenReaderInstructions: { draggable: i18n.t('columns.dragInstructions') },\n    announcements: {\n      dragstart: ({ operation }: DragStartEvent) => (at(operation) ? i18n.t('columns.dragStart', at(operation)) : undefined),\n      // Kütüphanenin varsayılanı gibi: hedef kaynağın kendisiyse (yer değişmedi) duyurma.\n      dragover: ({ operation }: DragOverEvent) =>\n        at(operation) && operation.target?.id !== operation.source?.id\n          ? i18n.t('columns.dragOver', at(operation))\n          : undefined,\n      dragend: ({ operation, canceled }: DragEndEvent) =>\n        at(operation) ? i18n.t(canceled ? 'columns.dragCancel' : 'columns.dragEnd', at(operation)) : undefined,\n    },\n  }),\n]\nconst toggleAll = () => {\n  const v = !allShown.value\n  for (const c of hideable.value) c.visible = v\n}\nconst save = () => {\n  emit('save', {\n    order: rows.value.map((c) => c.id),\n    visible: rows.value.filter((c) => c.visible).map((c) => c.id),\n    start: props.phone ? pinCount('start') : start.value,\n    end: props.phone ? pinCount('end') : end.value,\n  })\n  open.value = false\n}\n</script>\n\n<template>\n  <DialogRoot v-model:open=\"open\">\n    <DialogPortal>\n      <DialogOverlay class=\"dt-scrim\" />\n      <DialogContent class=\"dt-dialog dt-cols-dialog\" :class=\"{ 'is-phone': phone }\" :aria-describedby=\"undefined\"\n        @close-auto-focus=\"(e: Event) => emit('closeAutoFocus', e)\"\n      >\n        <DialogTitle class=\"dt-sr-only\">{{ i18n.t('display.columns') }}</DialogTitle>\n        <div class=\"dt-cols-body\">\n          <div v-if=\"!phone\" class=\"dt-cols-pins\">\n            <section v-for=\"side in ['start', 'end'] as const\" :key=\"side\" class=\"dt-cols-section\">\n              <h3 :id=\"`dt-cols-${side}`\" class=\"dt-cols-title\">{{ i18n.t(`columns.pin.${side}.title`) }}</h3>\n              <p class=\"dt-cols-desc\">{{ i18n.t(`columns.pin.${side}.desc`) }}</p>\n              <RadioGroupRoot\n                class=\"dt-radio-group\"\n                :aria-labelledby=\"`dt-cols-${side}`\"\n                :model-value=\"side === 'start' ? start : end\"\n                @update:model-value=\"(v) => (side === 'start' ? (start = Number(v)) : (end = Number(v)))\"\n              >\n                <label v-for=\"n in PIN_COUNTS\" :key=\"n\" class=\"dt-radio-row\">\n                  <RadioGroupItem class=\"dt-radio\" :value=\"n\">\n                    <RadioGroupIndicator class=\"dt-radio-dot\" />\n                  </RadioGroupItem>\n                  {{ i18n.t(`columns.pin.${side}.${n}`) }}\n                </label>\n              </RadioGroupRoot>\n            </section>\n          </div>\n          <section class=\"dt-cols-section dt-cols-main\">\n            <h3 class=\"dt-cols-title\">\n              {{ i18n.t('columns.title') }}\n              <span class=\"dt-pop-value\">\n                {{ i18n.t('columns.shownOf', { shown: rows.filter((c) => c.visible).length, total: rows.length }) }}\n              </span>\n            </h3>\n            <p class=\"dt-cols-desc\">{{ i18n.t('columns.desc') }}</p>\n            <label class=\"dt-input has-icon dt-cols-find\">\n              <span class=\"dt-input-icon\"><PhMagnifyingGlass :size=\"14\" aria-hidden=\"true\" /></span>\n              <input\n                v-model=\"find\"\n                type=\"search\"\n                :placeholder=\"i18n.t('columns.find')\"\n                :aria-label=\"i18n.t('columns.find')\"\n              />\n            </label>\n            <ul class=\"dt-cols-list\">\n              <template v-if=\"!find\">\n                <li v-for=\"c in fixedRows\" :key=\"c.id\" class=\"dt-col-row is-fixed\">\n                  <span class=\"dt-col-name\">\n                    <span>{{ c.def.header }}</span>\n                    <span v-if=\"c.def.description\" class=\"dt-col-desc\">{{ c.def.description }}</span>\n                  </span>\n                  <PhLock :size=\"14\" class=\"dt-col-lock\" :aria-label=\"i18n.t('columns.alwaysShown')\" />\n                </li>\n              </template>\n              <DragDropProvider :plugins=\"plugins\" @drag-end=\"onDragEnd\">\n                <ColumnsDialogRow\n                  v-for=\"(c, i) in listed\"\n                  :key=\"c.id\"\n                  :column=\"c\"\n                  :index=\"i\"\n                  :disabled=\"!!find\"\n                  :pinned=\"willPin.has(c.id)\"\n                  @update:visible=\"(v) => (c.visible = v)\"\n                />\n              </DragDropProvider>\n            </ul>\n          </section>\n        </div>\n        <div class=\"dt-cols-foot\">\n          <button type=\"button\" class=\"dt-btn\" @click=\"toggleAll\">\n            {{ i18n.t(allShown ? 'columns.hideAll' : 'columns.showAll') }}\n          </button>\n          <span class=\"dt-pop-end\" />\n          <DialogClose as-child>\n            <button type=\"button\" class=\"dt-btn\">{{ i18n.t('common.cancel') }}</button>\n          </DialogClose>\n          <button type=\"button\" class=\"dt-btn dt-btn-primary\" @click=\"save\">{{ i18n.t('common.save') }}</button>\n        </div>\n      </DialogContent>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n"],"mappings":"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"}