@wirekyt/angular 0.0.19 → 0.0.21

package/dist/fesm2022/wirekyt-angular-focus-trap.mjs

@@ -0,0 +1,70 @@
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, inject, ElementRef, DestroyRef, PLATFORM_ID, effect, Directive } from '@angular/core';
+import { trapFocus } from '@wirekyt/dom/focus-trap';
+
+class FocusTrap {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    initialFocus = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialFocus" }] : /* istanbul ignore next */ []));
+    fallbackFocus = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fallbackFocus" }] : /* istanbul ignore next */ []));
+    returnFocusOnDeactivate = input(true, { ...(ngDevMode ? { debugName: "returnFocusOnDeactivate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    setReturnFocus = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "setReturnFocus" }] : /* istanbul ignore next */ []));
+    activate = output();
+    deactivate = output();
+    elementRef = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    cleanup;
+    constructor() {
+        effect(() => {
+            const disabled = this.disabled();
+            const initialFocus = this.initialFocus();
+            const fallbackFocus = this.fallbackFocus();
+            const returnFocusOnDeactivate = this.returnFocusOnDeactivate();
+            const setReturnFocus = this.setReturnFocus();
+            this.tearDown();
+            if (disabled || !this.isBrowser)
+                return;
+            const element = this.elementRef.nativeElement;
+            const autoFocusNode = element.querySelector("[autofocus], [data-autofocus]");
+            this.cleanup = trapFocus(element, {
+                initialFocus: initialFocus ?? autoFocusNode ?? undefined,
+                fallbackFocus,
+                returnFocusOnDeactivate,
+                setReturnFocus,
+                onActivate: () => this.activate.emit(),
+                onDeactivate: () => this.deactivate.emit(),
+            });
+        });
+        this.destroyRef.onDestroy(() => {
+            this.tearDown();
+        });
+    }
+    tearDown() {
+        const cleanup = this.cleanup;
+        if (cleanup) {
+            this.cleanup = undefined;
+            cleanup();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FocusTrap, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: FocusTrap, isStandalone: true, selector: "[focus-trap]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, fallbackFocus: { classPropertyName: "fallbackFocus", publicName: "fallbackFocus", isSignal: true, isRequired: false, transformFunction: null }, returnFocusOnDeactivate: { classPropertyName: "returnFocusOnDeactivate", publicName: "returnFocusOnDeactivate", isSignal: true, isRequired: false, transformFunction: null }, setReturnFocus: { classPropertyName: "setReturnFocus", publicName: "setReturnFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activate: "activate", deactivate: "deactivate" }, exportAs: ["focusTrap"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FocusTrap, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[focus-trap]",
+                    standalone: true,
+                    exportAs: "focusTrap",
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], fallbackFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackFocus", required: false }] }], returnFocusOnDeactivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnFocusOnDeactivate", required: false }] }], setReturnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "setReturnFocus", required: false }] }], activate: [{ type: i0.Output, args: ["activate"] }], deactivate: [{ type: i0.Output, args: ["deactivate"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FocusTrap };
+//# sourceMappingURL=wirekyt-angular-focus-trap.mjs.map

package/dist/fesm2022/wirekyt-angular-focus-trap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-focus-trap.mjs","sources":["../../src/components/focus-trap/focus-trap.ts","../../src/components/focus-trap/wirekyt-angular-focus-trap.ts"],"sourcesContent":["import type { FocusTrapOptions } from \"@wirekyt/dom/focus-trap\";\n\nimport { isPlatformBrowser } from \"@angular/common\";\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  PLATFORM_ID,\n  booleanAttribute,\n  effect,\n  inject,\n  input,\n  output,\n} from \"@angular/core\";\nimport { trapFocus } from \"@wirekyt/dom/focus-trap\";\n\nexport interface TrapOptions extends Pick<\n  FocusTrapOptions,\n  \"initialFocus\" | \"fallbackFocus\" | \"returnFocusOnDeactivate\" | \"setReturnFocus\"\n> {\n  disabled?: boolean;\n}\n\nexport interface FocusTrapProps extends TrapOptions {}\n\n@Directive({\n  selector: \"[focus-trap]\",\n  standalone: true,\n  exportAs: \"focusTrap\",\n})\nexport class FocusTrap {\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly initialFocus = input<FocusTrapOptions[\"initialFocus\"]>(undefined);\n  readonly fallbackFocus = input<FocusTrapOptions[\"fallbackFocus\"]>(undefined);\n  readonly returnFocusOnDeactivate = input(true, { transform: booleanAttribute });\n  readonly setReturnFocus = input<FocusTrapOptions[\"setReturnFocus\"]>(undefined);\n\n  readonly activate = output<void>();\n  readonly deactivate = output<void>();\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private cleanup: (() => void) | undefined;\n\n  constructor() {\n    effect(() => {\n      const disabled = this.disabled();\n      const initialFocus = this.initialFocus();\n      const fallbackFocus = this.fallbackFocus();\n      const returnFocusOnDeactivate = this.returnFocusOnDeactivate();\n      const setReturnFocus = this.setReturnFocus();\n\n      this.tearDown();\n      if (disabled || !this.isBrowser) return;\n\n      const element = this.elementRef.nativeElement;\n      const autoFocusNode = element.querySelector<HTMLElement>(\"[autofocus], [data-autofocus]\");\n\n      this.cleanup = trapFocus(element, {\n        initialFocus: initialFocus ?? autoFocusNode ?? undefined,\n        fallbackFocus,\n        returnFocusOnDeactivate,\n        setReturnFocus,\n        onActivate: () => this.activate.emit(),\n        onDeactivate: () => this.deactivate.emit(),\n      });\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.tearDown();\n    });\n  }\n\n  private tearDown(): void {\n    const cleanup = this.cleanup;\n    if (cleanup) {\n      this.cleanup = undefined;\n      cleanup();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/fesm2022/wirekyt-angular-format.mjs

@@ -0,0 +1,245 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectLocale } from '@wirekyt/angular';
+import { formatBytes, formatNumber, formatRelativeTime, formatTime } from '@wirekyt/dom/i18n-utils';
+
+class FormatByte {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    unit = input("byte", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+    unitDisplay = input("short", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unitDisplay" }] : /* istanbul ignore next */ []));
+    unitSystem = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unitSystem" }] : /* istanbul ignore next */ []));
+    precision = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []));
+    localeContext = injectLocale();
+    formatted = computed(() => {
+        return formatBytes(this.value(), this.locale() ?? this.localeContext.locale, compactOptions$2({
+            precision: this.precision(),
+            unit: this.unit(),
+            unitDisplay: this.unitDisplay(),
+            unitSystem: this.unitSystem(),
+        }));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatByte, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatByte, isStandalone: true, selector: "format-byte", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, unitDisplay: { classPropertyName: "unitDisplay", publicName: "unitDisplay", isSignal: true, isRequired: false, transformFunction: null }, unitSystem: { classPropertyName: "unitSystem", publicName: "unitSystem", isSignal: true, isRequired: false, transformFunction: null }, precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatByte, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "format-byte",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { style: "display: contents" },
+                    template: ` {{ formatted() }} `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], unitDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitDisplay", required: false }] }], unitSystem: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitSystem", required: false }] }], precision: [{ type: i0.Input, args: [{ isSignal: true, alias: "precision", required: false }] }] } });
+function compactOptions$2(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
+}
+
+class FormatNumber {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    options = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    localeMatcher = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "localeMatcher" }] : /* istanbul ignore next */ []));
+    numberingSystem = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "numberingSystem" }] : /* istanbul ignore next */ []));
+    style = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
+    currency = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+    currencyDisplay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currencyDisplay" }] : /* istanbul ignore next */ []));
+    currencySign = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currencySign" }] : /* istanbul ignore next */ []));
+    unit = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+    unitDisplay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unitDisplay" }] : /* istanbul ignore next */ []));
+    notation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "notation" }] : /* istanbul ignore next */ []));
+    compactDisplay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "compactDisplay" }] : /* istanbul ignore next */ []));
+    useGrouping = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "useGrouping" }] : /* istanbul ignore next */ []));
+    minimumIntegerDigits = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minimumIntegerDigits" }] : /* istanbul ignore next */ []));
+    minimumFractionDigits = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minimumFractionDigits" }] : /* istanbul ignore next */ []));
+    maximumFractionDigits = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maximumFractionDigits" }] : /* istanbul ignore next */ []));
+    minimumSignificantDigits = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minimumSignificantDigits" }] : /* istanbul ignore next */ []));
+    maximumSignificantDigits = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maximumSignificantDigits" }] : /* istanbul ignore next */ []));
+    signDisplay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "signDisplay" }] : /* istanbul ignore next */ []));
+    roundingPriority = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roundingPriority" }] : /* istanbul ignore next */ []));
+    roundingIncrement = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roundingIncrement" }] : /* istanbul ignore next */ []));
+    roundingMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roundingMode" }] : /* istanbul ignore next */ []));
+    trailingZeroDisplay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trailingZeroDisplay" }] : /* istanbul ignore next */ []));
+    localeContext = injectLocale();
+    formatted = computed(() => {
+        return formatNumber(this.value(), this.locale() ?? this.localeContext.locale, this.intlOptions());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
+    intlOptions() {
+        return compactOptions$1({
+            ...this.options(),
+            ...compactOptions$1({
+                localeMatcher: this.localeMatcher(),
+                numberingSystem: this.numberingSystem(),
+                style: this.style(),
+                currency: this.currency(),
+                currencyDisplay: this.currencyDisplay(),
+                currencySign: this.currencySign(),
+                unit: this.unit(),
+                unitDisplay: this.unitDisplay(),
+                notation: this.notation(),
+                compactDisplay: this.compactDisplay(),
+                useGrouping: this.useGrouping(),
+                minimumIntegerDigits: this.minimumIntegerDigits(),
+                minimumFractionDigits: this.minimumFractionDigits(),
+                maximumFractionDigits: this.maximumFractionDigits(),
+                minimumSignificantDigits: this.minimumSignificantDigits(),
+                maximumSignificantDigits: this.maximumSignificantDigits(),
+                signDisplay: this.signDisplay(),
+                roundingPriority: this.roundingPriority(),
+                roundingIncrement: this.roundingIncrement(),
+                roundingMode: this.roundingMode(),
+                trailingZeroDisplay: this.trailingZeroDisplay(),
+            }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatNumber, isStandalone: true, selector: "format-number", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, numberingSystem: { classPropertyName: "numberingSystem", publicName: "numberingSystem", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, currencySign: { classPropertyName: "currencySign", publicName: "currencySign", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, unitDisplay: { classPropertyName: "unitDisplay", publicName: "unitDisplay", isSignal: true, isRequired: false, transformFunction: null }, notation: { classPropertyName: "notation", publicName: "notation", isSignal: true, isRequired: false, transformFunction: null }, compactDisplay: { classPropertyName: "compactDisplay", publicName: "compactDisplay", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, minimumIntegerDigits: { classPropertyName: "minimumIntegerDigits", publicName: "minimumIntegerDigits", isSignal: true, isRequired: false, transformFunction: null }, minimumFractionDigits: { classPropertyName: "minimumFractionDigits", publicName: "minimumFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maximumFractionDigits: { classPropertyName: "maximumFractionDigits", publicName: "maximumFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, minimumSignificantDigits: { classPropertyName: "minimumSignificantDigits", publicName: "minimumSignificantDigits", isSignal: true, isRequired: false, transformFunction: null }, maximumSignificantDigits: { classPropertyName: "maximumSignificantDigits", publicName: "maximumSignificantDigits", isSignal: true, isRequired: false, transformFunction: null }, signDisplay: { classPropertyName: "signDisplay", publicName: "signDisplay", isSignal: true, isRequired: false, transformFunction: null }, roundingPriority: { classPropertyName: "roundingPriority", publicName: "roundingPriority", isSignal: true, isRequired: false, transformFunction: null }, roundingIncrement: { classPropertyName: "roundingIncrement", publicName: "roundingIncrement", isSignal: true, isRequired: false, transformFunction: null }, roundingMode: { classPropertyName: "roundingMode", publicName: "roundingMode", isSignal: true, isRequired: false, transformFunction: null }, trailingZeroDisplay: { classPropertyName: "trailingZeroDisplay", publicName: "trailingZeroDisplay", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatNumber, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "format-number",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { style: "display: contents" },
+                    template: ` {{ formatted() }} `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], localeMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeMatcher", required: false }] }], numberingSystem: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberingSystem", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], currencyDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDisplay", required: false }] }], currencySign: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySign", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], unitDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "unitDisplay", required: false }] }], notation: [{ type: i0.Input, args: [{ isSignal: true, alias: "notation", required: false }] }], compactDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactDisplay", required: false }] }], useGrouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "useGrouping", required: false }] }], minimumIntegerDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumIntegerDigits", required: false }] }], minimumFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumFractionDigits", required: false }] }], maximumFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumFractionDigits", required: false }] }], minimumSignificantDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumSignificantDigits", required: false }] }], maximumSignificantDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumSignificantDigits", required: false }] }], signDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "signDisplay", required: false }] }], roundingPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingPriority", required: false }] }], roundingIncrement: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingIncrement", required: false }] }], roundingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundingMode", required: false }] }], trailingZeroDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingZeroDisplay", required: false }] }] } });
+function compactOptions$1(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
+}
+
+class FormatRelativeTime {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    unit = input("day", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    options = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    localeMatcher = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "localeMatcher" }] : /* istanbul ignore next */ []));
+    numeric = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "numeric" }] : /* istanbul ignore next */ []));
+    style = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
+    localeContext = injectLocale();
+    formatted = computed(() => {
+        const locale = this.locale() ?? this.localeContext.locale;
+        const options = compactOptions({
+            ...this.options(),
+            ...compactOptions({
+                localeMatcher: this.localeMatcher(),
+                numeric: this.numeric(),
+                style: this.style(),
+            }),
+        });
+        const value = this.value();
+        if (value instanceof Date) {
+            return formatRelativeTime(value, locale, options);
+        }
+        return new Intl.RelativeTimeFormat(locale, options).format(value, this.unit());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatRelativeTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatRelativeTime, isStandalone: true, selector: "format-relative-time", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, numeric: { classPropertyName: "numeric", publicName: "numeric", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatRelativeTime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "format-relative-time",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { style: "display: contents" },
+                    template: ` {{ formatted() }} `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], localeMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeMatcher", required: false }] }], numeric: [{ type: i0.Input, args: [{ isSignal: true, alias: "numeric", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
+function compactOptions(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
+}
+
+class FormatTime {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    format = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    amLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "amLabel" }] : /* istanbul ignore next */ []));
+    pmLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pmLabel" }] : /* istanbul ignore next */ []));
+    withSeconds = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "withSeconds" }] : /* istanbul ignore next */ []));
+    localeContext = injectLocale();
+    formatted = computed(() => {
+        return (formatTime(this.value(), this.locale() ?? this.localeContext.locale, {
+            format: this.format(),
+            amLabel: this.amLabel(),
+            pmLabel: this.pmLabel(),
+            withSeconds: this.withSeconds(),
+        }) ?? "");
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: FormatTime, isStandalone: true, selector: "format-time", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, amLabel: { classPropertyName: "amLabel", publicName: "amLabel", isSignal: true, isRequired: false, transformFunction: null }, pmLabel: { classPropertyName: "pmLabel", publicName: "pmLabel", isSignal: true, isRequired: false, transformFunction: null }, withSeconds: { classPropertyName: "withSeconds", publicName: "withSeconds", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: ` {{ formatted() }} `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FormatTime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "format-time",
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { style: "display: contents" },
+                    template: ` {{ formatted() }} `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], amLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "amLabel", required: false }] }], pmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pmLabel", required: false }] }], withSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "withSeconds", required: false }] }] } });
+
+var format = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Byte: FormatByte,
+    Number: FormatNumber,
+    RelativeTime: FormatRelativeTime,
+    Time: FormatTime
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { format as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };
+//# sourceMappingURL=wirekyt-angular-format.mjs.map

package/dist/fesm2022/wirekyt-angular-format.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-format.mjs","sources":["../../src/components/format/byte.ts","../../src/components/format/number.ts","../../src/components/format/relative-time.ts","../../src/components/format/time.ts","../../src/components/format/wirekyt-angular-format.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { type FormatBytesOptions, formatBytes } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatByteProps extends FormatBytesOptions {\n  value: number;\n  locale?: string;\n}\n\n@Component({\n  selector: \"format-byte\",\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { style: \"display: contents\" },\n  template: ` {{ formatted() }} `,\n})\nexport class FormatByte {\n  readonly value = input.required<number>();\n  readonly locale = input<string | undefined>(undefined);\n  readonly unit = input<FormatBytesOptions[\"unit\"]>(\"byte\");\n  readonly unitDisplay = input<FormatBytesOptions[\"unitDisplay\"]>(\"short\");\n  readonly unitSystem = input<FormatBytesOptions[\"unitSystem\"] | undefined>(undefined);\n  readonly precision = input<number | undefined>(undefined);\n\n  private readonly localeContext = injectLocale();\n  protected readonly formatted = computed(() => {\n    return formatBytes(\n      this.value(),\n      this.locale() ?? this.localeContext.locale,\n      compactOptions({\n        precision: this.precision(),\n        unit: this.unit(),\n        unitDisplay: this.unitDisplay(),\n        unitSystem: this.unitSystem(),\n      }),\n    );\n  });\n}\n\nfunction compactOptions<T extends Record<string, unknown>>(options: T): T {\n  return Object.fromEntries(\n    Object.entries(options).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { formatNumber } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatNumberProps extends Intl.NumberFormatOptions {\n  value: number;\n  locale?: string;\n}\n\n@Component({\n  selector: \"format-number\",\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { style: \"display: contents\" },\n  template: ` {{ formatted() }} `,\n})\nexport class FormatNumber {\n  readonly value = input.required<number>();\n  readonly locale = input<string | undefined>(undefined);\n  readonly options = input<Intl.NumberFormatOptions | undefined>(undefined);\n  readonly localeMatcher = input<Intl.NumberFormatOptions[\"localeMatcher\"] | undefined>(undefined);\n  readonly numberingSystem = input<Intl.NumberFormatOptions[\"numberingSystem\"] | undefined>(\n    undefined,\n  );\n  readonly style = input<Intl.NumberFormatOptions[\"style\"] | undefined>(undefined);\n  readonly currency = input<string | undefined>(undefined);\n  readonly currencyDisplay = input<Intl.NumberFormatOptions[\"currencyDisplay\"] | undefined>(\n    undefined,\n  );\n  readonly currencySign = input<Intl.NumberFormatOptions[\"currencySign\"] | undefined>(undefined);\n  readonly unit = input<string | undefined>(undefined);\n  readonly unitDisplay = input<Intl.NumberFormatOptions[\"unitDisplay\"] | undefined>(undefined);\n  readonly notation = input<Intl.NumberFormatOptions[\"notation\"] | undefined>(undefined);\n  readonly compactDisplay = input<Intl.NumberFormatOptions[\"compactDisplay\"] | undefined>(\n    undefined,\n  );\n  readonly useGrouping = input<Intl.NumberFormatOptions[\"useGrouping\"] | undefined>(undefined);\n  readonly minimumIntegerDigits = input<number | undefined>(undefined);\n  readonly minimumFractionDigits = input<number | undefined>(undefined);\n  readonly maximumFractionDigits = input<number | undefined>(undefined);\n  readonly minimumSignificantDigits = input<number | undefined>(undefined);\n  readonly maximumSignificantDigits = input<number | undefined>(undefined);\n  readonly signDisplay = input<Intl.NumberFormatOptions[\"signDisplay\"] | undefined>(undefined);\n  readonly roundingPriority = input<Intl.NumberFormatOptions[\"roundingPriority\"] | undefined>(\n    undefined,\n  );\n  readonly roundingIncrement = input<Intl.NumberFormatOptions[\"roundingIncrement\"] | undefined>(\n    undefined,\n  );\n  readonly roundingMode = input<Intl.NumberFormatOptions[\"roundingMode\"] | undefined>(undefined);\n  readonly trailingZeroDisplay = input<Intl.NumberFormatOptions[\"trailingZeroDisplay\"] | undefined>(\n    undefined,\n  );\n\n  private readonly localeContext = injectLocale();\n  protected readonly formatted = computed(() => {\n    return formatNumber(\n      this.value(),\n      this.locale() ?? this.localeContext.locale,\n      this.intlOptions(),\n    );\n  });\n\n  private intlOptions(): Intl.NumberFormatOptions {\n    return compactOptions({\n      ...this.options(),\n      ...compactOptions({\n        localeMatcher: this.localeMatcher(),\n        numberingSystem: this.numberingSystem(),\n        style: this.style(),\n        currency: this.currency(),\n        currencyDisplay: this.currencyDisplay(),\n        currencySign: this.currencySign(),\n        unit: this.unit(),\n        unitDisplay: this.unitDisplay(),\n        notation: this.notation(),\n        compactDisplay: this.compactDisplay(),\n        useGrouping: this.useGrouping(),\n        minimumIntegerDigits: this.minimumIntegerDigits(),\n        minimumFractionDigits: this.minimumFractionDigits(),\n        maximumFractionDigits: this.maximumFractionDigits(),\n        minimumSignificantDigits: this.minimumSignificantDigits(),\n        maximumSignificantDigits: this.maximumSignificantDigits(),\n        signDisplay: this.signDisplay(),\n        roundingPriority: this.roundingPriority(),\n        roundingIncrement: this.roundingIncrement(),\n        roundingMode: this.roundingMode(),\n        trailingZeroDisplay: this.trailingZeroDisplay(),\n      }),\n    });\n  }\n}\n\nfunction compactOptions<T extends Record<string, unknown>>(options: T): T {\n  return Object.fromEntries(\n    Object.entries(options).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { formatRelativeTime } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {\n  value: Date | number;\n  unit?: Intl.RelativeTimeFormatUnit;\n  locale?: string;\n}\n\n@Component({\n  selector: \"format-relative-time\",\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { style: \"display: contents\" },\n  template: ` {{ formatted() }} `,\n})\nexport class FormatRelativeTime {\n  readonly value = input.required<Date | number>();\n  readonly unit = input<Intl.RelativeTimeFormatUnit>(\"day\");\n  readonly locale = input<string | undefined>(undefined);\n  readonly options = input<Intl.RelativeTimeFormatOptions | undefined>(undefined);\n  readonly localeMatcher = input<Intl.RelativeTimeFormatOptions[\"localeMatcher\"] | undefined>(\n    undefined,\n  );\n  readonly numeric = input<Intl.RelativeTimeFormatOptions[\"numeric\"] | undefined>(undefined);\n  readonly style = input<Intl.RelativeTimeFormatOptions[\"style\"] | undefined>(undefined);\n\n  private readonly localeContext = injectLocale();\n  protected readonly formatted = computed(() => {\n    const locale = this.locale() ?? this.localeContext.locale;\n    const options = compactOptions({\n      ...this.options(),\n      ...compactOptions({\n        localeMatcher: this.localeMatcher(),\n        numeric: this.numeric(),\n        style: this.style(),\n      }),\n    });\n    const value = this.value();\n    if (value instanceof Date) {\n      return formatRelativeTime(value, locale, options);\n    }\n    return new Intl.RelativeTimeFormat(locale, options).format(value, this.unit());\n  });\n}\n\nfunction compactOptions<T extends Record<string, unknown>>(options: T): T {\n  return Object.fromEntries(\n    Object.entries(options).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from \"@angular/core\";\nimport { injectLocale } from \"@wirekyt/angular\";\nimport { type FormatTimeOptions, formatTime } from \"@wirekyt/dom/i18n-utils\";\n\nexport interface FormatTimeProps extends FormatTimeOptions {\n  value: string | Date;\n  locale?: string;\n}\n\n@Component({\n  selector: \"format-time\",\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { style: \"display: contents\" },\n  template: ` {{ formatted() }} `,\n})\nexport class FormatTime {\n  readonly value = input.required<string | Date>();\n  readonly locale = input<string | undefined>(undefined);\n  readonly format = input<FormatTimeOptions[\"format\"] | undefined>(undefined);\n  readonly amLabel = input<string | undefined>(undefined);\n  readonly pmLabel = input<string | undefined>(undefined);\n  readonly withSeconds = input<boolean | undefined>(undefined);\n\n  private readonly localeContext = injectLocale();\n  protected readonly formatted = computed(() => {\n    return (\n      formatTime(this.value(), this.locale() ?? this.localeContext.locale, {\n        format: this.format(),\n        amLabel: this.amLabel(),\n        pmLabel: this.pmLabel(),\n        withSeconds: this.withSeconds(),\n      }) ?? \"\"\n    );\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["compactOptions"],"mappings":";;;;;MAgBa,UAAU,CAAA;IACZ,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAU;IAChC,MAAM,GAAG,KAAK,CAAqB,SAAS;+EAAC;IAC7C,IAAI,GAAG,KAAK,CAA6B,MAAM;6EAAC;IAChD,WAAW,GAAG,KAAK,CAAoC,OAAO;oFAAC;IAC/D,UAAU,GAAG,KAAK,CAA+C,SAAS;mFAAC;IAC3E,SAAS,GAAG,KAAK,CAAqB,SAAS;kFAAC;IAExC,aAAa,GAAG,YAAY,EAAE;AAC5B,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,OAAO,WAAW,CAChB,IAAI,CAAC,KAAK,EAAE,EACZ,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAC1CA,gBAAc,CAAC;AACb,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC9B,SAAA,CAAC,CACH;IACH,CAAC;kFAAC;uGApBS,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,83BAFX,CAAA,mBAAA,CAAqB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEpB,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;AACpC,oBAAA,QAAQ,EAAE,CAAA,mBAAA,CAAqB;AAChC,iBAAA;;AAwBD,SAASA,gBAAc,CAAoC,OAAU,EAAA;IACnE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,SAAS,CAAC,CAC9D;AACR;;MC3Ba,YAAY,CAAA;IACd,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAU;IAChC,MAAM,GAAG,KAAK,CAAqB,SAAS;+EAAC;IAC7C,OAAO,GAAG,KAAK,CAAuC,SAAS;gFAAC;IAChE,aAAa,GAAG,KAAK,CAAwD,SAAS;sFAAC;IACvF,eAAe,GAAG,KAAK,CAC9B,SAAS;wFACV;IACQ,KAAK,GAAG,KAAK,CAAgD,SAAS;8EAAC;IACvE,QAAQ,GAAG,KAAK,CAAqB,SAAS;iFAAC;IAC/C,eAAe,GAAG,KAAK,CAC9B,SAAS;wFACV;IACQ,YAAY,GAAG,KAAK,CAAuD,SAAS;qFAAC;IACrF,IAAI,GAAG,KAAK,CAAqB,SAAS;6EAAC;IAC3C,WAAW,GAAG,KAAK,CAAsD,SAAS;oFAAC;IACnF,QAAQ,GAAG,KAAK,CAAmD,SAAS;iFAAC;IAC7E,cAAc,GAAG,KAAK,CAC7B,SAAS;uFACV;IACQ,WAAW,GAAG,KAAK,CAAsD,SAAS;oFAAC;IACnF,oBAAoB,GAAG,KAAK,CAAqB,SAAS;6FAAC;IAC3D,qBAAqB,GAAG,KAAK,CAAqB,SAAS;8FAAC;IAC5D,qBAAqB,GAAG,KAAK,CAAqB,SAAS;8FAAC;IAC5D,wBAAwB,GAAG,KAAK,CAAqB,SAAS;iGAAC;IAC/D,wBAAwB,GAAG,KAAK,CAAqB,SAAS;iGAAC;IAC/D,WAAW,GAAG,KAAK,CAAsD,SAAS;oFAAC;IACnF,gBAAgB,GAAG,KAAK,CAC/B,SAAS;yFACV;IACQ,iBAAiB,GAAG,KAAK,CAChC,SAAS;0FACV;IACQ,YAAY,GAAG,KAAK,CAAuD,SAAS;qFAAC;IACrF,mBAAmB,GAAG,KAAK,CAClC,SAAS;4FACV;IAEgB,aAAa,GAAG,YAAY,EAAE;AAC5B,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;QAC3C,OAAO,YAAY,CACjB,IAAI,CAAC,KAAK,EAAE,EACZ,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAC1C,IAAI,CAAC,WAAW,EAAE,CACnB;IACH,CAAC;kFAAC;IAEM,WAAW,GAAA;AACjB,QAAA,OAAOA,gBAAc,CAAC;YACpB,GAAG,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,GAAGA,gBAAc,CAAC;AAChB,gBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;AACnC,gBAAA,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE;AACvC,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,gBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,gBAAA,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE;AACvC,gBAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,gBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACzB,gBAAA,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;AACrC,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,gBAAA,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAAE;AACjD,gBAAA,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EAAE;AACnD,gBAAA,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EAAE;AACnD,gBAAA,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EAAE;AACzD,gBAAA,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EAAE;AACzD,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,gBAAA,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE;AACzC,gBAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;AAC3C,gBAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;AACjC,gBAAA,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE;aAChD,CAAC;AACH,SAAA,CAAC;IACJ;uGA1EW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,whHAFb,CAAA,mBAAA,CAAqB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEpB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAPxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;AACpC,oBAAA,QAAQ,EAAE,CAAA,mBAAA,CAAqB;AAChC,iBAAA;;AA8ED,SAASA,gBAAc,CAAoC,OAAU,EAAA;IACnE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,SAAS,CAAC,CAC9D;AACR;;MChFa,kBAAkB,CAAA;IACpB,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAiB;IACvC,IAAI,GAAG,KAAK,CAA8B,KAAK;6EAAC;IAChD,MAAM,GAAG,KAAK,CAAqB,SAAS;+EAAC;IAC7C,OAAO,GAAG,KAAK,CAA6C,SAAS;gFAAC;IACtE,aAAa,GAAG,KAAK,CAC5B,SAAS;sFACV;IACQ,OAAO,GAAG,KAAK,CAAwD,SAAS;gFAAC;IACjF,KAAK,GAAG,KAAK,CAAsD,SAAS;8EAAC;IAErE,aAAa,GAAG,YAAY,EAAE;AAC5B,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM;QACzD,MAAM,OAAO,GAAG,cAAc,CAAC;YAC7B,GAAG,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,GAAG,cAAc,CAAC;AAChB,gBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;AACnC,gBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;aACpB,CAAC;AACH,SAAA,CAAC;AACF,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,KAAK,YAAY,IAAI,EAAE;YACzB,OAAO,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;QACnD;AACA,QAAA,OAAO,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAChF,CAAC;kFAAC;uGA3BS,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,s/BAFnB,CAAA,mBAAA,CAAqB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEpB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;AACpC,oBAAA,QAAQ,EAAE,CAAA,mBAAA,CAAqB;AAChC,iBAAA;;AA+BD,SAAS,cAAc,CAAoC,OAAU,EAAA;IACnE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,SAAS,CAAC,CAC9D;AACR;;MCnCa,UAAU,CAAA;IACZ,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAiB;IACvC,MAAM,GAAG,KAAK,CAAqB,SAAS;+EAAC;IAC7C,MAAM,GAAG,KAAK,CAA0C,SAAS;+EAAC;IAClE,OAAO,GAAG,KAAK,CAAqB,SAAS;gFAAC;IAC9C,OAAO,GAAG,KAAK,CAAqB,SAAS;gFAAC;IAC9C,WAAW,GAAG,KAAK,CAAsB,SAAS;oFAAC;IAE3C,aAAa,GAAG,YAAY,EAAE;AAC5B,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,QACE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;AACnE,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACrB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;SAChC,CAAC,IAAI,EAAE;IAEZ,CAAC;kFAAC;uGAlBS,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,q3BAFX,CAAA,mBAAA,CAAqB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEpB,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;AACpC,oBAAA,QAAQ,EAAE,CAAA,mBAAA,CAAqB;AAChC,iBAAA;;;;;;;;;;;ACfD;;AAEG;;;;"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist",
@@ -91,6 +91,14 @@
       "types": "./types/wirekyt-angular-floating-panel.d.ts",
       "default": "./fesm2022/wirekyt-angular-floating-panel.mjs"
     },
+    "./focus-trap": {
+      "types": "./types/wirekyt-angular-focus-trap.d.ts",
+      "default": "./fesm2022/wirekyt-angular-focus-trap.mjs"
+    },
+    "./format": {
+      "types": "./types/wirekyt-angular-format.d.ts",
+      "default": "./fesm2022/wirekyt-angular-format.mjs"
+    },
     "./presence": {
       "types": "./types/wirekyt-angular-presence.d.ts",
       "default": "./fesm2022/wirekyt-angular-presence.mjs"

package/dist/types/wirekyt-angular-checkbox.d.ts

@@ -7,7 +7,7 @@ import * as i0 from '@angular/core';
 import { Signal, InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
-declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
+declare const checkboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "indicator" | "label" | "control" | "group">;
 
 type OptionalId<T extends {
     id: string;

package/dist/types/wirekyt-angular-color-picker.d.ts

@@ -9,7 +9,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 import { ColorStringFormat } from '@wirekyt/dom/color-utils';
 
-declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "label" | "valueText" | "control" | "area" | "trigger" | "content" | "positioner" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"trigger" | "content" | "positioner" | "root" | "area" | "label" | "control" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 
 declare class ColorPickerArea {
     readonly xChannel: InputSignal<colorPicker.ColorChannel | undefined>;

package/dist/types/wirekyt-angular-combobox.d.ts

@@ -13,7 +13,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _wirekyt_angular_combobox from '@wirekyt/angular/combobox';
 
-declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "control" | "input" | "item" | "trigger" | "itemGroup" | "clearTrigger" | "content" | "list" | "itemIndicator" | "itemText" | "positioner" | "itemGroupLabel" | "empty">;
+declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"trigger" | "content" | "positioner" | "input" | "root" | "item" | "label" | "control" | "clearTrigger" | "list" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "empty">;
 
 type ComboboxSchema<T extends CollectionItem = CollectionItem> = Machine<T> extends Machine$1<infer S> ? S : never;
 

package/dist/types/wirekyt-angular-date-picker.d.ts

@@ -9,7 +9,7 @@ import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
 import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 
-declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "label" | "control" | "input" | "table" | "view" | "prevTrigger" | "nextTrigger" | "trigger" | "clearTrigger" | "content" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
+declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"trigger" | "content" | "positioner" | "input" | "root" | "label" | "table" | "view" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
 
 type OptionalId<T extends {
     id?: string | undefined;

package/dist/types/wirekyt-angular-focus-trap.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import { FocusTrapOptions } from '@wirekyt/dom/focus-trap';
+export { FocusTrapOptions, TrapFocusOptions } from '@wirekyt/dom/focus-trap';
+
+interface TrapOptions extends Pick<FocusTrapOptions, "initialFocus" | "fallbackFocus" | "returnFocusOnDeactivate" | "setReturnFocus"> {
+    disabled?: boolean;
+}
+interface FocusTrapProps extends TrapOptions {
+}
+declare class FocusTrap {
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly initialFocus: _angular_core.InputSignal<((false | (string | (HTMLElement | SVGElement))) | (() => false | (string | (HTMLElement | SVGElement)))) | VoidFunction | undefined>;
+    readonly fallbackFocus: _angular_core.InputSignal<((string | (HTMLElement | SVGElement)) | (() => string | (HTMLElement | SVGElement))) | undefined>;
+    readonly returnFocusOnDeactivate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly setReturnFocus: _angular_core.InputSignal<(false | (string | (HTMLElement | SVGElement))) | ((nodeFocusedBeforeActivation: HTMLElement | SVGElement) => false | (string | (HTMLElement | SVGElement))) | undefined>;
+    readonly activate: _angular_core.OutputEmitterRef<void>;
+    readonly deactivate: _angular_core.OutputEmitterRef<void>;
+    private readonly elementRef;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    private cleanup;
+    constructor();
+    private tearDown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FocusTrap, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FocusTrap, "[focus-trap]", ["focusTrap"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "fallbackFocus": { "alias": "fallbackFocus"; "required": false; "isSignal": true; }; "returnFocusOnDeactivate": { "alias": "returnFocusOnDeactivate"; "required": false; "isSignal": true; }; "setReturnFocus": { "alias": "setReturnFocus"; "required": false; "isSignal": true; }; }, { "activate": "activate"; "deactivate": "deactivate"; }, never, never, true, never>;
+}
+
+export { FocusTrap };
+export type { FocusTrapProps, TrapOptions };
+//# sourceMappingURL=wirekyt-angular-focus-trap.d.ts.map

package/dist/types/wirekyt-angular-focus-trap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-focus-trap.d.ts","sources":["../../src/components/focus-trap/focus-trap.ts"],"mappings":";;;;AAgBM,UAAW,WAAY,SAAQ,IAAI,CACvC,gBAAgB;;AAIjB;AAEK,UAAW,cAAe,SAAQ,WAAW;AAAG;AAEtD,cAKa,SAAS;uBACH,aAAA,CAAA,wBAAA;2BACI,aAAA,CAAA,WAAA,sBAAA,WAAA,GAAA,UAAA,gCAAA,WAAA,GAAA,UAAA,OAAA,YAAA;4BACC,aAAA,CAAA,WAAA,aAAA,WAAA,GAAA,UAAA,sBAAA,WAAA,GAAA,UAAA;sCACU,aAAA,CAAA,wBAAA;6BACT,aAAA,CAAA,WAAA,qBAAA,WAAA,GAAA,UAAA,qCAAA,WAAA,GAAA,UAAA,wBAAA,WAAA,GAAA,UAAA;uBAEN,aAAA,CAAA,gBAAA;yBACE,aAAA,CAAA,gBAAA;AAEnB;AACA;AACA;;;AAgCA;oDA5CW,SAAS;sDAAT,SAAS;AAmDrB;;;;","names":[]}

package/dist/types/wirekyt-angular-format.d.ts

@@ -0,0 +1,101 @@
+import * as _angular_core from '@angular/core';
+import * as _wirekyt_dom_i18n_utils from '@wirekyt/dom/i18n-utils';
+import { FormatBytesOptions, FormatTimeOptions } from '@wirekyt/dom/i18n-utils';
+
+interface FormatByteProps extends FormatBytesOptions {
+    value: number;
+    locale?: string;
+}
+declare class FormatByte {
+    readonly value: _angular_core.InputSignal<number>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly unit: _angular_core.InputSignal<"bit" | "byte" | undefined>;
+    readonly unitDisplay: _angular_core.InputSignal<"long" | "short" | "narrow" | undefined>;
+    readonly unitSystem: _angular_core.InputSignal<"binary" | "decimal" | undefined>;
+    readonly precision: _angular_core.InputSignal<number | undefined>;
+    private readonly localeContext;
+    protected readonly formatted: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatByte, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatByte, "format-byte", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "unitSystem": { "alias": "unitSystem"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface FormatNumberProps extends Intl.NumberFormatOptions {
+    value: number;
+    locale?: string;
+}
+declare class FormatNumber {
+    readonly value: _angular_core.InputSignal<number>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly options: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    readonly localeMatcher: _angular_core.InputSignal<"lookup" | "best fit" | undefined>;
+    readonly numberingSystem: _angular_core.InputSignal<string | undefined>;
+    readonly style: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsStyleRegistry | undefined>;
+    readonly currency: _angular_core.InputSignal<string | undefined>;
+    readonly currencyDisplay: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsCurrencyDisplayRegistry | undefined>;
+    readonly currencySign: _angular_core.InputSignal<"standard" | "accounting" | undefined>;
+    readonly unit: _angular_core.InputSignal<string | undefined>;
+    readonly unitDisplay: _angular_core.InputSignal<"long" | "short" | "narrow" | undefined>;
+    readonly notation: _angular_core.InputSignal<"standard" | "scientific" | "engineering" | "compact" | undefined>;
+    readonly compactDisplay: _angular_core.InputSignal<"long" | "short" | undefined>;
+    readonly useGrouping: _angular_core.InputSignal<boolean | keyof Intl.NumberFormatOptionsUseGroupingRegistry | "true" | "false" | undefined>;
+    readonly minimumIntegerDigits: _angular_core.InputSignal<number | undefined>;
+    readonly minimumFractionDigits: _angular_core.InputSignal<number | undefined>;
+    readonly maximumFractionDigits: _angular_core.InputSignal<number | undefined>;
+    readonly minimumSignificantDigits: _angular_core.InputSignal<number | undefined>;
+    readonly maximumSignificantDigits: _angular_core.InputSignal<number | undefined>;
+    readonly signDisplay: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsSignDisplayRegistry | undefined>;
+    readonly roundingPriority: _angular_core.InputSignal<"auto" | "morePrecision" | "lessPrecision" | undefined>;
+    readonly roundingIncrement: _angular_core.InputSignal<2 | 1 | 5 | 10 | 20 | 25 | 50 | 100 | 200 | 250 | 500 | 1000 | 2000 | 2500 | 5000 | undefined>;
+    readonly roundingMode: _angular_core.InputSignal<"ceil" | "floor" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined>;
+    readonly trailingZeroDisplay: _angular_core.InputSignal<"auto" | "stripIfInteger" | undefined>;
+    private readonly localeContext;
+    protected readonly formatted: _angular_core.Signal<string>;
+    private intlOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatNumber, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatNumber, "format-number", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; "isSignal": true; }; "numberingSystem": { "alias": "numberingSystem"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "currencySign": { "alias": "currencySign"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "notation": { "alias": "notation"; "required": false; "isSignal": true; }; "compactDisplay": { "alias": "compactDisplay"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minimumIntegerDigits": { "alias": "minimumIntegerDigits"; "required": false; "isSignal": true; }; "minimumFractionDigits": { "alias": "minimumFractionDigits"; "required": false; "isSignal": true; }; "maximumFractionDigits": { "alias": "maximumFractionDigits"; "required": false; "isSignal": true; }; "minimumSignificantDigits": { "alias": "minimumSignificantDigits"; "required": false; "isSignal": true; }; "maximumSignificantDigits": { "alias": "maximumSignificantDigits"; "required": false; "isSignal": true; }; "signDisplay": { "alias": "signDisplay"; "required": false; "isSignal": true; }; "roundingPriority": { "alias": "roundingPriority"; "required": false; "isSignal": true; }; "roundingIncrement": { "alias": "roundingIncrement"; "required": false; "isSignal": true; }; "roundingMode": { "alias": "roundingMode"; "required": false; "isSignal": true; }; "trailingZeroDisplay": { "alias": "trailingZeroDisplay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+    value: Date | number;
+    unit?: Intl.RelativeTimeFormatUnit;
+    locale?: string;
+}
+declare class FormatRelativeTime {
+    readonly value: _angular_core.InputSignal<number | Date>;
+    readonly unit: _angular_core.InputSignal<Intl.RelativeTimeFormatUnit>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly options: _angular_core.InputSignal<Intl.RelativeTimeFormatOptions | undefined>;
+    readonly localeMatcher: _angular_core.InputSignal<Intl.RelativeTimeFormatLocaleMatcher | undefined>;
+    readonly numeric: _angular_core.InputSignal<Intl.RelativeTimeFormatNumeric | undefined>;
+    readonly style: _angular_core.InputSignal<Intl.RelativeTimeFormatStyle | undefined>;
+    private readonly localeContext;
+    protected readonly formatted: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatRelativeTime, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatRelativeTime, "format-relative-time", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; "isSignal": true; }; "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface FormatTimeProps extends FormatTimeOptions {
+    value: string | Date;
+    locale?: string;
+}
+declare class FormatTime {
+    readonly value: _angular_core.InputSignal<string | Date>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly format: _angular_core.InputSignal<_wirekyt_dom_i18n_utils.TimeFormat | undefined>;
+    readonly amLabel: _angular_core.InputSignal<string | undefined>;
+    readonly pmLabel: _angular_core.InputSignal<string | undefined>;
+    readonly withSeconds: _angular_core.InputSignal<boolean | undefined>;
+    private readonly localeContext;
+    protected readonly formatted: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormatTime, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormatTime, "format-time", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "amLabel": { "alias": "amLabel"; "required": false; "isSignal": true; }; "pmLabel": { "alias": "pmLabel"; "required": false; "isSignal": true; }; "withSeconds": { "alias": "withSeconds"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare namespace format_d {
+  export { FormatByte as Byte, FormatNumber as Number, FormatRelativeTime as RelativeTime, FormatTime as Time };
+  export type { FormatByteProps as ByteProps, FormatNumberProps as NumberProps, FormatRelativeTimeProps as RelativeTimeProps, FormatTimeProps as TimeProps };
+}
+
+export { format_d as Format, FormatByte, FormatNumber, FormatRelativeTime, FormatTime };
+export type { FormatByteProps, FormatNumberProps, FormatRelativeTimeProps, FormatTimeProps };
+//# sourceMappingURL=wirekyt-angular-format.d.ts.map

package/dist/types/wirekyt-angular-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-format.d.ts","sources":["../../src/components/format/byte.ts","../../src/components/format/number.ts","../../src/components/format/relative-time.ts","../../src/components/format/time.ts"],"mappings":";;;;AAIM,UAAW,eAAgB,SAAQ,kBAAkB;;;AAG1D;AAED,cAOa,UAAU;oBACP,aAAA,CAAA,WAAA;qBACC,aAAA,CAAA,WAAA;mBACF,aAAA,CAAA,WAAA;0BACO,aAAA,CAAA,WAAA;yBACD,aAAA,CAAA,WAAA;wBACD,aAAA,CAAA,WAAA;AAElB;AACA,kCAA4B,aAAA,CAAA,MAAA;oDATjB,UAAU;sDAAV,UAAU;AAqBtB;;ACjCK,UAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB;;;AAGlE;AAED,cAOa,YAAY;oBACT,aAAA,CAAA,WAAA;qBACC,aAAA,CAAA,WAAA;sBACC,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,mBAAA;4BACM,aAAA,CAAA,WAAA;8BACE,aAAA,CAAA,WAAA;oBAGV,aAAA,CAAA,WAAA,OAAA,IAAA,CAAA,gCAAA;uBACG,aAAA,CAAA,WAAA;8BACO,aAAA,CAAA,WAAA,OAAA,IAAA,CAAA,0CAAA;2BAGH,aAAA,CAAA,WAAA;mBACR,aAAA,CAAA,WAAA;0BACO,aAAA,CAAA,WAAA;uBACH,aAAA,CAAA,WAAA;6BACM,aAAA,CAAA,WAAA;0BAGH,aAAA,CAAA,WAAA,iBAAA,IAAA,CAAA,sCAAA;mCACS,aAAA,CAAA,WAAA;oCACC,aAAA,CAAA,WAAA;oCACA,aAAA,CAAA,WAAA;uCACG,aAAA,CAAA,WAAA;uCACA,aAAA,CAAA,WAAA;0BACb,aAAA,CAAA,WAAA,OAAA,IAAA,CAAA,sCAAA;+BACK,aAAA,CAAA,WAAA;gCAGC,aAAA,CAAA,WAAA;2BAGL,aAAA,CAAA,WAAA;kCACO,aAAA,CAAA,WAAA;AAI5B;AACA,kCAA4B,aAAA,CAAA,MAAA;AAQ5B;oDA/CW,YAAY;sDAAZ,YAAY;AA2ExB;;ACvFK,UAAW,uBAAwB,SAAQ,IAAI,CAAC,yBAAyB;AAC7E,WAAO,IAAI;AACX,WAAO,IAAI,CAAC,sBAAsB;;AAEnC;AAED,cAOa,kBAAkB;oBACf,aAAA,CAAA,WAAA,UAAA,IAAA;mBACD,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,sBAAA;qBACE,aAAA,CAAA,WAAA;sBACC,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,yBAAA;4BACM,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,+BAAA;sBAGN,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,yBAAA;oBACF,aAAA,CAAA,WAAA,CAAA,IAAA,CAAA,uBAAA;AAEd;AACA,kCAA4B,aAAA,CAAA,MAAA;oDAZjB,kBAAkB;sDAAlB,kBAAkB;AA4B9B;;ACzCK,UAAW,eAAgB,SAAQ,iBAAiB;AACxD,oBAAgB,IAAI;;AAErB;AAED,cAOa,UAAU;oBACP,aAAA,CAAA,WAAA,UAAA,IAAA;qBACC,aAAA,CAAA,WAAA;qBACA,aAAA,CAAA,WAAA,CAAA,uBAAA,CAAA,UAAA;sBACC,aAAA,CAAA,WAAA;sBACA,aAAA,CAAA,WAAA;0BACI,aAAA,CAAA,WAAA;AAEpB;AACA,kCAA4B,aAAA,CAAA,MAAA;oDATjB,UAAU;sDAAV,UAAU;AAmBtB;;;;;;;;;;;;;;;;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Angular adapter for Wirekyt",
   "files": [
     "dist",
@@ -91,6 +91,14 @@
       "types": "./dist/types/wirekyt-angular-floating-panel.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-floating-panel.mjs"
     },
+    "./focus-trap": {
+      "types": "./dist/types/wirekyt-angular-focus-trap.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-focus-trap.mjs"
+    },
+    "./format": {
+      "types": "./dist/types/wirekyt-angular-format.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-format.mjs"
+    },
     "./presence": {
       "types": "./dist/types/wirekyt-angular-presence.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-presence.mjs"
@@ -104,7 +112,7 @@
   "dependencies": {
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
-    "@wirekyt/dom": "0.0.19",
+    "@wirekyt/dom": "0.0.21",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {