@swiftwc/ui 0.0.0-dev.11 → 0.0.0-dev.110

package/generated/events/alert-dialog.d.ts

@@ -0,0 +1,13 @@
+export type AlertReturnDetail = {
+    returnValue: string;
+};
+export interface AlertReturnEvent extends CustomEvent<AlertReturnDetail> {
+}
+declare global {
+    interface HTMLElementEventMap {
+        'alert:return': AlertReturnEvent;
+    }
+    interface DocumentEventMap {
+        'alert:return': AlertReturnEvent;
+    }
+}

package/generated/events/alert-dialog.js

@@ -0,0 +1 @@
+export {};

package/generated/events/confirmation-dialog.d.ts

@@ -1,9 +1,14 @@
-export type ReturnDetail = {
+export type ConfirmationReturnDetail = {
     returnValue: string;
     positionAnchor: string;
 };
+export interface ConfirmationReturnEvent extends CustomEvent<ConfirmationReturnDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        return: CustomEvent<ReturnDetail>;
+        'confirmation:return': ConfirmationReturnEvent;
+    }
+    interface DocumentEventMap {
+        'confirmation:return': ConfirmationReturnEvent;
     }
 }

package/generated/events/date-picker.d.ts

@@ -1,8 +1,13 @@
 export type DatePickerSelectionDetail = {
     selection: string;
 };
+export interface DatePickerSelectionEvent extends CustomEvent<DatePickerSelectionDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        selection: CustomEvent<DatePickerSelectionDetail>;
+        selection: DatePickerSelectionEvent;
+    }
+    interface DocumentEventMap {
+        selection: DatePickerSelectionEvent;
     }
 }

package/generated/events/index.d.ts

@@ -1,3 +1,4 @@
+export * from './alert-dialog';
 export * from './confirmation-dialog';
 export * from './date-picker';
 export * from './lifecycle-observer';
@@ -5,3 +6,4 @@ export * from './picker-view';
 export * from './scroll-view';
 export * from './tab-view';
 export * from './text-field';
+export * from './toggle-view';

package/generated/events/index.js

@@ -1,3 +1,4 @@
+export * from './alert-dialog';
 export * from './confirmation-dialog';
 export * from './date-picker';
 export * from './lifecycle-observer';
@@ -5,3 +6,4 @@ export * from './picker-view';
 export * from './scroll-view';
 export * from './tab-view';
 export * from './text-field';
+export * from './toggle-view';

package/generated/events/lifecycle-observer.d.ts

@@ -2,9 +2,17 @@ import { type ScrollView } from '../components';
 export type PageShowHideDetail = {
     page: ScrollView;
 };
+export interface PageShowEvent extends CustomEvent<PageShowHideDetail> {
+}
+export interface PageHideEvent extends CustomEvent<PageShowHideDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        pageshow: CustomEvent<PageShowHideDetail>;
-        pagehide: CustomEvent<PageShowHideDetail>;
+        pageshow: PageShowEvent;
+        pagehide: PageHideEvent;
+    }
+    interface DocumentEventMap {
+        pageshow: PageShowEvent;
+        pagehide: PageHideEvent;
     }
 }

package/generated/events/picker-view.d.ts

@@ -1,8 +1,29 @@
 export type PickerSelectionDetail = {
     selection: string;
 };
+export type PickerSearchableDetail = {
+    element: HTMLElement;
+    search: string;
+};
+export interface PickerSelectionEvent extends CustomEvent<PickerSelectionDetail> {
+}
+export interface PickerSearchfocusEvent extends CustomEvent<PickerSearchableDetail> {
+}
+export interface PickerSearchblurEvent extends CustomEvent<PickerSearchableDetail> {
+}
+export interface PickerSearchinputEvent extends CustomEvent<PickerSearchableDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        selection: CustomEvent<PickerSelectionDetail>;
+        selection: PickerSelectionEvent;
+        'picker:searchfocus': PickerSearchfocusEvent;
+        'picker:searchblur': PickerSearchblurEvent;
+        'picker:searchinput': PickerSearchinputEvent;
+    }
+    interface DocumentEventMap {
+        selection: PickerSelectionEvent;
+        'picker:searchfocus': PickerSearchfocusEvent;
+        'picker:searchblur': PickerSearchblurEvent;
+        'picker:searchinput': PickerSearchinputEvent;
     }
 }

package/generated/events/scroll-view.d.ts

@@ -2,9 +2,17 @@ import { type ScrollView } from '../components';
 export type PageRevealSwapDetail = {
     page: ScrollView;
 };
+export interface PagerevealEvent extends CustomEvent<PageRevealSwapDetail> {
+}
+export interface PageswapEvent extends CustomEvent<PageRevealSwapDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        pagereveal: CustomEvent<PageRevealSwapDetail>;
-        pageswap: CustomEvent<PageRevealSwapDetail>;
+        pagereveal: PagerevealEvent;
+        pageswap: PageswapEvent;
+    }
+    interface DocumentEventMap {
+        pagereveal: PagerevealEvent;
+        pageswap: PageswapEvent;
     }
 }

package/generated/events/tab-view.d.ts

@@ -1,5 +1,9 @@
 import { type NavigationSplitView, type NavigationStack } from '../components';
 import { type TabBarPlacement } from '../components/tab-view';
+export type TabBeforeDetail = {
+    tag: string;
+    ms: number;
+};
 export type TabDetail = {
     tag: string;
 };
@@ -10,15 +14,41 @@ export type TabViewAdaptableTabBarPlacementDetail = {
     oldValue?: TabBarPlacement;
     newValue?: TabBarPlacement;
 };
+export interface TabshowEvent extends CustomEvent<TabDetail> {
+}
+export interface TabhideEvent extends CustomEvent<TabDetail> {
+}
+export interface TabrevealEvent extends CustomEvent<TabDetail> {
+}
+export interface TabswapEvent extends CustomEvent<TabDetail> {
+}
+export interface BeforetabrevealEvent extends CustomEvent<TabBeforeDetail> {
+}
+export interface BeforetabswapEvent extends CustomEvent<TabBeforeDetail> {
+}
+export interface TabViewToggleEvent extends CustomEvent<TabViewDetail> {
+}
+export interface TabViewAdaptableTabBarPlacementChangeEvent extends CustomEvent<TabViewAdaptableTabBarPlacementDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        tabshow: CustomEvent<TabDetail>;
-        tabhide: CustomEvent<TabDetail>;
-        tabreveal: CustomEvent<TabDetail>;
-        tabswap: CustomEvent<TabDetail>;
-        beforetabreveal: CustomEvent<TabDetail>;
-        beforetabswap: CustomEvent<TabDetail>;
-        'tab-view:toggle': CustomEvent<TabViewDetail>;
-        'tab-view:adaptable-tab-bar-placement-change': CustomEvent<TabViewAdaptableTabBarPlacementDetail>;
+        tabshow: TabshowEvent;
+        tabhide: TabhideEvent;
+        tabreveal: TabrevealEvent;
+        tabswap: TabswapEvent;
+        beforetabreveal: BeforetabrevealEvent;
+        beforetabswap: BeforetabswapEvent;
+        'tab-view:toggle': TabViewToggleEvent;
+        'tab-view:adaptable-tab-bar-placement-change': TabViewAdaptableTabBarPlacementChangeEvent;
+    }
+    interface DocumentEventMap {
+        tabshow: TabshowEvent;
+        tabhide: TabhideEvent;
+        tabreveal: TabrevealEvent;
+        tabswap: TabswapEvent;
+        beforetabreveal: BeforetabrevealEvent;
+        beforetabswap: BeforetabswapEvent;
+        'tab-view:toggle': TabViewToggleEvent;
+        'tab-view:adaptable-tab-bar-placement-change': TabViewAdaptableTabBarPlacementChangeEvent;
     }
 }

package/generated/events/text-field.d.ts

@@ -1,8 +1,13 @@
 export type TextFieldCommitDetail = {
     text: string;
 };
+export interface TextFieldCommitEvent extends CustomEvent<TextFieldCommitDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        commit: CustomEvent<TextFieldCommitDetail>;
+        commit: TextFieldCommitEvent;
+    }
+    interface DocumentEventMap {
+        commit: TextFieldCommitEvent;
     }
 }

package/generated/events/toggle-view.d.ts

@@ -0,0 +1,14 @@
+export type ToggleChangeDetail = {
+    isOn: boolean;
+    value: string | null;
+};
+export interface ToggleChangeEvent extends CustomEvent<ToggleChangeDetail> {
+}
+declare global {
+    interface HTMLElementEventMap {
+        'toggle:change': ToggleChangeEvent;
+    }
+    interface DocumentEventMap {
+        'toggle:change': ToggleChangeEvent;
+    }
+}

package/generated/events/toggle-view.js

@@ -0,0 +1 @@
+export {};

package/generated/i18n/index.d.ts

@@ -1,18 +1,25 @@
+import { en } from './locales';
 type LocaleInput = Intl.UnicodeBCP47LocaleIdentifier | Intl.Locale;
-type I18nProps = {
-    tag?: LocaleInput;
-    options?: Intl.LocaleOptions;
-    locale: Intl.Locale;
-    decimalSeparator: string;
-    dateSeparator: string;
-    dateOrder: string[];
+type DeepStringify<T> = {
+    [K in keyof T]: T[K] extends object ? DeepStringify<T[K]> : string;
 };
+type EnTranslations = DeepStringify<ReturnType<typeof en>>;
+/**
+ * @fires localechange - On html[lang] change!
+ */
 export declare class I18n {
     #private;
     static on: EventTarget;
-    static _props: I18nProps;
-    static get tag(): LocaleInput | undefined;
-    static set tag(val: LocaleInput | undefined);
+    /**
+     * Register a translation factory for a language.
+     * Call this before the language is first needed.
+     *
+     * @example
+     * I18n.register('el', () => ({ SearchUnavailableContent: { … } }))
+     */
+    static register(lang: string, factory: () => EnTranslations): void;
+    static get tag(): LocaleInput;
+    static set tag(val: LocaleInput);
     static get options(): Intl.LocaleOptions | undefined;
     static set options(val: Intl.LocaleOptions | undefined);
     static get locale(): Intl.Locale;
@@ -20,5 +27,7 @@ export declare class I18n {
     static get dateSeparator(): string;
     static get dateOrder(): string[];
     static setOwnConfig(options?: Intl.LocaleOptions): void;
+    /** Look up a top-level translation key for the current language, falling back to 'en'. */
+    static t<K extends keyof EnTranslations>(key: K): EnTranslations[K];
 }
 export {};

package/generated/i18n/index.js

@@ -1,3 +1,7 @@
+import { el, en } from './locales';
+/**
+ * @fires localechange - On html[lang] change!
+ */
 export class I18n {
     static #readyCalled = false;
     static #tag = 'en';
@@ -7,8 +11,30 @@ export class I18n {
     static #decimalSeparator = '.';
     static #dateSeparator = '/';
     static #dateOrder = ['month', 'day', 'year'];
+    static #lang = 'en';
+    /** Registry: language code → factory. Pre-seeded with 'en'. */
+    static #factories = new Map([
+        ['en', en],
+        ['el', el],
+    ]);
+    /** Cache: language code → resolved translation object. */
+    static #strings = new Map();
     static on = new EventTarget();
     // ----------------------------
+    // Public registration API
+    // ----------------------------
+    /**
+     * Register a translation factory for a language.
+     * Call this before the language is first needed.
+     *
+     * @example
+     * I18n.register('el', () => ({ SearchUnavailableContent: { … } }))
+     */
+    static register(lang, factory) {
+        this.#factories.set(lang, factory);
+        this.#strings.delete(lang); // bust cache so next t() re-resolves
+    }
+    // ----------------------------
     // Lazy init
     // ----------------------------
     static #ensureReady() {
@@ -16,72 +42,42 @@ export class I18n {
             this.setOwnConfig();
     }
     // ----------------------------
-    // Proxy with typed target
-    // ----------------------------
-    static _props = new Proxy({}, {
-        get: (_, prop) => {
-            this.#ensureReady();
-            switch (prop) {
-                case 'tag':
-                    return this.#tag;
-                case 'options':
-                    return this.#options;
-                case 'locale':
-                    return this.#locale;
-                case 'decimalSeparator':
-                    return this.#decimalSeparator;
-                case 'dateSeparator':
-                    return this.#dateSeparator;
-                case 'dateOrder':
-                    return this.#dateOrder;
-            }
-        },
-        set: (_, prop, value) => {
-            switch (prop) {
-                case 'tag':
-                    this.#observer?.disconnect();
-                    this.#observer = undefined;
-                    this.#tag = value;
-                    this.#getOwnConfig();
-                    break;
-                case 'options':
-                    this.#options = value;
-                    this.#getOwnConfig();
-                    break;
-            }
-            return true;
-        },
-    });
-    // ----------------------------
     // Accessors
     // ----------------------------
     static get tag() {
-        return this._props.tag;
+        this.#ensureReady();
+        return this.#tag;
     }
     static set tag(val) {
-        this._props.tag = val;
+        this.#observer?.disconnect();
+        this.#observer = undefined;
+        this.#tag = val;
+        this.#getOwnConfig();
     }
     static get options() {
-        return this._props.options;
+        this.#ensureReady();
+        return this.#options;
     }
     static set options(val) {
-        this._props.options = val;
+        this.#options = val;
+        this.#getOwnConfig();
     }
     static get locale() {
-        return this._props.locale;
+        this.#ensureReady();
+        return this.#locale;
     }
     static get decimalSeparator() {
-        return this._props.decimalSeparator;
+        this.#ensureReady();
+        return this.#decimalSeparator;
     }
     static get dateSeparator() {
-        return this._props.dateSeparator;
+        this.#ensureReady();
+        return this.#dateSeparator;
     }
     static get dateOrder() {
-        return this._props.dateOrder;
+        this.#ensureReady();
+        return this.#dateOrder;
     }
-    // ----------------------------
-    // Core logic
-    // ----------------------------
     static setOwnConfig(options) {
         if (!this.#readyCalled)
             this.#readyCalled = true;
@@ -100,7 +96,7 @@ export class I18n {
             return;
         this.#tag = document.documentElement.lang;
         this.#getOwnConfig();
-        this.on.dispatchEvent(new CustomEvent('change'));
+        this.on.dispatchEvent(new CustomEvent('localechange', { detail: { lang: this.#tag } }));
     }
     static #getOwnConfig() {
         try {
@@ -109,7 +105,6 @@ export class I18n {
         catch {
             this.#locale = new Intl.Locale('en');
         }
-        console.debug(this.#locale);
         try {
             const nf = new Intl.NumberFormat(this.#locale);
             const parts = nf.formatToParts(1.1);
@@ -118,11 +113,10 @@ export class I18n {
         catch {
             this.#decimalSeparator = '.';
         }
-        console.debug(this.#decimalSeparator);
         try {
             const df = new Intl.DateTimeFormat(this.#locale);
             const parts = df.formatToParts(new Date(2000, 11, 31));
-            this.#dateOrder = parts.filter(({ type }) => type !== 'literal')?.map(({ type }) => type) ?? ['month', 'day', 'year'];
+            this.#dateOrder = parts.filter(({ type }) => type !== 'literal').map(({ type }) => type) ?? ['month', 'day', 'year'];
             this.#dateSeparator =
                 parts
                     .filter(({ type }) => type === 'literal')
@@ -133,7 +127,38 @@ export class I18n {
             this.#dateOrder = ['month', 'day', 'year'];
             this.#dateSeparator = '/';
         }
-        console.debug(`${I18n.name} ${this.#dateSeparator}`);
-        console.debug(`${I18n.name} ${this.#dateOrder}`);
+        try {
+            this.#lang = this.#resolveLanguage(this.#tag);
+        }
+        catch {
+            this.#lang = 'en';
+        }
+    }
+    /**
+     * Resolve the best available language for a given BCP 47 tag.
+     * Tries the full tag, then just the base language, then falls back to 'en'.
+     */
+    static #resolveLanguage(tag) {
+        const lang = tag instanceof Intl.Locale ? tag.language : new Intl.Locale(tag || 'en').language;
+        if (this.#factories.has(String(tag)))
+            return String(tag);
+        if (this.#factories.has(lang))
+            return lang;
+        return 'en';
+    }
+    /** Look up a top-level translation key for the current language, falling back to 'en'. */
+    static t(key) {
+        this.#ensureReady();
+        if (!this.#strings.has(this.#lang)) {
+            const factory = this.#factories.get(this.#lang) ?? en;
+            this.#strings.set(this.#lang, factory());
+        }
+        const current = this.#strings.get(this.#lang);
+        if (key in current)
+            return current[key];
+        // Key missing from current language — fall back to en
+        if (!this.#strings.has('en'))
+            this.#strings.set('en', en());
+        return this.#strings.get('en')[key];
     }
 }

package/generated/i18n/locales/el.d.ts

@@ -0,0 +1,16 @@
+declare const _default: () => {
+    readonly SearchUnavailableContent: {
+        readonly NoLabel: "Κανένα αποτέλεσμα";
+        readonly Label: "Κανένα αποτέλεσμα για «{search}»";
+        readonly Description: "Ελέγξτε την ορθογραφία ή δοκιμάστε μια νέα αναζήτηση.";
+    };
+    readonly ButtonRole: {
+        readonly Back: "Πίσω";
+        readonly Cancel: "Ακύρωση";
+        readonly Close: "Κλείσιμο";
+        readonly Confirm: "Τέλος";
+        readonly Destructive: "Διαγραφή";
+        readonly OK: "OK";
+    };
+};
+export default _default;

package/generated/i18n/locales/el.js

@@ -0,0 +1,16 @@
+import { defineTranslations } from '../../internal/utils';
+export default defineTranslations(() => ({
+    SearchUnavailableContent: {
+        NoLabel: 'Κανένα αποτέλεσμα',
+        Label: 'Κανένα αποτέλεσμα για «{search}»',
+        Description: 'Ελέγξτε την ορθογραφία ή δοκιμάστε μια νέα αναζήτηση.',
+    },
+    ButtonRole: {
+        Back: 'Πίσω',
+        Cancel: 'Ακύρωση',
+        Close: 'Κλείσιμο',
+        Confirm: 'Τέλος',
+        Destructive: 'Διαγραφή',
+        OK: 'OK',
+    },
+}));

package/generated/i18n/locales/en.d.ts

@@ -0,0 +1,16 @@
+declare const _default: () => {
+    readonly SearchUnavailableContent: {
+        readonly NoLabel: "No Results";
+        readonly Label: "No Results for ”{search}”";
+        readonly Description: "Check the spelling or try a new search.";
+    };
+    readonly ButtonRole: {
+        readonly Back: "Back";
+        readonly Cancel: "Cancel";
+        readonly Close: "Close";
+        readonly Confirm: "Confirm";
+        readonly Destructive: "Delete";
+        readonly OK: "OK";
+    };
+};
+export default _default;

package/generated/i18n/locales/en.js

@@ -0,0 +1,16 @@
+import { defineTranslations } from '../../internal/utils';
+export default defineTranslations(() => ({
+    SearchUnavailableContent: {
+        NoLabel: 'No Results',
+        Label: 'No Results for ”{search}”',
+        Description: 'Check the spelling or try a new search.',
+    },
+    ButtonRole: {
+        Back: 'Back',
+        Cancel: 'Cancel',
+        Close: 'Close',
+        Confirm: 'Confirm',
+        Destructive: 'Delete',
+        OK: 'OK',
+    },
+}));

package/generated/i18n/locales/index.d.ts

@@ -0,0 +1,4 @@
+export { default as el } from './el';
+export * from './el';
+export { default as en } from './en';
+export * from './en';

package/generated/i18n/locales/index.js

@@ -0,0 +1,4 @@
+export { default as el } from './el';
+export * from './el';
+export { default as en } from './en';
+export * from './en';

package/generated/internal/class/css-style-observer.js

@@ -1,5 +1,5 @@
 var _a;
-import { onoff } from '../../internal/utils';
+import { debug, onoff } from '../../internal/utils';
 export class CSSStyleObserver {
     #cleanups;
     #options;
@@ -16,7 +16,7 @@ export class CSSStyleObserver {
         this.#cleanups?.();
     }
     #handleTransitionrun = (callback, evt) => {
-        console.debug(`${_a.name} ⚡️ ${evt?.type}`);
+        debug(`${_a.name} ⚡️ ${evt?.type} (${evt.propertyName})`);
         if (!this.#options?.properties.some((prop) => evt.propertyName.startsWith(prop)))
             return;
         callback?.(evt);

package/generated/internal/class/form-associated-base.d.ts

@@ -1,8 +1,4 @@
 export declare function getInternals(instance: FormAssociatedBase): ElementInternals;
-export declare function makeSlotchangeHandler(t: FormAssociatedBase): {
-    types: string;
-    listener: (evt: Event) => void;
-}[];
 export declare abstract class FormAssociatedBase extends HTMLElement {
     abstract setValidity(flags?: ValidityStateFlags, message?: string, anchor?: HTMLElement): void;
     static get formAssociated(): boolean;