@radix-ng/primitives 1.0.9 → 1.1.0

package/types/radix-ng-primitives-time-field.d.ts

@@ -4,11 +4,12 @@ import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { RdxFormUiControlBase, RdxFormValueControl, TimeValue, HourCycle, Granularity, Direction, BooleanInput, DateStep, Formatter, SegmentValueObj, SegmentPart } from '@radix-ng/primitives/core';
 import * as _internationalized_date from '@internationalized/date';
 
-declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements RdxFormValueControl<TimeValue | undefined> {
+declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements RdxFormValueControl<TimeValue | null> {
     /**
-     * The controlled checked state of the calendar.
+     * The controlled time value. `null` represents an empty field and keeps the value addressable as
+     * an Angular Signal Forms child field (`undefined` denotes an absent optional path).
      */
-    readonly value: _angular_core.ModelSignal<TimeValue | undefined>;
+    readonly value: _angular_core.ModelSignal<TimeValue | null>;
     /**
      * The hour cycle to use for formatting times. Defaults to the locale preference
      */
@@ -60,6 +61,13 @@ declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements
      * The placeholder date, which is used to determine what month to display when no date is selected. This updates as the user navigates the calendar and can be used to programmatically control the calendar view
      */
     readonly placeholder: _angular_core.ModelSignal<TimeValue | undefined>;
+    /**
+     * Always-defined placeholder used for segment math. A controlled `[placeholder]` can be reset to
+     * `undefined`; fall back to the default time so the converted placeholder is never built from
+     * `undefined`.
+     * @ignore
+     */
+    readonly effectivePlaceholder: Signal<TimeValue>;
     /**
      * Segment input parts, collected from the projected content in DOM order. This
      * stays in sync with `segmentContents()` (granularity / locale / value changes
@@ -82,7 +90,7 @@ declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements
     readonly inferredGranularity: Signal<Granularity>;
     readonly convertedMinValue: Signal<_internationalized_date.CalendarDateTime | _internationalized_date.ZonedDateTime | undefined>;
     readonly convertedMaxValue: Signal<_internationalized_date.CalendarDateTime | _internationalized_date.ZonedDateTime | undefined>;
-    readonly convertedModelValue: _angular_core.WritableSignal<TimeValue | undefined>;
+    readonly convertedModelValue: _angular_core.WritableSignal<TimeValue | null>;
     readonly convertedPlaceholder: _angular_core.WritableSignal<TimeValue>;
     /**
      * The per-segment values. Writable so segment editing (via `useDateField`) can
@@ -114,6 +122,8 @@ declare class RdxTimeFieldRootDirective extends RdxFormUiControlBase implements
     private readonly userInteracted;
     /** @ignore Mark the field touched (model + `touch` output) for Signal Forms. Called on segment blur. */
     markAsTouched(): void;
+    /** Reset segment interaction so the form-owned value write remains pristine. */
+    reset(): void;
     /**
      * @ignore
      */
@@ -221,21 +231,22 @@ declare class RdxTimeFieldInputDirective {
 
 interface TimeFieldContextToken {
     locale: InputSignal<string>;
-    value: ModelSignal<TimeValue | undefined>;
-    placeholder: ModelSignal<TimeValue>;
+    value: ModelSignal<TimeValue | null>;
+    /** The controlled placeholder; may be `undefined`. Use `convertedPlaceholder` for segment math. */
+    placeholder: Signal<TimeValue | undefined>;
     isInvalid: Signal<boolean>;
     /** Effective invalid: the built-in range check OR the form-driven invalid state. */
     invalidState: Signal<boolean>;
     /** Tri-state displayed validity (`true`/`false`/`null`): the field's gated state inside a Field, else own. */
     displayValid: Signal<boolean | null>;
-    disabled: InputSignal<boolean>;
-    readonly: InputSignal<boolean>;
+    disabled: Signal<boolean>;
+    readonly: Signal<boolean>;
     formatter: Signal<Formatter>;
-    hourCycle: InputSignal<HourCycle>;
+    hourCycle: Signal<HourCycle | undefined>;
     segmentValues: WritableSignal<SegmentValueObj>;
     focusNext: () => void;
     setFocusedElement: (el: HTMLElement) => void;
-    convertedModelValue: WritableSignal<TimeValue | undefined>;
+    convertedModelValue: WritableSignal<TimeValue | null>;
     convertedPlaceholder: WritableSignal<TimeValue>;
     step$: Signal<DateStep>;
 }

package/types/radix-ng-primitives-tooltip.d.ts

@@ -231,7 +231,7 @@ declare class RdxTooltip {
 declare class RdxTooltipArrow {
     protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
     private readonly wrapper;
-    protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
+    protected readonly side: _angular_core.Signal<i1$1.SideOrLogical | undefined>;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
     protected readonly uncentered: _angular_core.Signal<boolean>;
     protected readonly isVisuallyHidden: boolean;
@@ -245,7 +245,7 @@ declare class RdxTooltipArrow {
 declare class RdxTooltipPopup {
     protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
     private readonly wrapper;
-    protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
+    protected readonly side: _angular_core.Signal<i1$1.SideOrLogical | undefined>;
     protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPopup, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPopup, "[rdxTooltipPopup]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;

package/fesm2022/radix-ng-primitives-focus-guards.mjs

@@ -1,53 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, Injector, afterNextRender, effect, Directive } from '@angular/core';
-
-/** Number of components which have requested interest to have focus guards */
-let count = 0;
-/**
- * Injects a pair of focus guards at the edges of the whole DOM tree
- * to ensure `focusin` & `focusout` events can be caught consistently.
- */
-class RdxFocusGuards {
-    constructor() {
-        this.injector = inject(Injector);
-        afterNextRender(() => {
-            effect((onCleanup) => {
-                const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
-                document.body.insertAdjacentElement('afterbegin', edgeGuards[0] ?? this.createFocusGuard());
-                document.body.insertAdjacentElement('beforeend', edgeGuards[1] ?? this.createFocusGuard());
-                count++;
-                onCleanup(() => {
-                    if (count === 1) {
-                        document.querySelectorAll('[data-radix-focus-guard]').forEach((node) => node.remove());
-                    }
-                    count--;
-                });
-            }, { injector: this.injector });
-        });
-    }
-    createFocusGuard() {
-        const element = document.createElement('span');
-        element.setAttribute('data-radix-focus-guard', '');
-        element.tabIndex = 0;
-        element.style.outline = 'none';
-        element.style.opacity = '0';
-        element.style.position = 'fixed';
-        element.style.pointerEvents = 'none';
-        return element;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFocusGuards, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxFocusGuards, isStandalone: true, selector: "[rdxFocusGuards]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxFocusGuards, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rdxFocusGuards]'
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RdxFocusGuards };
-//# sourceMappingURL=radix-ng-primitives-focus-guards.mjs.map

package/fesm2022/radix-ng-primitives-focus-guards.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radix-ng-primitives-focus-guards.mjs","sources":["../../../packages/primitives/focus-guards/src/focus-guards.ts","../../../packages/primitives/focus-guards/radix-ng-primitives-focus-guards.ts"],"sourcesContent":["import { afterNextRender, Directive, effect, inject, Injector } from '@angular/core';\n\n/** Number of components which have requested interest to have focus guards */\nlet count = 0;\n\n/**\n * Injects a pair of focus guards at the edges of the whole DOM tree\n * to ensure `focusin` & `focusout` events can be caught consistently.\n */\n@Directive({\n    selector: '[rdxFocusGuards]'\n})\nexport class RdxFocusGuards {\n    private readonly injector = inject(Injector);\n\n    constructor() {\n        afterNextRender(() => {\n            effect(\n                (onCleanup) => {\n                    const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');\n\n                    document.body.insertAdjacentElement('afterbegin', edgeGuards[0] ?? this.createFocusGuard());\n\n                    document.body.insertAdjacentElement('beforeend', edgeGuards[1] ?? this.createFocusGuard());\n\n                    count++;\n\n                    onCleanup(() => {\n                        if (count === 1) {\n                            document.querySelectorAll('[data-radix-focus-guard]').forEach((node) => node.remove());\n                        }\n\n                        count--;\n                    });\n                },\n                { injector: this.injector }\n            );\n        });\n    }\n\n    createFocusGuard() {\n        const element = document.createElement('span');\n        element.setAttribute('data-radix-focus-guard', '');\n        element.tabIndex = 0;\n        element.style.outline = 'none';\n        element.style.opacity = '0';\n        element.style.position = 'fixed';\n        element.style.pointerEvents = 'none';\n        return element;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;AACA,IAAI,KAAK,GAAG,CAAC;AAEb;;;AAGG;MAIU,cAAc,CAAA;AAGvB,IAAA,WAAA,GAAA;AAFiB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAGxC,eAAe,CAAC,MAAK;AACjB,YAAA,MAAM,CACF,CAAC,SAAS,KAAI;gBACV,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,0BAA0B,CAAC;AAExE,gBAAA,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAE3F,gBAAA,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAE1F,gBAAA,KAAK,EAAE;gBAEP,SAAS,CAAC,MAAK;AACX,oBAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACb,wBAAA,QAAQ,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;oBAC1F;AAEA,oBAAA,KAAK,EAAE;AACX,gBAAA,CAAC,CAAC;YACN,CAAC,EACD,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAC9B;AACL,QAAA,CAAC,CAAC;IACN;IAEA,gBAAgB,GAAA;QACZ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C,QAAA,OAAO,CAAC,YAAY,CAAC,wBAAwB,EAAE,EAAE,CAAC;AAClD,QAAA,OAAO,CAAC,QAAQ,GAAG,CAAC;AACpB,QAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAC9B,QAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;AAC3B,QAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO;AAChC,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM;AACpC,QAAA,OAAO,OAAO;IAClB;8GArCS,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAH1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;ACXD;;AAEG;;;;"}

package/focus-guards/README.md

@@ -1 +0,0 @@
-# @radix-ng/primitives/focus-guards

package/types/radix-ng-primitives-focus-guards.d.ts

@@ -1,15 +0,0 @@
-import * as i0 from '@angular/core';
-
-/**
- * Injects a pair of focus guards at the edges of the whole DOM tree
- * to ensure `focusin` & `focusout` events can be caught consistently.
- */
-declare class RdxFocusGuards {
-    private readonly injector;
-    constructor();
-    createFocusGuard(): HTMLSpanElement;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxFocusGuards, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxFocusGuards, "[rdxFocusGuards]", never, {}, {}, never, never, true, never>;
-}
-
-export { RdxFocusGuards };