@devoplus/one-sdk 0.2.0-next.112 → 0.2.0-next.155

package/dist/components.js

@@ -3,6 +3,8 @@
 //   <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>
+//                                                        D-96: <one-select> <one-tag-input> <one-dialog> <one-tooltip>
+//                                                        <one-menu> <one-avatar> <one-tabs> <one-accordion>
 // Sunucu tarafı üçünü de `clientAssetResponse(pathname)` ile döndürür (client.ts).
 //
 // Tasarım kararları (ÖNERİ — D-83 uygulama biçimi):
@@ -22,7 +24,23 @@
 /** 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'];
+export const ONE_COMPONENT_TAGS = [
+    'one-table',
+    'one-form',
+    'one-filter',
+    'one-person-picker',
+    'one-file-upload',
+    'one-chart',
+    // D-96 ilk dalga
+    'one-select',
+    'one-tag-input',
+    'one-dialog',
+    'one-tooltip',
+    'one-menu',
+    'one-avatar',
+    'one-tabs',
+    'one-accordion',
+];
 /** 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). */
@@ -32,6 +50,23 @@ 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;
+/** Bileşen başına olay adları (çalışma anında da okunur; betiğin yaydıklarıyla birebir aynıdır — testle kilitli). */
+export const ONE_COMPONENT_EVENTS = {
+    'one-table': ['rowclick', 'selectionchange', 'load'],
+    'one-form': ['save', 'saved', 'savefailed', 'cancel', 'dirtychange'],
+    'one-filter': ['change'],
+    'one-person-picker': ['change'],
+    'one-file-upload': ['uploaded', 'change'],
+    'one-chart': [],
+    'one-select': ['change'],
+    'one-tag-input': ['change'],
+    'one-dialog': ['open', 'cancel', 'close'],
+    'one-tooltip': [],
+    'one-menu': ['select'],
+    'one-avatar': [],
+    'one-tabs': ['change'],
+    'one-accordion': ['toggle'],
+};
 /**
  * `/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.
@@ -71,7 +106,15 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
       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'
+      chart: 'Grafik', chartEmpty: 'Gösterilecek veri yok.', chartData: 'Grafik verisi', category: 'Kategori', total: 'Toplam',
+      selectLabel: 'Seçim', selectPlaceholder: 'Seçin ya da yazarak arayın', selectNone: 'Eşleşen seçenek yok.', selectCount: '{count} seçenek.',
+      selectMore: 'İlk {count} seçenek gösteriliyor; aramayı daraltın.', selectClear: 'Seçimi temizle', selectToggle: 'Seçenekleri göster',
+      chosen: '{count} seçili',
+      tagLabel: 'Etiketler', tagPlaceholder: 'Etiket yazın', tagHelp: 'Enter ya da virgül ile ekleyin; boş alanda Geri tuşu son etiketi siler.',
+      tagAdded: '{name} eklendi.', tagRemoved: '{name} kaldırıldı.', tagDuplicate: '{name} zaten ekli.',
+      tagTooLong: 'Etiket en çok {n} karakter olabilir.', tagLimit: 'En çok {n} etiket ekleyebilirsiniz.',
+      dialogClose: 'Kapat', dialogConfirm: 'Devam edilsin mi?', toasts: 'Bildirimler', toastClose: 'Bildirimi kapat',
+      menuLabel: 'İşlemler', avatarUnknown: 'Kullanıcı'
     },
     en: {
       loading: 'Loading…', empty: 'No records.', noMatch: 'No records match your search.', loadError: 'The list could not be loaded.',
@@ -101,7 +144,15 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
       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'
+      chart: 'Chart', chartEmpty: 'There is no data to show.', chartData: 'Chart data', category: 'Category', total: 'Total',
+      selectLabel: 'Selection', selectPlaceholder: 'Choose or type to search', selectNone: 'No matching options.', selectCount: '{count} options.',
+      selectMore: 'Showing the first {count} options; narrow your search.', selectClear: 'Clear the selection', selectToggle: 'Show options',
+      chosen: '{count} selected',
+      tagLabel: 'Tags', tagPlaceholder: 'Type a tag', tagHelp: 'Add with Enter or a comma; Backspace in an empty field removes the last tag.',
+      tagAdded: '{name} added.', tagRemoved: '{name} removed.', tagDuplicate: '{name} is already added.',
+      tagTooLong: 'A tag can be at most {n} characters.', tagLimit: 'You can add at most {n} tags.',
+      dialogClose: 'Close', dialogConfirm: 'Do you want to continue?', toasts: 'Notifications', toastClose: 'Close the notification',
+      menuLabel: 'Actions', avatarUnknown: 'User'
     }
   };
   var XLSX_MIME = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
@@ -307,6 +358,16 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
     var one = w.one;
     if (one && typeof one.setDirty === 'function') { try { one.setDirty(dirty); } catch (e) { report(e); } }
   }
+  // Portal'a bildirilen kirli durum, sayfadaki BAĞLI kirli formların birleşimidir: bir formun temizlenmesi ya da ayrılması
+  // öteki kirli formun korumasını kaldırmaz; ayrılıp yeniden eklenen kirli form korumayı geri getirir.
+  var dirtyForms = [], portalDirty = false;
+  function syncDirty(form, dirty) {
+    var i = dirtyForms.indexOf(form);
+    if (dirty && i < 0) dirtyForms.push(form);
+    else if (!dirty && i >= 0) dirtyForms.splice(i, 1);
+    var any = dirtyForms.length > 0;
+    if (any !== portalDirty) { portalDirty = any; setDirty(any); }
+  }
   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 ─────────────────────────────────
@@ -332,13 +393,36 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
       if (live.indexOf(this) < 0) live.push(this);
       hookContext();
       this.render();
-      if (!this._started) { this._started = true; this.start(); }
+      if (!this._started) { this._started = true; this.start(); return; }
+      // Yeniden bağlanma: ayrıyken değişen öznitelikler şimdi uygulanır (öznitelik ile durum yeniden eşitlenir). Ayrıyken
+      // değişip eski değerine dönen ad atlanır; değişen adlar bileşene tek seferde verilir (tablo bir kez yükler).
+      var first = this._detached, names = [];
+      this._detached = null;
+      for (var n in first) if (own(first, n) && this.getAttribute(n) !== first[n]) names.push(n);
+      if (names.length) this.attributesChanged(names);
+      this.reconnected();
     }
     disconnectedCallback() { var i = live.indexOf(this); if (i >= 0) live.splice(i, 1); }
     start() {}
+    reconnected() {}
     // 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); }
+    // Ayrıyken gelen değişiklik kaybolmaz: adın ayrılmadan önceki değeri not edilir, yeniden bağlanınca uygulanır (değer
+    // o anki öznitelikten okunur).
+    attributeChangedCallback(name, oldValue, newValue) {
+      if (oldValue === newValue || !this._started) return;
+      if (this.isConnected) { this.attributeChanged(name); return; }
+      var first = this._detached || (this._detached = Object.create(null));
+      // Bileşenin kendi durumunu yazması (ör. ayrılırken kapanan pencere) karşılaştırmanın yeni tabanıdır.
+      if (this._reflecting) first[name] = newValue;
+      else if (!(name in first)) first[name] = oldValue;
+    }
+    // Bileşen kendi durumunu gözlenen bir özniteliğe yazar (null = kaldır).
+    reflect(name, value) {
+      this._reflecting = true;
+      try { if (value == null) this.removeAttribute(name); else this.setAttribute(name, value); } finally { this._reflecting = false; }
+    }
     attributeChanged() { this.render(); }
+    attributesChanged(names) { for (var i = 0; i < names.length; i++) this.attributeChanged(names[i]); }
     lang_() { return langOf(this); }
     // Yeniden çizimde odak aynı denetimde kalır (dil değişimi, sıralama, sayfa).
     render() {
@@ -415,8 +499,10 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
     }
     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; } }
+    attributeChanged(name) { this.attributesChanged([name]); }
+    attributesChanged(names) {
+      var restart = names.some(function (n) { return n === 'src' || n === 'paging' || n === 'page-size'; });
+      if (restart) { this._page = 0; this._cursors = [null]; if (!this._rows) { this._load(); return; } }
       this.render();
     }
     _remote() { return !this._rows && !!this.getAttribute('src'); }
@@ -829,12 +915,13 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
     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); }
+    disconnectedCallback() { super.disconnectedCallback(); syncDirty(this, false); }
+    reconnected() { syncDirty(this, this._dirty); }
     _checkDirty() {
       var d = JSON.stringify(this.value) !== this._baseline;
       if (d === this._dirty) return;
       this._dirty = d;
-      setDirty(d);
+      syncDirty(this, d && this.isConnected);
       emit(this, 'dirtychange', { dirty: d });
     }
     reset() {
@@ -1147,6 +1234,8 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
       var self = this;
       listen(this, 'focusout', function (ev) { if (!ev.relatedTarget || !self.contains(ev.relatedTarget)) { self._open = false; self._update(); } });
     }
+    // Ayrılan öğe odak kaybı olayı almaz: sonuç listesi burada kapanır; sonuçlar kalır (Aşağı ok yeniden açar).
+    disconnectedCallback() { super.disconnectedCallback(); this._open = false; this._active = -1; }
     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);
@@ -1173,7 +1262,7 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
             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._status = 'ready'; self._open = self.isConnected; self._active = self._open && self._items.length ? 0 : -1;
             self._update();
           });
         }, function (e) { if (my !== self._seq) return; report(e); self._status = 'error'; self._open = false; self._update(); });
@@ -1484,7 +1573,1052 @@ export const ONE_COMPONENTS_SCRIPT = String.raw `(function (w) {
     }
   }
 
-  var DEFS = [['one-table', OneTable], ['one-form', OneForm], ['one-filter', OneFilter], ['one-person-picker', OnePersonPicker], ['one-file-upload', OneFileUpload], ['one-chart', OneChart]];
+  // ══ <one-select> (D-96) ═════════════════════════════════════════════════════════════════════════════════
+  // Aranabilir açılır liste: APG "combobox + listbox" kalıbı. Liste giriş alanının altında AKIŞ İÇİNDEDİR (person picker
+  // ile aynı gerekçe: Portal iframe'i içerik boyunda çizer, akış dışındaki liste sayfanın altında kesilirdi).
+  var SELECT_MAX_SHOWN = 200;
+  // İç anahtar ilkel türü de taşır: 1 ile '1', false ile 'false' ayrı seçeneklerdir ve seçilen değerin türü korunur.
+  function optionKey(v) { return typeof v + ':' + String(v); }
+  function cleanOptions(list) {
+    if (!Array.isArray(list)) throw new TypeError('one-select: options bir dizi olmalı');
+    var out = [], seen = Object.create(null);
+    for (var i = 0; i < list.length; i++) {
+      var o = list[i];
+      if (!o || typeof o !== 'object') continue;
+      var v = o.value;
+      if (typeof v !== 'string' && typeof v !== 'number' && typeof v !== 'boolean') continue;
+      var k = optionKey(v);
+      if (k in seen) continue;
+      seen[k] = true;
+      out.push({ value: v, key: k, label: o.label == null ? String(v) : o.label, description: o.description == null ? null : o.description, disabled: o.disabled === true });
+    }
+    return out;
+  }
+  function scrollIntoList(list, el) {
+    if (!list || !el || typeof el.getBoundingClientRect !== 'function') return;
+    var lr = list.getBoundingClientRect(), er = el.getBoundingClientRect();
+    if (er.top < lr.top) list.scrollTop -= lr.top - er.top;
+    else if (er.bottom > lr.bottom) list.scrollTop += er.bottom - lr.bottom;
+  }
+  function requiredMarks(el, lang) {
+    if (!el.hasAttribute('required')) return [];
+    return [h('span', { 'class': 'one-required', 'aria-hidden': 'true', text: ' *' }), h('span', { 'class': 'one-sr-only', text: ' ' + t(lang, 'requiredMark') })];
+  }
+  class OneSelect extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'multiple', 'required', 'disabled', 'placeholder']; }
+    static get props() { return ['options', 'value', 'label']; }
+    constructor() {
+      super();
+      this._options = []; this._sel = []; this._raw = Object.create(null); this._label = null;
+      this._q = ''; this._typing = false; this._open = false; this._active = -1; this._all = []; this._shown = []; this._drawing = false;
+      this._ids = { input: uid('select'), list: uid('options') };
+      var self = this;
+      listen(this, 'focusout', function (ev) {
+        if (self._drawing || (ev.relatedTarget && self.contains(ev.relatedTarget))) return;
+        self._close(true);
+      });
+    }
+    get options() { return this._options.map(function (o) { return { value: o.value, label: o.label, description: o.description, disabled: o.disabled }; }); }
+    set options(v) {
+      this._options = cleanOptions(v == null ? [] : v);
+      // Seçenekler değişince artık seçenek olmayan '' seçimden düşer (adsız seçim kalmaz).
+      var empty = optionKey(''), i = this._sel.indexOf(empty);
+      if (i >= 0 && !this._opt(empty)) { this._sel.splice(i, 1); delete this._raw[empty]; }
+      this.render();
+    }
+    // Ayrılan öğe odak kaybı olayı almaz: açık liste burada kapanır, yeniden eklenince odaksız açık liste kalmaz.
+    disconnectedCallback() { super.disconnectedCallback(); this._open = false; this._active = -1; this._typing = false; this._q = ''; }
+    get value() {
+      var self = this, vals = this._sel.map(function (k) { var o = self._opt(k); return o ? o.value : self._raw[k]; });
+      return this._multi() ? vals : (vals.length ? vals[0] : null);
+    }
+    // Seçimi yalnız null / undefined temizler: '' meşru bir seçenek değeri olabilir.
+    set value(v) {
+      var list = Array.isArray(v) ? v : (v == null ? [] : [v]), sel = [], raw = Object.create(null);
+      for (var i = 0; i < list.length; i++) {
+        var x = list[i];
+        if (typeof x !== 'string' && typeof x !== 'number' && typeof x !== 'boolean') continue;
+        var k = optionKey(x);
+        if (k in raw || (x === '' && !this._opt(k))) continue; // '' yalnız böyle bir seçenek varsa seçilir (adsız etiket olmaz)
+        raw[k] = x; sel.push(k);
+        if (!this._multi()) break;
+      }
+      this._sel = sel; this._raw = raw; this._q = ''; this._typing = false;
+      this.render();
+    }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    _multi() { return this.hasAttribute('multiple'); }
+    _opt(k) { for (var i = 0; i < this._options.length; i++) if (this._options[i].key === k) return this._options[i]; return null; }
+    _name(k, lang) { var o = this._opt(k); return o ? textOf(o.label, lang) : String(this._raw[k]); }
+    _isSel(k) { return this._sel.indexOf(k) >= 0; }
+    _changed() { emit(this, 'change', { value: this.value }); }
+    _refresh() {
+      var lang = this.lang_(), q = fold(this._q.trim());
+      this._all = !q ? this._options : this._options.filter(function (o) {
+        return fold(textOf(o.label, lang)).indexOf(q) >= 0 || (o.description != null && fold(textOf(o.description, lang)).indexOf(q) >= 0);
+      });
+      this._shown = this._all.slice(0, SELECT_MAX_SHOWN);
+    }
+    // Bir sonraki SEÇİLEBİLİR seçenek (devre dışı olanlar atlanır, sona gelince başa döner).
+    _step(from, dir) {
+      var n = this._shown.length;
+      for (var i = 1; i <= n; i++) { var j = ((from + dir * i) % n + n) % n; if (!this._shown[j].disabled) return j; }
+      return -1;
+    }
+    _selIndex() {
+      for (var i = 0; i < this._shown.length; i++) if (this._isSel(this._shown[i].key) && !this._shown[i].disabled) return i;
+      return this._step(-1, 1);
+    }
+    _input() { return doc.getElementById(this._ids.input); }
+    _openAt(where) {
+      if (this.hasAttribute('disabled')) return;
+      this._open = true; this._refresh();
+      this._active = where === 'last' ? this._step(this._shown.length, -1) : where === 'first' ? this._step(-1, 1) : this._selIndex();
+      this._update();
+    }
+    _close(restore) {
+      this._open = false; this._active = -1;
+      if (restore && (this._typing || this._q)) {
+        this._typing = false; this._q = '';
+        var input = this._input();
+        if (input) input.value = this._multi() || !this._sel.length ? '' : this._name(this._sel[0], this.lang_());
+      }
+      this._update();
+    }
+    _choose(o) {
+      if (!o || o.disabled) return;
+      if (this._multi()) {
+        var i = this._sel.indexOf(o.key);
+        if (i >= 0) this._sel.splice(i, 1); else { this._sel.push(o.key); this._raw[o.key] = o.value; }
+        this._drawChips(); this._update(); this._changed();
+        return;
+      }
+      var same = this._sel.length === 1 && this._sel[0] === o.key;
+      this._sel = [o.key]; this._raw = Object.create(null); this._raw[o.key] = o.value;
+      this._q = ''; this._typing = false; this._open = false; this._active = -1;
+      this.render();
+      var input = this._input();
+      if (input) input.focus();
+      if (!same) this._changed();
+    }
+    _remove(k) {
+      this._sel = this._sel.filter(function (x) { return x !== k; });
+      if (this._multi()) { this._drawChips(); this._update(); } else this.render();
+      var input = this._input();
+      if (input) input.focus();
+      this._changed();
+    }
+    _drawChips() {
+      var self = this, lang = this.lang_(), ul = this.querySelector('[data-one-chips]'), disabled = this.hasAttribute('disabled');
+      if (!ul) return;
+      clear(ul);
+      ul.hidden = this._sel.length === 0;
+      ul.setAttribute('aria-label', t(lang, 'chosen', { count: this._sel.length }));
+      this._sel.forEach(function (k) {
+        var name = self._name(k, lang);
+        var rm = h('button', { type: 'button', 'class': 'one-chip-remove', 'aria-label': t(lang, 'remove', { name: name }), 'data-one-focus': 'rm:' + k, disabled: disabled ? true : null, text: '×' });
+        listen(rm, 'click', function () { self._remove(k); });
+        add(ul, h('li', { 'class': 'one-chip' }, [h('span', { text: name }), rm]));
+      });
+    }
+    // Liste, durum satırı ve ARIA durumu giriş alanına dokunmadan güncellenir (yazarken odak ve imleç kaybolmaz).
+    _update() {
+      var self = this, lang = this.lang_(), input = this._input(), list = doc.getElementById(this._ids.list), status = this.querySelector('[data-one-status]');
+      var toggle = this.querySelector('[data-one-toggle]');
+      if (!input || !list || !status) return;
+      this._refresh();
+      var n = this._shown.length;
+      if (this._open && (this._active < 0 || this._active >= n || this._shown[this._active].disabled)) this._active = this._step(-1, 1);
+      clear(list);
+      if (this._open) this._shown.forEach(function (o, i) {
+        var sel = self._isSel(o.key);
+        var li = h('li', { id: self._ids.list + '-' + i, role: 'option', 'class': 'one-option' + (i === self._active ? ' one-active' : ''), 'aria-selected': sel ? 'true' : 'false', 'aria-disabled': o.disabled ? 'true' : null }, [
+          h('span', { 'class': 'one-option-check', 'aria-hidden': 'true', text: sel ? '✓' : '' }),
+          h('span', { 'class': 'one-option-text' }, [h('span', { 'class': 'one-option-main', text: textOf(o.label, lang) }),
+            o.description != null ? h('span', { 'class': 'one-option-sub one-muted', text: textOf(o.description, lang) }) : null])]);
+        listen(li, 'mousedown', function (ev) { ev.preventDefault(); });
+        listen(li, 'click', function () { if (o.disabled) return; self._active = i; self._choose(o); });
+        add(list, li);
+      });
+      var open = this._open && n > 0;
+      list.hidden = !open;
+      input.setAttribute('aria-expanded', open ? 'true' : 'false');
+      if (toggle) toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
+      if (open && this._active >= 0) { input.setAttribute('aria-activedescendant', this._ids.list + '-' + this._active); scrollIntoList(list, doc.getElementById(this._ids.list + '-' + this._active)); }
+      else input.removeAttribute('aria-activedescendant');
+      var msg = '';
+      if (this._open) msg = this._all.length === 0 ? t(lang, 'selectNone') : this._all.length > n ? t(lang, 'selectMore', { count: n }) : t(lang, 'selectCount', { count: n });
+      if (status.textContent !== msg) status.textContent = msg;
+    }
+    draw() {
+      this._drawing = true;
+      try { this._draw(); } finally { this._drawing = false; }
+    }
+    _draw() {
+      var self = this, lang = this.lang_(), multi = this._multi(), disabled = this.hasAttribute('disabled');
+      // 'multiple' çalışma anında kaldırılabilir: tekli seçimde en çok bir değer kalır (görünen ve okunan aynı olsun).
+      if (!multi && this._sel.length > 1) this._sel = this._sel.slice(0, 1);
+      clear(this);
+      var label = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || t(lang, 'selectLabel'));
+      var wrap = h('div', { 'class': 'one-field one-combobox' });
+      add(wrap, h('label', { 'for': this._ids.input, id: this._ids.input + '-label', 'class': 'one-label' }, [label].concat(requiredMarks(this, lang))));
+      if (multi) add(wrap, h('ul', { 'class': 'one-chips', 'data-one-chips': '', hidden: true }));
+      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', spellcheck: 'false',
+        'aria-autocomplete': 'list', 'aria-expanded': 'false', 'aria-controls': this._ids.list, 'aria-describedby': described,
+        placeholder: this.getAttribute('placeholder') || t(lang, 'selectPlaceholder'), 'aria-required': this.hasAttribute('required') ? 'true' : null,
+        'aria-invalid': this.getAttribute('aria-invalid'), disabled: disabled ? true : null, 'data-one-focus': 'input' });
+      input.value = this._typing || multi ? this._q : (this._sel.length ? this._name(this._sel[0], lang) : '');
+      listen(input, 'input', function () { self._q = input.value; self._typing = true; self._open = true; self._active = -1; self._update(); });
+      listen(input, 'click', function () { if (!self._open) self._openAt('selected'); });
+      listen(input, 'keydown', function (ev) {
+        var k = ev.key;
+        if (k === 'ArrowDown' || k === 'ArrowUp') {
+          ev.preventDefault();
+          if (!self._open) { if (!(ev.altKey && k === 'ArrowUp')) self._openAt(ev.altKey ? 'selected' : k === 'ArrowUp' ? 'last' : 'selected'); return; }
+          if (ev.altKey && k === 'ArrowUp') { self._close(false); return; }
+          var dir = k === 'ArrowDown' ? 1 : -1;
+          self._active = self._step(self._active < 0 ? (dir > 0 ? -1 : self._shown.length) : self._active, dir);
+          self._update();
+        } else if (k === 'Enter') {
+          if (self._open && self._active >= 0) { ev.preventDefault(); self._choose(self._shown[self._active]); }
+        } else if (k === 'Escape') {
+          // Açık liste önce kapanır; olay pencereye ('<one-dialog>') ulaşmaz, pencere yalnız ikinci Escape'te kapanır.
+          if (self._open || self._typing) { ev.preventDefault(); ev.stopPropagation(); self._close(true); }
+        } else if (k === 'Backspace' && multi && input.value === '' && self._sel.length && !disabled) {
+          self._remove(self._sel[self._sel.length - 1]);
+        }
+      });
+      var clearBtn = null;
+      if (!multi && this._sel.length && !this.hasAttribute('required')) {
+        clearBtn = h('button', { type: 'button', 'class': 'one-icon-btn', 'aria-label': t(lang, 'selectClear'), disabled: disabled ? true : null, 'data-one-focus': 'clear', text: '×' });
+        listen(clearBtn, 'click', function () {
+          self._sel = []; self._raw = Object.create(null); self._q = ''; self._typing = false; self._open = false;
+          self.render(); var i2 = self._input(); if (i2) i2.focus(); self._changed();
+        });
+      }
+      var toggle = h('button', { type: 'button', 'class': 'one-icon-btn', tabindex: '-1', 'aria-label': t(lang, 'selectToggle'), 'aria-controls': this._ids.list,
+        'aria-expanded': 'false', 'data-one-toggle': '', disabled: disabled ? true : null, text: '▾' });
+      listen(toggle, 'mousedown', function (ev) { ev.preventDefault(); });
+      listen(toggle, 'click', function () { if (self._open) self._close(false); else self._openAt('selected'); var i3 = self._input(); if (i3) i3.focus(); });
+      add(wrap, h('div', { 'class': 'one-select-control' }, [input, clearBtn, toggle]));
+      add(wrap, h('ul', { id: this._ids.list, role: 'listbox', 'class': 'one-listbox one-listbox-select', 'aria-labelledby': this._ids.input + '-label',
+        'aria-multiselectable': multi ? 'true' : null, 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);
+      if (multi) this._drawChips();
+      this._update();
+    }
+  }
+
+  // ══ <one-tag-input> (D-96) ══════════════════════════════════════════════════════════════════════════════
+  var TAG_MAX_LENGTH = 50, TAG_MAX_COUNT = 50, TAG_SUGGEST_SHOWN = 50;
+  function cleanTag(v) { return String(v == null ? '' : v).replace(/[\u0000-\u001f\u007f]+/g, ' ').replace(/\s+/g, ' ').trim(); }
+  class OneTagInput extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'required', 'disabled', 'placeholder', 'max', 'max-length']; }
+    static get props() { return ['value', 'suggestions', 'label']; }
+    constructor() {
+      super();
+      this._tags = []; this._suggest = []; this._label = null; this._q = ''; this._open = false; this._active = -1; this._shown = []; this._msg = null; this._drawing = false;
+      this._ids = { input: uid('tags'), list: uid('tag-options') };
+      var self = this;
+      listen(this, 'focusout', function (ev) {
+        if (self._drawing || (ev.relatedTarget && self.contains(ev.relatedTarget))) return;
+        // Ayrılırken yazılı kalan metin etikete dönüşür (yazılan kaybolmaz); geçersizse alanda kalır ve neden yazılır.
+        if (cleanTag(self._q)) self._commit(self._q);
+        self._open = false; self._active = -1; self._update();
+      });
+    }
+    // Ayrılan öğe odak kaybı olayı almaz: öneri listesi burada kapanır (yazılan metin alanda kalır).
+    disconnectedCallback() { super.disconnectedCallback(); this._open = false; this._active = -1; }
+    get value() { return this._tags.slice(); }
+    set value(v) {
+      var list = Array.isArray(v) ? v : (v == null || v === '' ? [] : [v]), out = [], seen = Object.create(null), maxLen = this._maxLen(), max = this._max();
+      for (var i = 0; i < list.length && out.length < max; i++) {
+        var tag = cleanTag(list[i]);
+        if (!tag || tag.length > maxLen) continue;
+        var f = fold(tag);
+        if (f in seen) continue;
+        seen[f] = true; out.push(tag);
+      }
+      this._tags = out; this._q = ''; this._msg = null;
+      this.render();
+    }
+    get suggestions() { return this._suggest.slice(); }
+    set suggestions(v) {
+      if (v != null && !Array.isArray(v)) throw new TypeError('one-tag-input: suggestions bir dizi olmalı');
+      var out = [], seen = Object.create(null);
+      (v || []).forEach(function (x) {
+        var tag = cleanTag(typeof x === 'string' || typeof x === 'number' ? x : '');
+        var f = fold(tag);
+        if (!tag || f in seen) return;
+        seen[f] = true; out.push(tag);
+      });
+      this._suggest = out;
+      this.render();
+    }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    _max() { var n = parseInt(this.getAttribute('max') || '', 10); return n > 0 ? Math.min(n, 500) : TAG_MAX_COUNT; }
+    _maxLen() { var n = parseInt(this.getAttribute('max-length') || '', 10); return n > 0 ? Math.min(n, 500) : TAG_MAX_LENGTH; }
+    _input() { return doc.getElementById(this._ids.input); }
+    _has(tag) { var f = fold(tag); for (var i = 0; i < this._tags.length; i++) if (fold(this._tags[i]) === f) return this._tags[i]; return null; }
+    _setQuery(q) { this._q = q; var input = this._input(); if (input && input.value !== q) input.value = q; }
+    _commit(raw) {
+      var tag = cleanTag(raw), dup;
+      if (!tag) { this._setQuery(''); return false; }
+      if (tag.length > this._maxLen()) { this._msg = { key: 'tagTooLong', vars: { n: this._maxLen() }, error: true }; this._update(); return false; }
+      if ((dup = this._has(tag))) { this._msg = { key: 'tagDuplicate', vars: { name: dup }, error: true }; this._setQuery(''); this._update(); return false; }
+      if (this._tags.length >= this._max()) { this._msg = { key: 'tagLimit', vars: { n: this._max() }, error: true }; this._update(); return false; }
+      this._tags.push(tag); this._msg = { key: 'tagAdded', vars: { name: tag } };
+      this._setQuery(''); this._open = false; this._active = -1;
+      this._drawChips(); this._update();
+      emit(this, 'change', { value: this.value });
+      return true;
+    }
+    _remove(i) {
+      var tag = this._tags[i];
+      if (tag == null) return;
+      this._tags.splice(i, 1); this._msg = { key: 'tagRemoved', vars: { name: tag } };
+      this._drawChips(); this._update();
+      var input = this._input();
+      if (input) input.focus();
+      emit(this, 'change', { value: this.value });
+    }
+    _refresh() {
+      var self = this, q = fold(this._q.trim());
+      this._shown = !q || this._suggest.length === 0 ? [] : this._suggest.filter(function (s) { return !self._has(s) && fold(s).indexOf(q) >= 0; }).slice(0, TAG_SUGGEST_SHOWN);
+    }
+    _drawChips() {
+      var self = this, lang = this.lang_(), ul = this.querySelector('[data-one-chips]'), disabled = this.hasAttribute('disabled');
+      if (!ul) return;
+      clear(ul);
+      ul.hidden = this._tags.length === 0;
+      this._tags.forEach(function (tag, i) {
+        var rm = h('button', { type: 'button', 'class': 'one-chip-remove', 'aria-label': t(lang, 'remove', { name: tag }), 'data-one-focus': 'rm:' + i, disabled: disabled ? true : null, text: '×' });
+        listen(rm, 'click', function () { self._remove(i); });
+        add(ul, h('li', { 'class': 'one-chip' }, [h('span', { text: tag }), rm]));
+      });
+    }
+    _update() {
+      var self = this, lang = this.lang_(), input = this._input(), list = doc.getElementById(this._ids.list), status = this.querySelector('[data-one-status]');
+      if (!input || !status) return;
+      this._refresh();
+      var n = this._shown.length, open = this._open && n > 0;
+      if (open && (this._active < 0 || this._active >= n)) this._active = 0;
+      if (list) {
+        clear(list);
+        if (open) this._shown.forEach(function (s, i) {
+          var li = h('li', { id: self._ids.list + '-' + i, role: 'option', 'class': 'one-option' + (i === self._active ? ' one-active' : ''), 'aria-selected': i === self._active ? 'true' : 'false', text: s });
+          listen(li, 'mousedown', function (ev) { ev.preventDefault(); });
+          listen(li, 'click', function () { self._commit(s); });
+          add(list, li);
+        });
+        list.hidden = !open;
+        input.setAttribute('aria-expanded', open ? 'true' : 'false');
+        if (open && this._active >= 0) { input.setAttribute('aria-activedescendant', this._ids.list + '-' + this._active); scrollIntoList(list, doc.getElementById(this._ids.list + '-' + this._active)); }
+        else input.removeAttribute('aria-activedescendant');
+      }
+      var m = this._msg, text = m ? t(lang, m.key, m.vars) : '';
+      if (status.textContent !== text) status.textContent = text;
+      status.className = m && m.error ? 'one-field-error' : 'one-help';
+      if (m && m.error) input.setAttribute('aria-invalid', 'true'); else input.removeAttribute('aria-invalid');
+    }
+    draw() {
+      this._drawing = true;
+      try { this._draw(); } finally { this._drawing = false; }
+    }
+    _draw() {
+      var self = this, lang = this.lang_(), disabled = this.hasAttribute('disabled'), suggest = this._suggest.length > 0;
+      clear(this);
+      var label = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || t(lang, 'tagLabel'));
+      var wrap = h('div', { 'class': 'one-field one-combobox' });
+      add(wrap, h('label', { 'for': this._ids.input, 'class': 'one-label' }, [label].concat(requiredMarks(this, lang))));
+      var described = [this.getAttribute('aria-describedby'), this._ids.input + '-help', this._ids.input + '-status'].filter(Boolean).join(' ');
+      var input = h('input', { id: this._ids.input, type: 'text', 'class': 'one-tags-input', autocomplete: 'off', 'aria-describedby': described,
+        placeholder: this.getAttribute('placeholder') || t(lang, 'tagPlaceholder'), 'aria-required': this.hasAttribute('required') ? 'true' : null,
+        disabled: disabled ? true : null, 'data-one-focus': 'input', maxlength: String(this._maxLen() * 4) });
+      if (suggest) setAttrs(input, { role: 'combobox', 'aria-autocomplete': 'list', 'aria-expanded': 'false', 'aria-controls': this._ids.list });
+      input.value = this._q;
+      listen(input, 'input', function () { self._q = input.value; self._msg = null; self._open = true; self._active = -1; self._update(); });
+      // Yapıştırılan çok satırlı ya da virgüllü liste ayrı etiketlere bölünür (metin kutusu satır sonlarını kendiliğinden siler).
+      listen(input, 'paste', function (ev) {
+        var data = ev.clipboardData && typeof ev.clipboardData.getData === 'function' ? ev.clipboardData.getData('text') : '';
+        if (!/[,\n\r]/.test(data)) return;
+        ev.preventDefault();
+        var parts = (self._q + data).split(/[,\n\r]+/), last = parts.pop();
+        for (var i = 0; i < parts.length; i++) self._commit(parts[i]);
+        self._setQuery(last || ''); self._update();
+      });
+      listen(input, 'keydown', function (ev) {
+        var k = ev.key, n = self._shown.length;
+        if (k === 'Enter' || k === ',') {
+          ev.preventDefault();
+          if (k === 'Enter' && self._open && n && self._active >= 0) self._commit(self._shown[self._active]); else self._commit(self._q);
+        } else if (k === 'Backspace' && input.value === '' && self._tags.length && !disabled) {
+          ev.preventDefault(); self._remove(self._tags.length - 1);
+        } else if ((k === 'ArrowDown' || k === 'ArrowUp') && suggest) {
+          ev.preventDefault();
+          if (!self._open) { self._open = true; self._active = -1; self._update(); return; }
+          if (n) { self._active = k === 'ArrowDown' ? (self._active + 1) % n : (self._active <= 0 ? n - 1 : self._active - 1); self._update(); }
+        } else if (k === 'Escape' && self._open && n) {
+          ev.preventDefault(); ev.stopPropagation(); self._open = false; self._update();
+        }
+      });
+      var control = h('div', { 'class': 'one-tags-control', 'aria-disabled': disabled ? 'true' : null }, [h('ul', { 'class': 'one-chips', 'data-one-chips': '', 'aria-label': label, hidden: true }), input]);
+      // Kutunun boş yerine tıklamak yazma alanına götürür (etiketler arasında kalan alan da kutunun parçası görünür).
+      listen(control, 'mousedown', function (ev) { if (ev.target === control) { ev.preventDefault(); input.focus(); } });
+      add(wrap, control);
+      if (suggest) add(wrap, h('ul', { id: this._ids.list, role: 'listbox', 'class': 'one-listbox', 'aria-label': label, hidden: true }));
+      add(wrap, h('p', { id: this._ids.input + '-help', 'class': 'one-help', text: t(lang, 'tagHelp') }));
+      add(wrap, h('p', { id: this._ids.input + '-status', 'class': 'one-help', role: 'status', 'aria-live': 'polite', 'data-one-status': '' }));
+      add(this, wrap);
+      this._drawChips();
+      this._update();
+    }
+  }
+
+  // ══ <one-dialog> (D-96) ═════════════════════════════════════════════════════════════════════════════════
+  // Tarayıcının kendi kipli penceresi ('<dialog>.showModal()'): odak pencerede tutulur, sayfanın geri kalanı etkisizdir,
+  // Escape "vazgeç" isteği doğurur. Pencere iframe'in GÖRÜNEN dilimine yerleşir (köprünün yazdığı '--one-viewport-*'
+  // değişkenleri; betik konum yazmaz). Açıkken köprü Portal'a 'one:modal { open: true }' bildirir ve Portal kendi ekranında
+  // da aynı karartmayı çizer. Portal karartmasına tıklanırsa (ya da Portal'da Escape) Portal karartmayı KENDİSİ kaldırır ve
+  // 'one:modal-dismiss' gönderir: açık pencereler "vazgeçildi" diye kapanır — uygulama Portal'ı kilitleyemez.
+  var openDialogs = [], dismissing = false;
+  function syncModal() {
+    // Portal'ın toplu vazgeçmesi sürerken eşitlenmez: kapanan her pencerede kalanlar için "açık" yeniden gönderilir ve
+    // kullanıcı vazgeçtikten hemen sonra Portal yeniden kararırdı.
+    if (dismissing) return;
+    var one = w.one;
+    if (one && typeof one.setModal === 'function') { try { one.setModal(openDialogs.length > 0); } catch (e) { report(e); } }
+  }
+  var dismissHooked = false;
+  function hookDismiss() {
+    if (dismissHooked || !w.one || typeof w.one.onModalDismiss !== 'function') return;
+    dismissHooked = true;
+    w.one.onModalDismiss(function () {
+      var list = openDialogs.slice().reverse();
+      dismissing = true;
+      try {
+        for (var i = 0; i < list.length; i++) { try { list[i]._dismiss('portal'); } catch (e) { report(e); } }
+      } finally { dismissing = false; }
+      // Kapanmayı reddeden pencere açık kalsa da Portal YENİDEN karartılmaz (kullanıcı vazgeçti; köprünün durumu zaten
+      // kapalı). Hepsi kapandıysa kapalı durum köprüde zaten kapalıdır; bir sonraki gerçek değişim durumu yeniden bildirir.
+      if (openDialogs.length === 0) syncModal();
+    });
+  }
+  function focusables(root) {
+    var list = root.querySelectorAll('button, [href], input, select, textarea, [tabindex]');
+    return Array.prototype.filter.call(list, function (n) { return !n.disabled && n.getAttribute('tabindex') !== '-1' && !n.closest('[hidden]'); });
+  }
+  class OneDialog extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'size', 'accept-label', 'reject-label', 'severity', 'alert', 'open']; }
+    static get props() { return ['label']; }
+    // 'open' özniteliği açık durumla aynı kaynaktır: sayfada <one-dialog open> açılır, öznitelik eklemek açar, kaldırmak
+    // "vazgeçildi" ('') ile kapatır; bileşen de kendi durumunu bu özniteliğe yazar.
+    start() { if (this.hasAttribute('open') && !this._open) this.show(); }
+    attributeChanged(name) {
+      if (name !== 'open') { this.render(); return; }
+      var want = this.hasAttribute('open');
+      if (want && !this._open) this.show();
+      else if (!want && this._open) {
+        // Portal'ın onay penceresi uygulamadan kapatılamaz: öznitelik gerçek durumu göstermeye devam eder.
+        if (this._viaPortal) this.reflect('open', ''); else this.close('');
+      }
+    }
+    constructor() {
+      super();
+      this._label = null; this._open = false; this._viaPortal = false; this._promise = null; this._resolve = null; this._returnFocus = null; this._downOnSelf = false;
+      this._ids = { title: uid('dialog-title'), body: uid('dialog-body') };
+    }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    get open() { return this._open; }
+    /** Uygulamanın kendi içeriğini koyacağı gövde. */
+    get body() { this._build(); return this._body; }
+    _build() {
+      if (this._dialog) return;
+      var self = this;
+      this._dialog = h('dialog', { 'class': 'one-dialog', 'aria-labelledby': this._ids.title });
+      this._title = h('h2', { id: this._ids.title, 'class': 'one-dialog-title' });
+      this._closeBtn = h('button', { type: 'button', 'class': 'one-icon-btn one-dialog-close', 'data-one-focus': 'close', text: '×' });
+      this._body = h('div', { id: this._ids.body, 'class': 'one-dialog-body' });
+      this._footer = h('div', { 'class': 'one-dialog-footer', hidden: true });
+      add(this._dialog, h('div', { 'class': 'one-dialog-panel' }, [h('div', { 'class': 'one-dialog-header' }, [this._title, this._closeBtn]), this._body, this._footer]));
+      this._adopt(Array.prototype.slice.call(this.childNodes));
+      add(this, this._dialog);
+      listen(this._closeBtn, 'click', function () { self._dismiss('close'); });
+      // Escape: tarayıcının kapatma isteği önce bileşene sorulur (iptal edilebilir 'cancel' olayı).
+      listen(this._dialog, 'cancel', function (ev) { ev.preventDefault(); self._dismiss('escape'); });
+      listen(this._dialog, 'close', function () { self._finish(self._dialog.returnValue || ''); });
+      // Karartılmış alana tıklama "vazgeç"tir; metin seçerken pencere dışına taşan sürükleme sayılmaz.
+      listen(this._dialog, 'mousedown', function (ev) { self._downOnSelf = ev.target === self._dialog; });
+      listen(this._dialog, 'click', function (ev) {
+        var target = ev.target && ev.target.closest ? ev.target.closest('[data-one-close]') : null;
+        if (target && self._dialog.contains(target)) { self.close(target.getAttribute('data-one-close') || ''); return; }
+        if (ev.target === self._dialog && self._downOnSelf) self._dismiss('backdrop');
+        self._downOnSelf = false;
+      });
+      // Bileşen kurulduktan SONRA eklenen alt öğeler de gövdeye taşınır.
+      if (typeof w.MutationObserver === 'function') {
+        new w.MutationObserver(function (records) {
+          var nodes = [];
+          records.forEach(function (r) { Array.prototype.forEach.call(r.addedNodes, function (n) { if (n !== self._dialog && n.parentNode === self) nodes.push(n); }); });
+          if (nodes.length) self._adopt(nodes);
+        }).observe(this, { childList: true });
+      }
+    }
+    _adopt(nodes) {
+      for (var i = 0; i < nodes.length; i++) {
+        var n = nodes[i];
+        if (n === this._dialog) continue;
+        if (n.nodeType === 1 && n.hasAttribute('data-one-dialog-footer')) { this._footer.appendChild(n); this._footer.hidden = false; } else this._body.appendChild(n);
+      }
+    }
+    draw() {
+      this._build();
+      var lang = this.lang_(), size = this.getAttribute('size'), severity = this.getAttribute('severity');
+      this._dialog.className = 'one-dialog' + (size === 'sm' || size === 'lg' ? ' one-dialog-' + size : '');
+      if (this.hasAttribute('alert')) setAttrs(this._dialog, { role: 'alertdialog', 'aria-describedby': this._ids.body });
+      else { this._dialog.removeAttribute('role'); this._dialog.removeAttribute('aria-describedby'); }
+      this._title.textContent = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || '');
+      this._closeBtn.setAttribute('aria-label', t(lang, 'dialogClose'));
+      // Onay penceresi: 'accept-label' / 'reject-label' verilirse alt bilgide iki düğme çizilir; sonuç 'accept' / 'reject'.
+      var acc = this.getAttribute('accept-label'), rej = this.getAttribute('reject-label'), own_ = this._footer.querySelector('[data-one-confirm]');
+      if (own_) own_.parentNode.removeChild(own_);
+      if (acc || rej) {
+        add(this._footer, h('div', { 'class': 'one-row', 'data-one-confirm': '' }, [
+          rej ? h('button', { type: 'button', 'class': 'one-btn', 'data-one-close': 'reject', 'data-one-focus': 'reject', text: rej }) : null,
+          acc ? h('button', { type: 'button', 'class': 'one-btn ' + (severity === 'danger' ? 'one-btn-danger' : 'one-btn-primary'), 'data-one-close': 'accept', 'data-one-focus': 'accept', text: acc }) : null]));
+      }
+      this._footer.hidden = this._footer.childNodes.length === 0;
+    }
+    _isConfirm() { return this.hasAttribute('accept-label') || this.hasAttribute('reject-label'); }
+    // Onay penceresi Portal içindeyken Portal'ın kendi onay penceresiyle sorulur (D-76 U4 - D-96 sözleşmesi): iframe içinde
+    // ikinci bir onay görünümü çizilmez. İçerik DÜZ METNE indirgenir (Portal HTML yorumlamaz).
+    _confirmViaPortal() {
+      var one = w.one;
+      return !!(this._isConfirm() && one && one.framed && typeof one.confirm === 'function');
+    }
+    _askPortal() {
+      var self = this, one = w.one, lang = this.lang_();
+      var title = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || '');
+      var message = cleanTag(this._body.textContent) || title || t(lang, 'dialogConfirm');
+      var sev = this.getAttribute('severity'), opts = { message: message.slice(0, 1000) };
+      if (title && title !== message) opts.title = title.slice(0, 120);
+      if (sev === 'danger' || sev === 'warn' || sev === 'info') opts.severity = sev;
+      if (this.getAttribute('accept-label')) opts.acceptLabel = this.getAttribute('accept-label');
+      if (this.getAttribute('reject-label')) opts.rejectLabel = this.getAttribute('reject-label');
+      this._open = true;
+      this._viaPortal = true;
+      this.reflect('open', '');
+      this._promise = new Promise(function (resolve) { self._resolve = resolve; });
+      emit(this, 'open', {});
+      var settle = function (accepted) {
+        self._viaPortal = false;
+        self._finish(accepted ? 'accept' : 'reject');
+      };
+      try { one.confirm(opts).then(settle, function (e) { report(e); settle(false); }); } catch (e) { report(e); settle(false); }
+      return this._promise;
+    }
+    /**
+     * Pencereyi açar; kapanınca sonuç değeriyle çözülür ('' = vazgeçildi). Onay penceresi ('accept-label' / 'reject-label')
+     * Portal içindeyken Portal'ın onay penceresine yönlenir ve 'accept' / 'reject' ile çözülür.
+     */
+    show() {
+      if (!this.isConnected) return Promise.reject(new Error('one-dialog: sayfaya eklenmemiş pencere açılamaz'));
+      if (this._open) return this._promise;
+      this._build();
+      if (this._confirmViaPortal()) return this._askPortal();
+      var self = this, d = this._dialog;
+      this._returnFocus = doc.activeElement;
+      if (d.hasAttribute('open')) d.removeAttribute('open'); // kalıntı 'open' varken showModal() InvalidStateError atar
+      d.returnValue = '';
+      // Kipsiz yedek (showModal yok ya da hata verdi) işaretlenir: tarayıcı Escape'i orada işlemez, köprü Portal'a iletir.
+      d.removeAttribute('data-one-modeless');
+      var modeless = false;
+      if (typeof d.showModal === 'function') { try { d.showModal(); } catch (e) { report(e); modeless = true; } } else modeless = true;
+      if (modeless) { d.setAttribute('data-one-modeless', ''); d.setAttribute('open', ''); }
+      this._open = true;
+      this.reflect('open', '');
+      this._promise = new Promise(function (resolve) { self._resolve = resolve; });
+      openDialogs.push(this);
+      hookDismiss();
+      syncModal();
+      this._focusFirst();
+      emit(this, 'open', {});
+      return this._promise;
+    }
+    // İlk odak: 'autofocus' taşıyan öğe → onay penceresinde "vazgeç" (yıkıcı olmayan seçenek) → gövdedeki ilk odaklanabilir
+    // öğe → kapat düğmesi.
+    _focusFirst() {
+      var auto = this._dialog.querySelector('[autofocus]'), reject = this._footer.querySelector('[data-one-close="reject"]');
+      var target = auto || reject || focusables(this._body)[0] || focusables(this._footer)[0] || this._closeBtn;
+      if (target && typeof target.focus === 'function') target.focus();
+    }
+    /** Pencereyi kapatır; 'value' sonuç değeridir. */
+    close(value) {
+      // Portal'ın onay penceresi uygulamadan kapatılamaz; yanıt gelince çözülür.
+      if (!this._open || this._viaPortal) return;
+      var rv = value == null ? '' : String(value), d = this._dialog;
+      if (typeof d.close === 'function' && d.open) { d.close(rv); if (this._open) this._finish(rv); }
+      else { d.removeAttribute('open'); this._finish(rv); }
+    }
+    // Vazgeçme (Escape - kapat düğmesi - karartmaya tıklama - Portal): iptal edilebilir 'cancel' olayı; iptal edilmezse kapanır.
+    _dismiss(reason) {
+      if (!this._open || this._viaPortal) return;
+      if (emit(this, 'cancel', { reason: reason }, true)) this.close('');
+    }
+    _finish(rv) {
+      if (!this._open) return;
+      this._open = false;
+      // İçteki <dialog> da kapanır: sayfadan ayrılan <dialog> üst katmandan çıkar ama 'open' özniteliğini korur; kalırsa
+      // yeniden eklenince kipsiz ve kapatılamaz bir panel görünür.
+      var d = this._dialog;
+      if (d && d.hasAttribute('open')) {
+        if (d.isConnected && typeof d.close === 'function') { try { d.close(rv); } catch (e) { report(e); } }
+        if (d.hasAttribute('open')) d.removeAttribute('open');
+      }
+      this.reflect('open', null);
+      var i = openDialogs.indexOf(this);
+      if (i >= 0) openDialogs.splice(i, 1);
+      syncModal();
+      var back = this._returnFocus;
+      this._returnFocus = null;
+      if (this.isConnected && back && back.isConnected && typeof back.focus === 'function') { try { back.focus(); } catch (e) { report(e); } }
+      emit(this, 'close', { returnValue: rv });
+      var resolve = this._resolve;
+      this._resolve = null;
+      if (resolve) resolve(rv);
+    }
+    disconnectedCallback() { super.disconnectedCallback(); if (this._open && !this._viaPortal) this._finish(''); }
+  }
+
+  // ══ Sayfa içi bildirim (D-96) — yalnız Portal DIŞINDA ═════════════════════════════════════════════════════
+  // Portal içindeyken 'one.toast' bildirimi Portal'a verir ve Portal çizer (tek görünüm). Çerçevesiz açılışta (yerel
+  // geliştirme) köprü 'one:toast' olayını yayar; burada sayfanın üst katmanında (popover) gösterilir.
+  var TOAST_SEVERITIES = ['success', 'info', 'warn', 'error'];
+  var toastRegion = null;
+  function toastLang() { return langOf(doc.documentElement); }
+  function dropToast(item) {
+    if (item.parentNode) item.parentNode.removeChild(item);
+    if (toastRegion && !toastRegion.firstChild) {
+      if (typeof toastRegion.hidePopover === 'function') { try { toastRegion.hidePopover(); } catch (e) { /* zaten kapalı */ } }
+      if (toastRegion.parentNode) toastRegion.parentNode.removeChild(toastRegion);
+      toastRegion = null;
+    }
+  }
+  function showLocalToast(d) {
+    var lang = toastLang();
+    if (!toastRegion) {
+      toastRegion = h('div', { 'class': 'one-toast-region', role: 'region', 'aria-label': t(lang, 'toasts') });
+      if (typeof toastRegion.showPopover === 'function') toastRegion.setAttribute('popover', 'manual');
+      add(doc.body, toastRegion);
+      if (typeof toastRegion.showPopover === 'function') { try { toastRegion.showPopover(); } catch (e) { report(e); } }
+    }
+    var close = h('button', { type: 'button', 'class': 'one-icon-btn', 'aria-label': t(lang, 'toastClose'), text: '×' });
+    var item = h('div', { 'class': 'one-message one-message-' + d.severity + ' one-toast', role: d.severity === 'error' ? 'alert' : 'status' }, [
+      h('div', { 'class': 'one-toast-text' }, [h('strong', { 'class': 'one-toast-title', text: d.summary }), d.detail ? h('span', { text: d.detail }) : null]), close]);
+    listen(close, 'click', function () { dropToast(item); });
+    add(toastRegion, item);
+    w.setTimeout(function () { dropToast(item); }, d.severity === 'error' ? 8000 : 5000);
+  }
+  w.addEventListener('one:toast', function (ev) {
+    var d = ev.detail;
+    if (!d || TOAST_SEVERITIES.indexOf(d.severity) < 0 || typeof d.summary !== 'string' || !doc.body) return;
+    ev.preventDefault();
+    showLocalToast({ severity: d.severity, summary: d.summary, detail: typeof d.detail === 'string' ? d.detail : '' });
+  });
+
+  // ══ Açılır öğe yerleşimi (ipucu, eylem menüsü) ═══════════════════════════════════════════════════════════
+  // Mutlak konum kapsayıcıya göredir; betik yalnız ÖLÇER ve 'data-placement' / 'data-align' yazar (konum CSS'tedir).
+  // Görünen alan: Portal'ın bildirdiği dilim (one.viewport) — yoksa pencere.
+  function visibleArea() {
+    var v = w.one && w.one.viewport && w.one.viewport.current;
+    if (v && v.height > 0) return { top: v.top, bottom: v.top + v.height };
+    return { top: 0, bottom: w.innerHeight || doc.documentElement.clientHeight || 0 };
+  }
+  function place(pop, anchor, preferTop) {
+    pop.removeAttribute('data-placement'); pop.removeAttribute('data-align');
+    if (typeof pop.getBoundingClientRect !== 'function') return;
+    var area = visibleArea(), a = anchor.getBoundingClientRect(), r = pop.getBoundingClientRect(), width = doc.documentElement.clientWidth || w.innerWidth || 0;
+    if (r.height === 0 && r.width === 0) return;
+    var roomAbove = a.top - area.top, roomBelow = area.bottom - a.bottom;
+    var top = preferTop ? roomAbove >= r.height + 8 || roomAbove >= roomBelow : !(roomBelow >= r.height + 8) && roomAbove > roomBelow && roomAbove >= r.height + 8;
+    pop.setAttribute('data-placement', top ? 'top' : 'bottom');
+    r = pop.getBoundingClientRect();
+    if (width > 0 && r.right > width - 4) pop.setAttribute('data-align', 'end');
+    else if (r.left < 4) pop.setAttribute('data-align', 'start');
+  }
+
+  // ══ <one-tooltip> (D-96) ════════════════════════════════════════════════════════════════════════════════
+  // İlk alt öğe tetikleyicidir (odaklanabilir olmalı: düğme, bağlantı). İpucu fareyle üzerine gelince ve klavye odağıyla
+  // görünür, Escape ile kapanır, fare ipucunun üzerine geçebilir (WCAG 1.4.13). Metin düz metindir.
+  class OneTooltip extends Base {
+    static get observedAttributes() { return ['lang', 'text', 'text-en', 'placement']; }
+    static get props() { return ['text']; }
+    constructor() {
+      super();
+      this._text = null; this._visible = false; this._hideTimer = 0; this._showTimer = 0; this._id = uid('tooltip');
+      var self = this;
+      this._onKey = function (ev) { if (ev.key === 'Escape' && self._visible) { ev.preventDefault(); ev.stopPropagation(); self._hide(); } };
+      listen(this, 'mouseenter', function () { w.clearTimeout(self._hideTimer); w.clearTimeout(self._showTimer); self._showTimer = w.setTimeout(function () { self._show(); }, 250); });
+      listen(this, 'mouseleave', function () { w.clearTimeout(self._showTimer); self._hideTimer = w.setTimeout(function () { if (!self.contains(doc.activeElement)) self._hide(); }, 150); });
+      listen(this, 'focusin', function () { w.clearTimeout(self._hideTimer); self._show(); });
+      listen(this, 'focusout', function (ev) { if (!ev.relatedTarget || !self.contains(ev.relatedTarget)) self._hide(); });
+    }
+    get text() { return this._text; }
+    set text(v) { this._text = v == null ? null : v; this.render(); }
+    _trigger() {
+      for (var n = this.firstElementChild; n; n = n.nextElementSibling) if (n !== this._bubble) return n;
+      return null;
+    }
+    _show() {
+      if (!this._bubble || !this._bubble.textContent) return;
+      if (!this._visible) { this._visible = true; doc.addEventListener('keydown', this._onKey, true); }
+      this._bubble.hidden = false;
+      var trigger = this._trigger();
+      if (trigger) place(this._bubble, trigger, this.getAttribute('placement') !== 'bottom');
+    }
+    _hide() {
+      if (!this._bubble) return;
+      this._visible = false;
+      doc.removeEventListener('keydown', this._onKey, true);
+      this._bubble.hidden = true;
+    }
+    draw() {
+      var self = this, lang = this.lang_();
+      if (!this._bubble) {
+        this._bubble = h('span', { id: this._id, role: 'tooltip', 'class': 'one-tooltip-bubble', 'data-one-popup': '', hidden: true });
+        add(this, this._bubble);
+        // Tetikleyici bileşen bağlandıktan sonra gelebilir (betik sayfanın başında): gelince ipucuna bağlanır.
+        if (typeof w.MutationObserver === 'function') new w.MutationObserver(function () { self.render(); }).observe(this, { childList: true });
+      }
+      var text = this._text != null ? textOf(this._text, lang) : (lang === 'en' && this.getAttribute('text-en') ? this.getAttribute('text-en') : (this.getAttribute('text') || ''));
+      this._bubble.textContent = text;
+      var trigger = this._trigger();
+      if (trigger) {
+        var ids = (trigger.getAttribute('aria-describedby') || '').split(/\s+/).filter(Boolean);
+        if (ids.indexOf(this._id) < 0) { ids.push(this._id); trigger.setAttribute('aria-describedby', ids.join(' ')); }
+      }
+      if (!text) this._hide();
+    }
+    disconnectedCallback() { super.disconnectedCallback(); this._hide(); w.clearTimeout(this._hideTimer); w.clearTimeout(this._showTimer); }
+  }
+
+  // ══ <one-menu> (D-96) ═══════════════════════════════════════════════════════════════════════════════════
+  // Eylem menüsü: APG "menu button" kalıbı. Seçilen öğe 'select { id }' olayıyla bildirilir.
+  function cleanMenuItems(list) {
+    if (!Array.isArray(list)) throw new TypeError('one-menu: items bir dizi olmalı');
+    var out = [], seen = Object.create(null);
+    for (var i = 0; i < list.length; i++) {
+      var it = list[i];
+      if (!it || typeof it !== 'object') continue;
+      if (it.separator === true) { if (out.length && !out[out.length - 1].separator) out.push({ separator: true }); continue; }
+      if (typeof it.id !== 'string' || !KEY_RE.test(it.id) || it.id in seen) continue;
+      seen[it.id] = true;
+      out.push({ id: it.id, label: it.label == null ? it.id : it.label, danger: it.danger === true, disabled: it.disabled === true });
+    }
+    while (out.length && out[out.length - 1].separator) out.pop();
+    return out;
+  }
+  class OneMenu extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'disabled', 'compact'];  }
+    static get props() { return ['items', 'label']; }
+    constructor() {
+      super();
+      this._items = []; this._label = null; this._open = false; this._typed = ''; this._typedAt = 0; this._drawing = false;
+      this._ids = { button: uid('menu-button'), list: uid('menu') };
+      var self = this;
+      this._onDown = function (ev) { if (self._open && !self.contains(ev.target)) self._close(false); };
+      listen(this, 'focusout', function (ev) { if (!self._drawing && self._open && (!ev.relatedTarget || !self.contains(ev.relatedTarget))) self._close(false); });
+    }
+    get items() { return this._items.map(function (it) { return it.separator ? { separator: true } : { id: it.id, label: it.label, danger: it.danger, disabled: it.disabled }; }); }
+    set items(v) { this._items = cleanMenuItems(v == null ? [] : v); this.render(); }
+    get label() { return this._label; }
+    set label(v) { this._label = v == null ? null : v; this.render(); }
+    _entries() { return Array.prototype.slice.call(this.querySelectorAll('[role=menuitem]')); }
+    _focusAt(i) { var list = this._entries(); if (!list.length) return; var n = list[((i % list.length) + list.length) % list.length]; n.focus(); }
+    _openMenu(at) {
+      if (this.hasAttribute('disabled') || !this._items.some(function (it) { return !it.separator; })) return;
+      var list = doc.getElementById(this._ids.list), btn = doc.getElementById(this._ids.button);
+      if (!list || !btn) return;
+      this._open = true;
+      list.hidden = false;
+      btn.setAttribute('aria-expanded', 'true');
+      doc.addEventListener('mousedown', this._onDown, true);
+      place(list, btn, false);
+      this._focusAt(at === 'last' ? -1 : 0);
+    }
+    _close(focusButton) {
+      var list = doc.getElementById(this._ids.list), btn = doc.getElementById(this._ids.button);
+      this._open = false;
+      doc.removeEventListener('mousedown', this._onDown, true);
+      if (list) list.hidden = true;
+      if (btn) { btn.setAttribute('aria-expanded', 'false'); if (focusButton) btn.focus(); }
+    }
+    _activate(it) {
+      if (!it || it.disabled) return;
+      this._close(true);
+      emit(this, 'select', { id: it.id });
+    }
+    draw() {
+      this._drawing = true;
+      try { this._draw(); } finally { this._drawing = false; }
+    }
+    _draw() {
+      var self = this, lang = this.lang_(), compact = this.hasAttribute('compact');
+      var wasOpen = this._open;
+      clear(this);
+      var label = this._label != null ? textOf(this._label, lang) : (this.getAttribute('label') || t(lang, 'menuLabel'));
+      var btn = h('button', { type: 'button', id: this._ids.button, 'class': compact ? 'one-btn one-btn-text' : 'one-btn', 'aria-haspopup': 'menu', 'aria-expanded': 'false',
+        'aria-controls': this._ids.list, 'aria-label': compact ? label : null, disabled: this.hasAttribute('disabled') ? true : null, 'data-one-focus': 'button' },
+        compact ? [h('span', { 'aria-hidden': 'true', text: '⋯' })] : [label, h('span', { 'aria-hidden': 'true', 'class': 'one-sort-icon', text: '▾' })]);
+      listen(btn, 'click', function () { if (self._open) self._close(false); else self._openMenu('first'); });
+      listen(btn, 'keydown', function (ev) {
+        if (ev.key === 'ArrowDown' || ev.key === 'ArrowUp') { ev.preventDefault(); self._openMenu(ev.key === 'ArrowUp' ? 'last' : 'first'); }
+      });
+      var list = h('ul', { id: this._ids.list, role: 'menu', 'class': 'one-menu-list', 'aria-labelledby': this._ids.button, 'data-one-popup': '', hidden: true });
+      this._items.forEach(function (it) {
+        if (it.separator) { add(list, h('li', { role: 'separator', 'class': 'one-menu-sep' })); return; }
+        var li = h('li', { role: 'menuitem', tabindex: '-1', 'class': 'one-menu-item' + (it.danger ? ' one-menu-item-danger' : ''), 'aria-disabled': it.disabled ? 'true' : null,
+          'data-one-focus': 'item:' + it.id, text: textOf(it.label, lang) });
+        listen(li, 'click', function () { self._activate(it); });
+        add(list, li);
+      });
+      listen(list, 'keydown', function (ev) {
+        var entries = self._entries(), i = entries.indexOf(doc.activeElement), k = ev.key;
+        if (k === 'ArrowDown' || k === 'ArrowUp') { ev.preventDefault(); self._focusAt(i + (k === 'ArrowDown' ? 1 : -1)); }
+        else if (k === 'Home' || k === 'End') { ev.preventDefault(); self._focusAt(k === 'Home' ? 0 : -1); }
+        else if (k === 'Enter' || k === ' ') {
+          ev.preventDefault();
+          var id = i >= 0 ? (entries[i].getAttribute('data-one-focus') || '').slice(5) : null;
+          for (var j = 0; j < self._items.length; j++) if (self._items[j].id === id) { self._activate(self._items[j]); break; }
+        }
+        else if (k === 'Escape') { ev.preventDefault(); ev.stopPropagation(); self._close(true); }
+        else if (k === 'Tab') self._close(false);
+        else if (k.length === 1 && /\S/.test(k) && !ev.ctrlKey && !ev.metaKey && !ev.altKey) {
+          // Yazarak atlama: yazılan harflerle başlayan sıradaki öğeye gidilir (1 sn içinde yazılanlar birleşir).
+          var now = Date.now();
+          self._typed = (now - self._typedAt < 1000 ? self._typed : '') + fold(k); self._typedAt = now;
+          for (var s = 1; s <= entries.length; s++) {
+            var e = entries[(i + s) % entries.length];
+            if (fold(e.textContent).indexOf(self._typed) === 0) { e.focus(); break; }
+          }
+        }
+      });
+      add(this, [btn, list]);
+      this._open = false;
+      if (wasOpen) this._openMenu('first');
+    }
+    disconnectedCallback() { super.disconnectedCallback(); doc.removeEventListener('mousedown', this._onDown, true); this._open = false; }
+  }
+
+  // ══ <one-avatar> (D-96) ═════════════════════════════════════════════════════════════════════════════════
+  function initials(name) {
+    var words = cleanTag(name).split(' ').filter(Boolean);
+    if (!words.length) return '?';
+    var s = words[0].charAt(0) + (words.length > 1 ? words[words.length - 1].charAt(0) : '');
+    return s.toLocaleUpperCase('tr-TR');
+  }
+  function avatarTone(name) {
+    var f = fold(cleanTag(name)), sum = 0;
+    for (var i = 0; i < f.length; i++) sum = (sum * 31 + f.charCodeAt(i)) % 9973;
+    return (sum % 6) + 1;
+  }
+  // Görsel adresi: uygulamanın kendi adresi, https, ya da data:image / blob: (sayfanın görsel kuralı izin verdiyse yüklenir).
+  function imageSrc(v) {
+    if (typeof v !== 'string' || !v.trim()) return null;
+    var u;
+    try { u = new URL(v.trim(), w.location.href); } catch (e) { return null; }
+    if (u.protocol === 'https:' || u.protocol === 'blob:') return u.href;
+    if (u.protocol === 'data:' && /^data:image\//i.test(u.href)) return u.href;
+    if (u.protocol === 'http:' && u.origin === w.location.origin) return u.href;
+    return null;
+  }
+  class OneAvatar extends Base {
+    static get observedAttributes() { return ['lang', 'name', 'src', 'size']; }
+    constructor() { super(); this._failed = null; }
+    draw() {
+      var self = this, lang = this.lang_(), name = cleanTag(this.getAttribute('name')), src = imageSrc(this.getAttribute('src')), size = this.getAttribute('size');
+      clear(this);
+      var box = h('span', { 'class': 'one-avatar one-avatar-c' + avatarTone(name) + (size === 'sm' || size === 'lg' ? ' one-avatar-' + size : ''), role: 'img', 'aria-label': name || t(lang, 'avatarUnknown') });
+      if (src && src !== this._failed) {
+        var img = h('img', { src: src, alt: '', loading: 'lazy', decoding: 'async' });
+        listen(img, 'error', function () { self._failed = src; self.render(); });
+        add(box, img);
+      } else add(box, h('span', { 'aria-hidden': 'true', text: initials(name) }));
+      add(this, box);
+    }
+  }
+
+  // ══ <one-tabs> (D-96) ═══════════════════════════════════════════════════════════════════════════════════
+  // Alt öğeler sekme panelleridir: 'data-label' (ve isteğe bağlı 'data-label-en', 'data-tab', 'data-disabled'). APG "tabs"
+  // kalıbı: ok tuşları sekmeler arasında gezer ve seçer (otomatik etkinleştirme), Home/End uçlara gider.
+  function panelLabel(p, lang) { return (lang === 'en' && p.getAttribute('data-label-en')) || p.getAttribute('data-label') || ''; }
+  class OneTabs extends Base {
+    static get observedAttributes() { return ['lang', 'label', 'selected']; }
+    static get props() { return ['selected']; }
+    // Tek doğruluk kaynağı 'selected' özniteliğidir: özellik ona yazar, kullanıcının seçimi ona yansır, uygulamanın
+    // sonradan yazdığı değer de oradan okunur. Özellik her zaman GÖRÜNEN sekmeyi döner (yoksa ilk etkin panel).
+    constructor() { super(); this._list = null; this._uid = uid('tabs'); }
+    get selected() { return this._current(this._panels()); }
+    set selected(v) {
+      if (v == null) this.removeAttribute('selected'); else this.setAttribute('selected', String(v));
+      this.render();
+    }
+    _panels() { var self = this; return Array.prototype.filter.call(this.children, function (n) { return n !== self._list; }); }
+    _key(p, i) { var k = p.getAttribute('data-tab'); return k && KEY_RE.test(k) ? k : String(i); }
+    _current(panels) {
+      var want = this.getAttribute('selected'), first = null;
+      for (var i = 0; i < panels.length; i++) {
+        if (panels[i].hasAttribute('data-disabled')) continue;
+        if (first === null) first = this._key(panels[i], i);
+        if (want != null && this._key(panels[i], i) === want) return want;
+      }
+      return first;
+    }
+    _select(key, focus) {
+      if (key === this._current(this._panels())) { if (focus) this._focusTab(key); return; }
+      this.setAttribute('selected', key);
+      this.render();
+      if (focus) this._focusTab(key);
+      emit(this, 'change', { tab: key });
+    }
+    _focusTab(key) { var b = doc.getElementById(this._uid + '-tab-' + key); if (b) b.focus(); }
+    draw() {
+      var self = this, lang = this.lang_(), panels = this._panels(), current = this._current(panels);
+      if (!this._list) {
+        this._list = h('div', { role: 'tablist', 'class': 'one-tabs' });
+        this.insertBefore(this._list, this.firstChild);
+        // Sonradan eklenen panel ve panelin etiketi/durumu (data-label …) sekme şeridine yansır.
+        if (typeof w.MutationObserver === 'function') {
+          new w.MutationObserver(function (records) {
+            // Yalnız bileşenin KENDİ çocukları: alt ağaçtaki değişim (sekme şeridinin yeniden çizimi dahil) sayılmaz.
+            if (records.some(function (r) { return r.type === 'childList' ? r.target === self : r.target.parentNode === self; })) self.render();
+          }).observe(this, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-label', 'data-label-en', 'data-disabled', 'data-tab'] });
+        }
+      }
+      var label = this.getAttribute('label');
+      if (label) this._list.setAttribute('aria-label', label); else this._list.removeAttribute('aria-label');
+      clear(this._list);
+      var keys = [];
+      panels.forEach(function (p, i) {
+        var key = self._key(p, i), selected = key === current, disabled = p.hasAttribute('data-disabled');
+        keys.push(key);
+        var tabId = self._uid + '-tab-' + key, panelId = p.id || (self._uid + '-panel-' + key);
+        if (!p.id) p.id = panelId;
+        setAttrs(p, { role: 'tabpanel', 'aria-labelledby': tabId, tabindex: '0' });
+        p.classList.add('one-tab-panel');
+        p.hidden = !selected;
+        var b = h('button', { type: 'button', role: 'tab', id: tabId, 'class': 'one-tab', 'aria-selected': selected ? 'true' : 'false', 'aria-controls': panelId,
+          tabindex: selected ? '0' : '-1', 'aria-disabled': disabled ? 'true' : null, 'data-one-focus': 'tab:' + key, text: panelLabel(p, lang) || key });
+        listen(b, 'click', function () { if (!disabled) self._select(key, true); });
+        add(self._list, b);
+      });
+      if (this._listKeys) return;
+      this._listKeys = true;
+      listen(this._list, 'keydown', function (ev) {
+        var k = ev.key;
+        if (k !== 'ArrowRight' && k !== 'ArrowLeft' && k !== 'Home' && k !== 'End') return;
+        ev.preventDefault();
+        var ps = self._panels(), ks = ps.map(function (p, i) { return self._key(p, i); }), cur = ks.indexOf(self._current(ps)), n = ks.length;
+        var order = k === 'Home' ? range(0, 1, n) : k === 'End' ? range(n - 1, -1, n) : range(cur + (k === 'ArrowRight' ? 1 : -1), k === 'ArrowRight' ? 1 : -1, n);
+        for (var j = 0; j < order.length; j++) { if (!ps[order[j]].hasAttribute('data-disabled')) { self._select(ks[order[j]], true); break; } }
+      });
+    }
+  }
+  // 'start'tan başlayıp 'dir' yönünde, sona gelince başa dönerek n indeks.
+  function range(start, dir, n) { var out = []; for (var i = 0; i < n; i++) out.push((((start + dir * i) % n) + n) % n); return out; }
+
+  // ══ <one-accordion> (D-96) ══════════════════════════════════════════════════════════════════════════════
+  // Alt öğeler bölümlerdir: 'data-label' (+ 'data-label-en', 'data-open'). APG "accordion": her başlık bir düğmedir
+  // ('aria-expanded'), ok tuşları başlıklar arasında gezer. 'multiple' yoksa aynı anda tek bölüm açıktır.
+  class OneAccordion extends Base {
+    static get observedAttributes() { return ['lang', 'multiple', 'heading-level']; }
+    constructor() { super(); this._open = []; this._seen = []; this._uid = uid('accordion'); this._observed = false; }
+    _isHead(n) { return n.nodeType === 1 && n.hasAttribute('data-one-accordion-head'); }
+    _sections() { var self = this; return Array.prototype.filter.call(this.children, function (n) { return !self._isHead(n); }); }
+    _toggle(s) {
+      var i = this._sections().indexOf(s), was = this._open.indexOf(s) >= 0;
+      if (was) this._open.splice(this._open.indexOf(s), 1);
+      else { if (!this.hasAttribute('multiple')) this._open = []; this._open.push(s); }
+      this.render();
+      emit(this, 'toggle', { index: i, open: !was, key: s.getAttribute('data-key') || String(i) });
+    }
+    draw() {
+      var self = this, lang = this.lang_(), sections = this._sections(), multiple = this.hasAttribute('multiple');
+      this.classList.add('one-accordion');
+      if (!this._observed && typeof w.MutationObserver === 'function') {
+        this._observed = true;
+        // Betik sayfanın başında yüklenince ayrıştırıcı bölümleri bileşen bağlandıktan SONRA ekler; eklenen ya da çıkan her
+        // bölüm (bileşenin kendi başlıkları hariç) yeniden çizilir.
+        var foreign = function (list) { return Array.prototype.some.call(list, function (n) { return n.nodeType === 1 && !self._isHead(n); }); };
+        new w.MutationObserver(function (records) {
+          var redraw = false, openChanged = false;
+          records.forEach(function (r) {
+            if (r.type === 'childList') { if (r.target === self && (foreign(r.addedNodes) || foreign(r.removedNodes))) redraw = true; return; }
+            if (r.target.parentNode !== self || self._isHead(r.target)) return;
+            if (r.attributeName === 'data-open') openChanged = true; else redraw = true;
+          });
+          // 'data-open' açık durumla iki yönlü eşittir: uygulamanın yazdığı değer, kayıtların SONUNDAKİ DOM durumundan
+          // okunur (kayıt başına okumak, aynı turdaki kendi yansıtmamızla karışırdı).
+          if (openChanged) {
+            var sections = self._sections(), added = sections.filter(function (s) { return s.hasAttribute('data-open') && self._open.indexOf(s) < 0; });
+            var kept = self._open.filter(function (s) { return s.hasAttribute('data-open'); });
+            var next = self.hasAttribute('multiple') ? kept.concat(added) : (added.length ? added.slice(-1) : kept.slice(-1));
+            if (next.length !== self._open.length || next.some(function (s, i) { return s !== self._open[i]; })) { self._open = next; redraw = true; }
+          }
+          if (redraw) self.render();
+        }).observe(this, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-open', 'data-label', 'data-label-en'] });
+      }
+      sections.forEach(function (s) {
+        if (self._seen.indexOf(s) >= 0) return;
+        self._seen.push(s);
+        if (s.hasAttribute('data-open') && (multiple || self._open.length === 0)) self._open.push(s);
+      });
+      this._open = this._open.filter(function (s) { return sections.indexOf(s) >= 0; });
+      // 'multiple' çalışma anında kaldırılabilir: tekli kipte en çok bir bölüm açıktır (en son açılan kalır).
+      if (!multiple && this._open.length > 1) this._open = this._open.slice(-1);
+      var level = parseInt(this.getAttribute('heading-level') || '3', 10);
+      if (!(level >= 2 && level <= 6)) level = 3;
+      // Bölümü kalmamış başlık kaldırılır.
+      Array.prototype.slice.call(this.children).forEach(function (n) {
+        if (self._isHead(n) && (!n.nextElementSibling || self._isHead(n.nextElementSibling))) self.removeChild(n);
+      });
+      var heads = [], region = sections.length <= 6;
+      sections.forEach(function (s, i) {
+        var k = self._seen.indexOf(s), open = self._open.indexOf(s) >= 0, btnId = self._uid + '-h-' + k;
+        if (!s.id) s.id = self._uid + '-p-' + k;
+        s.classList.add('one-accordion-panel');
+        if (region) setAttrs(s, { role: 'region', 'aria-labelledby': btnId }); else { s.removeAttribute('role'); s.removeAttribute('aria-labelledby'); }
+        s.hidden = !open;
+        if (open !== s.hasAttribute('data-open')) { if (open) s.setAttribute('data-open', ''); else s.removeAttribute('data-open'); }
+        var head = s.previousElementSibling && self._isHead(s.previousElementSibling) ? s.previousElementSibling : null;
+        if (head && head.tagName.toLowerCase() !== 'h' + level) { self.removeChild(head); head = null; }
+        if (!head) { head = h('h' + level, { 'class': 'one-accordion-heading', 'data-one-accordion-head': '' }); self.insertBefore(head, s); }
+        clear(head);
+        var btn = h('button', { type: 'button', id: btnId, 'class': 'one-accordion-trigger', 'aria-expanded': open ? 'true' : 'false', 'aria-controls': s.id, 'data-one-focus': 'h:' + k },
+          [h('span', { text: panelLabel(s, lang) || String(i + 1) }), h('span', { 'class': 'one-accordion-icon', 'aria-hidden': 'true', text: '▾' })]);
+        listen(btn, 'click', function () { self._toggle(s); });
+        listen(btn, 'keydown', function (ev) {
+          var key_ = ev.key, n = heads.length;
+          if (key_ !== 'ArrowDown' && key_ !== 'ArrowUp' && key_ !== 'Home' && key_ !== 'End') return;
+          ev.preventDefault();
+          var to = key_ === 'Home' ? 0 : key_ === 'End' ? n - 1 : (i + (key_ === 'ArrowDown' ? 1 : -1) + n) % n;
+          var b = heads[to] && heads[to].firstChild;
+          if (b) b.focus();
+        });
+        add(head, btn);
+        heads.push(head);
+      });
+    }
+  }
+
+  var DEFS = [['one-table', OneTable], ['one-form', OneForm], ['one-filter', OneFilter], ['one-person-picker', OnePersonPicker], ['one-file-upload', OneFileUpload], ['one-chart', OneChart],
+    ['one-select', OneSelect], ['one-tag-input', OneTagInput], ['one-dialog', OneDialog], ['one-tooltip', OneTooltip], ['one-menu', OneMenu], ['one-avatar', OneAvatar],
+    ['one-tabs', OneTabs], ['one-accordion', OneAccordion]];
   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);
 `;