@devoplus/one-sdk 0.0.0-stage → 0.2.0-next.117

package/dist/components.js

@@ -0,0 +1,1491 @@
+// Hazır arayüz bileşenleri (karar defteri D-83). Uygulama sayfası bileşenleri KENDİ adresinden yükler:
+//   <link rel="stylesheet" href="/one-ui.css">          görsel dil + bileşen stilleri
+//   <script src="/one-bridge.js"></script>               `window.one` (önce yüklenir: belirteç, dil, indirme, bildirim)
+//   <script src="/one-components.js"></script>           <one-table> <one-form> <one-filter> <one-person-picker>
+//                                                        <one-file-upload> <one-chart>
+// Sunucu tarafı üçünü de `clientAssetResponse(pathname)` ile döndürür (client.ts).
+//
+// Tasarım kararları (ÖNERİ — D-83 uygulama biçimi):
+// - Bağımlılıksız Custom Elements, ışık DOM'u (Shadow DOM DEĞİL). Gerekçe: (1) `/one-ui.css` sınıfları ve değişkenleri
+//   bileşenin içine de uygulanır — tema geçişi (`one:context` → köprü `<html data-theme>` yazar) ve Portal tasarım değerleri
+//   ek bir kod olmadan bileşene de geçer, stil iki yerde tutulmaz; (2) `<label for>`, form ve klavye davranışı tarayıcının
+//   kendi öğeleriyle çalışır; (3) yazdırma (D-85: PDF = tarayıcının yazdırması) gölge ağaca takılmaz. Bedeli: uygulamanın
+//   kendi CSS'i bileşene sızabilir — sınıflar `one-` önekiyle ayrılır.
+// - Platform CSP'si (D-76 U12: `script-src 'self'`, Trusted Types önce yalnız rapor kipinde) altında çalışır: satır içi
+//   betik, `eval`, `new Function`, `innerHTML`, `on…=` öznitelik/özellik ataması YOK. Her öğe DOM API'siyle kurulur,
+//   kullanıcı verisi yalnız `textContent` ile yazılır (statik denetim: components.test.ts).
+// - Ağ isteği yalnız uygulamanın KENDİ origin'ine gider (`connect-src 'self'`); köprünün belirteci başka bir adrese asla
+//   eklenmez (adres origin denetiminden geçmezse istek gönderilmez).
+// - Bileşen metinleri TR + EN; dil öğenin `lang` özniteliği → Portal bağlamı (`one.context.lang`) → sayfa adresindeki
+//   `?lang=` → `<html lang>` sırasıyla seçilir ve `one:context` gelince yeniden çizilir.
+// - Tarih `gg.aa.yyyy`, sayı ve para `tr-TR` biçimindedir (D-76 U8).
+/** Bileşen betiğinin uygulama içindeki yolu. */
+export const COMPONENTS_SCRIPT_PATH = '/one-components.js';
+/** Bileşenlerin etiket adları. */
+export const ONE_COMPONENT_TAGS = ['one-table', 'one-form', 'one-filter', 'one-person-picker', 'one-file-upload', 'one-chart'];
+/** Kişi aramanın varsayılan adresi (`peopleSearchHandler` bu yolda sunulur). */
+export const PEOPLE_SEARCH_PATH = '/api/one/people';
+/** `<one-file-upload>`'ın varsayılan yükleme adresi (create-one-app iskeletinin dosya ucu). */
+export const FILE_UPLOAD_DEFAULT_ACTION = '/api/files';
+/** `<one-file-upload>`'ın varsayılan boyut sınırı (iskeletin `UPLOAD_MAX_BYTES` değeriyle aynı). */
+export const FILE_UPLOAD_DEFAULT_MAX_BYTES = 5 * 1024 * 1024;
+/** `<one-table>` sayfa boyutu: varsayılan ve tavan. */
+export const TABLE_DEFAULT_PAGE_SIZE = 20;
+export const TABLE_MAX_PAGE_SIZE = 100;
+/**
+ * `/one-components.js` — tarayıcıda çalışır (derleme yok). `String.raw` ters bölüleri olduğu gibi korur; betikte ters
+ * tırnak KULLANILMAZ ve tek şablon yer tutucusu bu dosyadaki sabitlerdir (yol ve sınır değerleri tek kaynaktan gelsin). Davranış components.test.ts'te gerçek bir DOM uygulamasında (jsdom) denenir.
+ */
+export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
+  'use strict';
+  var doc = w.document;
+  if (!doc || !w.customElements || typeof w.HTMLElement !== 'function') return;
+  if (w.customElements.get('one-table')) return;
+
+  var STRINGS = {
+    tr: {
+      loading: 'Yükleniyor…', empty: 'Kayıt yok.', noMatch: 'Aramanızla eşleşen kayıt yok.', loadError: 'Liste getirilemedi.',
+      retry: 'Yeniden dene', search: 'Listede ara', prev: 'Önceki sayfa', next: 'Sonraki sayfa',
+      pageOf: 'Sayfa {page} / {pages}', page: 'Sayfa {page}', rows: '{count} kayıt',
+      selectAll: 'Bu sayfadaki bütün satırları seç', selectRow: 'Satırı seç: {name}', selectedCount: '{count} satır seçili.',
+      exportXlsx: "Excel'e aktar", exportCsv: 'CSV olarak indir', exporting: 'Dosya hazırlanıyor…', exportError: 'Dosya hazırlanamadı.',
+      noBridge: 'Portal bağlantısı yüklenmedi; dosya indirilemiyor.',
+      sortBy: '{label}: sırala', ascending: 'artan', descending: 'azalan',
+      yes: 'Evet', no: 'Hayır',
+      badResponse: 'Sunucu yanıtı beklenen biçimde değil.', badSrc: 'Adres uygulamanın kendi adresi olmalı.',
+      networkError: 'Sunucuya ulaşılamadı. Bağlantınızı denetleyip yeniden deneyin.',
+      sessionError: 'Oturumunuz doğrulanamadı. Sayfayı yenileyip yeniden deneyin.', forbidden: 'Bu işlem için yetkiniz yok.',
+      required: 'Bu alan zorunludur.', minLength: 'En az {n} karakter girin.', maxLength: 'En çok {n} karakter girebilirsiniz.',
+      min: 'Değer en az {n} olmalı.', max: 'Değer en çok {n} olabilir.', pattern: 'Biçim geçersiz.',
+      notNumber: 'Geçerli bir sayı girin.', notDate: 'Geçerli bir tarih girin.', notChoice: 'Listeden bir seçenek seçin.',
+      save: 'Kaydet', cancel: 'Vazgeç', saving: 'Kaydediliyor…', saved: 'Kaydedildi.', saveError: 'Kaydedilemedi.',
+      fixErrors: 'Kaydetmeden önce işaretli alanları düzeltin.', choose: 'Seçin', all: 'Tümü',
+      discardTitle: 'Kaydedilmemiş değişiklikler', discard: 'Kaydedilmemiş değişiklikleriniz kaybolacak. Devam edilsin mi?',
+      discardAccept: 'Değişiklikleri at', keepEditing: 'Düzenlemeye devam et',
+      actingReadOnly: 'Bu oturum başkası adına açıldığı için (Vekalet / Yerine Görüntüle) değişiklik kaydedilemez.',
+      requiredMark: '(zorunlu)',
+      from: 'başlangıç', to: 'bitiş', clear: 'Süzgeci temizle', rangeError: 'Başlangıç tarihi bitiş tarihinden sonra olamaz.',
+      personPlaceholder: 'Ad yazarak arayın', personMin: 'Aramak için en az 2 karakter yazın.', personNone: 'Eşleşen kişi yok.',
+      personError: 'Kişiler getirilemedi.', personSearching: 'Aranıyor…', personResults: '{count} kişi bulundu.',
+      personLabel: 'Kişi', remove: '{name}: kaldır', selected: 'Seçili: {name}',
+      fileLabel: 'Dosya', tooLarge: '{name}: dosya çok büyük (en çok {max}).', badType: '{name}: bu dosya türü kabul edilmiyor.',
+      uploading: '{name} yükleniyor…', uploaded: '{name} yüklendi.', uploadError: '{name} yüklenemedi.',
+      allowed: 'Kabul edilen türler: {types}. En çok {max}.', maxOnly: 'En çok {max}.',
+      chart: 'Grafik', chartEmpty: 'Gösterilecek veri yok.', chartData: 'Grafik verisi', category: 'Kategori', total: 'Toplam'
+    },
+    en: {
+      loading: 'Loading…', empty: 'No records.', noMatch: 'No records match your search.', loadError: 'The list could not be loaded.',
+      retry: 'Try again', search: 'Search the list', prev: 'Previous page', next: 'Next page',
+      pageOf: 'Page {page} of {pages}', page: 'Page {page}', rows: '{count} records',
+      selectAll: 'Select all rows on this page', selectRow: 'Select row: {name}', selectedCount: '{count} rows selected.',
+      exportXlsx: 'Export to Excel', exportCsv: 'Download as CSV', exporting: 'Preparing the file…', exportError: 'The file could not be prepared.',
+      noBridge: 'The portal connection is not loaded; the file cannot be downloaded.',
+      sortBy: '{label}: sort', ascending: 'ascending', descending: 'descending',
+      yes: 'Yes', no: 'No',
+      badResponse: 'The server response is not in the expected format.', badSrc: "The address must be the application's own address.",
+      networkError: 'The server could not be reached. Check your connection and try again.',
+      sessionError: 'Your session could not be verified. Reload the page and try again.', forbidden: 'You are not authorized for this action.',
+      required: 'This field is required.', minLength: 'Enter at least {n} characters.', maxLength: 'You can enter at most {n} characters.',
+      min: 'The value must be at least {n}.', max: 'The value can be at most {n}.', pattern: 'The format is not valid.',
+      notNumber: 'Enter a valid number.', notDate: 'Enter a valid date.', notChoice: 'Choose an option from the list.',
+      save: 'Save', cancel: 'Cancel', saving: 'Saving…', saved: 'Saved.', saveError: 'Could not be saved.',
+      fixErrors: 'Correct the marked fields before saving.', choose: 'Choose', all: 'All',
+      discardTitle: 'Unsaved changes', discard: 'Your unsaved changes will be lost. Do you want to continue?',
+      discardAccept: 'Discard changes', keepEditing: 'Keep editing',
+      actingReadOnly: 'Changes cannot be saved because this session was opened on behalf of someone else (delegation or view as user).',
+      requiredMark: '(required)',
+      from: 'from', to: 'to', clear: 'Clear filters', rangeError: 'The start date cannot be after the end date.',
+      personPlaceholder: 'Search by name', personMin: 'Type at least 2 characters to search.', personNone: 'No matching people.',
+      personError: 'People could not be loaded.', personSearching: 'Searching…', personResults: '{count} people found.',
+      personLabel: 'Person', remove: '{name}: remove', selected: 'Selected: {name}',
+      fileLabel: 'File', tooLarge: '{name}: the file is too large (at most {max}).', badType: '{name}: this file type is not accepted.',
+      uploading: 'Uploading {name}…', uploaded: '{name} uploaded.', uploadError: '{name} could not be uploaded.',
+      allowed: 'Accepted types: {types}. At most {max}.', maxOnly: 'At most {max}.',
+      chart: 'Chart', chartEmpty: 'There is no data to show.', chartData: 'Chart data', category: 'Category', total: 'Total'
+    }
+  };
+  var XLSX_MIME = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+  var SVG_NS = 'http://www.w3.org/2000/svg';
+  var FOLD = { 'ç': 'c', 'ğ': 'g', 'ı': 'i', 'ö': 'o', 'ş': 's', 'ü': 'u', 'â': 'a', 'î': 'i', 'û': 'u' };
+  var ASCII = { 'ç': 'c', 'Ç': 'C', 'ğ': 'g', 'Ğ': 'G', 'ı': 'i', 'İ': 'I', 'ö': 'o', 'Ö': 'O', 'ş': 's', 'Ş': 'S', 'ü': 'u', 'Ü': 'U' };
+  var TYPES = {
+    text: 'text', string: 'text', longtext: 'longText', 'long-text': 'longText', textarea: 'longText',
+    number: 'number', integer: 'number', decimal: 'number', money: 'money', currency: 'money',
+    date: 'date', datetime: 'datetime', 'date-time': 'datetime', timestamp: 'datetime',
+    boolean: 'boolean', bool: 'boolean', choice: 'choice', select: 'choice', 'enum': 'choice',
+    person: 'person', user: 'person', file: 'file'
+  };
+  var KEY_RE = /^[A-Za-z_][A-Za-z0-9_.-]{0,99}$/;
+
+  // ── Ortak yardımcılar ──────────────────────────────────────────────────────────────────────────────────────
+  function own(o, k) { return o != null && Object.prototype.hasOwnProperty.call(o, k); }
+  function report(e) { if (w.console && w.console.error) w.console.error(e); }
+  var uidSeq = 0;
+  function uid(prefix) { uidSeq += 1; return 'one-' + prefix + '-' + uidSeq; }
+
+  function langOf(el) {
+    var v = el.getAttribute('lang');
+    if (!v && w.one && w.one.context && w.one.context.lang) v = w.one.context.lang;
+    if (!v) { try { v = new URLSearchParams(w.location.search).get('lang'); } catch (e) { v = null; } }
+    if (!v) v = doc.documentElement.getAttribute('lang');
+    return /^en(?:$|[-_])/i.test(String(v || '')) ? 'en' : 'tr';
+  }
+  function t(lang, key, vars) {
+    var s = (STRINGS[lang] && STRINGS[lang][key]) || STRINGS.tr[key] || key;
+    if (vars) s = s.replace(/\{(\w+)\}/g, function (m, k) { return own(vars, k) ? String(vars[k]) : m; });
+    return s;
+  }
+  function textOf(v, lang) {
+    if (v == null) return '';
+    if (typeof v === 'string' || typeof v === 'number') return String(v);
+    if (typeof v === 'object') {
+      var s = v[lang];
+      if (typeof s !== 'string' || s.trim() === '') s = typeof v.tr === 'string' && v.tr ? v.tr : (typeof v.en === 'string' ? v.en : '');
+      return String(s);
+    }
+    return '';
+  }
+  function fold(v) {
+    return String(v == null ? '' : v).toLocaleLowerCase('tr-TR').replace(/[çğıöşüâîû]/g, function (c) { return FOLD[c]; });
+  }
+  function typeOf(v) { var k = String(v || 'text').toLowerCase(); return own(TYPES, k) ? TYPES[k] : 'text'; }
+
+  // Öğe kurucusu: metin yalnız textContent ile yazılır; 'on…' adlı öznitelik REDDEDİLİR (satır içi işleyici yok).
+  function setAttrs(e, attrs) {
+    if (!attrs) return;
+    for (var k in attrs) {
+      if (!own(attrs, k)) continue;
+      var v = attrs[k];
+      if (v === null || v === undefined || v === false) continue;
+      if (k === 'text') { e.textContent = String(v); continue; }
+      if (/^on/i.test(k)) throw new TypeError('one: olay işleyicisi öznitelik olarak yazılmaz (' + k + ')');
+      e.setAttribute(k, v === true ? '' : String(v));
+    }
+  }
+  function add(e, kids) {
+    if (kids == null) return e;
+    if (!Array.isArray(kids)) kids = [kids];
+    for (var i = 0; i < kids.length; i++) {
+      var c = kids[i];
+      if (c == null || c === false) continue;
+      e.appendChild(typeof c === 'string' ? doc.createTextNode(c) : c);
+    }
+    return e;
+  }
+  function h(tag, attrs, kids) { var e = doc.createElement(tag); setAttrs(e, attrs); return add(e, kids); }
+  function svg(tag, attrs, kids) { var e = doc.createElementNS(SVG_NS, tag); setAttrs(e, attrs); return add(e, kids); }
+  function clear(e) { while (e.firstChild) e.removeChild(e.firstChild); }
+  function listen(e, type, fn) { e.addEventListener(type, fn); return e; }
+  // İç denetimlerin 'change' olayı bileşenin dışına taşmaz: bileşen kendi 'change' olayını (ayrıntılı) yayar.
+  function quiet(e) { e.addEventListener('change', function (ev) { ev.stopPropagation(); }); return e; }
+  function emit(el, type, detail, cancelable) {
+    return el.dispatchEvent(new w.CustomEvent(type, { detail: detail, bubbles: true, cancelable: !!cancelable }));
+  }
+  function getPath(row, key) {
+    if (row == null) return undefined;
+    if (own(row, key)) return row[key];
+    var parts = String(key).split('.'), cur = row;
+    for (var i = 0; i < parts.length; i++) { if (cur == null || typeof cur !== 'object') return undefined; cur = cur[parts[i]]; }
+    return cur;
+  }
+  function clone(v) { return v == null ? v : JSON.parse(JSON.stringify(v)); }
+
+  // ── Biçim (U8: tarih gg.aa.yyyy, sayı tr-TR) ─────────────────────────────────────────────────────────────
+  function pad2(n) { return (n < 10 ? '0' : '') + n; }
+  var DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
+  function asDate(v) { var d = new Date(v); return isNaN(d.getTime()) ? null : d; }
+  function fmtDate(v) {
+    if (v == null || v === '') return '';
+    var m = DATE_ONLY.exec(String(v));
+    if (m) return m[3] + '.' + m[2] + '.' + m[1];
+    var d = asDate(v);
+    return d ? pad2(d.getDate()) + '.' + pad2(d.getMonth() + 1) + '.' + d.getFullYear() : String(v);
+  }
+  function fmtDateTime(v) {
+    if (v == null || v === '') return '';
+    if (DATE_ONLY.test(String(v))) return fmtDate(v);
+    var d = asDate(v);
+    return d ? fmtDate(d) + ' ' + pad2(d.getHours()) + ':' + pad2(d.getMinutes()) : String(v);
+  }
+  function fmtNumber(v, digits) {
+    if (v == null || v === '') return '';
+    var n = Number(v);
+    if (!isFinite(n)) return String(v);
+    return new Intl.NumberFormat('tr-TR', { maximumFractionDigits: digits == null ? 6 : digits }).format(n);
+  }
+  function fmtMoney(v, currency) {
+    if (v == null || v === '') return '';
+    var n = Number(v);
+    if (!isFinite(n)) return String(v);
+    var cur = /^[A-Z]{3}$/.test(String(currency || '')) ? currency : 'TRY';
+    return new Intl.NumberFormat('tr-TR', { style: 'currency', currency: cur }).format(n);
+  }
+  function fmtSize(bytes) {
+    var n = Number(bytes) || 0;
+    if (n >= 1048576) return fmtNumber(n / 1048576, 1) + ' MB';
+    if (n >= 1024) return fmtNumber(n / 1024, 1) + ' KB';
+    return fmtNumber(n, 0) + ' B';
+  }
+  function personName(v) { return v == null ? '' : typeof v === 'object' ? String(v.name || v.fullName || v.id || '') : String(v); }
+  function fileName(v) { return v == null ? '' : typeof v === 'object' ? String(v.name || v.key || '') : String(v); }
+  function choiceLabel(options, v, lang) {
+    var list = Array.isArray(options) ? options : [];
+    for (var i = 0; i < list.length; i++) if (list[i] && String(list[i].value) === String(v)) return textOf(list[i].label, lang) || String(v);
+    return v == null ? '' : String(v);
+  }
+  function display(col, v, row, lang) {
+    if (typeof col.format === 'function') {
+      try { var r = col.format(v, row, lang); return r == null ? '' : String(r); } catch (e) { report(e); return ''; }
+    }
+    if (Array.isArray(v)) return v.map(function (x) { return display({ type: col.type, options: col.options, currency: col.currency }, x, row, lang); }).join(', ');
+    switch (col.type) {
+      case 'number': return fmtNumber(v);
+      case 'money': return fmtMoney(v, col.currency);
+      case 'date': return fmtDate(v);
+      case 'datetime': return fmtDateTime(v);
+      case 'boolean': return v == null || v === '' ? '' : t(lang, v === true || v === 1 || v === 'true' ? 'yes' : 'no');
+      case 'choice': return choiceLabel(col.options, v, lang);
+      case 'person': return personName(v);
+      case 'file': return fileName(v);
+      default: return v == null ? '' : typeof v === 'object' ? '' : String(v);
+    }
+  }
+  function compare(a, b, type) {
+    var an = a == null || a === '', bn = b == null || b === '';
+    if (an || bn) return an === bn ? 0 : an ? 1 : -1;
+    if (type === 'number' || type === 'money') return Number(a) - Number(b);
+    if (type === 'boolean') return (a === true || a === 'true' || a === 1 ? 1 : 0) - (b === true || b === 'true' || b === 1 ? 1 : 0);
+    if (type === 'date' || type === 'datetime') {
+      var ta = Date.parse(a), tb = Date.parse(b);
+      if (!isNaN(ta) && !isNaN(tb)) return ta - tb;
+    }
+    return String(a).localeCompare(String(b), 'tr', { sensitivity: 'base', numeric: true });
+  }
+
+  // ── Ağ: yalnız kendi origin'i; belirteç köprüden (one.fetch) ──────────────────────────────────────────────
+  function sameOrigin(src) {
+    if (typeof src !== 'string' || src.trim() === '') return null;
+    var u;
+    try { u = new URL(src, w.location.href); } catch (e) { return null; }
+    if (u.origin !== w.location.origin || (u.protocol !== 'https:' && u.protocol !== 'http:')) return null;
+    return u;
+  }
+  function relative(u) { return u.pathname + u.search; }
+  // Portal içinde belirteç gelmeden istek atılmaz (aksi hâlde ilk istek oturumsuz gider ve 401 döner).
+  function whenToken() {
+    var one = w.one;
+    if (!one || !one.framed || one.token || typeof one.onToken !== 'function' || !one.parents || one.parents.length === 0) return Promise.resolve();
+    return new Promise(function (resolve) { var off = one.onToken(function () { off(); resolve(); }); });
+  }
+  function send(url, init) {
+    return whenToken().then(function () {
+      var opts = init || {};
+      if (!opts.credentials) opts.credentials = 'same-origin';
+      var one = w.one;
+      return one && typeof one.fetch === 'function' ? one.fetch(url, opts) : w.fetch(url, opts);
+    });
+  }
+  function readJson(res) {
+    return res.text().then(function (txt) {
+      if (!txt) return null;
+      try { return JSON.parse(txt); } catch (e) { return undefined; }
+    }, function () { return undefined; });
+  }
+  function failure(status, body, fallbackKey) {
+    if (body && typeof body === 'object' && typeof body.detail === 'string' && body.detail.trim()) return { text: body.detail.trim() };
+    if (status === 401) return { key: 'sessionError' };
+    if (status === 403) return { key: 'forbidden' };
+    return { key: fallbackKey };
+  }
+  function messageOf(m, lang) { return m ? (m.text || t(lang, m.key, m.vars)) : ''; }
+  function toast(severity, summary, detail) {
+    var one = w.one;
+    if (!one || typeof one.toast !== 'function' || !summary) return;
+    try { one.toast(detail ? { severity: severity, summary: summary, detail: detail } : { severity: severity, summary: summary }); } catch (e) { report(e); }
+  }
+  function setDirty(dirty) {
+    var one = w.one;
+    if (one && typeof one.setDirty === 'function') { try { one.setDirty(dirty); } catch (e) { report(e); } }
+  }
+  function actingReadOnly(el) { return !!(w.one && w.one.actor) && !el.hasAttribute('acting-write'); }
+
+  // ── Dil değişimi: bağlı bileşenler 'one:context' gelince yeniden çizilir ─────────────────────────────────
+  var live = [];
+  var hooked = false;
+  function hookContext() {
+    if (hooked || !w.one || typeof w.one.onContext !== 'function') return;
+    hooked = true;
+    w.one.onContext(function () {
+      var list = live.slice();
+      for (var i = 0; i < list.length; i++) { try { list[i].render(); } catch (e) { report(e); } }
+    });
+  }
+
+  class Base extends w.HTMLElement {
+    connectedCallback() {
+      // Betik yüklenmeden önce atanmış özellikler (öğe henüz yükseltilmemişken) sınıf erişicisine aktarılır.
+      var props = this.constructor.props || [];
+      for (var i = 0; i < props.length; i++) {
+        var p = props[i];
+        if (own(this, p)) { var v = this[p]; delete this[p]; this[p] = v; }
+      }
+      if (live.indexOf(this) < 0) live.push(this);
+      hookContext();
+      this.render();
+      if (!this._started) { this._started = true; this.start(); }
+    }
+    disconnectedCallback() { var i = live.indexOf(this); if (i >= 0) live.splice(i, 1); }
+    start() {}
+    // Yükseltme sırasında ilk öznitelikler connectedCallback'ten ÖNCE bildirilir; o anda iş yapılmaz (çift istek olmasın).
+    attributeChangedCallback(name, oldValue, newValue) { if (oldValue !== newValue && this._started && this.isConnected) this.attributeChanged(name); }
+    attributeChanged() { this.render(); }
+    lang_() { return langOf(this); }
+    // Yeniden çizimde odak aynı denetimde kalır (dil değişimi, sıralama, sayfa).
+    render() {
+      if (!this.isConnected) return;
+      var active = doc.activeElement, fid = null, sel = null;
+      if (active && active !== this && this.contains(active)) {
+        fid = active.getAttribute('data-one-focus');
+        try { if (typeof active.selectionStart === 'number') sel = [active.selectionStart, active.selectionEnd]; } catch (e) { sel = null; }
+      }
+      this.draw();
+      if (fid) {
+        var list = this.querySelectorAll('[data-one-focus]');
+        for (var i = 0; i < list.length; i++) {
+          if (list[i].getAttribute('data-one-focus') !== fid) continue;
+          list[i].focus();
+          if (sel) { try { list[i].setSelectionRange(sel[0], sel[1]); } catch (e) { /* seçim desteklenmiyor */ } }
+          break;
+        }
+      }
+    }
+    draw() {}
+  }
+
+  // ══ <one-table> ═════════════════════════════════════════════════════════════════════════════════════════
+  function normalizeColumns(cols) {
+    if (!Array.isArray(cols)) throw new TypeError('one-table: columns bir dizi olmalı');
+    return cols.map(function (c) {
+      if (!c || typeof c.key !== 'string' || !KEY_RE.test(c.key)) throw new TypeError('one-table: kolonun key alanı geçersiz');
+      var type = typeOf(c.type);
+      return {
+        key: c.key, label: c.label == null ? c.key : c.label, type: type, sortable: c.sortable !== false,
+        align: c.align === 'end' || c.align === 'start' ? c.align : (type === 'number' || type === 'money' ? 'end' : 'start'),
+        options: Array.isArray(c.options) ? c.options : [], currency: c.currency, format: typeof c.format === 'function' ? c.format : null
+      };
+    });
+  }
+  function filenameFrom(header, fallback) {
+    var v = String(header || ''), name = null, m = /filename\*\s*=\s*(?:UTF-8|utf-8)''([^;]+)/.exec(v);
+    if (m) { try { name = decodeURIComponent(m[1].trim()); } catch (e) { name = null; } }
+    if (!name) { m = /filename\s*=\s*"([^"]*)"/.exec(v) || /filename\s*=\s*([^;]+)/.exec(v); if (m) name = m[1].trim(); }
+    name = name ? name.split(/[\\/]/).pop().replace(/[\u0000-\u001f\u007f]/g, '').slice(0, 150) : '';
+    return name || fallback;
+  }
+
+  class OneTable extends Base {
+    static get observedAttributes() { return ['src', 'page-size', 'selectable', 'export', 'caption', 'lang', 'paging', 'clickable', 'no-search', 'row-key']; }
+    static get props() { return ['columns', 'rows', 'filters', 'emptyText']; }
+    constructor() {
+      super();
+      this._columns = []; this._rows = null; this._filters = {}; this._values = {}; this._emptyText = null;
+      this._sort = null; this._order = 'asc'; this._q = ''; this._qRaw = ''; this._page = 0; this._cursors = [null];
+      this._items = []; this._next = null; this._total = null;
+      this._state = 'idle'; this._error = null; this._selected = {}; this._seq = 0; this._timer = 0; this._busyExport = '';
+    }
+    get columns() { return this._columns.slice(); }
+    set columns(v) { this._columns = normalizeColumns(v); this.render(); }
+    get rows() { return this._rows; }
+    set rows(v) {
+      if (v != null && !Array.isArray(v)) throw new TypeError('one-table: rows bir dizi olmalı');
+      this._rows = v == null ? null : v.slice(); this._page = 0;
+      if (this._rows) { this._state = 'ready'; this._error = null; }
+      this.render();
+    }
+    get filters() { return clone(this._filters); }
+    set filters(v) { this._filters = v && typeof v === 'object' ? clone(v) : {}; this._values = {}; this._restart(); }
+    get emptyText() { return this._emptyText; }
+    set emptyText(v) { this._emptyText = v == null ? null : v; this.render(); }
+    get selection() { var out = [], s = this._selected; for (var k in s) if (own(s, k)) out.push(s[k]); return out; }
+    clearSelection() { this._selected = {}; this.render(); this._selectionChanged(); }
+    applyFilter(detail) {
+      this._filters = detail && detail.params && typeof detail.params === 'object' ? clone(detail.params) : {};
+      this._values = detail && detail.values && typeof detail.values === 'object' ? clone(detail.values) : {};
+      this._restart();
+    }
+    reload() { return this._rows ? (this.render(), Promise.resolve()) : this._load(); }
+    start() { if (!this._rows && this.getAttribute('src')) this._load(); }
+    attributeChanged(name) {
+      if (name === 'src' || name === 'paging' || name === 'page-size') { this._page = 0; this._cursors = [null]; if (!this._rows) { this._load(); return; } }
+      this.render();
+    }
+    _remote() { return !this._rows && !!this.getAttribute('src'); }
+    _pageSize() { var n = parseInt(this.getAttribute('page-size') || '', 10); return n > 0 ? Math.min(n, ${TABLE_MAX_PAGE_SIZE}) : ${TABLE_DEFAULT_PAGE_SIZE}; }
+    _pageMode() { return this.getAttribute('paging') === 'page'; }
+    _key(row, index) { var k = getPath(row, this.getAttribute('row-key') || 'id'); return k == null || k === '' ? 'i' + index : String(k); }
+    _restart() { this._page = 0; this._cursors = [null]; if (!this.isConnected) return; if (this._remote()) this._load(); else this.render(); }
+    // Uzak sorgu: sayfalama (cursor/page + limit) yalnız liste isteğinde; dışa aktarma aynı süzgeç ve sırayla tamamını ister.
+    _params(paged) {
+      var p = [], f = this._filters;
+      if (paged) {
+        p.push(['limit', String(this._pageSize())]);
+        if (this._pageMode()) p.push(['page', String(this._page + 1)]);
+        else if (this._cursors[this._page]) p.push(['cursor', this._cursors[this._page]]);
+      }
+      if (this._sort) { p.push(['sort', this._sort]); p.push(['order', this._order]); }
+      if (this._q) p.push(['q', this._q]);
+      for (var k in f) {
+        if (!own(f, k) || f[k] == null || f[k] === '') continue;
+        var list = Array.isArray(f[k]) ? f[k] : [f[k]];
+        for (var i = 0; i < list.length; i++) p.push([k, String(list[i])]);
+      }
+      return p;
+    }
+    _url(paged, extra) {
+      var u = sameOrigin(this.getAttribute('src'));
+      if (!u) return null;
+      var p = this._params(paged).concat(extra || []);
+      for (var j = 0; j < p.length; j++) u.searchParams.delete(p[j][0]); // aynı adlı eski değerler silinir
+      for (var k = 0; k < p.length; k++) u.searchParams.append(p[k][0], p[k][1]);
+      return u;
+    }
+    _load() {
+      var self = this, u = this._url(true);
+      var my = ++this._seq;
+      if (!u) { this._state = 'error'; this._error = { key: 'badSrc' }; this.render(); report(new Error('one-table: src uygulamanın kendi adresi olmalı')); return Promise.resolve(); }
+      this._state = 'loading'; this._error = null; this.render();
+      return send(relative(u), { headers: { accept: 'application/json' } }).then(function (res) {
+        if (my !== self._seq) return;
+        return readJson(res).then(function (body) {
+          if (my !== self._seq) return;
+          if (!res.ok) { self._state = 'error'; self._error = failure(res.status, body, 'loadError'); self.render(); return; }
+          if (!body || !Array.isArray(body.items)) { self._state = 'error'; self._error = { key: 'badResponse' }; self.render(); return; }
+          self._items = body.items;
+          self._next = typeof body.nextCursor === 'string' && body.nextCursor ? body.nextCursor : null;
+          self._total = typeof body.total === 'number' && body.total >= 0 ? body.total : null;
+          self._state = 'ready';
+          self.render();
+          emit(self, 'load', { items: body.items, nextCursor: self._next });
+        });
+      }, function (e) {
+        if (my !== self._seq) return;
+        report(e); self._state = 'error'; self._error = { key: 'networkError' }; self.render();
+      });
+    }
+    // Yerel veri: arama + süzgeç + sıralama tarayıcıda.
+    _localRows(lang) {
+      var cols = this._columns, q = fold(this._q).split(/\s+/).filter(Boolean), vals = this._values, self = this;
+      var rows = this._rows.map(function (row, i) { return { row: row, index: i }; }).filter(function (x) {
+        for (var k in vals) {
+          if (!own(vals, k)) continue;
+          var want = vals[k], have = getPath(x.row, k);
+          if (want == null || want === '') continue;
+          if (typeof want === 'object') {
+            var hv = have == null ? '' : String(have).slice(0, 10);
+            if (want.from && (!hv || hv < want.from)) return false;
+            if (want.to && (!hv || hv > want.to)) return false;
+            continue;
+          }
+          var col = null;
+          for (var c = 0; c < cols.length; c++) if (cols[c].key === k) col = cols[c];
+          if (col && (col.type === 'text' || col.type === 'longText')) { if (fold(have).indexOf(fold(want)) < 0) return false; }
+          else if (fold(have) !== fold(want)) return false;
+        }
+        if (q.length === 0) return true;
+        var hay = cols.map(function (col) { return fold(display(col, getPath(x.row, col.key), x.row, lang)); }).join(' ');
+        return q.every(function (part) { return hay.indexOf(part) >= 0; });
+      });
+      if (this._sort) {
+        var col = null;
+        for (var i = 0; i < cols.length; i++) if (cols[i].key === this._sort) col = cols[i];
+        var dir = this._order === 'desc' ? -1 : 1, type = col ? col.type : 'text';
+        rows.sort(function (a, b) {
+          var av = getPath(a.row, self._sort), bv = getPath(b.row, self._sort);
+          if (col && (type === 'choice' || type === 'person' || type === 'file')) { av = display(col, av, a.row, lang); bv = display(col, bv, b.row, lang); }
+          // Boş değer yönden bağımsız olarak sonda kalır.
+          var ae = av == null || av === '', be = bv == null || bv === '';
+          if (ae || be) return ae === be ? a.index - b.index : ae ? 1 : -1;
+          var r = compare(av, bv, type);
+          return r === 0 ? a.index - b.index : r * dir;
+        });
+      }
+      return rows;
+    }
+    _toggleSort(key) {
+      if (this._sort === key) this._order = this._order === 'asc' ? 'desc' : 'asc';
+      else { this._sort = key; this._order = 'asc'; }
+      this._restart();
+    }
+    _selectionChanged() {
+      var rows = this.selection, keys = [];
+      for (var k in this._selected) if (own(this._selected, k)) keys.push(k);
+      emit(this, 'selectionchange', { rows: rows, keys: keys });
+    }
+    _select(row, key, on, single) {
+      if (single) this._selected = {};
+      if (on) this._selected[key] = row; else delete this._selected[key];
+    }
+    _export(format) {
+      var self = this, lang = this.lang_(), u = this._url(false, [['format', format]]);
+      var one = w.one;
+      if (!u) { toast('error', t(lang, 'exportError'), t(lang, 'badSrc')); return Promise.resolve(); }
+      if (!one || typeof one.download !== 'function') { toast('error', t(lang, 'exportError'), t(lang, 'noBridge')); report(new Error('one-table: /one-bridge.js yüklenmemiş')); return Promise.resolve(); }
+      this._busyExport = format; this.render();
+      var done = function () { self._busyExport = ''; self.render(); };
+      return send(relative(u), { headers: { accept: format === 'csv' ? 'text/csv' : XLSX_MIME } }).then(function (res) {
+        if (!res.ok) return readJson(res).then(function (body) { toast('error', t(lang, 'exportError'), messageOf(failure(res.status, body, 'exportError'), lang)); });
+        return res.arrayBuffer().then(function (data) {
+          var base = (self.getAttribute('export-name') || 'liste').replace(/[^A-Za-z0-9._-]+/g, '-');
+          var name = filenameFrom(res.headers.get('content-disposition'), base + '.' + format);
+          var mime = (res.headers.get('content-type') || (format === 'csv' ? 'text/csv' : XLSX_MIME)).split(';')[0].trim();
+          return one.download({ name: name, mime: mime, data: data });
+        });
+      }).then(done, function (e) { report(e); toast('error', t(lang, 'exportError'), t(lang, 'networkError')); done(); });
+    }
+    draw() {
+      var self = this, lang = this.lang_(), cols = this._columns;
+      clear(this);
+      this.classList.add('one-table-host');
+      // Araç çubuğu: arama + dışa aktarma.
+      var bar = h('div', { 'class': 'one-table-toolbar one-row' });
+      if (!this.hasAttribute('no-search')) {
+        var sid = uid('search');
+        var input = h('input', { id: sid, type: 'search', 'class': 'one-input', placeholder: t(lang, 'search'), autocomplete: 'off', 'data-one-focus': 'search' });
+        input.value = this._qRaw;
+        listen(quiet(input), 'input', function () {
+          self._qRaw = input.value;
+          var value = input.value.trim();
+          w.clearTimeout(self._timer);
+          self._timer = w.setTimeout(function () { if (value === self._q) return; self._q = value; self._restart(); }, 300);
+        });
+        add(bar, h('div', { 'class': 'one-field one-table-search' }, [h('label', { 'for': sid, 'class': 'one-sr-only', text: t(lang, 'search') }), input]));
+      }
+      var formats = String(this.getAttribute('export') || '').split(/[\s,]+/).filter(function (f) { return f === 'xlsx' || f === 'csv'; });
+      if (formats.length > 0 && this._remote()) {
+        formats.forEach(function (f) {
+          var btn = h('button', { type: 'button', 'class': 'one-btn', 'data-one-focus': 'export:' + f, disabled: !!self._busyExport, 'aria-busy': self._busyExport === f ? 'true' : null,
+            text: self._busyExport === f ? t(lang, 'exporting') : t(lang, f === 'xlsx' ? 'exportXlsx' : 'exportCsv') });
+          listen(btn, 'click', function () { self._export(f); });
+          add(bar, btn);
+        });
+      }
+      if (bar.firstChild) add(this, bar);
+
+      var region = h('div', { 'class': 'one-table-region', 'aria-busy': this._state === 'loading' ? 'true' : 'false' });
+      add(this, region);
+      var status = h('p', { 'class': 'one-sr-only', role: 'status', 'aria-live': 'polite' });
+      if (this._state === 'loading' || (this._state === 'idle' && this._remote())) {
+        add(region, h('div', { 'class': 'one-loading', text: t(lang, 'loading') }));
+        add(this, status);
+        return;
+      }
+      if (this._state === 'error') {
+        var retry = h('button', { type: 'button', 'class': 'one-btn', 'data-one-focus': 'retry', text: t(lang, 'retry') });
+        listen(retry, 'click', function () { self.reload(); });
+        add(region, h('div', { 'class': 'one-message one-message-error', role: 'alert' }, [h('p', { text: messageOf(this._error, lang) }), retry]));
+        return;
+      }
+      var size = this._pageSize(), remote = this._remote(), list, pages = 1, totalCount = null;
+      if (remote) {
+        list = this._items.map(function (row, i) { return { row: row, index: i }; });
+        if (this._pageMode() && this._total != null) { pages = Math.max(1, Math.ceil(this._total / size)); totalCount = this._total; }
+      } else {
+        var all = this._rows ? this._localRows(lang) : [];
+        totalCount = all.length;
+        pages = Math.max(1, Math.ceil(all.length / size));
+        if (this._page >= pages) this._page = pages - 1;
+        list = all.slice(this._page * size, this._page * size + size);
+      }
+      if (list.length === 0) {
+        var filtered = !!this._q || Object.keys(this._filters).length > 0 || Object.keys(this._values).length > 0;
+        add(region, h('div', { 'class': 'one-empty', text: filtered ? t(lang, 'noMatch') : (this._emptyText != null ? textOf(this._emptyText, lang) : t(lang, 'empty')) }));
+      } else {
+        add(region, this._table(list, lang, cols));
+      }
+      // Sayfalayıcı
+      var hasPrev = this._page > 0;
+      var hasNext = remote ? (this._pageMode() ? this._page + 1 < pages : !!this._next) : this._page + 1 < pages;
+      if (hasPrev || hasNext) {
+        var prev = h('button', { type: 'button', 'class': 'one-btn', 'data-one-focus': 'prev', disabled: !hasPrev, text: t(lang, 'prev') });
+        var next = h('button', { type: 'button', 'class': 'one-btn', 'data-one-focus': 'next', disabled: !hasNext, text: t(lang, 'next') });
+        listen(prev, 'click', function () { if (self._page > 0) { self._page -= 1; if (self._remote()) self._load(); else self.render(); } });
+        listen(next, 'click', function () {
+          if (self._remote() && !self._pageMode()) { self._cursors[self._page + 1] = self._next; self._cursors.length = self._page + 2; }
+          self._page += 1;
+          if (self._remote()) self._load(); else self.render();
+        });
+        var info = remote && !this._pageMode() ? t(lang, 'page', { page: this._page + 1 }) : t(lang, 'pageOf', { page: this._page + 1, pages: pages });
+        add(this, h('nav', { 'class': 'one-pager one-row', 'aria-label': info }, [prev, h('span', { 'class': 'one-muted', text: info }), next]));
+      }
+      var selectedCount = this.selection.length;
+      status.textContent = (totalCount != null ? t(lang, 'rows', { count: fmtNumber(totalCount, 0) }) : '') + (selectedCount ? ' ' + t(lang, 'selectedCount', { count: selectedCount }) : '');
+      add(this, status);
+    }
+    _table(list, lang, cols) {
+      var self = this, mode = this.getAttribute('selectable'), selectable = mode !== null, single = mode === 'single';
+      var clickable = this.hasAttribute('clickable');
+      var table = h('table', { 'class': 'one-table' });
+      var caption = this.getAttribute('caption');
+      if (caption) add(table, h('caption', { 'class': 'one-sr-only', text: caption }));
+      var head = h('tr');
+      if (selectable) {
+        var th0 = h('th', { scope: 'col', 'class': 'one-select-cell' });
+        if (!single) {
+          var keys = list.map(function (x) { return self._key(x.row, x.index); });
+          var count = keys.filter(function (k) { return own(self._selected, k); }).length;
+          var all = h('input', { type: 'checkbox', 'aria-label': t(lang, 'selectAll'), 'data-one-focus': 'select-all' });
+          all.checked = count > 0 && count === keys.length;
+          all.indeterminate = count > 0 && count < keys.length;
+          listen(quiet(all), 'change', function () {
+            list.forEach(function (x) { self._select(x.row, self._key(x.row, x.index), all.checked, false); });
+            self.render(); self._selectionChanged();
+          });
+          add(th0, all);
+        }
+        add(head, th0);
+      }
+      cols.forEach(function (col) {
+        var label = textOf(col.label, lang);
+        var sorted = self._sort === col.key;
+        var th = h('th', { scope: 'col', 'class': col.align === 'end' ? 'one-num' : null, 'aria-sort': col.sortable ? (sorted ? (self._order === 'asc' ? 'ascending' : 'descending') : 'none') : null });
+        if (col.sortable) {
+          var btn = h('button', { type: 'button', 'class': 'one-sort', 'data-one-focus': 'sort:' + col.key }, [
+            h('span', { text: label }),
+            h('span', { 'class': 'one-sort-icon', 'aria-hidden': 'true', text: sorted ? (self._order === 'asc' ? '▲' : '▼') : '↕' })
+          ]);
+          listen(btn, 'click', function () { self._toggleSort(col.key); });
+          add(th, btn);
+        } else add(th, label);
+        add(head, th);
+      });
+      add(table, h('thead', null, head));
+      var body = h('tbody');
+      list.forEach(function (x) {
+        var key = self._key(x.row, x.index), isSel = own(self._selected, key);
+        var tr = h('tr', { 'data-key': key, 'aria-selected': selectable ? String(isSel) : null, tabindex: clickable ? '0' : null, 'class': clickable ? 'one-clickable' : null });
+        if (selectable) {
+          var name = cols.length ? display(cols[0], getPath(x.row, cols[0].key), x.row, lang) : key;
+          var box = h('input', { type: 'checkbox', 'aria-label': t(lang, 'selectRow', { name: name }), 'data-one-focus': 'row:' + key });
+          box.checked = isSel;
+          listen(quiet(box), 'change', function () { self._select(x.row, key, box.checked, single); self.render(); self._selectionChanged(); });
+          listen(box, 'click', function (ev) { ev.stopPropagation(); });
+          add(tr, h('td', { 'class': 'one-select-cell' }, box));
+        }
+        cols.forEach(function (col) {
+          add(tr, h('td', { 'class': col.align === 'end' ? 'one-num' : null, text: display(col, getPath(x.row, col.key), x.row, lang) }));
+        });
+        if (clickable) {
+          var fire = function () { emit(self, 'rowclick', { row: x.row, index: x.index }); };
+          listen(tr, 'click', fire);
+          listen(tr, 'keydown', function (ev) { if ((ev.key === 'Enter' || ev.key === ' ') && ev.target === tr) { ev.preventDefault(); fire(); } });
+        }
+        add(body, tr);
+      });
+      add(table, body);
+      return h('div', { 'class': 'one-table-wrap' }, table);
+    }
+  }
+
+  // ══ <one-form> ══════════════════════════════════════════════════════════════════════════════════════════
+  function normalizeFields(fields, who) {
+    if (!Array.isArray(fields)) throw new TypeError(who + ': fields bir dizi olmalı');
+    var seen = {};
+    return fields.map(function (f) {
+      if (!f || typeof f.key !== 'string' || !KEY_RE.test(f.key)) throw new TypeError(who + ': alanın key değeri geçersiz');
+      if (own(seen, f.key)) throw new TypeError(who + ': aynı key iki kez kullanılmış (' + f.key + ')');
+      seen[f.key] = true;
+      var out = {};
+      for (var k in f) if (own(f, k)) out[k] = f[k];
+      out.type = who === 'one-filter' ? f.type : typeOf(f.type);
+      if (out.label == null) out.label = f.key;
+      if (!Array.isArray(out.options)) out.options = [];
+      return out;
+    });
+  }
+  function isoToLocalInput(v) {
+    if (v == null || v === '') return '';
+    var d = asDate(v);
+    if (!d) return '';
+    return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate()) + 'T' + pad2(d.getHours()) + ':' + pad2(d.getMinutes());
+  }
+  // Ham değer (denetimin değeri) → kayıt değeri.
+  function toValue(f, raw) {
+    switch (f.type) {
+      case 'number': case 'money':
+        if (raw == null || String(raw).trim() === '') return null;
+        var n = Number(String(raw).trim());
+        return isFinite(n) ? n : String(raw);
+      case 'date': return raw ? String(raw) : null;
+      case 'datetime': if (!raw) return null; var d = asDate(raw); return d ? d.toISOString() : String(raw);
+      case 'boolean': return raw === true;
+      case 'choice':
+        var opts = f.options, pick = function (s) { for (var i = 0; i < opts.length; i++) if (String(opts[i].value) === s) return opts[i].value; return s; };
+        if (f.multiple) return (Array.isArray(raw) ? raw : []).map(pick);
+        return raw == null || raw === '' ? null : pick(String(raw));
+      case 'person': case 'file': return raw == null ? null : raw;
+      default: return raw == null ? '' : String(raw).trim();
+    }
+  }
+  function toRaw(f, v) {
+    switch (f.type) {
+      case 'number': case 'money': return v == null ? '' : String(v);
+      case 'date': return v ? String(v).slice(0, 10) : '';
+      case 'datetime': return isoToLocalInput(v);
+      case 'boolean': return v === true;
+      case 'choice': return f.multiple ? (Array.isArray(v) ? v.map(String) : []) : v == null ? '' : String(v);
+      case 'person': case 'file': return v == null ? null : v;
+      default: return v == null ? '' : String(v);
+    }
+  }
+  function isEmpty(f, v) {
+    if (v == null || v === '') return true;
+    if (Array.isArray(v)) return v.length === 0;
+    if (f.type === 'boolean') return v !== true;
+    return false;
+  }
+  function validateField(f, raw) {
+    var v = toValue(f, raw);
+    if (isEmpty(f, v)) return f.required ? { key: 'required' } : null;
+    if (f.type === 'number' || f.type === 'money') {
+      if (typeof v !== 'number') return { key: 'notNumber' };
+      if (typeof f.min === 'number' && v < f.min) return { key: 'min', vars: { n: fmtNumber(f.min) } };
+      if (typeof f.max === 'number' && v > f.max) return { key: 'max', vars: { n: fmtNumber(f.max) } };
+    }
+    if (f.type === 'date') {
+      if (!DATE_ONLY.test(v) || !asDate(v)) return { key: 'notDate' };
+      if (typeof f.min === 'string' && v < f.min) return { key: 'min', vars: { n: fmtDate(f.min) } };
+      if (typeof f.max === 'string' && v > f.max) return { key: 'max', vars: { n: fmtDate(f.max) } };
+    }
+    if (f.type === 'datetime' && !asDate(v)) return { key: 'notDate' };
+    if (f.type === 'choice') {
+      var vals = f.options.map(function (o) { return String(o.value); });
+      var list = Array.isArray(v) ? v : [v];
+      for (var i = 0; i < list.length; i++) if (vals.indexOf(String(list[i])) < 0) return { key: 'notChoice' };
+    }
+    if (f.type === 'text' || f.type === 'longText') {
+      if (typeof f.minLength === 'number' && v.length < f.minLength) return { key: 'minLength', vars: { n: f.minLength } };
+      if (typeof f.maxLength === 'number' && v.length > f.maxLength) return { key: 'maxLength', vars: { n: f.maxLength } };
+      if (typeof f.pattern === 'string' && f.pattern) {
+        var re = null;
+        try { re = new RegExp('^(?:' + f.pattern + ')$', 'u'); } catch (e) { report(e); }
+        if (re && !re.test(v)) return { key: 'pattern' };
+      }
+    }
+    return null;
+  }
+  // RFC 9457 'errors': { alan: ileti | ileti[] } ya da [{ field | name | pointer, detail | message }].
+  function errorList(errors) {
+    var out = [];
+    if (Array.isArray(errors)) {
+      errors.forEach(function (it) {
+        if (typeof it === 'string') { out.push({ field: null, message: it }); return; }
+        if (!it || typeof it !== 'object') return;
+        var field = it.field || it.name || it.key || it.property || null;
+        if (!field && typeof it.pointer === 'string') field = it.pointer.replace(/^#/, '').split('/').filter(Boolean).pop() || null;
+        var msg = it.detail || it.message || it.title;
+        if (typeof msg === 'string' && msg) out.push({ field: field ? String(field) : null, message: msg });
+      });
+    } else if (errors && typeof errors === 'object') {
+      for (var k in errors) {
+        if (!own(errors, k)) continue;
+        var v = Array.isArray(errors[k]) ? errors[k] : [errors[k]];
+        v.forEach(function (m) { if (typeof m === 'string' && m) out.push({ field: k, message: m }); });
+      }
+    }
+    return out;
+  }
+
+  class OneForm extends Base {
+    static get observedAttributes() { return ['lang', 'action', 'method', 'no-cancel', 'acting-write']; }
+    static get props() { return ['fields', 'value', 'submitLabel']; }
+    constructor() {
+      super();
+      this._fields = []; this._raw = {}; this._initial = {}; this._baseline = '{}'; this._errors = {}; this._summary = null; this._summaryList = [];
+      this._busy = false; this._dirty = false; this._ids = {};
+    }
+    get fields() { return this._fields.slice(); }
+    set fields(v) {
+      this._fields = normalizeFields(v, 'one-form');
+      var raw = {}, self = this, init = this._initial || {};
+      this._fields.forEach(function (f) { raw[f.key] = own(self._raw, f.key) ? self._raw[f.key] : toRaw(f, own(init, f.key) ? init[f.key] : null); });
+      this._raw = raw;
+      this._baseline = JSON.stringify(this.value);
+      this._errors = {};
+      this.render(); this._checkDirty();
+    }
+    get value() {
+      var out = {}, raw = this._raw;
+      this._fields.forEach(function (f) { out[f.key] = toValue(f, raw[f.key]); });
+      return out;
+    }
+    set value(v) {
+      var src = v && typeof v === 'object' ? v : {}, raw = {};
+      this._fields.forEach(function (f) { raw[f.key] = toRaw(f, own(src, f.key) ? src[f.key] : null); });
+      this._initial = clone(src);
+      this._raw = raw; this._errors = {}; this._summary = null; this._summaryList = [];
+      this._baseline = JSON.stringify(this.value);
+      this.render(); this._checkDirty();
+    }
+    get submitLabel() { return this._submitLabel || null; }
+    set submitLabel(v) { this._submitLabel = v == null ? null : v; this.render(); }
+    get dirty() { return this._dirty; }
+    disconnectedCallback() { super.disconnectedCallback(); if (this._dirty) setDirty(false); }
+    _checkDirty() {
+      var d = JSON.stringify(this.value) !== this._baseline;
+      if (d === this._dirty) return;
+      this._dirty = d;
+      setDirty(d);
+      emit(this, 'dirtychange', { dirty: d });
+    }
+    reset() {
+      var base = JSON.parse(this._baseline), raw = {};
+      this._fields.forEach(function (f) { raw[f.key] = toRaw(f, base[f.key]); });
+      this._raw = raw; this._errors = {}; this._summary = null; this._summaryList = [];
+      this.render(); this._checkDirty();
+    }
+    validate() {
+      var self = this, errors = {}, first = null;
+      this._fields.forEach(function (f) {
+        if (f.readOnly) return;
+        var e = validateField(f, self._raw[f.key]);
+        if (e) { errors[f.key] = e; if (!first) first = f.key; }
+      });
+      this._errors = errors;
+      this._summary = first ? { key: 'fixErrors' } : null;
+      this._summaryList = [];
+      this.render();
+      if (first) this._focusField(first);
+      return !first;
+    }
+    setErrors(errors, detail) {
+      var self = this, map = {}, rest = [], list = errorList(errors);
+      list.forEach(function (e) {
+        var key = null;
+        if (e.field) {
+          var want = String(e.field).replace(/^\$\./, '').toLowerCase();
+          self._fields.forEach(function (f) { if (f.key.toLowerCase() === want) key = f.key; });
+        }
+        if (key && !own(map, key)) map[key] = { text: e.message };
+        else rest.push(e.message);
+      });
+      this._errors = map;
+      this._summary = detail ? { text: String(detail) } : (list.length ? { key: 'fixErrors' } : null);
+      this._summaryList = rest;
+      this.render();
+      for (var i = 0; i < this._fields.length; i++) if (own(map, this._fields[i].key)) { this._focusField(this._fields[i].key); break; }
+    }
+    _focusField(key) {
+      var id = this._ids[key], el = id ? doc.getElementById(id) : null;
+      // Kişi ve dosya alanında odak bileşenin içindeki denetime gider.
+      var inner = el && el.querySelector ? el.querySelector('input, select, textarea') : null;
+      if (inner) el = inner;
+      if (el && typeof el.focus === 'function') el.focus();
+    }
+    _set(key, raw) {
+      this._raw[key] = raw;
+      if (own(this._errors, key)) {
+        delete this._errors[key];
+        var box = this.querySelector('[data-one-error="' + this._ids[key] + '"]');
+        var ctl = this._ids[key] ? doc.getElementById(this._ids[key]) : null;
+        if (box) { box.textContent = ''; box.hidden = true; }
+        if (ctl) ctl.removeAttribute('aria-invalid');
+      }
+      this._checkDirty();
+    }
+    _submit() {
+      var self = this, lang = this.lang_();
+      if (this._busy || actingReadOnly(this)) return Promise.resolve(false);
+      if (!this.validate()) return Promise.resolve(false);
+      var value = this.value;
+      if (!emit(this, 'save', { value: value }, true)) return Promise.resolve(false);
+      var action = this.getAttribute('action');
+      if (!action) return Promise.resolve(true);
+      var u = sameOrigin(action);
+      if (!u) { this._summary = { key: 'badSrc' }; this.render(); return Promise.resolve(false); }
+      var method = String(this.getAttribute('method') || 'POST').toUpperCase();
+      if (method !== 'POST' && method !== 'PUT' && method !== 'PATCH') method = 'POST';
+      this._busy = true; this._summary = null; this._summaryList = []; this.render();
+      return send(relative(u), { method: method, headers: { 'content-type': 'application/json', accept: 'application/json' }, body: JSON.stringify(value) }).then(function (res) {
+        return readJson(res).then(function (body) {
+          self._busy = false;
+          if (res.ok) {
+            self._baseline = JSON.stringify(value);
+            self.render(); self._checkDirty();
+            if (emit(self, 'saved', { value: value, response: body === undefined ? null : body }, true)) toast('success', t(self.lang_(), 'saved'));
+            return true;
+          }
+          var fail = failure(res.status, body, 'saveError');
+          if (body && body.errors) self.setErrors(body.errors, fail.text || null);
+          else { self._summary = fail; self.render(); }
+          emit(self, 'savefailed', { status: res.status, detail: messageOf(fail, self.lang_()) });
+          return false;
+        });
+      }, function (e) {
+        report(e);
+        self._busy = false; self._summary = { key: 'networkError' }; self.render();
+        emit(self, 'savefailed', { status: 0, detail: t(lang, 'networkError') });
+        return false;
+      });
+    }
+    _cancel() {
+      var self = this, lang = this.lang_();
+      var finish = function () { self.reset(); emit(self, 'cancel', { value: self.value }); };
+      if (!this._dirty || !w.one || typeof w.one.confirm !== 'function') { finish(); return Promise.resolve(); }
+      return w.one.confirm({ title: t(lang, 'discardTitle'), message: t(lang, 'discard'), severity: 'warn', acceptLabel: t(lang, 'discardAccept'), rejectLabel: t(lang, 'keepEditing') })
+        .then(function (ok) { if (ok) finish(); });
+    }
+    _control(f, lang, id, describedBy) {
+      var self = this, raw = this._raw[f.key], el;
+      var common = { id: id, 'data-one-focus': 'field:' + f.key, 'aria-describedby': describedBy || null, 'aria-required': f.required ? 'true' : null,
+        'aria-invalid': own(this._errors, f.key) ? 'true' : null, disabled: f.readOnly ? true : null };
+      var ph = f.placeholder != null ? textOf(f.placeholder, lang) : null;
+      switch (f.type) {
+        case 'longText':
+          el = h('textarea', Object.assign({ 'class': 'one-textarea', placeholder: ph, maxlength: typeof f.maxLength === 'number' ? f.maxLength : null }, common));
+          el.value = raw == null ? '' : raw;
+          listen(quiet(el), 'input', function () { self._set(f.key, el.value); });
+          return el;
+        case 'boolean':
+          el = h('input', Object.assign({ type: 'checkbox' }, common));
+          el.checked = raw === true;
+          listen(quiet(el), 'change', function () { self._set(f.key, el.checked); });
+          return el;
+        case 'choice':
+          el = h('select', Object.assign({ 'class': 'one-select', multiple: f.multiple ? true : null }, common));
+          if (!f.multiple) add(el, h('option', { value: '', text: t(lang, 'choose') }));
+          f.options.forEach(function (o) {
+            var opt = h('option', { value: String(o.value), text: textOf(o.label, lang) });
+            opt.selected = f.multiple ? (Array.isArray(raw) && raw.indexOf(String(o.value)) >= 0) : String(raw) === String(o.value);
+            add(el, opt);
+          });
+          listen(quiet(el), 'change', function () {
+            if (f.multiple) { var out = []; for (var i = 0; i < el.options.length; i++) if (el.options[i].selected) out.push(el.options[i].value); self._set(f.key, out); }
+            else self._set(f.key, el.value);
+          });
+          return el;
+        case 'person':
+          el = h('one-person-picker', { id: id, 'data-one-focus': 'field:' + f.key, required: f.required ? true : null, multiple: f.multiple ? true : null,
+            src: f.src || null, 'aria-describedby': describedBy || null, 'aria-invalid': own(this._errors, f.key) ? 'true' : null, disabled: f.readOnly ? true : null });
+          el.label = f.label;
+          el.value = raw;
+          listen(el, 'change', function (ev) { ev.stopPropagation(); self._set(f.key, ev.detail ? ev.detail.value : null); });
+          return el;
+        case 'file':
+          el = h('one-file-upload', { id: id, 'data-one-focus': 'field:' + f.key, accept: f.accept || null, 'max-size': typeof f.maxSize === 'number' ? String(f.maxSize) : null,
+            action: f.action || null, multiple: f.multiple ? true : null, required: f.required ? true : null, 'aria-describedby': describedBy || null,
+            'aria-invalid': own(this._errors, f.key) ? 'true' : null, disabled: f.readOnly ? true : null });
+          el.label = f.label;
+          el.value = raw;
+          listen(el, 'change', function (ev) { ev.stopPropagation(); self._set(f.key, ev.detail ? ev.detail.value : null); });
+          return el;
+        default:
+          var type = f.type === 'number' || f.type === 'money' ? 'number' : f.type === 'date' ? 'date' : f.type === 'datetime' ? 'datetime-local' : 'text';
+          el = h('input', Object.assign({ type: type, 'class': 'one-input', placeholder: ph,
+            step: f.type === 'money' ? '0.01' : f.type === 'number' ? 'any' : null,
+            inputmode: f.type === 'money' || f.type === 'number' ? 'decimal' : null,
+            min: f.min != null && (f.type === 'number' || f.type === 'money' || f.type === 'date') ? String(f.min) : null,
+            max: f.max != null && (f.type === 'number' || f.type === 'money' || f.type === 'date') ? String(f.max) : null,
+            maxlength: f.type === 'text' && typeof f.maxLength === 'number' ? f.maxLength : null }, common));
+          el.value = raw == null ? '' : raw;
+          listen(quiet(el), 'input', function () { self._set(f.key, el.value); });
+          if (type !== 'text') listen(el, 'change', function () { self._set(f.key, el.value); });
+          return el;
+      }
+    }
+    draw() {
+      var self = this, lang = this.lang_(), readOnly = actingReadOnly(this);
+      clear(this);
+      this._ids = {};
+      var form = h('form', { 'class': 'one-form one-stack', novalidate: true, 'aria-busy': this._busy ? 'true' : null });
+      listen(form, 'submit', function (ev) { ev.preventDefault(); self._submit(); });
+      if (readOnly) add(form, h('div', { 'class': 'one-message one-message-info', role: 'note', text: t(lang, 'actingReadOnly') }));
+      if (this._summary) {
+        var box = h('div', { 'class': 'one-message one-message-error', role: 'alert' }, h('p', { text: messageOf(this._summary, lang) }));
+        if (this._summaryList.length) add(box, h('ul', null, this._summaryList.map(function (m) { return h('li', { text: m }); })));
+        add(form, box);
+      }
+      this._fields.forEach(function (f) {
+        var id = uid('field'), helpId = f.help != null ? id + '-help' : null, errId = id + '-error';
+        self._ids[f.key] = id;
+        var err = own(self._errors, f.key) ? messageOf(self._errors[f.key], lang) : '';
+        var described = [helpId, err ? errId : null].filter(Boolean).join(' ');
+        var control = self._control(f, lang, id, described);
+        var label = textOf(f.label, lang);
+        var wrap = h('div', { 'class': 'one-field' + (f.type === 'boolean' ? ' one-field-check' : ''), 'data-field': f.key });
+        if (f.type === 'boolean') add(wrap, h('label', { 'for': id, 'class': 'one-check' }, [control, h('span', { text: label })]));
+        else if (f.type === 'person' || f.type === 'file') add(wrap, control);
+        else {
+          add(wrap, h('label', { 'for': id, 'class': 'one-label' }, [label, f.required ? h('span', { 'class': 'one-required', 'aria-hidden': 'true', text: ' *' }) : null,
+            f.required ? h('span', { 'class': 'one-sr-only', text: ' ' + t(lang, 'requiredMark') }) : null]));
+          add(wrap, control);
+        }
+        if (helpId) add(wrap, h('p', { id: helpId, 'class': 'one-help', text: textOf(f.help, lang) }));
+        add(wrap, h('p', { id: errId, 'class': 'one-field-error', 'data-one-error': id, hidden: err ? null : true, text: err }));
+        add(form, wrap);
+      });
+      var submit = h('button', { type: 'submit', 'class': 'one-btn one-btn-primary', 'data-one-focus': 'submit', disabled: this._busy || readOnly ? true : null,
+        text: this._busy ? t(lang, 'saving') : (this._submitLabel ? textOf(this._submitLabel, lang) : t(lang, 'save')) });
+      var actions = h('div', { 'class': 'one-row one-form-actions' }, submit);
+      if (!this.hasAttribute('no-cancel')) {
+        var cancel = h('button', { type: 'button', 'class': 'one-btn', 'data-one-focus': 'cancel', disabled: this._busy ? true : null, text: t(lang, 'cancel') });
+        listen(cancel, 'click', function () { self._cancel(); });
+        add(actions, cancel);
+      }
+      add(form, actions);
+      add(this, form);
+    }
+  }
+
+  // ══ <one-filter> ════════════════════════════════════════════════════════════════════════════════════════
+  var FILTER_TYPES = ['text', 'choice', 'date', 'dateRange', 'boolean'];
+  class OneFilter extends Base {
+    static get observedAttributes() { return ['lang', 'for']; }
+    static get props() { return ['fields']; }
+    constructor() { super(); this._fields = []; this._values = {}; this._drafts = {}; this._error = null; this._timer = 0; }
+    get fields() { return this._fields.slice(); }
+    set fields(v) {
+      var list = normalizeFields(v, 'one-filter');
+      list.forEach(function (f) { if (FILTER_TYPES.indexOf(f.type) < 0) throw new TypeError('one-filter: tür text | choice | date | dateRange | boolean olmalı'); });
+      this._fields = list; this._values = {}; this._drafts = {}; this.render();
+    }
+    get value() { return { values: clone(this._values), params: this._params() }; }
+    clear() { this._values = {}; this._drafts = {}; this._error = null; this.render(); this._emit(); }
+    _params() {
+      var p = {}, v = this._values;
+      this._fields.forEach(function (f) {
+        var x = v[f.key];
+        if (x == null || x === '') return;
+        if (f.type === 'dateRange') {
+          if (x.from) p[f.fromParam || f.key + 'From'] = x.from;
+          if (x.to) p[f.toParam || f.key + 'To'] = x.to;
+        } else p[f.param || (f.type === 'text' ? 'q' : f.key)] = String(x);
+      });
+      return p;
+    }
+    _emit() {
+      var detail = this.value;
+      var target = this.getAttribute('for') ? doc.getElementById(this.getAttribute('for')) : null;
+      emit(this, 'change', detail);
+      if (target && typeof target.applyFilter === 'function') target.applyFilter(detail);
+    }
+    _set(key, value, later) {
+      var self = this;
+      if (value == null || value === '' || (typeof value === 'object' && !value.from && !value.to)) delete this._values[key];
+      else this._values[key] = value;
+      w.clearTimeout(this._timer);
+      if (later) this._timer = w.setTimeout(function () { self._emit(); }, 300);
+      else this._emit();
+    }
+    draw() {
+      var self = this, lang = this.lang_();
+      clear(this);
+      var row = h('div', { 'class': 'one-filter one-row', role: 'search' });
+      this._fields.forEach(function (f) {
+        var label = textOf(f.label, lang), id = uid('filter'), cur = self._values[f.key];
+        if (f.type === 'dateRange') {
+          // Geçersiz aralık (başlangıç > bitiş) yayılmaz ama kullanıcının yazdığı değer ekranda kalır.
+          var range = self._drafts[f.key] || (cur && typeof cur === 'object' ? cur : { from: '', to: '' });
+          var fromId = id + '-from', toId = id + '-to';
+          var from = h('input', { id: fromId, type: 'date', 'class': 'one-input', 'data-one-focus': 'from:' + f.key, 'aria-invalid': self._error === f.key ? 'true' : null });
+          var to = h('input', { id: toId, type: 'date', 'class': 'one-input', 'data-one-focus': 'to:' + f.key, 'aria-invalid': self._error === f.key ? 'true' : null });
+          from.value = range.from || ''; to.value = range.to || '';
+          var update = function () {
+            self._drafts[f.key] = { from: from.value, to: to.value };
+            if (from.value && to.value && from.value > to.value) { self._error = f.key; self.render(); return; }
+            var had = self._error === f.key; self._error = null;
+            self._set(f.key, { from: from.value, to: to.value }, false);
+            if (had) self.render();
+          };
+          listen(quiet(from), 'change', update); listen(quiet(to), 'change', update);
+          var group = h('fieldset', { 'class': 'one-filter-range' }, [h('legend', { 'class': 'one-label', text: label }),
+            h('div', { 'class': 'one-row' }, [
+              h('label', { 'for': fromId, 'class': 'one-sr-only', text: label + ' ' + t(lang, 'from') }), from,
+              h('span', { 'aria-hidden': 'true', text: '-' }),
+              h('label', { 'for': toId, 'class': 'one-sr-only', text: label + ' ' + t(lang, 'to') }), to])]);
+          if (self._error === f.key) add(group, h('p', { 'class': 'one-field-error', role: 'alert', text: t(lang, 'rangeError') }));
+          add(row, group);
+          return;
+        }
+        var control;
+        if (f.type === 'text') {
+          control = h('input', { id: id, type: 'search', 'class': 'one-input', autocomplete: 'off', 'data-one-focus': 'f:' + f.key, placeholder: f.placeholder != null ? textOf(f.placeholder, lang) : null });
+          control.value = cur || '';
+          listen(quiet(control), 'input', function () { self._set(f.key, control.value.trim(), true); });
+        } else if (f.type === 'date') {
+          control = h('input', { id: id, type: 'date', 'class': 'one-input', 'data-one-focus': 'f:' + f.key });
+          control.value = cur || '';
+          listen(quiet(control), 'change', function () { self._set(f.key, control.value, false); });
+        } else {
+          var opts = f.type === 'boolean' ? [{ value: 'true', label: t(lang, 'yes') }, { value: 'false', label: t(lang, 'no') }] : f.options;
+          control = h('select', { id: id, 'class': 'one-select', 'data-one-focus': 'f:' + f.key }, h('option', { value: '', text: t(lang, 'all') }));
+          opts.forEach(function (o) { var opt = h('option', { value: String(o.value), text: textOf(o.label, lang) }); opt.selected = cur != null && String(cur) === String(o.value); add(control, opt); });
+          listen(quiet(control), 'change', function () { self._set(f.key, control.value, false); });
+        }
+        add(row, h('div', { 'class': 'one-field' }, [h('label', { 'for': id, 'class': 'one-label', text: label }), control]));
+      });
+      var reset = h('button', { type: 'button', 'class': 'one-btn one-btn-text', 'data-one-focus': 'clear', text: t(lang, 'clear') });
+      listen(reset, 'click', function () { self.clear(); });
+      add(row, reset);
+      add(this, row);
+    }
+  }
+
+  // ══ <one-person-picker> ═════════════════════════════════════════════════════════════════════════════════
+  // Kayıtta yalnız kimlik saklanmışsa (metin) değer KAYBEDİLMEZ: ad bilinmediği için kimlik gösterilir.
+  function cleanPerson(p) {
+    if (typeof p === 'string' && /^[A-Za-z0-9_-]{1,64}$/.test(p)) return { id: p, name: p, title: null, department: null };
+    if (!p || typeof p !== 'object' || typeof p.id !== 'string' || typeof p.name !== 'string') return null;
+    return { id: p.id, name: p.name, title: typeof p.title === 'string' ? p.title : null, department: typeof p.department === 'string' ? p.department : null };
+  }
+  class OnePersonPicker extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'multiple', 'required', 'disabled']; }
+    static get props() { return ['value', 'label']; }
+    constructor() {
+      super();
+      this._value = null; this._label = null; this._q = ''; this._items = []; this._open = false; this._active = -1;
+      this._status = 'idle'; this._seq = 0; this._timer = 0; this._ids = { input: uid('person'), list: uid('people') };
+      var self = this;
+      listen(this, 'focusout', function (ev) { if (!ev.relatedTarget || !self.contains(ev.relatedTarget)) { self._open = false; self._update(); } });
+    }
+    get value() { return clone(this._value); }
+    set value(v) {
+      if (this.hasAttribute('multiple')) this._value = (Array.isArray(v) ? v : v ? [v] : []).map(cleanPerson).filter(Boolean);
+      else { var p = Array.isArray(v) ? v[0] : v; this._value = cleanPerson(p); }
+      this._q = !this.hasAttribute('multiple') && this._value ? this._value.name : '';
+      this.render();
+    }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    _multi() { return this.hasAttribute('multiple'); }
+    _changed() { emit(this, 'change', { value: this.value }); }
+    _search(q) {
+      var self = this;
+      w.clearTimeout(this._timer);
+      if (q.length < 2) { this._seq += 1; this._items = []; this._open = false; this._status = q.length ? 'min' : 'idle'; this._update(); return; }
+      this._status = 'loading'; this._update();
+      this._timer = w.setTimeout(function () {
+        var u = sameOrigin(self.getAttribute('src') || '${PEOPLE_SEARCH_PATH}');
+        if (!u) { self._status = 'error'; self._update(); report(new Error('one-person-picker: src uygulamanın kendi adresi olmalı')); return; }
+        u.searchParams.set('q', q); u.searchParams.set('lang', self.lang_());
+        var my = ++self._seq;
+        send(relative(u), { headers: { accept: 'application/json' } }).then(function (res) {
+          return readJson(res).then(function (body) {
+            if (my !== self._seq) return;
+            if (!res.ok || !body || !Array.isArray(body.items)) { self._status = 'error'; self._open = false; self._update(); return; }
+            self._items = body.items.map(cleanPerson).filter(Boolean).slice(0, 20);
+            self._status = 'ready'; self._open = true; self._active = self._items.length ? 0 : -1;
+            self._update();
+          });
+        }, function (e) { if (my !== self._seq) return; report(e); self._status = 'error'; self._open = false; self._update(); });
+      }, 300);
+    }
+    _choose(p) {
+      if (!p) return;
+      if (this._multi()) {
+        var list = this._value || [];
+        if (!list.some(function (x) { return x.id === p.id; })) list.push(p);
+        this._value = list; this._q = '';
+      } else { this._value = p; this._q = p.name; }
+      this._open = false; this._items = []; this._active = -1; this._status = 'idle';
+      this.render();
+      var input = doc.getElementById(this._ids.input);
+      if (input) input.focus();
+      this._changed();
+    }
+    // Liste ve durum satırı giriş alanına dokunmadan güncellenir (yazarken odak ve imleç kaybolmaz).
+    _update() {
+      var lang = this.lang_(), self = this;
+      var input = doc.getElementById(this._ids.input), list = doc.getElementById(this._ids.list), status = this.querySelector('[data-one-status]');
+      if (!input || !list || !status) return;
+      clear(list);
+      this._items.forEach(function (p, i) {
+        var sub = [p.title, p.department].filter(Boolean).join(' - ');
+        var opt = h('li', { id: self._ids.list + '-' + i, role: 'option', 'class': 'one-option', 'aria-selected': i === self._active ? 'true' : 'false' },
+          [h('span', { 'class': 'one-option-main', text: p.name }), sub ? h('span', { 'class': 'one-option-sub one-muted', text: sub }) : null]);
+        listen(opt, 'mousedown', function (ev) { ev.preventDefault(); });
+        listen(opt, 'click', function () { self._choose(p); });
+        add(list, opt);
+      });
+      var open = this._open && this._items.length > 0;
+      list.hidden = !open;
+      input.setAttribute('aria-expanded', open ? 'true' : 'false');
+      if (open && this._active >= 0) input.setAttribute('aria-activedescendant', this._ids.list + '-' + this._active);
+      else input.removeAttribute('aria-activedescendant');
+      var msg = { min: 'personMin', loading: 'personSearching', error: 'personError' }[this._status];
+      if (this._status === 'ready') msg = this._items.length ? null : 'personNone';
+      status.textContent = this._status === 'ready' && this._items.length ? t(lang, 'personResults', { count: this._items.length }) : msg ? t(lang, msg) : '';
+      status.className = 'one-help' + (this._status === 'error' ? ' one-field-error' : '');
+    }
+    draw() {
+      var self = this, lang = this.lang_(), multi = this._multi(), disabled = this.hasAttribute('disabled');
+      clear(this);
+      var label = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || t(lang, 'personLabel'));
+      var wrap = h('div', { 'class': 'one-field one-combobox' });
+      add(wrap, h('label', { 'for': this._ids.input, 'class': 'one-label' }, [label,
+        this.hasAttribute('required') ? h('span', { 'class': 'one-required', 'aria-hidden': 'true', text: ' *' }) : null,
+        this.hasAttribute('required') ? h('span', { 'class': 'one-sr-only', text: ' ' + t(lang, 'requiredMark') }) : null]));
+      if (multi && this._value && this._value.length) {
+        add(wrap, h('ul', { 'class': 'one-chips', 'aria-label': label }, this._value.map(function (p) {
+          var rm = h('button', { type: 'button', 'class': 'one-chip-remove', 'aria-label': t(lang, 'remove', { name: p.name }), 'data-one-focus': 'rm:' + p.id, disabled: disabled ? true : null, text: '×' });
+          listen(rm, 'click', function () { self._value = self._value.filter(function (x) { return x.id !== p.id; }); self.render(); self._changed(); });
+          return h('li', { 'class': 'one-chip' }, [h('span', { text: p.name }), rm]);
+        })));
+      }
+      var described = [this.getAttribute('aria-describedby'), this._ids.input + '-status'].filter(Boolean).join(' ');
+      var input = h('input', { id: this._ids.input, type: 'text', 'class': 'one-input', role: 'combobox', autocomplete: 'off', 'aria-autocomplete': 'list',
+        'aria-expanded': 'false', 'aria-controls': this._ids.list, 'aria-describedby': described, placeholder: t(lang, 'personPlaceholder'),
+        'aria-required': this.hasAttribute('required') ? 'true' : null, 'aria-invalid': this.getAttribute('aria-invalid'), disabled: disabled ? true : null, 'data-one-focus': 'input' });
+      input.value = this._q;
+      listen(input, 'input', function () {
+        self._q = input.value;
+        if (!multi && self._value) { self._value = null; self._changed(); }
+        self._search(input.value.trim());
+      });
+      listen(input, 'keydown', function (ev) {
+        var n = self._items.length;
+        if (ev.key === 'ArrowDown') { ev.preventDefault(); if (!self._open && n) self._open = true; else if (n) self._active = (self._active + 1) % n; self._update(); }
+        else if (ev.key === 'ArrowUp') { ev.preventDefault(); if (n) { self._active = self._active <= 0 ? n - 1 : self._active - 1; self._update(); } }
+        else if (ev.key === 'Enter') { if (self._open && self._active >= 0) { ev.preventDefault(); self._choose(self._items[self._active]); } }
+        else if (ev.key === 'Escape') { if (self._open) { ev.preventDefault(); self._open = false; self._update(); } }
+      });
+      // Öneri listesi giriş alanının altında AKIŞ İÇİNDEDİR (mutlak/sabit konum YOK): Portal iframe'i içerik boyunda çizdiği
+      // için akış dışındaki bir açılır liste sayfanın altında kesilirdi (D-76 U4); akış içindeki liste yüksekliği büyütür.
+      add(wrap, h('div', { 'class': 'one-combobox-control' }, [input, h('ul', { id: this._ids.list, role: 'listbox', 'class': 'one-listbox', 'aria-label': label, hidden: true })]));
+      add(wrap, h('p', { id: this._ids.input + '-status', 'class': 'one-help', role: 'status', 'aria-live': 'polite', 'data-one-status': '' }));
+      add(this, wrap);
+      this._update();
+    }
+  }
+
+  // ══ <one-file-upload> ═══════════════════════════════════════════════════════════════════════════════════
+  function accepts(accept, file) {
+    if (!accept) return true;
+    var name = String(file.name || '').toLowerCase(), type = String(file.type || '').toLowerCase();
+    return accept.split(',').some(function (a) {
+      a = a.trim().toLowerCase();
+      if (!a) return false;
+      if (a.charAt(0) === '.') return name.length > a.length && name.slice(-a.length) === a;
+      if (a.slice(-2) === '/*') return type.indexOf(a.slice(0, -1)) === 0;
+      return type === a;
+    });
+  }
+  // Başlık değeri yalnız ASCII taşıyabilir: Türkçe harfler karşılığına çevrilir, kalan her şey '_' olur.
+  function asciiName(n) {
+    var s = String(n || '').replace(/[çÇğĞıİöÖşŞüÜ]/g, function (c) { return ASCII[c]; }).replace(/[^\x20-\x7e]/g, '_').trim().slice(0, 200);
+    return s || 'dosya';
+  }
+  class OneFileUpload extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'accept', 'max-size', 'multiple', 'required', 'disabled']; }
+    static get props() { return ['value', 'label']; }
+    constructor() { super(); this._value = null; this._label = null; this._jobs = []; this._id = uid('upload'); }
+    get value() { return clone(this._value); }
+    set value(v) {
+      var clean = function (f) { return f && typeof f === 'object' && typeof f.key === 'string' ? { key: f.key, name: String(f.name || f.key), size: Number(f.size) || 0, contentType: f.contentType } : null; };
+      this._value = this.hasAttribute('multiple') ? (Array.isArray(v) ? v : v ? [v] : []).map(clean).filter(Boolean) : clean(Array.isArray(v) ? v[0] : v);
+      this.render();
+    }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    _maxSize() { var n = parseInt(this.getAttribute('max-size') || '', 10); return n > 0 ? n : ${FILE_UPLOAD_DEFAULT_MAX_BYTES}; }
+    _pick(files) {
+      var self = this, list = Array.prototype.slice.call(files || []);
+      if (!this.hasAttribute('multiple')) list = list.slice(0, 1);
+      list.forEach(function (file) {
+        var job = { name: String(file.name || 'dosya'), state: 'error', progress: 0, message: null };
+        if (!accepts(self.getAttribute('accept'), file)) job.message = { key: 'badType', vars: { name: job.name } };
+        else if (file.size > self._maxSize()) job.message = { key: 'tooLarge', vars: { name: job.name, max: fmtSize(self._maxSize()) } };
+        else { job.state = 'uploading'; job.message = { key: 'uploading', vars: { name: job.name } }; }
+        self._jobs.push(job);
+        if (job.state === 'uploading') self._upload(file, job);
+      });
+      this.render();
+    }
+    _upload(file, job) {
+      var self = this, u = sameOrigin(this.getAttribute('action') || '${FILE_UPLOAD_DEFAULT_ACTION}');
+      var finish = function (state, message, info) {
+        job.state = state; job.message = message; job.progress = state === 'done' ? 100 : job.progress;
+        if (info) {
+          if (self.hasAttribute('multiple')) self._value = (self._value || []).concat([info]);
+          else self._value = info;
+        }
+        self.render();
+        if (info) { emit(self, 'uploaded', { file: clone(info) }); emit(self, 'change', { value: self.value }); }
+      };
+      if (!u) { finish('error', { key: 'badSrc' }); return; }
+      whenToken().then(function () {
+        var xhr = new w.XMLHttpRequest();
+        xhr.open('POST', relative(u));
+        var token = w.one && w.one.token;
+        if (token) xhr.setRequestHeader('authorization', 'Bearer ' + token);
+        xhr.setRequestHeader('content-type', file.type || 'application/octet-stream');
+        xhr.setRequestHeader(self.getAttribute('name-header') || 'x-file-name', asciiName(job.name));
+        xhr.setRequestHeader('accept', 'application/json');
+        if (xhr.upload) xhr.upload.addEventListener('progress', function (ev) {
+          if (ev.lengthComputable && ev.total > 0) { job.progress = Math.min(99, Math.round((ev.loaded / ev.total) * 100)); self._progress(job); }
+        });
+        xhr.addEventListener('load', function () {
+          var body; try { body = xhr.responseText ? JSON.parse(xhr.responseText) : null; } catch (e) { body = undefined; }
+          if (xhr.status >= 200 && xhr.status < 300 && body && typeof body.key === 'string') {
+            finish('done', { key: 'uploaded', vars: { name: job.name } }, { key: body.key, name: job.name, size: Number(body.size) || file.size || 0, contentType: body.contentType || file.type || undefined });
+          } else {
+            var fail = failure(xhr.status, body, 'uploadError');
+            finish('error', fail.key === 'uploadError' ? { key: 'uploadError', vars: { name: job.name } } : fail.text ? { text: job.name + ': ' + fail.text } : fail);
+          }
+        });
+        var broken = function () { finish('error', { key: 'uploadError', vars: { name: job.name } }); };
+        xhr.addEventListener('error', broken);
+        xhr.addEventListener('abort', broken);
+        xhr.send(file);
+      });
+    }
+    _progress(job) {
+      var i = this._jobs.indexOf(job), bar = this.querySelector('[data-one-job="' + i + '"]');
+      if (bar) bar.value = job.progress;
+    }
+    draw() {
+      var self = this, lang = this.lang_(), disabled = this.hasAttribute('disabled');
+      clear(this);
+      var label = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || t(lang, 'fileLabel'));
+      var accept = this.getAttribute('accept'), max = fmtSize(this._maxSize()), helpId = this._id + '-help';
+      var described = [this.getAttribute('aria-describedby'), helpId].filter(Boolean).join(' ');
+      var input = h('input', { id: this._id, type: 'file', 'class': 'one-input one-file-input', accept: accept || null, multiple: this.hasAttribute('multiple') ? true : null,
+        'aria-describedby': described, 'aria-required': this.hasAttribute('required') ? 'true' : null, 'aria-invalid': this.getAttribute('aria-invalid'), disabled: disabled ? true : null, 'data-one-focus': 'input' });
+      listen(quiet(input), 'change', function () { self._pick(input.files); input.value = ''; });
+      var wrap = h('div', { 'class': 'one-field one-upload' }, [
+        h('label', { 'for': this._id, 'class': 'one-label' }, [label,
+          this.hasAttribute('required') ? h('span', { 'class': 'one-required', 'aria-hidden': 'true', text: ' *' }) : null,
+          this.hasAttribute('required') ? h('span', { 'class': 'one-sr-only', text: ' ' + t(lang, 'requiredMark') }) : null]),
+        input,
+        h('p', { id: helpId, 'class': 'one-help', text: accept ? t(lang, 'allowed', { types: accept.split(',').map(function (s) { return s.trim(); }).filter(Boolean).join(', '), max: max }) : t(lang, 'maxOnly', { max: max }) })
+      ]);
+      var items = [];
+      this._jobs.forEach(function (job, i) {
+        if (job.state === 'done') return;
+        items.push(h('li', { 'class': 'one-upload-item' }, [
+          h('span', { role: job.state === 'error' ? 'alert' : 'status', 'class': job.state === 'error' ? 'one-field-error' : 'one-muted', text: messageOf(job.message, lang) }),
+          job.state === 'uploading' ? h('progress', { max: '100', value: String(job.progress), 'data-one-job': String(i), 'aria-label': messageOf(job.message, lang) }) : null
+        ]));
+      });
+      var files = this._value == null ? [] : Array.isArray(this._value) ? this._value : [this._value];
+      files.forEach(function (f) {
+        var rm = h('button', { type: 'button', 'class': 'one-btn one-btn-text', 'aria-label': t(lang, 'remove', { name: f.name }), 'data-one-focus': 'rm:' + f.key, disabled: disabled ? true : null, text: '×' });
+        listen(rm, 'click', function () {
+          self._value = Array.isArray(self._value) ? self._value.filter(function (x) { return x.key !== f.key; }) : null;
+          self.render(); emit(self, 'change', { value: self.value });
+        });
+        items.push(h('li', { 'class': 'one-upload-item' }, [h('span', { text: f.name }), h('span', { 'class': 'one-muted', text: fmtSize(f.size) }), rm]));
+      });
+      if (items.length) add(wrap, h('ul', { 'class': 'one-upload-list' }, items));
+      add(this, wrap);
+    }
+  }
+
+  // ══ <one-chart> ═════════════════════════════════════════════════════════════════════════════════════════
+  function chartData(d) {
+    if (Array.isArray(d)) return { labels: d.map(function (x) { return x && x.label; }), series: [{ name: '', values: d.map(function (x) { return x ? x.value : 0; }) }] };
+    if (d && Array.isArray(d.labels) && Array.isArray(d.series)) return { labels: d.labels, series: d.series.filter(function (s) { return s && Array.isArray(s.values); }) };
+    return { labels: [], series: [] };
+  }
+  function num(v) { var n = Number(v); return isFinite(n) ? n : 0; }
+  function niceStep(span) {
+    if (span <= 0) return 1;
+    var raw = span / 4, mag = Math.pow(10, Math.floor(Math.log(raw) / Math.LN10)), norm = raw / mag;
+    return (norm <= 1 ? 1 : norm <= 2 ? 2 : norm <= 5 ? 5 : 10) * mag;
+  }
+  function shorten(s, n) { s = String(s); return s.length > n ? s.slice(0, Math.max(1, n - 1)) + '…' : s; }
+  class OneChart extends Base {
+    static get observedAttributes() { return ['lang', 'type', 'label', 'unit']; }
+    static get props() { return ['data', 'label']; }
+    constructor() { super(); this._data = null; this._label = null; }
+    get data() { return this._data; }
+    set data(v) { this._data = v == null ? null : clone(v); this.render(); }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    _fmt(v) { var u = this.getAttribute('unit'); return fmtNumber(v, 2) + (u ? ' ' + u : ''); }
+    draw() {
+      var self = this, lang = this.lang_(), d = chartData(this._data), type = this.getAttribute('type');
+      if (type !== 'line' && type !== 'pie') type = 'bar';
+      clear(this);
+      var title = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || t(lang, 'chart'));
+      var labels = d.labels.map(function (l) { return textOf(l, lang); });
+      var series = d.series.map(function (s, i) { return { name: textOf(s.name, lang) || (d.series.length === 1 ? title : String(i + 1)), values: labels.map(function (_, j) { return num(s.values[j]); }) }; });
+      var fig = h('figure', { 'class': 'one-chart' }, h('figcaption', { 'class': 'one-chart-title', text: title }));
+      if (labels.length === 0 || series.length === 0) { add(fig, h('p', { 'class': 'one-empty', text: t(lang, 'chartEmpty') })); add(this, fig); return; }
+      var W = 640, H = 320, root = svg('svg', { viewBox: '0 0 ' + W + ' ' + H, role: 'img', 'aria-label': title + ' (' + t(lang, 'chartData') + ')', preserveAspectRatio: 'xMidYMid meet', focusable: 'false' });
+      if (type === 'pie') this._pie(root, labels, series[0], W, H, lang);
+      else this._axes(root, labels, series, W, H, type);
+      add(fig, root);
+      var legendItems = type === 'pie' ? labels : series.map(function (s) { return s.name; });
+      if (legendItems.length > 1 || type === 'pie') {
+        var total = type === 'pie' ? series[0].values.reduce(function (a, b) { return a + Math.max(0, b); }, 0) : 0;
+        add(fig, h('ul', { 'class': 'one-chart-legend', 'aria-hidden': 'true' }, legendItems.map(function (name, i) {
+          var pct = type === 'pie' && total > 0 ? ' (' + fmtNumber((Math.max(0, series[0].values[i]) / total) * 100, 1) + '%)' : '';
+          return h('li', null, [h('span', { 'class': 'one-chart-swatch one-chart-s' + ((i % 6) + 1) }), h('span', { text: name + pct })]);
+        })));
+      }
+      // Ekran okuyucu için aynı veri tablo olarak (görsel kullanıcıya gizli).
+      var table = h('table', { 'class': 'one-sr-only' }, h('caption', { text: t(lang, 'chartData') + ': ' + title }));
+      add(table, h('thead', null, h('tr', null, [h('th', { scope: 'col', text: t(lang, 'category') })].concat(series.map(function (s) { return h('th', { scope: 'col', text: s.name }); })))));
+      add(table, h('tbody', null, labels.map(function (l, i) {
+        return h('tr', null, [h('th', { scope: 'row', text: l })].concat(series.map(function (s) { return h('td', { text: self._fmt(s.values[i]) }); })));
+      })));
+      add(fig, table);
+      add(this, fig);
+    }
+    _axes(root, labels, series, W, H, type) {
+      var self = this, L = 64, R = 16, T = 16, B = 40, pw = W - L - R, ph = H - T - B;
+      var all = []; series.forEach(function (s) { all = all.concat(s.values); });
+      var max = Math.max.apply(null, all.concat([0])), min = Math.min.apply(null, all.concat([0]));
+      var step = niceStep(max - min), top = Math.ceil(max / step) * step, bottom = Math.floor(min / step) * step;
+      if (top === bottom) top = bottom + step;
+      var y = function (v) { return T + ph - ((v - bottom) / (top - bottom)) * ph; };
+      for (var v = bottom; v <= top + step / 2; v += step) {
+        add(root, svg('line', { x1: L, x2: W - R, y1: y(v), y2: y(v), 'class': 'one-chart-grid' }));
+        add(root, svg('text', { x: L - 8, y: y(v) + 4, 'text-anchor': 'end', 'class': 'one-chart-axis', text: fmtNumber(v, 2) }));
+      }
+      var group = pw / labels.length;
+      labels.forEach(function (l, i) {
+        add(root, svg('text', { x: L + group * (i + 0.5), y: H - B + 18, 'text-anchor': 'middle', 'class': 'one-chart-axis' }, [shorten(l, Math.max(3, Math.floor(group / 7))), svg('title', { text: l })]));
+      });
+      if (type === 'bar') {
+        var bw = (group * 0.7) / series.length;
+        series.forEach(function (s, si) {
+          s.values.forEach(function (v, i) {
+            var x = L + group * i + group * 0.15 + bw * si, y0 = y(Math.max(0, v)), y1 = y(Math.min(0, v));
+            add(root, svg('rect', { x: x, y: y0, width: Math.max(1, bw - 2), height: Math.max(0, y1 - y0), 'class': 'one-chart-s' + ((si % 6) + 1) },
+              svg('title', { text: labels[i] + ' - ' + s.name + ': ' + self._fmt(v) })));
+          });
+        });
+      } else {
+        series.forEach(function (s, si) {
+          var pts = s.values.map(function (v, i) { return (L + group * (i + 0.5)) + ',' + y(v); }).join(' ');
+          add(root, svg('polyline', { points: pts, fill: 'none', 'stroke-width': '2', 'class': 'one-chart-line one-chart-s' + ((si % 6) + 1) }));
+          s.values.forEach(function (v, i) {
+            add(root, svg('circle', { cx: L + group * (i + 0.5), cy: y(v), r: '4', 'class': 'one-chart-s' + ((si % 6) + 1) }, svg('title', { text: labels[i] + ' - ' + s.name + ': ' + self._fmt(v) })));
+          });
+        });
+      }
+    }
+    _pie(root, labels, s, W, H) {
+      var self = this, cx = W / 2, cy = H / 2, r = Math.min(W, H) / 2 - 16;
+      var vals = s.values.map(function (v) { return Math.max(0, v); }), total = vals.reduce(function (a, b) { return a + b; }, 0);
+      if (total <= 0) { add(root, svg('circle', { cx: cx, cy: cy, r: r, 'class': 'one-chart-grid' })); return; }
+      var angle = -Math.PI / 2;
+      vals.forEach(function (v, i) {
+        if (v <= 0) return;
+        var tip = svg('title', { text: labels[i] + ': ' + self._fmt(v) + ' (' + fmtNumber((v / total) * 100, 1) + '%)' }), cls = 'one-chart-s' + ((i % 6) + 1);
+        if (v === total) { add(root, svg('circle', { cx: cx, cy: cy, r: r, 'class': cls }, tip)); return; }
+        var a2 = angle + (v / total) * Math.PI * 2;
+        var x1 = cx + r * Math.cos(angle), y1 = cy + r * Math.sin(angle), x2 = cx + r * Math.cos(a2), y2 = cy + r * Math.sin(a2);
+        var large = a2 - angle > Math.PI ? 1 : 0;
+        add(root, svg('path', { d: 'M ' + cx + ' ' + cy + ' L ' + x1 + ' ' + y1 + ' A ' + r + ' ' + r + ' 0 ' + large + ' 1 ' + x2 + ' ' + y2 + ' Z', 'class': cls }, tip));
+        angle = a2;
+      });
+    }
+  }
+
+  var DEFS = [['one-table', OneTable], ['one-form', OneForm], ['one-filter', OneFilter], ['one-person-picker', OnePersonPicker], ['one-file-upload', OneFileUpload], ['one-chart', OneChart]];
+  for (var i = 0; i < DEFS.length; i++) if (!w.customElements.get(DEFS[i][0])) w.customElements.define(DEFS[i][0], DEFS[i][1]);
+})(window);
+`;
+//# sourceMappingURL=components.js.map