@nldd/design-system 0.8.37

package/dist/utilities/input-modality.d.ts

@@ -0,0 +1,10 @@
+export type InputModality = 'keyboard' | 'mouse' | 'touch';
+export declare function getInputModality(): InputModality;
+export declare function isKeyboardMode(): boolean;
+/** True for mouse OR touch — any non-keyboard input. */
+export declare function isPointerMode(): boolean;
+export declare function isMouseMode(): boolean;
+export declare function isTouchMode(): boolean;
+/** @internal Reset state for testing only. */
+export declare function _resetInputModalityForTesting(): void;
+//# sourceMappingURL=input-modality.d.ts.map

package/dist/utilities/input-modality.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modality.d.ts","sourceRoot":"","sources":["../../src/utilities/input-modality.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AA0B3D,wBAAgB,gBAAgB,IAAI,aAAa,CAGhD;AAED,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,wDAAwD;AACxD,wBAAgB,aAAa,IAAI,OAAO,CAGvC;AAED,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,8CAA8C;AAC9C,wBAAgB,6BAA6B,IAAI,IAAI,CAKpD"}

package/dist/utilities/input-modality.js

@@ -0,0 +1,47 @@
+let modality = 'mouse';
+let initialized = false;
+let controller = null;
+function init() {
+    if (initialized)
+        return;
+    initialized = true;
+    controller = new AbortController();
+    const { signal } = controller;
+    document.addEventListener('keydown', (e) => {
+        if (['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Enter', ' ', 'Escape'].includes(e.key)) {
+            modality = 'keyboard';
+        }
+    }, { signal });
+    // pointerdown carries `pointerType` ('mouse' | 'pen' | 'touch'). Use it so
+    // we can distinguish touch from mouse in one listener. Pen is grouped with
+    // mouse: stylus users generally expect the same hover/focus semantics.
+    document.addEventListener('pointerdown', (e) => {
+        modality = e.pointerType === 'touch' ? 'touch' : 'mouse';
+    }, { signal });
+}
+export function getInputModality() {
+    init();
+    return modality;
+}
+export function isKeyboardMode() {
+    return getInputModality() === 'keyboard';
+}
+/** True for mouse OR touch — any non-keyboard input. */
+export function isPointerMode() {
+    const m = getInputModality();
+    return m === 'mouse' || m === 'touch';
+}
+export function isMouseMode() {
+    return getInputModality() === 'mouse';
+}
+export function isTouchMode() {
+    return getInputModality() === 'touch';
+}
+/** @internal Reset state for testing only. */
+export function _resetInputModalityForTesting() {
+    controller?.abort();
+    controller = null;
+    modality = 'mouse';
+    initialized = false;
+}
+//# sourceMappingURL=input-modality.js.map

package/dist/utilities/input-modality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modality.js","sourceRoot":"","sources":["../../src/utilities/input-modality.ts"],"names":[],"mappings":"AAEA,IAAI,QAAQ,GAAkB,OAAO,CAAC;AACtC,IAAI,WAAW,GAAG,KAAK,CAAC;AACxB,IAAI,UAAU,GAA2B,IAAI,CAAC;AAE9C,SAAS,IAAI;IACZ,IAAI,WAAW;QAAE,OAAO;IACxB,WAAW,GAAG,IAAI,CAAC;IACnB,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAE9B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;QACzD,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACxG,QAAQ,GAAG,UAAU,CAAC;QACvB,CAAC;IACF,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEf,2EAA2E;IAC3E,2EAA2E;IAC3E,uEAAuE;IACvE,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAe,EAAE,EAAE;QAC5D,QAAQ,GAAG,CAAC,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1D,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC/B,IAAI,EAAE,CAAC;IACP,OAAO,QAAQ,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,cAAc;IAC7B,OAAO,gBAAgB,EAAE,KAAK,UAAU,CAAC;AAC1C,CAAC;AAED,wDAAwD;AACxD,MAAM,UAAU,aAAa;IAC5B,MAAM,CAAC,GAAG,gBAAgB,EAAE,CAAC;IAC7B,OAAO,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,WAAW;IAC1B,OAAO,gBAAgB,EAAE,KAAK,OAAO,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,WAAW;IAC1B,OAAO,gBAAgB,EAAE,KAAK,OAAO,CAAC;AACvC,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,6BAA6B;IAC5C,UAAU,EAAE,KAAK,EAAE,CAAC;IACpB,UAAU,GAAG,IAAI,CAAC;IAClB,QAAQ,GAAG,OAAO,CAAC;IACnB,WAAW,GAAG,KAAK,CAAC;AACrB,CAAC"}

package/dist/utilities/popover-guard.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Minimum ms between popover close and reopen to prevent iOS
+ * touch light-dismiss from immediately reopening the popover.
+ *
+ * On iOS, tapping the anchor to close a popover triggers light dismiss
+ * first (closing the popover), then the click handler fires and would
+ * reopen it. This guard prevents reopening within the threshold.
+ */
+export declare const POPOVER_REOPEN_GUARD_MS = 100;
+//# sourceMappingURL=popover-guard.d.ts.map

package/dist/utilities/popover-guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-guard.d.ts","sourceRoot":"","sources":["../../src/utilities/popover-guard.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC"}

package/dist/utilities/popover-guard.js

@@ -0,0 +1,10 @@
+/**
+ * Minimum ms between popover close and reopen to prevent iOS
+ * touch light-dismiss from immediately reopening the popover.
+ *
+ * On iOS, tapping the anchor to close a popover triggers light dismiss
+ * first (closing the popover), then the click handler fires and would
+ * reopen it. This guard prevents reopening within the threshold.
+ */
+export const POPOVER_REOPEN_GUARD_MS = 100;
+//# sourceMappingURL=popover-guard.js.map

package/dist/utilities/popover-guard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-guard.js","sourceRoot":"","sources":["../../src/utilities/popover-guard.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC"}

package/dist/utilities/render-marked.d.ts

@@ -0,0 +1,28 @@
+import { nothing, type TemplateResult } from 'lit';
+export type QueryMarkMode = 'match' | 'predictive';
+/**
+ * Renders text with `**bold**` markdown segments as `<b>` elements.
+ * Returns the original string when no markers are present (cheap path).
+ */
+export declare function renderBold(text: string): TemplateResult | string;
+/**
+ * Renders text with the query (or its complement) wrapped in `<b>`, based on `mode`.
+ *
+ * - `mode: 'match'` bolds the typed query — useful in long texts where the user
+ *   wants to spot the search term quickly (search-result highlighting).
+ * - `mode: 'predictive'` bolds all non-matched segments. Named for the ARIA APG
+ *   combobox pattern where the query is a prefix, so the non-matched tail
+ *   reads as a predictive completion.
+ *
+ * Uses `<b>` (not `<mark>`) deliberately: `<mark>` triggers a screen-reader
+ * "highlight start/end" announcement AND a yellow background by default. We
+ * want neither the yellow background (visually disruptive in cell contexts)
+ * nor the cherry-picked SR-only semantics without the matching visual. `<b>`
+ * gives consistent presentation for sighted and AT users.
+ *
+ * The match is case-insensitive substring. If the query is empty or does not
+ * appear in the text, the text is returned as-is (falls back to `renderBold`
+ * so existing `**bold**` syntax still renders).
+ */
+export declare function renderQueryMark(text: string, query: string, mode?: QueryMarkMode): TemplateResult | string | typeof nothing;
+//# sourceMappingURL=render-marked.d.ts.map

package/dist/utilities/render-marked.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-marked.d.ts","sourceRoot":"","sources":["../../src/utilities/render-marked.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,YAAY,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM,CAIhE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAC9B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,aAA4B,GAChC,cAAc,GAAG,MAAM,GAAG,OAAO,OAAO,CAyB1C"}

package/dist/utilities/render-marked.js

@@ -0,0 +1,57 @@
+import { html, nothing } from 'lit';
+/**
+ * Renders text with `**bold**` markdown segments as `<b>` elements.
+ * Returns the original string when no markers are present (cheap path).
+ */
+export function renderBold(text) {
+    if (!text.includes('**'))
+        return text;
+    const parts = text.split(/\*\*(.+?)\*\*/g);
+    return html `${parts.map((part, i) => i % 2 === 1 ? html `<b>${part}</b>` : part)}`;
+}
+/**
+ * Renders text with the query (or its complement) wrapped in `<b>`, based on `mode`.
+ *
+ * - `mode: 'match'` bolds the typed query — useful in long texts where the user
+ *   wants to spot the search term quickly (search-result highlighting).
+ * - `mode: 'predictive'` bolds all non-matched segments. Named for the ARIA APG
+ *   combobox pattern where the query is a prefix, so the non-matched tail
+ *   reads as a predictive completion.
+ *
+ * Uses `<b>` (not `<mark>`) deliberately: `<mark>` triggers a screen-reader
+ * "highlight start/end" announcement AND a yellow background by default. We
+ * want neither the yellow background (visually disruptive in cell contexts)
+ * nor the cherry-picked SR-only semantics without the matching visual. `<b>`
+ * gives consistent presentation for sighted and AT users.
+ *
+ * The match is case-insensitive substring. If the query is empty or does not
+ * appear in the text, the text is returned as-is (falls back to `renderBold`
+ * so existing `**bold**` syntax still renders).
+ */
+export function renderQueryMark(text, query, mode = 'predictive') {
+    if (!text)
+        return nothing;
+    const q = query.trim();
+    if (!q)
+        return renderBold(text);
+    const qLower = q.toLowerCase();
+    const textLower = text.toLowerCase();
+    if (!textLower.includes(qLower))
+        return renderBold(text);
+    const segments = [];
+    let cursor = 0;
+    while (cursor < text.length) {
+        const idx = textLower.indexOf(qLower, cursor);
+        if (idx === -1) {
+            segments.push({ text: text.slice(cursor), bold: mode === 'predictive' });
+            break;
+        }
+        if (idx > cursor) {
+            segments.push({ text: text.slice(cursor, idx), bold: mode === 'predictive' });
+        }
+        segments.push({ text: text.slice(idx, idx + q.length), bold: mode === 'match' });
+        cursor = idx + q.length;
+    }
+    return html `${segments.map(s => s.bold ? html `<b>${s.text}</b>` : s.text)}`;
+}
+//# sourceMappingURL=render-marked.js.map

package/dist/utilities/render-marked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-marked.js","sourceRoot":"","sources":["../../src/utilities/render-marked.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAIzD;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY;IACtC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,IAAI,CAAA,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AACnF,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,eAAe,CAC9B,IAAY,EACZ,KAAa,EACb,OAAsB,YAAY;IAElC,IAAI,CAAC,IAAI;QAAE,OAAO,OAAO,CAAC;IAC1B,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IACvB,IAAI,CAAC,CAAC;QAAE,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACrC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,QAAQ,GAA2C,EAAE,CAAC;IAC5D,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,OAAO,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9C,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;YAChB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,YAAY,EAAE,CAAC,CAAC;YACzE,MAAM;QACP,CAAC;QACD,IAAI,GAAG,GAAG,MAAM,EAAE,CAAC;YAClB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,YAAY,EAAE,CAAC,CAAC;QAC/E,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,EAAE,CAAC,CAAC;QACjF,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;IACzB,CAAC;IAED,OAAO,IAAI,CAAA,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AAC7E,CAAC"}

package/dist/utilities/sanitize-url.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Sanitizes a URL for use in href attributes by stripping leading/trailing
+ * whitespace (including unicode), removing embedded control characters that
+ * browsers strip during URL parsing (tab, newline, carriage return), and
+ * blocking dangerous protocols.
+ *
+ * Blocked protocols: javascript:, data:, vbscript:, blob:.
+ *
+ * Note: data: and blob: are blocked entirely because this utility is designed
+ * for href contexts (<a>, navigation). Do not reuse for <img src>, download
+ * links, or other contexts where data: or blob: URLs are legitimate.
+ *
+ * Returns null for empty or dangerous URLs, the trimmed URL otherwise.
+ */
+export declare function sanitizeUrl(url: string | null): string | null;
+//# sourceMappingURL=sanitize-url.d.ts.map

package/dist/utilities/sanitize-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-url.d.ts","sourceRoot":"","sources":["../../src/utilities/sanitize-url.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAe7D"}

package/dist/utilities/sanitize-url.js

@@ -0,0 +1,30 @@
+/**
+ * Sanitizes a URL for use in href attributes by stripping leading/trailing
+ * whitespace (including unicode), removing embedded control characters that
+ * browsers strip during URL parsing (tab, newline, carriage return), and
+ * blocking dangerous protocols.
+ *
+ * Blocked protocols: javascript:, data:, vbscript:, blob:.
+ *
+ * Note: data: and blob: are blocked entirely because this utility is designed
+ * for href contexts (<a>, navigation). Do not reuse for <img src>, download
+ * links, or other contexts where data: or blob: URLs are legitimate.
+ *
+ * Returns null for empty or dangerous URLs, the trimmed URL otherwise.
+ */
+export function sanitizeUrl(url) {
+    if (!url)
+        return null;
+    const trimmed = url
+        .replace(/^[\s\u00A0\u200B\u2028\u2029]+|[\s\u00A0\u200B\u2028\u2029]+$/g, '')
+        .replace(/[\0\t\n\r]/g, '');
+    const lower = trimmed.toLowerCase();
+    if (lower.startsWith('javascript:') ||
+        lower.startsWith('data:') ||
+        lower.startsWith('vbscript:') ||
+        lower.startsWith('blob:')) {
+        return null;
+    }
+    return trimmed;
+}
+//# sourceMappingURL=sanitize-url.js.map

package/dist/utilities/sanitize-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-url.js","sourceRoot":"","sources":["../../src/utilities/sanitize-url.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,GAAkB;IAC7C,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,OAAO,GAAG,GAAG;SACjB,OAAO,CAAC,gEAAgE,EAAE,EAAE,CAAC;SAC7E,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACpC,IACC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;QAC/B,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;QACzB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;QAC7B,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EACxB,CAAC;QACF,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC"}

package/dist/utilities/visibility-mixin.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+type Constructor<T = LitElement> = new (...args: any[]) => T;
+/**
+ * Adds `hide-below` and `hide-above` attributes that toggle visibility based
+ * on the inline-size of the nearest ancestor CSS container.
+ *
+ * The ancestor (typically the component's direct parent in usage) must declare
+ * `container-type: inline-size`. The generated `@container` rule is anonymous
+ * — Safari does not reliably resolve named containers across shadow-DOM
+ * boundaries when the querying element is slotted.
+ *
+ * Values are CSS lengths (e.g. '320px', '20rem'). Container queries can't read
+ * CSS variables in their conditions, so the query rule is generated at runtime
+ * and injected as a <style> element in the component's shadow root, wrapped in
+ * `:host { @container (…) { display: none !important; } }` (nested form —
+ * flattened `@container { :host { … } }` is similarly unreliable in Safari).
+ *
+ * @example
+ * ```ts
+ * class NLDDTextCell extends VisibilityMixin(LitElement) { ... }
+ * ```
+ */
+export declare function VisibilityMixin<TBase extends Constructor<LitElement>>(Base: TBase): TBase & Constructor<LitElement & {
+    hideBelow?: string;
+    hideAbove?: string;
+}>;
+export {};
+//# sourceMappingURL=visibility-mixin.d.ts.map

package/dist/utilities/visibility-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/visibility-mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAGtD,KAAK,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,GA0C7C,KAAK,GACxC,WAAW,CAAC,UAAU,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CACrE"}

package/dist/utilities/visibility-mixin.js

@@ -0,0 +1,67 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { property } from 'lit/decorators.js';
+/**
+ * Adds `hide-below` and `hide-above` attributes that toggle visibility based
+ * on the inline-size of the nearest ancestor CSS container.
+ *
+ * The ancestor (typically the component's direct parent in usage) must declare
+ * `container-type: inline-size`. The generated `@container` rule is anonymous
+ * — Safari does not reliably resolve named containers across shadow-DOM
+ * boundaries when the querying element is slotted.
+ *
+ * Values are CSS lengths (e.g. '320px', '20rem'). Container queries can't read
+ * CSS variables in their conditions, so the query rule is generated at runtime
+ * and injected as a <style> element in the component's shadow root, wrapped in
+ * `:host { @container (…) { display: none !important; } }` (nested form —
+ * flattened `@container { :host { … } }` is similarly unreliable in Safari).
+ *
+ * @example
+ * ```ts
+ * class NLDDTextCell extends VisibilityMixin(LitElement) { ... }
+ * ```
+ */
+export function VisibilityMixin(Base) {
+    class WithVisibility extends Base {
+        updated(changed) {
+            super.updated(changed);
+            if (changed.has('hideBelow') || changed.has('hideAbove')) {
+                this._updateVisibilityStyle();
+            }
+        }
+        _updateVisibilityStyle() {
+            if (!this.shadowRoot)
+                return;
+            const rules = [];
+            if (this.hideBelow) {
+                rules.push(`:host { @container (max-width: ${this.hideBelow}) { display: none !important; } }`);
+            }
+            if (this.hideAbove) {
+                rules.push(`:host { @container (min-width: ${this.hideAbove}) { display: none !important; } }`);
+            }
+            if (rules.length === 0) {
+                this._visibilityStyle?.remove();
+                this._visibilityStyle = undefined;
+                return;
+            }
+            if (!this._visibilityStyle) {
+                this._visibilityStyle = document.createElement('style');
+                this.shadowRoot.appendChild(this._visibilityStyle);
+            }
+            this._visibilityStyle.textContent = rules.join('\n');
+        }
+    }
+    __decorate([
+        property({ type: String, reflect: true, attribute: 'hide-below' })
+    ], WithVisibility.prototype, "hideBelow", void 0);
+    __decorate([
+        property({ type: String, reflect: true, attribute: 'hide-above' })
+    ], WithVisibility.prototype, "hideAbove", void 0);
+    return WithVisibility;
+}
+/* eslint-enable @typescript-eslint/no-explicit-any */
+//# sourceMappingURL=visibility-mixin.js.map

package/dist/utilities/visibility-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-mixin.js","sourceRoot":"","sources":["../../src/utilities/visibility-mixin.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,eAAe,CAAwC,IAAW;IACjF,MAAM,cAAe,SAAQ,IAAI;QASvB,OAAO,CAAC,OAAuB;YACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC1D,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC/B,CAAC;QACF,CAAC;QAEO,sBAAsB;YAC7B,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAC7B,MAAM,KAAK,GAAa,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,KAAK,CAAC,IAAI,CACT,kCAAkC,IAAI,CAAC,SAAS,mCAAmC,CACnF,CAAC;YACH,CAAC;YACD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,KAAK,CAAC,IAAI,CACT,kCAAkC,IAAI,CAAC,SAAS,mCAAmC,CACnF,CAAC;YACH,CAAC;YACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxB,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC;gBAChC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;gBAClC,OAAO;YACR,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACxD,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACpD,CAAC;YACD,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC;KACD;IAtCA;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDAChD;IAGnB;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDAChD;IAoCpB,OAAO,cAC8D,CAAC;AACvE,CAAC;AACD,sDAAsD"}

package/dist/utilities/with-translations.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+type Constructor<T = object> = abstract new (...args: any[]) => T;
+/**
+ * Mixin that adds i18n support to a LitElement component.
+ *
+ * Provides a `translations` property for overriding defaults,
+ * a merged translations object, and a `_t()` method for lookups.
+ *
+ * @example
+ * ```ts
+ * import { withTranslations } from '../../../utilities/with-translations.js';
+ * import { myDefaults } from './my-component.i18n.js';
+ * import type { MyTranslations } from './my-component.i18n.js';
+ *
+ * class MyComponent extends withTranslations<MyTranslations>(LitElement, myDefaults) {
+ *   render() {
+ *     return html`${this._t('my-key')}`;
+ *   }
+ * }
+ * ```
+ */
+export declare function withTranslations<T extends Record<string, string>>(Base: Constructor<LitElement> & typeof LitElement, defaults: T): Constructor<LitElement & {
+    translations: Partial<T>;
+    _t(key: keyof T, vars?: Record<string, string | number>): string;
+}> & typeof LitElement;
+export {};
+//# sourceMappingURL=with-translations.d.ts.map

package/dist/utilities/with-translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-translations.d.ts","sourceRoot":"","sources":["../../src/utilities/with-translations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAElE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChE,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,GAAG,OAAO,UAAU,EACjD,QAAQ,EAAE,CAAC,GA4B4B,WAAW,CAAC,UAAU,GAAG;IAC/D,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC;CACjE,CAAC,GAAG,OAAO,UAAU,CACtB"}

package/dist/utilities/with-translations.js

@@ -0,0 +1,57 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { property } from 'lit/decorators.js';
+/**
+ * Mixin that adds i18n support to a LitElement component.
+ *
+ * Provides a `translations` property for overriding defaults,
+ * a merged translations object, and a `_t()` method for lookups.
+ *
+ * @example
+ * ```ts
+ * import { withTranslations } from '../../../utilities/with-translations.js';
+ * import { myDefaults } from './my-component.i18n.js';
+ * import type { MyTranslations } from './my-component.i18n.js';
+ *
+ * class MyComponent extends withTranslations<MyTranslations>(LitElement, myDefaults) {
+ *   render() {
+ *     return html`${this._t('my-key')}`;
+ *   }
+ * }
+ * ```
+ */
+export function withTranslations(Base, defaults) {
+    class TranslationsMixin extends Base {
+        constructor() {
+            super(...arguments);
+            this.translations = {};
+            /** @internal */
+            this._mergedTranslations = { ...defaults };
+        }
+        /** @internal */
+        _t(key, vars) {
+            let str = this._mergedTranslations[key] ?? String(key);
+            if (vars) {
+                for (const [k, v] of Object.entries(vars)) {
+                    str = str.split(`{${k}}`).join(String(v));
+                }
+            }
+            return str;
+        }
+        willUpdate(changed) {
+            super.willUpdate(changed);
+            if (changed.has('translations')) {
+                this._mergedTranslations = { ...defaults, ...this.translations };
+            }
+        }
+    }
+    __decorate([
+        property({ type: Object })
+    ], TranslationsMixin.prototype, "translations", void 0);
+    return TranslationsMixin;
+}
+//# sourceMappingURL=with-translations.js.map

package/dist/utilities/with-translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-translations.js","sourceRoot":"","sources":["../../src/utilities/with-translations.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,gBAAgB,CAC/B,IAAiD,EACjD,QAAW;IAEX,MAAM,iBAAkB,SAAQ,IAAI;QAApC;;YAEC,iBAAY,GAAe,EAAE,CAAC;YAE9B,gBAAgB;YAChB,wBAAmB,GAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;QAmB1C,CAAC;QAjBA,gBAAgB;QAChB,EAAE,CAAC,GAAY,EAAE,IAAsC;YACtD,IAAI,GAAG,GAAW,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;YAC/D,IAAI,IAAI,EAAE,CAAC;gBACV,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC3C,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3C,CAAC;YACF,CAAC;YACD,OAAO,GAAG,CAAC;QACZ,CAAC;QAEQ,UAAU,CAAC,OAAuB;YAC1C,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,cAA4B,CAAC,EAAE,CAAC;gBAC/C,IAAI,CAAC,mBAAmB,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YAClE,CAAC;QACF,CAAC;KACD;IAtBA;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DACG;IAwB/B,OAAO,iBAGe,CAAC;AACxB,CAAC"}