@cahyo-dimas/freeday 1.54.0 → 2.0.0

package/dist/freeday.js

@@ -1,25 +1,25 @@
-/* Freeday enhancers — GENERATED by tokens/build.mjs. Do not edit by hand.
+/* Freeday enhancers. GENERATED by tokens/build.mjs. Do not edit by hand.
  * Concatenation of every src/*.js enhancer (each a self-contained IIFE). */
-/* Freeday — app shell enhancer (optional, zero-dependency).
+/* Freeday, app shell enhancer (optional, zero-dependency).
  * Opt in with <div class="fdy-app" data-fdy-app>; the markup is otherwise unchanged.
  *
  * The shell has always shipped the state classes and no behaviour, which left every consumer to
- * assemble the toggle, Escape, focus trap, focus restore and `inert` themselves — and the two
+ * assemble the toggle, Escape, focus trap, focus restore and `inert` themselves, and the two
  * hand-rolled copies in this repo's own docs already disagreed about which of those exist. Below
  * 721px the sidebar is an OVERLAY (app-shell.css: position:fixed + translateX(-100%)), so it needs
  * the same treatment a modal drawer gets; at or above 721px it is a column that merely collapses.
  *
  * One rule covers both a hidden nav and a hidden page:
  *   - `__sidebar` is inert whenever the nav is NOT visible. Off-canvas and collapsed panels stay in
- *     the tab order otherwise — translateX(-100%) and width:0 hide a thing from the eye, not from
+ *     the tab order otherwise, translateX(-100%) and width:0 hide a thing from the eye, not from
  *     the keyboard, which is how a nav nobody can see still swallows Tab.
  *   - `__content` is inert only while the nav is an OPEN OVERLAY, so Tab cannot wander behind the
  *     backdrop.
  *
  * Emits a bubbling `fdy-app-nav` CustomEvent (detail {visible}) whenever the nav's visibility
  * changes, and takes `FreedayAppShell.setVisible(root, visible)` from outside. Those two exist for
- * the same reason the other enhancers have them: a host that keeps its own state — the Blazor
- * wrapper binding @bind-NavOpen, an app persisting the collapsed preference — has to be able to
+ * the same reason the other enhancers have them: a host that keeps its own state, the Blazor
+ * wrapper binding @bind-NavOpen, an app persisting the collapsed preference, has to be able to
  * hear the change and to drive it, without owning the behaviour twice.
  * FreedayAppShell.init(root) for late-mounted markup.
  */
@@ -33,7 +33,7 @@
     + ' textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 
   /* getClientRects(), not offsetParent: an overlay sidebar is position:fixed, and a fixed element
-     reports no offsetParent at all — filtering on it would call every nav item invisible. */
+     reports no offsetParent at all, filtering on it would call every nav item invisible. */
   function focusables(root) {
     return Array.prototype.filter.call(root.querySelectorAll(FOCUSABLE), function (el) {
       return el.getClientRects().length > 0;
@@ -64,7 +64,7 @@
     function isCollapsed() { return app.classList.contains('fdy-app--nav-collapsed'); }
     function navVisible() { return mqWide.matches ? !isCollapsed() : isOverlayOpen(); }
 
-    /* aria-expanded answers "is the nav showing?" in BOTH modes — the two state classes are the
+    /* aria-expanded answers "is the nav showing?" in BOTH modes, the two state classes are the
        kit's business, not the reader's. */
     function sync() {
       var visible = navVisible();
@@ -93,7 +93,7 @@
       }
     }
 
-    /* restoreFocus is false when the viewport closed it rather than the user — a resize must not
+    /* restoreFocus is false when the viewport closed it rather than the user, a resize must not
        yank focus out from under whatever the reader was doing. */
     function close(restoreFocus) {
       if (!isOverlayOpen()) return;
@@ -120,7 +120,7 @@
 
     if (backdrop) backdrop.addEventListener('click', function () { close(); });
 
-    /* Following a link inside an overlay nav means "take me there" — leaving the panel open over
+    /* Following a link inside an overlay nav means "take me there", leaving the panel open over
        the page you just asked for is the one thing every hand-rolled copy in this repo disagreed on. */
     sidebar.addEventListener('click', function (e) {
       if (!isOverlayOpen()) return;
@@ -208,10 +208,10 @@
   };
 })();
 
-/* Freeday — autocomplete enhancer (optional, zero-dependency).
+/* Freeday, autocomplete enhancer (optional, zero-dependency).
  * Editable combobox (WAI-ARIA APG): a text input filters a role="listbox" of role="option"
  * items as you type; select fills the input. Auto-inits [data-fdy-autocomplete]. Options are
- * static markup filtered client-side — in an app, fetch/filter server-side and re-render options.
+ * static markup filtered client-side, in an app, fetch/filter server-side and re-render options.
  *
  * Markup: <div data-fdy-autocomplete class="fdy-autocomplete">
  *   <input class="fdy-input" role="combobox" aria-expanded="false" aria-autocomplete="list"
@@ -347,7 +347,7 @@
   window.FreedayAutocomplete = { init: initAutocomplete, initAll: initAll };
 })();
 
-/* Freeday — breakpoint provider (optional, zero-dependency).
+/* Freeday, breakpoint provider (optional, zero-dependency).
  * The MudBreakpointProvider equivalent for JS consumers: stamps the current breakpoint on
  * <html data-breakpoint="xs|sm|md|lg|xl"> and emits a bubbling "fdy-breakpoint-change"
  * CustomEvent (detail {breakpoint}) whenever it changes. Also fills any element with
@@ -399,7 +399,7 @@
   };
 })();
 
-/* Freeday — carousel enhancer (optional, zero-dependency).
+/* Freeday, carousel enhancer (optional, zero-dependency).
  * Scroll-snap slider with prev/next arrows, generated dot indicators, keyboard (←/→),
  * and optional autoplay (data-fdy-autoplay="4000", pauses on hover/focus). Auto-inits
  * [data-fdy-carousel].
@@ -419,16 +419,16 @@
   'use strict';
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    position: '{n} dari {total}',
+    position: '{n} of {total}',
     slide: 'Slide {n}'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -540,7 +540,7 @@
   window.FreedayCarousel = { init: initCarousel, initAll: initAll };
 })();
 
-/* Freeday — cascade select enhancer (optional, zero-dependency).
+/* Freeday, cascade select enhancer (optional, zero-dependency).
  * Turns a [data-fdy-cascade] wrapper into a hierarchical drill-down picker. The
  * data model is a hidden nested <ul> inside the wrapper: a <li> with a child <ul>
  * is a branch (drills in), a <li> without is a leaf (selects). Each <li> carries
@@ -596,16 +596,16 @@
   }
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    back: 'Kembali satu tingkat',
+    back: 'Back one level',
     submenu: '{label}, submenu'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -630,8 +630,8 @@
     var root = sourceUl ? parse(sourceUl) : [];
     if (sourceUl) sourceUl.remove();
 
-    var label = wrap.getAttribute('data-label') || 'Pilih';
-    var placeholder = wrap.getAttribute('data-placeholder') || 'Pilih…';
+    var label = wrap.getAttribute('data-label') || 'Select';
+    var placeholder = wrap.getAttribute('data-placeholder') || 'Select…';
     var sep = wrap.getAttribute('data-separator') || ' / ';
 
     var trigger = document.createElement('button');
@@ -826,24 +826,24 @@
   window.FreedayCascade = { init: initCascade, initAll: initAll };
 })();
 
-/* Freeday — choose-from-list enhancer (optional, zero-dependency).
+/* Freeday, choose-from-list enhancer (optional, zero-dependency).
  * Wires a searchable master-data picker dialog to read-only fields.
  * Progressive enhancement over a native <dialog>; in a framework app, drive the
  * dialog as a controlled component (fetchPage callback + server cache), not a store.
  *
  * Markup contract (see docs):
- *  - Field group:  [data-fdy-cfl="<dialogId>"] — usually a `.fdy-input-group` holding a
+ *  - Field group:  [data-fdy-cfl="<dialogId>"], usually a `.fdy-input-group` holding a
  *      read-only `.fdy-input` and a trigger `<button class="fdy-input-group__btn">`.
  *      Optional `data-fdy-cfl-display="<key>"` picks which row dataset key fills the input
  *      (default "value"); optional `data-fdy-cfl-summary="{n} dipilih"` formats the multi label.
- *  - Standalone opener:  [data-fdy-cfl-open="<dialogId>"] — opens the dialog with no bound field.
+ *  - Standalone opener:  [data-fdy-cfl-open="<dialogId>"], opens the dialog with no bound field.
  *  - Dialog:  <dialog id="<dialogId>" class="fdy-modal fdy-modal--cfl"> containing
  *      a `[data-fdy-cfl-search]` input, `.fdy-cfl__row` <tr> rows carrying `data-*` fields,
  *      a `[data-fdy-cfl-empty]` element, and (multi only) `[data-fdy-cfl-multiple]` on the
  *      dialog plus `[data-fdy-cfl-count]` and `[data-fdy-cfl-confirm]` in the footer.
  *
  * Emits a bubbling "fdy-cfl-select" CustomEvent on the field group (or the dialog when
- * opened standalone): detail {row} for single-select, {rows} for multi-select — each a plain
+ * opened standalone): detail {row} for single-select, {rows} for multi-select, each a plain
  * object copy of the row's dataset. Consumers fill sibling fields (code → name) from it.
  */
 (function () {
@@ -862,15 +862,15 @@
   }
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    selected: '{n} dipilih'
+    selected: '{n} selected'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -931,7 +931,7 @@
       var input = activeGroup.querySelector('.fdy-input');
       if (input) {
         if (detail.rows) {
-          var tpl = activeGroup.getAttribute('data-fdy-cfl-summary') || '{n} dipilih';
+          var tpl = activeGroup.getAttribute('data-fdy-cfl-summary') || '{n} selected';
           input.value = detail.rows.length ? tpl.replace('{n}', String(detail.rows.length)) : '';
         } else {
           var key = activeGroup.getAttribute('data-fdy-cfl-display') || 'value';
@@ -1070,7 +1070,7 @@
   window.FreedayCfl = { init: initTriggers };
 })();
 
-/* Freeday — chart renderer (optional, zero-dependency, no external chart lib).
+/* Freeday, chart renderer (optional, zero-dependency, no external chart lib).
  * Renders sparkline / bar / line / area / donut into an element from data attributes.
  * Auto-inits [data-fdy-chart] once; call FreedayChart.update(el) to re-render after the
  * data attributes change (used by the freeday/vue <FdyChart> wrapper for reactive data).
@@ -1078,14 +1078,14 @@
  * Single-series colour (sparkline / simple bar / single line) via data-fdy-color references a
  * semantic token by name (primary, accent, success, warning, danger, info). Multi-series
  * defaults draw from the validated categorical --chart-1..8 palette in fixed order (never
- * cycled, 8-series cap); pass data-fdy-colors to override — a name is a semantic token
+ * cycled, 8-series cap); pass data-fdy-colors to override, a name is a semantic token
  * (var(--color-<name>)) OR a slot "chart-1".."chart-8" (var(--chart-N)) to pin a series to the
  * validated palette. Both data-fdy-color and data-fdy-colors accept the chart-N form.
  * Cartesian charts (line/area, multi-series/stacked bar) draw themed axes from --chart-grid /
  * --chart-tick and format ticks + tooltips via data-fdy-format (number|percent|currency). Their
  * viewBox is sized to the measured plot (1 user unit = 1 CSS pixel) and repainted from a
  * ResizeObserver, so axis type stays in real pixels and is set in CSS via --fdy-chart-tick-size.
- * Charts are an enhancement — put a table/text fallback inside the element and it will be
+ * Charts are an enhancement, put a table/text fallback inside the element and it will be
  * replaced on render; give the element role="img" + aria-label.
  *
  *  Sparkline: <span data-fdy-chart="sparkline" data-values="4,6,5,8,7,10" data-fdy-color="primary">
@@ -1122,7 +1122,7 @@
     return v ? v.split(',').map(function (s) { return s.trim(); }) : [];
   }
   // role="img" is Children Presentational per ARIA, so the docs used to say a chart's rendered
-  // legend, bar values and donut centre are not exposed. No browser actually prunes that subtree —
+  // legend, bar values and donut centre are not exposed. No browser actually prunes that subtree,
   // measured in Chrome's AX tree, every one of those nodes is live and unignored; what saves the
   // advice is only that AT treats a NAMED role="img" as a leaf and does not descend. So the kit
   // hides them itself, and the author's aria-label really is the whole text alternative.
@@ -1297,7 +1297,7 @@
     // Lay the chrome out first so the plot can be measured, then size the viewBox to it in CSS
     // pixels: one user unit is one pixel, so font-size / r / stroke-width mean what they say at
     // every container width. (A fixed 320x180 viewBox stretched by CSS multiplied every declared
-    // size by plotWidth/320 instead — a 9px axis label rendered ~39px on a 1728px viewport.)
+    // size by plotWidth/320 instead, a 9px axis label rendered ~39px on a 1728px viewport.)
     var legendMode = el.getAttribute('data-fdy-legend') || 'auto';
     var showLegend = legendMode !== 'none' && (series.length >= 2 || legendMode === 'always');
     el.classList.add('fdy-chart-xy');
@@ -1318,7 +1318,7 @@
     el.appendChild(plot);
 
     // Measured while empty: .fdy-chart-xy__plot carries its own width / aspect-ratio / min-height,
-    // so the box is already final. A detached or display:none chart measures 0 — fall back to the
+    // so the box is already final. A detached or display:none chart measures 0, fall back to the
     // legacy box and let the ResizeObserver repaint it once it is actually laid out.
     var box = plot.getBoundingClientRect();
     var W = Math.round(box.width) || 320, H = Math.round(box.height) || 180;
@@ -1362,7 +1362,7 @@
 
     // x category labels with autoskip. Labels are author-supplied, so estimate the widest one instead
     // of assuming a fixed 40px slot; keep every step-th plus the last, then drop any kept label that
-    // would collide with the one before it — including the forced last one (a fraction-of-a-slot
+    // would collide with the one before it, including the forced last one (a fraction-of-a-slot
     // overlap happens when n-1 lands next to the last kept multiple of step, e.g. n=24 at most widths).
     var widest = 0;
     for (var wi = 0; wi < n; wi++) widest = Math.max(widest, String(labels[wi] || ('#' + (wi + 1))).length * charW);
@@ -1373,7 +1373,7 @@
     for (var xi = 0; xi < n; xi++) {
       if (xi % step === 0 || xi === n - 1) kept.push(xi);
     }
-    // The last label is worth forcing, but not on top of its neighbour — drop the penultimate one.
+    // The last label is worth forcing, but not on top of its neighbour, drop the penultimate one.
     if (kept.length >= 2 && xPos(kept[kept.length - 1]) - xPos(kept[kept.length - 2]) < minGap) {
       kept.splice(kept.length - 2, 1);
     }
@@ -1506,17 +1506,17 @@
       var li = document.createElement('li');
       var sw = document.createElement('span'); sw.className = 'fdy-chart__swatch'; sw.style.background = colorAt(i);
       li.appendChild(sw);
-      li.appendChild(document.createTextNode((labels[i] || ('#' + (i + 1))) + ' — ' + Math.round((v / total) * 100) + '%'));
+      li.appendChild(document.createTextNode((labels[i] || ('#' + (i + 1))) + ' · ' + Math.round((v / total) * 100) + '%'));
       legend.appendChild(li);
     });
     el.appendChild(ring);
-    // Honour data-fdy-legend for the donut too — a caller may supply its own richer legend. 'auto'
+    // Honour data-fdy-legend for the donut too, a caller may supply its own richer legend. 'auto'
     // keeps today's behaviour (a donut is unreadable without labels, so it shows); 'none' suppresses it.
     if ((el.getAttribute('data-fdy-legend') || 'auto') !== 'none') el.appendChild(legend);
     ensureImg(el);
   }
 
-  // Full (re-)render from current data attributes. Idempotent — safe to call repeatedly.
+  // Full (re-)render from current data attributes. Idempotent, safe to call repeatedly.
   function renderChart(el) {
     var type = el.getAttribute('data-fdy-chart');
     if (type === 'sparkline') renderSparkline(el);
@@ -1551,12 +1551,12 @@
   window.FreedayChart = { init: initChart, initAll: initAll, update: renderChart };
 })();
 
-/* Freeday — chip enhancer (optional, zero-dependency).
+/* Freeday, chip enhancer (optional, zero-dependency).
  * Two behaviours, both progressive enhancement:
  *
- * 1. Removable chips — any .fdy-chip__remove button removes its chip and emits a
+ * 1. Removable chips, any .fdy-chip__remove button removes its chip and emits a
  *    bubbling "fdy-chip-remove" (detail {value}).
- * 2. Choice / filter groups — a [data-fdy-chips] container of interactive chips
+ * 2. Choice / filter groups, a [data-fdy-chips] container of interactive chips
  *    (.fdy-chip--choice / .fdy-chip--filter, each a <button>) toggles aria-pressed
  *    on click. Add data-single for one-at-a-time (radio-like) selection; filter
  *    chips get a leading check when pressed. Emits "fdy-chip-change" on the group
@@ -1638,9 +1638,9 @@
   window.FreedayChip = { initGroup: initGroup, initRemove: initRemove, initAll: initAll };
 })();
 
-/* Freeday — date picker enhancer (optional, zero-dependency).
+/* Freeday, date picker enhancer (optional, zero-dependency).
  * Builds an input-styled trigger + calendar popover from an empty wrapper.
- * Locale comes from <html lang> (via Intl) — month/weekday/value formatting is not hardcoded.
+ * Locale comes from <html lang> (via Intl), month/weekday/value formatting is not hardcoded.
  *
  * Markup contract:
  *  - Single:  <div data-fdy-datepicker data-value="2026-07-21" data-label="Tanggal unggah"
@@ -1659,7 +1659,11 @@
 (function () {
   'use strict';
 
-  var LOCALE = document.documentElement.getAttribute('lang') || 'id';
+  /* The page's own `lang` wins, which is the better escape hatch than any attribute the kit
+     could invent: an Indonesian app writes <html lang="id"> and gets Indonesian month and
+     weekday names back automatically. The FALLBACK follows the kit's default language, or a
+     page without `lang` would read English labels around Indonesian month names. */
+  var LOCALE = document.documentElement.getAttribute('lang') || 'en';
   var uidSeq = 0;
   function uid(p) { uidSeq += 1; return p + '-' + uidSeq; }
   function pad(n) { return n < 10 ? '0' + n : '' + n; }
@@ -1706,10 +1710,10 @@
     var view = startOfDay(selected || new Date());
     view = new Date(view.getFullYear(), view.getMonth(), 1);
     var focusDate = null;
-    /* 'days' | 'months' — the calendar drills one level up rather than growing furniture beside the
+    /* 'days' | 'months', the calendar drills one level up rather than growing furniture beside the
        title. Before this, the only pointer route to another month was one click per month: from
        August 2026 to March 2022 is fifty-three of them. Shift+PageUp already jumped a year, but a
-       shortcut nobody can see is not an affordance — the repo's own test helper clicked "previous
+       shortcut nobody can see is not an affordance, the repo's own test helper clicked "previous
        month" twenty-four times to reach a date two years back. */
     var mode = 'days';
     var focusMonth = null;
@@ -1908,7 +1912,7 @@
     var YEARS_PER_PAGE = 12;
     function yearPageStart(y) { return Math.floor(y / YEARS_PER_PAGE) * YEARS_PER_PAGE; }
 
-    /* A year is only unreachable when EVERY month in it falls outside min/max — the same rule
+    /* A year is only unreachable when EVERY month in it falls outside min/max, the same rule
        monthDisabled applies one level down, for the same reason: a bound that sits inside the year
        disables neither end. */
     function yearDisabled(y) {
@@ -2153,7 +2157,7 @@
       var f = fromApi.getValue();
       var t = toApi.getValue();
       toApi.setMin(f || null);   // end can't precede start (one-directional, per Foundation)
-      fromApi.setRange(f, t);     // start stays free — picking a later start clears the end below
+      fromApi.setRange(f, t);     // start stays free, picking a later start clears the end below
       toApi.setRange(f, t);
     }
     fromEl.addEventListener('fdy-datepicker-change', function () {
@@ -2187,9 +2191,9 @@
   window.FreedayDatepicker = { init: initPicker, initAll: initAll };
 })();
 
-/* Freeday — datetime picker composer (optional, zero-dependency).
+/* Freeday, datetime picker composer (optional, zero-dependency).
  * Combines a child date picker and time picker into one value. It does not build
- * anything itself — freeday-datepicker.js and freeday-timepicker.js enhance the
+ * anything itself, freeday-datepicker.js and freeday-timepicker.js enhance the
  * children; this only listens for their change events and emits a single combined
  * "fdy-datetime-change" (detail {date, time, value}). value is "YYYY-MM-DDTHH:MM"
  * when both parts are set, else "". Icon variants are controlled per child picker
@@ -2199,7 +2203,7 @@
  *   <div data-fdy-datepicker data-value="2026-07-21"></div>
  *   <div data-fdy-timepicker data-value="14:30"></div></div>
  * State: add data-fdy-disabled or data-fdy-invalid on the wrapper to reflect it onto both
- * child triggers as one control (read-only is adapter-only — a vanilla datetime is interactive).
+ * child triggers as one control (read-only is adapter-only, a vanilla datetime is interactive).
  */
 (function () {
   'use strict';
@@ -2214,7 +2218,7 @@
     if (!dp || !tp) return;
 
     // Reflect one wrapper-level state onto BOTH child triggers so a datetime reads as a single
-    // disabled/invalid control. Deferred with setTimeout(0) — NOT a microtask: the timepicker
+    // disabled/invalid control. Deferred with setTimeout(0). NOT a microtask: the timepicker
     // enhancer registers its DOMContentLoaded init AFTER this composer, and microtasks drain
     // *between* listeners (so a microtask would run before the timepicker trigger exists). A
     // macrotask waits until the whole init pass is done and both triggers are built. (readonly is
@@ -2245,7 +2249,7 @@
       }));
     }
 
-    // Listen for the children's bubbling change events (order-independent — no need
+    // Listen for the children's bubbling change events (order-independent, no need
     // for the child enhancers to have run before this composer).
     wrap.addEventListener('fdy-datepicker-change', function (e) { date = e.detail.value; emit(); });
     wrap.addEventListener('fdy-time-select', function (e) { time = e.detail.value; emit(); });
@@ -2274,7 +2278,7 @@
   window.FreedayDatetime = { init: initDatetime, initAll: initAll };
 })();
 
-/* Freeday — drawer enhancer (optional, zero-dependency).
+/* Freeday, drawer enhancer (optional, zero-dependency).
  * A trigger [data-fdy-drawer="drawerId"] opens the <dialog class="fdy-drawer" id="drawerId">
  * as a modal side panel (native showModal gives focus-trap, Esc, and return-focus). Clicking
  * the backdrop or any [data-close] inside closes it.
@@ -2323,7 +2327,7 @@
   window.FreedayDrawer = { init: initTriggers, initAll: initTriggers };
 })();
 
-/* Freeday — form validation enhancer (optional, zero-dependency).
+/* Freeday, form validation enhancer (optional, zero-dependency).
  * Wires the native Constraint Validation API to accessible inline errors on any
  * [data-fdy-validate] <form>. Native-first: constraints come from the standard
  * markup attributes (required, type, pattern, min/max, minlength/maxlength, step);
@@ -2363,24 +2367,24 @@
     badInput: 'type',
     customError: 'mismatch'
   };
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and overridable at three levels, narrowest first: `data-fdy-msg-<alias>` on the field,
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and overridable at three levels, narrowest first: `data-fdy-msg-<alias>` on the field,
    * `data-fdy-msg` on the field, then `data-fdy-text-<alias>` on the FORM. The form level is what
    * a host in another language needs: it sets nine messages once instead of on every input.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    required: 'Wajib diisi.',
-    type: 'Format tidak valid.',
-    pattern: 'Format tidak sesuai.',
-    minlength: 'Terlalu pendek.',
-    maxlength: 'Terlalu panjang.',
-    min: 'Nilai terlalu kecil.',
-    max: 'Nilai terlalu besar.',
-    step: 'Nilai tidak sesuai kelipatan.',
-    mismatch: 'Nilai tidak cocok.',
-    invalid: 'Tidak valid.'
+    required: 'Required.',
+    type: 'Invalid format.',
+    pattern: 'Doesn’t match the required format.',
+    minlength: 'Too short.',
+    maxlength: 'Too long.',
+    min: 'Too small.',
+    max: 'Too large.',
+    step: 'Not a valid step.',
+    mismatch: 'Values don’t match.',
+    invalid: 'Invalid.'
   };
-  /* Kebab-cased for the lookup — see the note in the other enhancers: HTML lowercases attribute
+  /* Kebab-cased for the lookup, see the note in the other enhancers: HTML lowercases attribute
      names, so `data-fdy-text-filter-text` and `data-fdy-text-filtertext` are different attributes
      and only one of them is what an author would write. */
   function textOf(root, key) {
@@ -2524,7 +2528,7 @@
   window.FreedayForm = { init: initForm, initAll: initAll };
 })();
 
-/* Freeday — input mask + password reveal enhancer (optional, zero-dependency).
+/* Freeday, input mask + password reveal enhancer (optional, zero-dependency).
  *
  * [data-fdy-mask]="pattern" formats a text input as you type. Placeholders:
  *   #  a digit (0-9)      A  a letter (a-z/A-Z)      *  a letter or digit
@@ -2577,16 +2581,16 @@
   }
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    show: 'Tampilkan kata sandi',
-    hide: 'Sembunyikan kata sandi'
+    show: 'Show password',
+    hide: 'Hide password'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -2668,7 +2672,7 @@
   window.FreedayMask = { initMask: initMask, initReveal: initReveal, initAll: initAll };
 })();
 
-/* Freeday — menu enhancer (optional, zero-dependency).
+/* Freeday, menu enhancer (optional, zero-dependency).
  * Menu-button pattern (WAI-ARIA APG): a trigger with aria-haspopup="menu" toggles a
  * role="menu" popup of role="menuitem" buttons. Also powers the split button
  * (main action + attached caret toggle). Auto-inits [data-fdy-menu].
@@ -2765,10 +2769,10 @@
   window.FreedayMenu = { init: initMenu, initAll: initAll };
 })();
 
-/* Freeday — number field enhancer (optional, zero-dependency).
+/* Freeday, number field enhancer (optional, zero-dependency).
  * Gives a native <input type="number"> its increment/decrement affordance back, on the kit's terms:
  * .fdy-input hides the user agent's own spin buttons (unthemeable OS widgets), so this puts two real
- * buttons in an .fdy-input-group instead. No new block — the group already owns the shared border,
+ * buttons in an .fdy-input-group instead. No new block, the group already owns the shared border,
  * :focus-within ring and error promotion.
  *
  * Markup contract:
@@ -2834,7 +2838,7 @@
         if (frozen()) return;
         if (Number(btn.getAttribute('data-fdy-number-step')) < 0) input.stepDown();
         else input.stepUp();
-        /* The value changed without the user typing, so say so the way the platform does — frameworks
+        /* The value changed without the user typing, so say so the way the platform does, frameworks
            listen to these, not to a kit-specific event. */
         input.dispatchEvent(new Event('input', { bubbles: true }));
         input.dispatchEvent(new Event('change', { bubbles: true }));
@@ -2870,10 +2874,10 @@
   window.FreedayNumber = { init: initNumber, initAll: initAll };
 })();
 
-/* Freeday — popover positioning helper (optional, zero-dependency).
+/* Freeday, popover positioning helper (optional, zero-dependency).
  * Lifts a dropdown panel into the top layer via the native Popover API so it escapes ANY
  * ancestor overflow clip (a .fdy-card with overflow:hidden, an app-shell main with
- * overflow:auto, …), then positions it `fixed` against its trigger — flipping above when
+ * overflow:auto, …), then positions it `fixed` against its trigger, flipping above when
  * there is no room below, and matching the trigger width. The panel stays a DOM child of its
  * component, so focus, outside-click (.closest), and ARIA relationships keep working unchanged.
  *
@@ -2893,7 +2897,7 @@
     && typeof HTMLElement.prototype.showPopover === 'function';
 
   // Position `panel` (already shown, so it has a measurable box) against `trigger`'s rect.
-  // matchWidth (default true) floors the panel to the trigger width — right for input-shaped
+  // matchWidth (default true) floors the panel to the trigger width, right for input-shaped
   // dropdowns (combo/cascade/date/time), skipped for menus that keep their own min-width.
   function place(panel, trigger, matchWidth) {
     var r = trigger.getBoundingClientRect();
@@ -2940,10 +2944,10 @@
   window.FreedayPopover = { attach: attach, place: place, supported: supported };
 })();
 
-/* Freeday — rating enhancer (optional, zero-dependency).
+/* Freeday, rating enhancer (optional, zero-dependency).
  * Fills stars up to the checked radio (and previews on hover) for an interactive
  * [data-fdy-rating] radio group; for [data-fdy-readonly] it fills from data-value.
- * The radios are native — arrow-key selection and form association come for free.
+ * The radios are native, arrow-key selection and form association come for free.
  */
 (function () {
   'use strict';
@@ -2994,11 +2998,11 @@
   window.FreedayRating = { init: initRating, initAll: initAll };
 })();
 
-/* Freeday — combobox enhancer (optional, zero-dependency).
+/* Freeday, combobox enhancer (optional, zero-dependency).
  * Implements the WAI-ARIA APG "select-only combobox" pattern for every
  * [data-fdy-combo] on the page. Progressive enhancement: the markup is the
  * component, this script wires behavior. In a Vue/React/Blazor app you would
- * bind your own state instead — this is the framework-agnostic reference.
+ * bind your own state instead, this is the framework-agnostic reference.
  *
  * Expected markup:
  *   <div class="fdy-combo" data-fdy-combo data-value="x">
@@ -3021,7 +3025,7 @@
   var seq = 0;
   var openClose = null; // close() of the currently-open combo, or null
 
-  /* The tick lives in CSS now, so the option's text IS its label — no sibling walk to skip a glyph. */
+  /* The tick lives in CSS now, so the option's text IS its label, no sibling walk to skip a glyph. */
   function optionLabel(opt) {
     return (opt.textContent || '').trim();
   }
@@ -3087,7 +3091,7 @@
       if (openClose === close) openClose = null;
     }
     // Mark an option selected + reflect it in the button. `silent` skips the change
-    // event, close, and focus — used by the programmatic setValue() below so a host
+    // event, close, and focus, used by the programmatic setValue() below so a host
     // (e.g. a Blazor/framework wrapper) can push a value in without echoing an event
     // back to itself or stealing focus. User-driven picks go through choose() (loud).
     function select(opt, silent) {
@@ -3122,7 +3126,7 @@
       isOpen() ? close() : open();
     });
     // Pressing an option must not blur the button: a blur fires the focusout
-    // handler below, which closes the listbox before the option's click lands —
+    // handler below, which closes the listbox before the option's click lands,
     // so the pick is lost (real mouse only; synthetic .click() never blurs).
     // preventDefault on mousedown keeps focus on the button without blocking click.
     listbox.addEventListener('mousedown', function (e) { e.preventDefault(); });
@@ -3209,10 +3213,10 @@
   window.FreedayCombo = { init: initCombo, initAll: initAll, setValue: setValue };
 })();
 
-/* Freeday — slider value binding (optional, zero-dependency).
+/* Freeday, slider value binding (optional, zero-dependency).
  * Mirrors a [data-fdy-slider] range input's value into <output for="inputId">, with an
  * optional prefix/suffix on the output (data-fdy-prefix / data-fdy-suffix). The range itself
- * is a native input — keyboard and ARIA are built in; this only updates the visible readout.
+ * is a native input, keyboard and ARIA are built in; this only updates the visible readout.
  */
 (function () {
   'use strict';
@@ -3247,9 +3251,9 @@
   window.FreedaySlider = { init: initSlider, initAll: initAll };
 })();
 
-/* Freeday — stepper/wizard enhancer (optional, zero-dependency).
+/* Freeday, stepper/wizard enhancer (optional, zero-dependency).
  * Drives a step header + panels: prev/next navigation, completed/active state, and
- * clicking a reached step to revisit it (linear — can't skip ahead). Auto-inits
+ * clicking a reached step to revisit it (linear, can't skip ahead). Auto-inits
  * [data-fdy-stepper].
  *
  * Markup: <div data-fdy-stepper>
@@ -3268,16 +3272,16 @@
   var CHECK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>';
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    done: 'Selesai',
-    next: 'Lanjut'
+    done: 'Done',
+    next: 'Next'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -3367,7 +3371,7 @@
   window.FreedayStepper = { init: initStepper, initAll: initAll };
 })();
 
-/* Freeday — data-table enhancer (optional, zero-dependency).
+/* Freeday, data-table enhancer (optional, zero-dependency).
  * Adds client-side search, column sort, pagination and row selection to any
  * [data-fdy-table]. Progressive enhancement over a plain semantic <table>;
  * in a framework app, do this server- or store-side instead.
@@ -3403,26 +3407,26 @@
   }
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    prev: 'Sebelumnya',
-    next: 'Berikutnya',
-    selected: '{n} dipilih',
-    filter: 'Filter kolom',
-    filterText: 'Berisi teks',
-    filterTextPlaceholder: 'Berisi…',
-    filterEnum: 'Tampilkan nilai',
-    filterRange: 'Rentang nilai',
+    prev: 'Previous',
+    next: 'Next',
+    selected: '{n} selected',
+    filter: 'Filter column',
+    filterText: 'Contains text',
+    filterTextPlaceholder: 'Contains…',
+    filterEnum: 'Show values',
+    filterRange: 'Value range',
     reset: 'Reset',
-    close: 'Tutup',
-    rows: '{n} baris',
-    info: 'Menampilkan {from}–{to} dari {total}'
+    close: 'Close',
+    rows: '{n} rows',
+    info: 'Showing {from}–{to} of {total}'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -3902,7 +3906,7 @@
   window.FreedayTable = { init: initTable, initAll: initAll };
 })();
 
-/* Freeday — tabs enhancer (optional, zero-dependency, WAI-ARIA APG tabs).
+/* Freeday, tabs enhancer (optional, zero-dependency, WAI-ARIA APG tabs).
  * Auto-inits every [data-fdy-tabs]. Roving tabindex + arrow/Home/End nav.
  *
  * Markup: a [data-fdy-tabs] with a [role="tablist"] of
@@ -3971,7 +3975,7 @@
   window.FreedayTabs = { init: initTabs, initAll: initAll };
 })();
 
-/* Freeday — time picker enhancer (optional, zero-dependency).
+/* Freeday, time picker enhancer (optional, zero-dependency).
  * Builds an input-styled trigger + scrollable time-list popover (WAI-ARIA listbox)
  * from an empty [data-fdy-timepicker] wrapper. 24h HH:MM. Options run from
  * data-min (default 00:00) to data-max (default 23:59) every data-step minutes
@@ -4001,7 +4005,7 @@
     wrap.dataset.fdyTpReady = '1';
     wrap.classList.add('fdy-timepicker');
 
-    var label = wrap.getAttribute('data-label') || 'Pilih waktu';
+    var label = wrap.getAttribute('data-label') || 'Choose a time';
     var placeholder = wrap.getAttribute('data-placeholder') || '--:--';
     var step = Math.max(1, parseInt(wrap.getAttribute('data-step') || '30', 10));
     var minM = valid(wrap.getAttribute('data-min')) ? toMin(wrap.getAttribute('data-min')) : 0;
@@ -4155,12 +4159,12 @@
   window.FreedayTimepicker = { init: initTime, initAll: initAll };
 })();
 
-/* Freeday — toast API (optional, zero-dependency).
+/* Freeday, toast API (optional, zero-dependency).
  * Freeday.toast({ variant, title, message, timeout, key }) shows a transient
  * notification in a live region (created on first use). Returns the element.
  *   variant: 'success' | 'warning' | 'danger' | 'info' (default: neutral)
  *   timeout: ms before auto-dismiss (default 4000; 0 = sticky)
- *   key:     optional stable id — a new toast with the same key REPLACES the
+ *   key:     optional stable id, a new toast with the same key REPLACES the
  *            existing one in place instead of stacking a duplicate (e.g. a burst
  *            of identical failures shows one toast, refreshed).
  * Freeday.dismiss(nodeOrKey) closes a toast early (pass the returned element or its key).
@@ -4196,14 +4200,14 @@
 
   /* Put the region in the TOP LAYER, above any open <dialog>.
    *
-   * A modal dialog lives in the top layer, where z-index does not reach — so a toast raised by an
+   * A modal dialog lives in the top layer, where z-index does not reach, so a toast raised by an
    * action taken inside a modal was painted behind that modal's backdrop, which is where an error
    * message is least useful. showPopover() joins the same layer, and membership there is ordered by
    * when you joined: hide-then-show re-joins at the top, so a toast shown while a dialog is open
    * lands above it rather than under the dialog that was opened after the last toast.
    *
    * Guarded twice on purpose. `showPopover` is absent before Chrome 114 / Safari 17 / Firefox 125,
-   * and the call throws if the element is disconnected or already open — in every one of those
+   * and the call throws if the element is disconnected or already open, in every one of those
    * cases the region stays an ordinary fixed block at z-index 200, which is what it has always
    * been. A notification must never be the thing that throws.
    */
@@ -4234,15 +4238,15 @@
   }
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    close: 'Tutup'
+    close: 'Close'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -4317,10 +4321,10 @@
   window.Freeday.dismiss = dismiss; // dismiss(nodeOrKey)
 })();
 
-/* Freeday — tree checkbox cascade (optional, zero-dependency).
+/* Freeday, tree checkbox cascade (optional, zero-dependency).
  * Turns a [data-fdy-tree] checkbox tree into a selectable one: checking a branch checks
  * every descendant; a partially-selected branch shows the native :indeterminate state.
- * Rows are native <input class="fdy-checkbox">, labelled via aria-label — Space toggles.
+ * Rows are native <input class="fdy-checkbox">, labelled via aria-label. Space toggles.
  * Selection never toggles the <details> (the checkbox stops click propagation).
  *
  * Markup contract:
@@ -4344,7 +4348,7 @@
     return Array.prototype.filter.call(ul.children, function (n) { return n.tagName === 'LI'; });
   }
 
-  // The checkbox belonging to a row's own <li> — branch summary or leaf, never a child's.
+  // The checkbox belonging to a row's own <li>, branch summary or leaf, never a child's.
   function ownBox(li) {
     return li.querySelector(':scope > details > summary input[type="checkbox"]')
       || li.querySelector(':scope > input[type="checkbox"]');
@@ -4415,16 +4419,16 @@
   window.FreedayTree = { init: initTree, initAll: initAll };
 })();
 
-/* Freeday — file-upload enhancer (optional, zero-dependency).
+/* Freeday, file-upload enhancer (optional, zero-dependency).
  * A drop target that also opens the file dialog on click / Enter / Space, validates each file
  * (accept + max size), and renders a per-file row with explicit state. Actual upload is the
- * consumer's job — this is a controlled reference: wire the emitted event's row API to your
+ * consumer's job, this is a controlled reference: wire the emitted event's row API to your
  * upload call, or set data-fdy-upload-simulate for a demo progress animation.
  *
  * Markup contract:
  *  <div class="fdy-dropzone" data-fdy-dropzone role="button" tabindex="0"
  *       data-max-size="10485760" data-filelist="#dz-list" [data-fdy-upload-simulate]
- *       aria-label="Unggah berkas — seret ke sini atau tekan Enter">
+ *       aria-label="Unggah berkas, seret ke sini atau tekan Enter">
  *    <span class="fdy-dropzone__icon">…svg…</span>
  *    <span class="fdy-dropzone__title">…</span>
  *    <span class="fdy-dropzone__hint">…</span>
@@ -4432,15 +4436,15 @@
  *  </div>
  *  <div class="fdy-filelist" id="dz-list"></div>
  *
- * Emits bubbling CustomEvents — BOTH on the dropzone element, which is the one target a consumer
+ * Emits bubbling CustomEvents. BOTH on the dropzone element, which is the one target a consumer
  * needs to listen on:
  *   "fdy-upload-add"    {file, rejected, reason, row}
  *   "fdy-upload-remove" {file}
  * `row` is the state machine over the rendered .fdy-file:
- *   .ready() (rest — where a dropped file starts) / .uploading() / .setProgress(pct) /
+ *   .ready() (rest, where a dropped file starts) / .uploading() / .setProgress(pct) /
  *   .waiting(label) (sent, awaiting the server) / .done() / .fail(msg) / .el
  * Note the file list is a SIBLING of the dropzone above, so nothing dispatched on a row would ever
- * bubble through the zone — which is why removal fires on the zone and not on the row.
+ * bubble through the zone, which is why removal fires on the zone and not on the row.
  */
 (function () {
   'use strict';
@@ -4468,21 +4472,21 @@
   }
 
 
-  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
-   * path — and every one overridable per element, so a host that speaks another language (the
+  /* User-facing strings. Indonesian by default, documented and deliberate for the raw enhancer
+   * path, and every one overridable per element, so a host that speaks another language (the
    * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
    * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
   var TEXT = {
-    remove: 'Hapus {name}',
-    progress: 'Progres unggah {name}',
-    uploading: 'Mengunggah…',
-    waiting: 'Menunggu server…',
-    done: 'Terunggah',
-    badType: 'Tipe berkas tidak didukung.',
-    tooBig: 'Ukuran melebihi batas ({max}).'
+    remove: 'Remove {name}',
+    progress: 'Upload progress for {name}',
+    uploading: 'Uploading…',
+    waiting: 'Waiting for the server…',
+    done: 'Uploaded',
+    badType: 'Unsupported file type.',
+    tooBig: 'Over the {max} limit.'
   };
   /* HTML lowercases attribute names, so a camelCase key like `filterText` can only ever be written
-     as `data-fdy-text-filtertext` — while the kebab form anybody would reach for,
+     as `data-fdy-text-filtertext`, while the kebab form anybody would reach for,
      `data-fdy-text-filter-text`, becomes a DIFFERENT attribute the enhancer never reads, and the
      override fails silently. So the key is kebab-cased for the lookup; the run-together spelling
      still resolves, for markup written against 1.39.0. */
@@ -4520,12 +4524,12 @@
     remove.setAttribute('aria-label', textOf(zone, 'remove', { name: file.name }));
     remove.innerHTML = '&times;';
     remove.addEventListener('click', function () {
-      /* Dispatched on the ZONE, not on the row — the same target as fdy-upload-add, so one listener
+      /* Dispatched on the ZONE, not on the row, the same target as fdy-upload-add, so one listener
          on the dropzone gets both. The row lives in the file list, which the kit's own markup
          contract puts as a SIBLING of the dropzone, so a row event never bubbles through the zone:
          a consumer following the docs saw `add` arrive and `remove` never fire, with no error.
-         Firing on both would look safer, but it makes the pair asymmetric — one `add` and, for
-         anyone delegating on a common ancestor, two `remove`s — which is its own silent bug. It
+         Firing on both would look safer, but it makes the pair asymmetric, one `add` and, for
+         anyone delegating on a common ancestor, two `remove`s, which is its own silent bug. It
          also fixes the listless case: a row that was never attached bubbles to nothing at all. */
       zone.dispatchEvent(new CustomEvent('fdy-upload-remove', { bubbles: true, detail: { file: file } }));
       el.remove();
@@ -4557,14 +4561,14 @@
     }
     /* Back to a measured bar. While the indeterminate modifier is on it owns the bar's width, so an
        explicit one has to be restored when it comes off: .fdy-progress__bar is a plain block div, and
-       with no width at all it fills the track — a full bar, which is the opposite of what 0% means. */
+       with no width at all it fills the track, a full bar, which is the opposite of what 0% means. */
     function determinate() {
       progressEl.classList.remove('fdy-progress--indeterminate');
       if (!bar.style.width) bar.style.width = '0%';
     }
     return {
       el: el,
-      /* The state a row starts in: chosen, not yet sent. The size alone — it makes no claim about
+      /* The state a row starts in: chosen, not yet sent. The size alone, it makes no claim about
          a transfer, and no progress bar is shown, because nothing is in flight. Without this the
          state machine had no start state: done() claims success, fail() claims an error, and
          uploading() is a lie until the consumer actually sends the file. */
@@ -4588,12 +4592,12 @@
         bar.style.width = v + '%';
         progressEl.setAttribute('aria-valuenow', String(Math.round(v)));
       },
-      /* The bytes are gone and the server has not answered yet — extraction, scanning, transcoding.
+      /* The bytes are gone and the server has not answered yet, extraction, scanning, transcoding.
          "Mengunggah…" turns false the moment the last byte leaves, and a determinate bar parked at
          100% is the most convincing "hung" signal a UI can produce, so this state reports no
          percentage: the bar goes indeterminate and the label belongs to the consumer, because only
          they know what the server is doing ("Membaca PDF…", "Memindai…"). done()/fail()/ready() need
-         no counterpart here — they drop the progress element outright, modifier and all. */
+         no counterpart here, they drop the progress element outright, modifier and all. */
       waiting: function (label) {
         el.classList.remove('fdy-file--error', 'fdy-file--success');
         icon.innerHTML = FILE_ICON;
@@ -4601,7 +4605,7 @@
         ensureProgress();
         progressEl.classList.add('fdy-progress--indeterminate');
         /* The modifier styles .fdy-progress__bar, so it must sit on the CONTAINER, and the inline
-           width setProgress wrote has to go — an inline style beats any rule the modifier brings.
+           width setProgress wrote has to go, an inline style beats any rule the modifier brings.
            aria-valuenow goes with it: a progressbar with no value is precisely what ARIA calls
            indeterminate, which is the contract COMPONENTS.md already states for this component. */
         bar.style.width = '';
@@ -4672,7 +4676,7 @@
     if (input) input.addEventListener('change', function () { handleFiles(input.files); input.value = ''; });
 
     /* The list is optional: rendering a row and announcing the file are separate jobs. A consumer
-       that wants its own markup simply provides no list — it still gets `fdy-upload-add`, and
+       that wants its own markup simply provides no list, it still gets `fdy-upload-add`, and
        `detail.row` still works (its element is just never attached). Gating the EVENT on the list
        meant "bring your own row" silently cost you the notification that a file had arrived. */
     function handleFiles(fileList) {