@ojiepermana/angular 22.1.14 → 22.2.0

package/types/ojiepermana-angular-component-popover.d.ts

@@ -1,66 +1,96 @@
-import * as _angular_core from '@angular/core';
-import { TemplateRef, InjectionToken, Signal } from '@angular/core';
-import * as i1 from '@ojiepermana/angular/component/utils/scale';
-import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
-import { OverlaySide, OverlayAlign } from '@ojiepermana/angular/component/utils/overlay';
-
-declare class PopoverContentDirective {
-    protected readonly componentScale: ComponentScaleDirective;
-    readonly radius: _angular_core.InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
-    readonly density: _angular_core.InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
-    readonly template: TemplateRef<unknown>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverContentDirective, "ng-template[PopoverContent]", ["PopoverContent"], {}, {}, never, never, true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+import * as i0 from "@angular/core";
+import { InjectionToken, Signal, TemplateRef } from "@angular/core";
+import * as i1 from "@ojiepermana/angular/component/utils/scale";
+import { ComponentScaleDirective } from "@ojiepermana/angular/component/utils/scale";
+import { OverlayAlign, OverlaySide } from "@ojiepermana/angular/component/utils/overlay";
+export declare class PopoverContentDirective {
+  protected readonly componentScale: ComponentScaleDirective;
+  readonly radius: import("@angular/core").InputSignal<"inherit" | "none" | "xs" | "sm" | "md" | "xl" | "full">;
+  readonly density: import("@angular/core").InputSignal<"inherit" | "compact" | "normal" | "relaxed" | "spacious">;
+  readonly template: TemplateRef<unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverContentDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverContentDirective, "ng-template[PopoverContent]", ["PopoverContent"], {}, {}, never, never, true, [{
+    directive: typeof i1.ComponentScaleDirective;
+    inputs: {
+      "radius": "radius";
+      "density": "density";
+    };
+    outputs: {};
+  }]>;
 }
-
-type PopoverSide = OverlaySide;
-type PopoverAlign = OverlayAlign;
-interface PopoverTriggerDefaults {
-    readonly side?: Signal<PopoverSide>;
-    readonly align?: Signal<PopoverAlign>;
-    readonly sideOffset?: Signal<number>;
+export type PopoverSide = OverlaySide;
+export type PopoverAlign = OverlayAlign;
+export interface PopoverTriggerDefaults {
+  readonly side?: Signal<PopoverSide>;
+  readonly align?: Signal<PopoverAlign>;
+  readonly sideOffset?: Signal<number>;
 }
-declare const POPOVER_TRIGGER_DEFAULTS: InjectionToken<PopoverTriggerDefaults>;
-declare class PopoverTriggerDirective {
-    private readonly overlay;
-    private readonly vcr;
-    private readonly el;
-    private readonly destroyRef;
-    private readonly defaults;
-    private readonly idGenerator;
-    readonly PopoverTrigger: _angular_core.InputSignal<PopoverContentDirective>;
-    readonly side: _angular_core.InputSignal<OverlaySide | undefined>;
-    readonly align: _angular_core.InputSignal<OverlayAlign | undefined>;
-    readonly sideOffset: _angular_core.InputSignal<number | undefined>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
-    private overlayRef;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    constructor();
-    toggle(): void;
-    onKeyboardToggle(event: Event): void;
-    open(): void;
-    close(options?: {
-        restoreFocus?: boolean;
-        emitOpenedChange?: boolean;
-    }): void;
-    /**
-     * The pane opens with focus, because the trigger is the only way into it: a
-     * keyboard user who is left standing on the trigger can never reach the content
-     * at all (WCAG 2.4.3). A pane with nothing tabbable takes focus itself, so the
-     * content is at least announced and Escape still reaches the overlay.
-     */
-    private focusPane;
-    /**
-     * The trigger advertises `aria-haspopup="dialog"`, so the opened pane must be
-     * a dialog: non-modal, labelled by its trigger so screen readers announce
-     * which control the content belongs to.
-     */
-    private applyDialogSemantics;
-    private usesNativeKeyboardActivation;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[PopoverTrigger]", ["PopoverTrigger"], { "PopoverTrigger": { "alias": "PopoverTrigger"; "required": true; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
-}
-
-export { POPOVER_TRIGGER_DEFAULTS, PopoverContentDirective, PopoverTriggerDirective };
-export type { PopoverAlign, PopoverSide, PopoverTriggerDefaults };
+export declare const POPOVER_TRIGGER_DEFAULTS: InjectionToken<PopoverTriggerDefaults>;
+export declare class PopoverTriggerDirective {
+  private readonly overlay;
+  private readonly vcr;
+  private readonly el;
+  private readonly destroyRef;
+  private readonly defaults;
+  private readonly idGenerator;
+  readonly PopoverTrigger: import("@angular/core").InputSignal<PopoverContentDirective>;
+  readonly side: import("@angular/core").InputSignal<OverlaySide | undefined>;
+  readonly align: import("@angular/core").InputSignal<OverlayAlign | undefined>;
+  readonly sideOffset: import("@angular/core").InputSignal<number | undefined>;
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  readonly openedChange: import("@angular/core").OutputEmitterRef<boolean>;
+  private overlayRef;
+  readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  constructor();
+  toggle(): void;
+  onKeyboardToggle(event: Event): void;
+  open(): void;
+  close(options?: {
+    restoreFocus?: boolean;
+    emitOpenedChange?: boolean;
+  }): void;
+  /**
+   * The pane opens with focus, because the trigger is the only way into it: a
+   * keyboard user who is left standing on the trigger can never reach the content
+   * at all (WCAG 2.4.3). A pane with nothing tabbable takes focus itself, so the
+   * content is at least announced and Escape still reaches the overlay.
+   */
+  private focusPane;
+  /**
+   * The trigger advertises `aria-haspopup="dialog"`, so the opened pane must be
+   * a dialog: non-modal, labelled by its trigger so screen readers announce
+   * which control the content belongs to.
+   */
+  private applyDialogSemantics;
+  private usesNativeKeyboardActivation;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[PopoverTrigger]", ["PopoverTrigger"], {
+    "PopoverTrigger": {
+      "alias": "PopoverTrigger";
+      "required": true;
+      "isSignal": true;
+    };
+    "side": {
+      "alias": "side";
+      "required": false;
+      "isSignal": true;
+    };
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+    "sideOffset": {
+      "alias": "sideOffset";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "openedChange": "openedChange";
+  }, never, never, true, never>;
+}

package/types/ojiepermana-angular-component-progress.d.ts

@@ -1,17 +1,45 @@
-import * as _angular_core from '@angular/core';
-
-declare class ProgressComponent {
-    readonly value: _angular_core.InputSignal<number | null>;
-    readonly max: _angular_core.InputSignal<number>;
-    readonly indeterminate: _angular_core.InputSignal<boolean>;
-    readonly ariaLabel: _angular_core.InputSignal<string | null>;
-    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly clamped: _angular_core.Signal<number>;
-    protected readonly indicatorTransform: _angular_core.Signal<string>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressComponent, "ProgressBar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { ProgressComponent };
+import * as i0 from "@angular/core";
+export declare class ProgressComponent {
+  readonly value: import("@angular/core").InputSignal<number | null>;
+  readonly max: import("@angular/core").InputSignal<number>;
+  readonly indeterminate: import("@angular/core").InputSignal<boolean>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly clamped: import("@angular/core").Signal<number>;
+  protected readonly indicatorTransform: import("@angular/core").Signal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "ProgressBar", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "indeterminate": {
+      "alias": "indeterminate";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/ojiepermana-angular-component-radio.d.ts

@@ -1,60 +1,136 @@
-import * as _angular_core from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-
+import { ControlValueAccessor } from "@angular/forms";
+import { FormValueControl } from "@angular/forms/signals";
+import * as i0 from "@angular/core";
 type AriaInvalidValue = boolean | 'true' | 'false' | null;
 /**
  * Radio group built on native `<input type="radio">` elements (shadcn
  * pattern) — no Material dependency. Native radios with a shared `name`
  * give arrow-key navigation and form semantics for free.
  */
-declare class RadioGroupComponent implements ControlValueAccessor {
-    readonly name: _angular_core.InputSignal<string>;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
-    readonly ariaLabel: _angular_core.InputSignal<string | null>;
-    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
-    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
-    readonly ariaInvalid: _angular_core.InputSignal<AriaInvalidValue>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    private readonly generatedName;
-    private readonly radios;
-    readonly value: _angular_core.WritableSignal<string | null>;
-    readonly disabled: _angular_core.WritableSignal<boolean>;
-    /** Shared native `name` so the browser groups the radios. */
-    readonly resolvedName: _angular_core.Signal<string>;
-    protected readonly ariaInvalidAttr: _angular_core.Signal<"true" | "false" | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    private onChange;
-    private onTouched;
-    select(value: string): void;
-    markTouched(): void;
-    focus(): void;
-    writeValue(v: string | null): void;
-    registerOnChange(fn: (v: string | null) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(d: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "RadioGroup", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["radios"], ["*"], true, never>;
+export declare class RadioGroupComponent implements ControlValueAccessor, FormValueControl<string | null> {
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+  readonly ariaDescribedby: import("@angular/core").InputSignal<string | null>;
+  readonly ariaInvalid: import("@angular/core").InputSignal<AriaInvalidValue>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  private readonly generatedName;
+  private readonly radios;
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  readonly valueChange: import("@angular/core").ModelSignal<string | null>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly disabledState;
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /** Shared native `name` so the browser groups the radios. */
+  readonly resolvedName: import("@angular/core").Signal<string>;
+  protected readonly ariaInvalidAttr: import("@angular/core").Signal<"true" | "false" | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  private onChange;
+  private onTouched;
+  select(value: string): void;
+  markTouched(): void;
+  focus(): void;
+  writeValue(v: string | null): void;
+  registerOnChange(fn: (v: string | null) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "RadioGroup", never, {
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaDescribedby": {
+      "alias": "aria-describedby";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaInvalid": {
+      "alias": "aria-invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "touch": "touch";
+    "value": "valueChange";
+  }, ["radios"], ["*"], true, never>;
 }
-declare class RadioComponent {
-    protected readonly group: RadioGroupComponent;
-    readonly value: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
-    /** Accessible name for the radio input when no text is projected into `<Radio>`. */
-    readonly ariaLabel: _angular_core.InputSignal<string | null>;
-    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
-    protected readonly selected: _angular_core.Signal<boolean>;
-    protected readonly isDisabled: _angular_core.Signal<boolean>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    protected readonly labelClasses: _angular_core.Signal<string>;
-    protected readonly circleClasses: _angular_core.Signal<string>;
-    private readonly ref;
-    protected handleChange(): void;
-    protected handleBlur(): void;
-    focus(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "Radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-export { RadioComponent, RadioGroupComponent };
+export declare class RadioComponent {
+  protected readonly group: RadioGroupComponent;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  /** Accessible name for the radio input when no text is projected into `<Radio>`. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
+  protected readonly selected: import("@angular/core").Signal<boolean>;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  protected readonly labelClasses: import("@angular/core").Signal<string>;
+  protected readonly circleClasses: import("@angular/core").Signal<string>;
+  private readonly ref;
+  protected handleChange(): void;
+  protected handleBlur(): void;
+  focus(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "Radio", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}