@ojiepermana/angular 22.1.11 → 22.1.13

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

@@ -1 +1,130 @@
-export * from '@ojiepermana/angular-component/command';
+import * as _angular_core from '@angular/core';
+import { model } from '@angular/core';
+
+/** Base class exposed to children for context lookup. */
+declare abstract class CommandContextBase {
+    /** Shared id linking the combobox input (aria-controls) to the listbox. */
+    readonly listboxId: string;
+    abstract query: ReturnType<typeof model<string>>;
+    abstract matches(text: string): boolean;
+    abstract registerItem(item: CommandItemComponent): void;
+    abstract unregisterItem(item: CommandItemComponent): void;
+    abstract focusNext(delta: number): void;
+    abstract focusFirst(): void;
+    abstract hasVisibleItems(): boolean;
+    abstract activateOnly(item: CommandItemComponent): void;
+    abstract activeDescendantId(): string | null;
+    abstract requestDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandContextBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CommandContextBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class CommandComponent extends CommandContextBase {
+    readonly query: _angular_core.ModelSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    /**
+     * Escape was pressed with nothing left to clear.
+     *
+     * A `Command` rendered inside a dialog or a popover does not need this: the
+     * overlay closes itself on Escape. A standalone one is not inside anything
+     * that would, so this is how it asks its container to dismiss it.
+     */
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    private readonly items;
+    protected readonly classes: _angular_core.Signal<string>;
+    matches(text: string): boolean;
+    registerItem(item: CommandItemComponent): void;
+    unregisterItem(item: CommandItemComponent): void;
+    /** Items currently visible (not filtered out), disabled ones included. */
+    private visibleItems;
+    private navigableItems;
+    focusNext(delta: number): void;
+    focusFirst(): void;
+    requestDismiss(): void;
+    hasVisibleItems(): boolean;
+    activateOnly(item: CommandItemComponent): void;
+    activeDescendantId(): string | null;
+    /** The row Enter would choose: the active one, else the first one it may land on. */
+    getActive(): CommandItemComponent | null;
+    private setActiveItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandComponent, "Command", never, { "query": { "alias": "query"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "query": "queryChange"; "dismissed": "dismissed"; }, never, ["*"], true, never>;
+}
+declare class CommandInputComponent {
+    protected readonly ctx: CommandComponent;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected onInput(e: Event): void;
+    protected onArrow(e: KeyboardEvent, delta: number): void;
+    protected onEnter(e: KeyboardEvent): void;
+    protected onEscape(e: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandInputComponent, "input[CommandInput]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class CommandListComponent {
+    protected readonly ctx: CommandContextBase;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Accessible name for the listbox (required on role="listbox"). */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandListComponent, "CommandList", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CommandEmptyComponent {
+    protected readonly ctx: CommandComponent;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandEmptyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandEmptyComponent, "CommandEmpty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CommandGroupComponent {
+    readonly heading: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandGroupComponent, "CommandGroup", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CommandSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandSeparatorComponent, "CommandSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class CommandItemComponent {
+    protected readonly ctx: CommandComponent;
+    private readonly el;
+    readonly itemId: string;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    /**
+     * Whether this option is the CHOSEN one, which is what `aria-selected`
+     * reports.
+     *
+     * It used to be bound to {@link active}, the highlighted row, which told a
+     * screen reader the wrong thing: moving the highlight looked like changing the
+     * selection. The highlighted row is announced through `aria-activedescendant`
+     * on the input instead, which is the listbox pattern.
+     */
+    readonly selectedState: _angular_core.InputSignal<boolean>;
+    readonly selected: _angular_core.OutputEmitterRef<KeyboardEvent | MouseEvent>;
+    /** The highlighted row. Drives styling and `aria-activedescendant`, not `aria-selected`. */
+    readonly active: _angular_core.WritableSignal<boolean>;
+    readonly visible: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    focus(): void;
+    _setActive(active: boolean): void;
+    _select(e: MouseEvent | KeyboardEvent): void;
+    protected onHover(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandItemComponent, "CommandItem, button[CommandItem]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "selectedState": { "alias": "selectedState"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
+}
+declare class CommandShortcutComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandShortcutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandShortcutComponent, "span[CommandShortcut]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CommandComponent, CommandContextBase, CommandEmptyComponent, CommandGroupComponent, CommandInputComponent, CommandItemComponent, CommandListComponent, CommandSeparatorComponent, CommandShortcutComponent };

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

@@ -1 +1,90 @@
-export * from '@ojiepermana/angular-component/composer';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type ComposerVariant = 'default' | 'input';
+type ComposerSubmitBehavior = 'cmd-enter' | 'enter';
+declare class ComposerComponent {
+    readonly variant: _angular_core.InputSignal<ComposerVariant>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly submit: _angular_core.InputSignal<ComposerSubmitBehavior>;
+    readonly submitForm: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly submitRequested: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly shellClasses: _angular_core.Signal<string>;
+    protected readonly bodyClasses: _angular_core.Signal<string>;
+    handleInputKeydown(event: KeyboardEvent): void;
+    private requestNearestFormSubmit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerComponent, "Composer", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "submit": { "alias": "submit"; "required": false; "isSignal": true; }; "submitForm": { "alias": "submitForm"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "submitRequested": "submitRequested"; }, never, ["ComposerHeader", "ComposerActionsLeading", "textarea[ComposerInput], ComposerInput", "ComposerActionsTrailing", "ComposerFooter"], true, never>;
+}
+declare class ComposerHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerHeaderComponent, "ComposerHeader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerFooterComponent, "ComposerFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerActionsLeadingComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerActionsLeadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerActionsLeadingComponent, "ComposerActionsLeading", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerActionsTrailingComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerActionsTrailingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerActionsTrailingComponent, "ComposerActionsTrailing", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerInputComponent {
+    private readonly composer;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerInputComponent, "ComposerInput", never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class ComposerTextareaComponent implements AfterViewInit, ControlValueAccessor {
+    private readonly el;
+    private readonly composer;
+    readonly rows: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly maxRows: _angular_core.InputSignalWithTransform<number | null, unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly disabledState;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    ngAfterViewInit(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    resizeToContent(): void;
+    focus(): void;
+    protected handleInput(): void;
+    protected handleBlur(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private getLineHeight;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComposerTextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComposerTextareaComponent, "textarea[ComposerInput]", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ComposerActionsLeadingComponent, ComposerActionsTrailingComponent, ComposerComponent, ComposerFooterComponent, ComposerHeaderComponent, ComposerInputComponent, ComposerTextareaComponent };
+export type { ComposerSubmitBehavior, ComposerVariant };

package/types/ojiepermana-angular-component-context-menu.d.ts

@@ -1 +1,54 @@
-export * from '@ojiepermana/angular-component/context-menu';
+import * as _angular_core from '@angular/core';
+import { MenuContentDirective } from '@ojiepermana/angular/component/dropdown-menu';
+
+/**
+ * Opens a menu anchored to the cursor when the host fires `contextmenu`.
+ * Reuses `<ng-template MenuContent>` from the dropdown-menu entry.
+ *
+ * @example
+ * <div [ContextMenuTrigger]="menu" class="p-12 border">Right-click me</div>
+ * <ng-template MenuContent #menu>
+ *   <MenuSurface>
+ *     <button MenuItem>Copy</button>
+ *     <button MenuItem>Paste</button>
+ *   </MenuSurface>
+ * </ng-template>
+ */
+declare class ContextMenuTriggerDirective {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly el;
+    private readonly destroyRef;
+    private readonly injector;
+    readonly ContextMenuTrigger: _angular_core.InputSignal<MenuContentDirective>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Ties `aria-controls` here to `aria-labelledby` on the surface. */
+    readonly triggerId: string;
+    readonly surfaceId: string;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private overlayRef;
+    /** Set while the right click that opened the menu is still waiting on its `auxclick`. */
+    private pendingGestureRelease;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    constructor();
+    protected onContextMenu(event: MouseEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    openAt(x: number, y: number): void;
+    close(emitOpenedChange?: boolean): void;
+    /**
+     * A right click delivers `contextmenu` at mouse down and a trailing `auxclick`
+     * at mouse up. The overlay is created on the first, so the CDK outside-pointer
+     * dispatcher hands the second to the menu that very press just opened and it
+     * dismisses itself before the user releases the button.
+     *
+     * Swallow that one release, and only that one: the guard is armed by
+     * `onContextMenu` alone (never by the Shift+F10 path) and is spent on the next
+     * dismissal whatever it is, so a left click, a middle click, or a later right
+     * click on the trigger still closes the menu.
+     */
+    private isOpeningGestureRelease;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ContextMenuTriggerDirective, "[ContextMenuTrigger]", ["ContextMenuTrigger"], { "ContextMenuTrigger": { "alias": "ContextMenuTrigger"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
+}
+
+export { ContextMenuTriggerDirective };

package/types/ojiepermana-angular-component-date-picker.d.ts

@@ -1 +1,109 @@
-export * from '@ojiepermana/angular-component/date-picker';
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, Validator, ValidationErrors } from '@angular/forms';
+import { CalendarStartView } from '@ojiepermana/angular/component/calendar';
+
+declare class DatePickerComponent implements ControlValueAccessor, Validator {
+    private readonly overlay;
+    private readonly documentRef;
+    private readonly destroyRef;
+    private readonly injector;
+    private readonly viewContainerRef;
+    private readonly instanceId;
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly startAt: _angular_core.InputSignal<Date | null>;
+    readonly startView: _angular_core.InputSignal<CalendarStartView>;
+    readonly touchUi: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly dateFilter: _angular_core.InputSignal<((date: Date | null) => boolean) | null>;
+    readonly panelClass: _angular_core.InputSignal<string | string[]>;
+    readonly panelAriaLabel: _angular_core.InputSignal<string>;
+    readonly invalidFormatMessage: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly isEditing: _angular_core.WritableSignal<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /**
+     * The text the field shows. Re-seeds from `value`, but a draft the user is
+     * still editing -- or one already refused -- outlives an incoming binding
+     * change, so their typing is never swapped out from under them.
+     */
+    readonly inputValue: _angular_core.WritableSignal<string>;
+    protected readonly panelId: string;
+    protected readonly errorId: string;
+    private readonly draftError;
+    private readonly cvaDisabled;
+    private overlayRef;
+    private restoreFocusElement;
+    private validatorNotified;
+    private onChangeFn;
+    private onTouchedFn;
+    private onValidatorChangeFn;
+    private readonly origin;
+    private readonly input;
+    private readonly panel;
+    private readonly calendar;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly inputClasses: _angular_core.Signal<string>;
+    protected readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /**
+     * What a bound control is told. A refused draft is reported here as well as
+     * painted on the field, so the form cannot call itself valid while the input
+     * is showing an error the user has to fix.
+     */
+    private readonly validationErrors;
+    readonly validationError: _angular_core.Signal<string | null>;
+    protected readonly resolvedAriaDescribedby: _angular_core.Signal<string | null>;
+    constructor();
+    open(restoreFocusElement?: HTMLElement | null): void;
+    close(): void;
+    toggle(event?: MouseEvent): void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    onEnter(event: KeyboardEvent): void;
+    onCalendarSelect(date: Date | null): void;
+    writeValue(value: Date | null): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(state: boolean): void;
+    validate(): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    private commitInput;
+    private setValue;
+    /**
+     * A refused draft never reaches the control, so nothing else would tell the
+     * forms API to ask again. The first flush is the initial computation, which
+     * the control's own set-up validation already covers.
+     */
+    private notifyValidatorChange;
+    private isSelectable;
+    /**
+     * The same question the calendar answers, answered the same way, and named.
+     *
+     * This used to compare raw `Date` values while the calendar normalised to the
+     * start of the day, so a `min` or `max` carrying a time component split the
+     * two apart: a boundary date typed into the field was rejected, while the very
+     * same date clicked in the popup was accepted. One rule, one helper, one
+     * answer -- and the answer now says which constraint refused the date, so a
+     * bound control can report it.
+     */
+    private rangeError;
+    /**
+     * CDK disposes its overlay during the current event turn. Restoring focus in
+     * that same turn works in Chromium but WebKit may move it back to the body
+     * while it removes the pane. Defer until the post-disposal frame so every
+     * browser receives a stable focus restoration.
+     */
+    private restoreFocusAfterOverlayTeardown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "DatePicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "touchUi": { "alias": "touchUi"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "panelAriaLabel": { "alias": "panelAriaLabel"; "required": false; "isSignal": true; }; "invalidFormatMessage": { "alias": "invalidFormatMessage"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { DatePickerComponent };

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

@@ -1 +1,136 @@
-export * from '@ojiepermana/angular-component/dialog';
+import * as _angular_core from '@angular/core';
+import * as i1 from '@ojiepermana/angular/component/utils/scale';
+import { ComponentScaleDirective } from '@ojiepermana/angular/component/utils/scale';
+
+/**
+ * Backdrop appearance for the area outside the dialog surface.
+ *
+ * - `'dim'`: dark, semi-transparent overlay (default) driven by the
+ *   `--overlay-backdrop` theme token, so it recolors with theme/mode.
+ * - `'blur'`: the dim overlay plus a frosted `backdrop-filter` blur.
+ * - `'transparent'`: no dimming; the page behind stays fully visible.
+ */
+type DialogBackdrop = 'dim' | 'blur' | 'transparent';
+/**
+ * Declarative modal dialog. Renders into the body via CDK overlay when
+ * `open` becomes `true`. Focus is trapped inside; restored to trigger on close.
+ *
+ * @example
+ * <button Button (click)="open.set(true)">Open</button>
+ * <Dialog [(open)]="open">
+ *   <DialogHeader>
+ *     <DialogTitle>Are you sure?</DialogTitle>
+ *     <DialogDescription>This action cannot be undone.</DialogDescription>
+ *   </DialogHeader>
+ *   <DialogFooter>
+ *     <button Button variant="outline" (click)="open.set(false)">Cancel</button>
+ *     <button Button variant="destructive" (click)="confirm()">Delete</button>
+ *   </DialogFooter>
+ * </Dialog>
+ */
+declare class DialogComponent {
+    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">;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly trapFactory;
+    private readonly doc;
+    private readonly destroyRef;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    /** Appearance of the area outside the surface. Defaults to a dimmed overlay. */
+    readonly backdrop: _angular_core.InputSignal<DialogBackdrop>;
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    readonly closeButtonLabel: _angular_core.InputSignal<string>;
+    readonly labelledBy: _angular_core.InputSignal<string | null>;
+    readonly describedBy: _angular_core.InputSignal<string | null>;
+    /** ARIA role for the surface. `'dialog'` by default; `AlertDialog` sets `'alertdialog'`. */
+    readonly role: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly registeredTitleId;
+    private readonly registeredDescriptionId;
+    /** Explicit `aria-labelledby` wins; otherwise a projected `DialogTitle` supplies the id. */
+    protected readonly resolvedLabelledBy: _angular_core.Signal<string | null>;
+    /** Explicit `aria-describedby` wins; otherwise a projected `DialogDescription` supplies the id. */
+    protected readonly resolvedDescribedBy: _angular_core.Signal<string | null>;
+    /** Called by a projected `DialogTitle` so default usage has an accessible name (AXE-safe). */
+    registerTitleId(id: string | null): void;
+    /** Cleared by a `DialogTitle` on destroy so a closed/reopened dialog never points at a stale id. */
+    unregisterTitleId(id: string): void;
+    /** Called by a projected `DialogDescription`. */
+    registerDescriptionId(id: string | null): void;
+    /** Cleared by a `DialogDescription` on destroy. */
+    unregisterDescriptionId(id: string): void;
+    private readonly tpl;
+    private overlayRef;
+    private focusTrap;
+    private previousFocus;
+    protected readonly surfaceClasses: _angular_core.Signal<string>;
+    /** CDK `backdropClass` list: shared marker plus the selected appearance modifier. */
+    private readonly backdropClass;
+    constructor();
+    private attach;
+    private detach;
+    private requestClose;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "Dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "describedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "openedChange": "openedChange"; }, never, ["*"], true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+
+declare class DialogCloseDirective {
+    private readonly dialog;
+    closeDialog(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DialogCloseDirective, "button[DialogClose], a[DialogClose]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DialogHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogHeaderComponent, "DialogHeader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogTitleComponent {
+    /** Explicit id override; when omitted a document-unique id is generated. */
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly autoId;
+    private readonly dialog;
+    /** The id rendered on the element, used by the parent dialog for aria-labelledby. */
+    readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogTitleComponent, "DialogTitle, h2[DialogTitle]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogDescriptionComponent {
+    /** Explicit id override; when omitted a document-unique id is generated. */
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly autoId;
+    private readonly dialog;
+    /** The id rendered on the element, used by the parent dialog for aria-describedby. */
+    readonly resolvedId: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogDescriptionComponent, "DialogDescription, p[DialogDescription]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogContentComponent, "DialogContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class DialogFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogFooterComponent, "DialogFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogTitleComponent };
+export type { DialogBackdrop };

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

@@ -1 +1 @@
-export * from '@ojiepermana/angular-component/drawer';
+export { SheetCloseDirective as DrawerCloseDirective, SheetComponent as DrawerComponent, SheetContentComponent as DrawerContentComponent, SheetDescriptionComponent as DrawerDescriptionComponent, SheetSide as DrawerDirection, SheetFooterComponent as DrawerFooterComponent, SheetHeaderComponent as DrawerHeaderComponent, SheetSide as DrawerSide, SheetTitleComponent as DrawerTitleComponent } from '@ojiepermana/angular/component/sheet';