@ojiepermana/angular 22.1.11 → 22.1.13

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

@@ -1 +1,248 @@
-export * from '@ojiepermana/angular-component/dropdown-menu';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, TemplateRef, AfterContentInit } 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';
+
+type MenuItemVariant = 'default' | 'destructive';
+declare abstract class MenuFocusableItem {
+    private readonly el;
+    /** Present whenever the item is rendered inside a `MenuTrigger` overlay. */
+    private readonly overlay;
+    /** True when this same element also opens a submenu. */
+    private readonly opensSubmenu;
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
+    readonly inset: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<MenuItemVariant>;
+    readonly selected: _angular_core.OutputEmitterRef<MouseEvent | KeyboardEvent>;
+    get disabled(): boolean;
+    focus(): void;
+    getLabel(): string;
+    protected buildItemClasses(extraClass?: string): string;
+    /**
+     * Consume the keystroke that activated the item.
+     *
+     * Items render on `button` hosts, and a button turns Enter and Space into an
+     * activation click of its own. With `(click)` and `(keydown.enter|space)` both
+     * wired to the same handler that click runs the handler a SECOND time: a
+     * checkbox toggled on keydown flipped straight back, so `aria-checked` never
+     * moved, and a plain item emitted `selected` twice whenever the menu was told
+     * not to close. Preventing the default suppresses the synthesised click, which
+     * leaves exactly one activation per keystroke on native and non-native hosts
+     * alike. It also stops Space from scrolling the page behind the menu.
+     */
+    protected emitSelection(event: MouseEvent | KeyboardEvent): boolean;
+    /**
+     * Close the menu and return focus to the trigger, which is the menu pattern.
+     *
+     * Call this AFTER the item has updated its own state: closing tears down the
+     * overlay view, and a checkbox or radio that wrote its model afterwards would
+     * never propagate the change. A consumer that already closes the menu by hand
+     * is fine, closing twice is a no-op.
+     */
+    protected finishSelection(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuFocusableItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuFocusableItem, never, never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
+}
+declare class MenuGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuGroupComponent, "MenuGroup", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare abstract class MenuRadioGroupBase {
+    abstract isChecked(value: string): boolean;
+    abstract select(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioGroupBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuRadioGroupBase, never, never, {}, {}, never, never, true, never>;
+}
+declare class MenuRadioGroupComponent extends MenuRadioGroupBase {
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    isChecked(value: string): boolean;
+    select(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioGroupComponent, "MenuRadioGroup", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+declare class MenuItemComponent extends MenuFocusableItem {
+    protected readonly classes: _angular_core.Signal<string>;
+    protected handleClick(e: MouseEvent | KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "MenuItem, button[MenuItem]", never, {}, {}, never, ["*"], true, never>;
+}
+declare class MenuCheckboxItemComponent extends MenuFocusableItem {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected toggle(event: MouseEvent | KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "MenuCheckboxItem, button[MenuCheckboxItem]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
+}
+declare class MenuRadioItemComponent extends MenuFocusableItem {
+    private readonly group;
+    readonly value: _angular_core.InputSignal<string>;
+    protected readonly checked: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected select(event: MouseEvent | KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "MenuRadioItem, button[MenuRadioItem]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class MenuSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSeparatorComponent, "MenuSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class MenuLabelComponent {
+    readonly inset: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuLabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuLabelComponent, "MenuLabel", never, { "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class MenuShortcutComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuShortcutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuShortcutComponent, "MenuShortcut, span[MenuShortcut]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Internal bridge from a menu surface (and its items) back to the trigger that
+ * opened it.
+ *
+ * The surface lives in a CDK overlay, rendered from an `<ng-template MenuContent>`
+ * that is declared in the consumer's template. Its own injector chain therefore
+ * leads to the consumer component, not to the trigger. The trigger closes that
+ * gap by handing this controller to the template portal's injector, so the
+ * surface can close itself, restore focus, and label itself without the consumer
+ * wiring anything up.
+ *
+ * Published only so another entry point can render the same surface and honour
+ * the same contract: `Menubar` reuses `MenuSurface` and `MenuItem`, so without
+ * this its menus would not close on select and would carry no `aria-labelledby`.
+ * It is a coordination token between library entry points, not something a
+ * consumer needs to provide or inject.
+ */
+interface MenuOverlayController {
+    /** Id given to the surface element, so the trigger can point `aria-controls` at it. */
+    readonly surfaceId: string;
+    /** Id of the trigger element, so the surface can point `aria-labelledby` back. */
+    readonly triggerId: string;
+    /**
+     * True when this menu was opened from an item of another menu.
+     *
+     * It is what tells the surface whether ArrowLeft is its own key. A submenu
+     * closes on ArrowLeft and hands focus back to the item that opened it; a root
+     * menu must let the key through, because the row of menus above it (a
+     * `Menubar`) uses left and right to walk between menus.
+     */
+    readonly isSubmenu: boolean;
+    /** Close the overlay and hand focus back to the trigger. Safe to call twice. */
+    close(): void;
+    /** Close after an item was chosen, unless this menu opted out with `closeOnSelect`. */
+    closeAfterSelect(): void;
+}
+declare const MENU_OVERLAY: InjectionToken<MenuOverlayController>;
+/**
+ * Marker every `MenuTrigger` provides on its own element.
+ *
+ * A submenu is a menu item that also opens a menu. Choosing it must open the
+ * submenu, not close the menu it lives in, so an item that finds this marker on
+ * itself skips the close-after-select step.
+ */
+declare const MENU_SUBMENU_TRIGGER: InjectionToken<boolean>;
+
+/**
+ * Surface rendered inside the overlay. Hosts keyboard navigation for its items.
+ */
+declare class MenuSurfaceComponent implements AfterContentInit {
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly items;
+    /** Present whenever the surface is rendered by a `MenuTrigger`. */
+    private readonly overlay;
+    /**
+     * Emitted when the surface asks to be closed (today: on Tab). The trigger now
+     * closes itself, so consumers no longer have to wire this up; it stays for
+     * anyone who already listens to it.
+     */
+    readonly closeRequested: _angular_core.OutputEmitterRef<void>;
+    /** Tied to the trigger's `aria-controls`, so the pair references each other. */
+    readonly surfaceId: string;
+    /** Names the menu after the control that opened it. */
+    readonly labelledBy: string | null;
+    private keyManager;
+    protected readonly classes: _angular_core.Signal<string>;
+    ngAfterContentInit(): void;
+    protected onArrow(e: KeyboardEvent, delta: number): void;
+    protected onArrowLeft(e: KeyboardEvent): void;
+    protected onHome(e: KeyboardEvent): void;
+    protected onEnd(e: KeyboardEvent): void;
+    protected onTypeAhead(e: KeyboardEvent): void;
+    protected onTab(e: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSurfaceComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSurfaceComponent, "MenuSurface", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "closeRequested": "closeRequested"; }, ["items"], ["*"], true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+/**
+ * Wraps an `<ng-template>` that holds `<MenuSurface>` + items.
+ */
+declare class MenuContentDirective {
+    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<MenuContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuContentDirective, "ng-template[MenuContent]", ["MenuContent"], {}, {}, never, never, true, [{ directive: typeof i1.ComponentScaleDirective; inputs: { "radius": "radius"; "density": "density"; }; outputs: {}; }]>;
+}
+
+type MenuSide = OverlaySide;
+type MenuAlign = OverlayAlign;
+/**
+ * Opens an `<ng-template MenuContent>` anchored to the trigger element.
+ */
+declare class MenuTriggerDirective {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly el;
+    private readonly destroyRef;
+    private readonly injector;
+    /**
+     * The controller of the menu this trigger lives in, if any. Present only when
+     * the trigger is itself an item of another menu, which is exactly what makes
+     * the menu it opens a submenu.
+     */
+    private readonly parentMenu;
+    readonly MenuTrigger: _angular_core.InputSignal<MenuContentDirective>;
+    readonly side: _angular_core.InputSignal<OverlaySide>;
+    readonly align: _angular_core.InputSignal<OverlayAlign>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Close the menu when an item is chosen, which is the WAI ARIA menu pattern
+     * and the default here. Set it to `false` for a menu that stays open, for
+     * example a list of checkbox items the user toggles several of in a row.
+     */
+    readonly closeOnSelect: _angular_core.InputSignal<boolean>;
+    /**
+     * Id used for `aria-controls` and for the surface's `aria-labelledby`. A
+     * consumer's own `id` on the trigger element always wins.
+     */
+    readonly triggerId: string;
+    readonly surfaceId: string;
+    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
+    private overlayRef;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    constructor();
+    toggle(): void;
+    protected openAndFocus(e: KeyboardEvent): void;
+    protected openForSide(e: KeyboardEvent, side: MenuSide): void;
+    open(): void;
+    close(options?: {
+        restoreFocus?: boolean;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[MenuTrigger]", ["MenuTrigger"], { "MenuTrigger": { "alias": "MenuTrigger"; "required": true; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
+}
+
+export { MENU_OVERLAY, MENU_SUBMENU_TRIGGER, MenuCheckboxItemComponent, MenuContentDirective, MenuFocusableItem, MenuGroupComponent, MenuItemComponent, MenuLabelComponent, MenuRadioGroupBase, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSeparatorComponent, MenuShortcutComponent, MenuSurfaceComponent, MenuTriggerDirective };
+export type { MenuAlign, MenuItemVariant, MenuOverlayController, MenuSide };

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

@@ -1 +1,135 @@
-export * from '@ojiepermana/angular-component/editor';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, InjectionToken } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type EditorCommand = 'paragraph' | 'heading-1' | 'heading-2' | 'heading-3' | 'bold' | 'italic' | 'underline' | 'strike' | 'bullet' | 'ordered' | 'blockquote' | 'subscript' | 'superscript' | 'highlight' | 'link' | 'code' | 'align-left' | 'align-center' | 'align-right' | 'undo' | 'redo';
+type EditorCommandSource = 'api' | 'toolbar' | 'shortcut';
+interface EditorCommandEvent {
+    readonly command: EditorCommand;
+    readonly source: EditorCommandSource;
+    readonly originalEvent?: Event;
+}
+type EditorToolbarPart = {
+    readonly type: 'button';
+    readonly command: EditorCommand;
+    readonly label: string;
+    readonly ariaLabel: string;
+} | {
+    readonly type: 'heading';
+    readonly track: string;
+} | {
+    readonly type: 'align';
+    readonly track: string;
+} | {
+    readonly type: 'separator';
+    readonly track: string;
+} | {
+    readonly type: 'spacer';
+    readonly track: string;
+};
+declare class EditorComponent {
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly commandSelected: _angular_core.OutputEmitterRef<EditorCommandEvent>;
+    private content;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly shellClasses: _angular_core.Signal<string>;
+    execute(command: EditorCommand, source?: EditorCommandSource, originalEvent?: Event): void;
+    registerContent(content: EditorContentComponent): void;
+    unregisterContent(content: EditorContentComponent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "Editor", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "commandSelected": "commandSelected"; }, never, ["EditorToolbar", "EditorContent"], true, never>;
+}
+declare class EditorToolbarComponent {
+    private readonly editor;
+    readonly items: _angular_core.InputSignal<string>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly buttonClasses: string;
+    protected readonly selectClasses: string;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly parts: _angular_core.Signal<EditorToolbarPart[]>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected execute(command: EditorCommand, event: MouseEvent): void;
+    protected handleSelect(event: Event): void;
+    protected readonly preserveSelection: (event: MouseEvent) => void;
+    protected trackPart(part: EditorToolbarPart, index: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorToolbarComponent, "EditorToolbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EditorButtonComponent {
+    private readonly editor;
+    readonly command: _angular_core.InputSignal<EditorCommand | null>;
+    readonly pressed: _angular_core.InputSignal<boolean | null>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tooltip: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected handleClick(event: MouseEvent): void;
+    protected readonly preserveSelection: (event: MouseEvent) => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorButtonComponent, "button[EditorButton]", never, { "command": { "alias": "command"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EditorSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorSeparatorComponent, "EditorSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class EditorSpacerComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorSpacerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorSpacerComponent, "EditorSpacer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class EditorContentComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
+    private readonly el;
+    private readonly editor;
+    private readonly document;
+    private readonly sanitizeHtml;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    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 empty: _angular_core.WritableSignal<boolean>;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly invalid: _angular_core.Signal<boolean>;
+    protected readonly classes: _angular_core.Signal<string>;
+    private lastKnownValue;
+    private onChange;
+    private onTouched;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    execute(command: EditorCommand): void;
+    focus(): void;
+    protected handleInput(): void;
+    private setSanitizedValue;
+    protected handleBlur(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private exec;
+    private highlightColor;
+    private syncEmptyState;
+    private shortcutCommand;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorContentComponent, "EditorContent", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "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, ["*"], true, never>;
+}
+
+/** Sanitizes HTML before it enters or leaves an editable editor surface. */
+type EditorHtmlSanitizer = (html: string) => string;
+/**
+ * Override this token when an application needs a stricter allow-list than
+ * Angular's platform HTML sanitizer.
+ */
+declare const EDITOR_HTML_SANITIZER: InjectionToken<EditorHtmlSanitizer>;
+
+export { EDITOR_HTML_SANITIZER, EditorButtonComponent, EditorComponent, EditorContentComponent, EditorSeparatorComponent, EditorSpacerComponent, EditorToolbarComponent };
+export type { EditorCommand, EditorCommandEvent, EditorCommandSource, EditorHtmlSanitizer };

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

@@ -1 +1,50 @@
-export * from '@ojiepermana/angular-component/empty';
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const emptyVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type EmptyMediaVariant = NonNullable<VariantProps<typeof emptyMediaVariants>['variant']>;
+
+declare class EmptyComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyComponent, "Empty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyHeaderComponent, "EmptyHeader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyMediaComponent {
+    readonly variant: _angular_core.InputSignal<EmptyMediaVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyMediaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyMediaComponent, "EmptyMedia", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyTitleComponent, "EmptyTitle", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyDescriptionComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyDescriptionComponent, "EmptyDescription", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class EmptyContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyContentComponent, "EmptyContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { EmptyComponent, EmptyContentComponent, EmptyDescriptionComponent, EmptyHeaderComponent, EmptyMediaComponent, EmptyTitleComponent, emptyMediaVariants, emptyVariants };
+export type { EmptyMediaVariant };

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

@@ -1 +1,159 @@
-export * from '@ojiepermana/angular-component/form';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+
+/**
+ * Backing store for a single `<FormField>`. Provided on the component
+ * so descendant parts (label, description, message, control) can inject it.
+ */
+declare class FormFieldContext {
+    readonly controlId: string;
+    readonly labelId: string;
+    readonly descriptionId: string;
+    readonly messageId: string;
+    readonly control: _angular_core.WritableSignal<AbstractControl<any, any, any> | null>;
+    readonly manualInvalid: _angular_core.WritableSignal<boolean>;
+    readonly hasLabel: _angular_core.WritableSignal<boolean>;
+    readonly hasDescription: _angular_core.WritableSignal<boolean>;
+    readonly hasMessage: _angular_core.WritableSignal<boolean>;
+    /**
+     * `aria-labelledby` for the control. `<FormLabel>` renders as a custom element,
+     * so the native `for`/`id` pairing does not associate it — point the control at
+     * the label's id explicitly so it has an accessible name (axe `select-name`/`label`).
+     */
+    readonly labelledBy: _angular_core.Signal<string | null>;
+    private readonly statusTick;
+    readonly invalid: _angular_core.Signal<boolean>;
+    readonly firstError: _angular_core.Signal<string | null>;
+    readonly describedBy: _angular_core.Signal<string | null>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldContext, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormFieldContext>;
+}
+
+/**
+ * Groups a label, control, description, and validation message.
+ * Provides ids + invalid state to descendants via {@link FormFieldContext}.
+ */
+declare class FormFieldComponent {
+    protected readonly ctx: FormFieldContext;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | "responsive">;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "FormField", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormFieldsetComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldsetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldsetComponent, "FormFieldset, fieldset[FormFieldset]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormLegendComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<"legend" | "label">;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormLegendComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormLegendComponent, "FormLegend, legend[FormLegend]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormGroupComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormGroupComponent, "FormGroup", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormSeparatorComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSeparatorComponent, "FormSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormContentComponent, "FormContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormTitleComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormTitleComponent, "FormTitle", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormLabelComponent implements OnInit, OnDestroy {
+    protected readonly ctx: FormFieldContext;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormLabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormLabelComponent, "FormLabel, label[FormLabel]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class FormDescriptionComponent implements OnInit, OnDestroy {
+    protected readonly ctx: FormFieldContext | null;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly descriptionId: _angular_core.Signal<string | null>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormDescriptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormDescriptionComponent, "FormDescription, p[FormDescription]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type FormErrorMessageResolver = (errorKey: string, errorValue: unknown, control: AbstractControl | null) => string;
+/** Default human-readable messages for Angular's built-in validators. */
+declare const defaultFormErrorMessageResolver: FormErrorMessageResolver;
+
+/**
+ * Renders validation errors for the field's control.
+ * By default, surfaces the first error key. Provide custom content to override.
+ */
+declare class FormMessageComponent implements OnInit, OnDestroy {
+    protected readonly ctx: FormFieldContext;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly errorMessageResolver: _angular_core.InputSignal<FormErrorMessageResolver>;
+    protected readonly show: _angular_core.Signal<boolean>;
+    protected readonly message: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormMessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormMessageComponent, "FormMessage, p[FormMessage]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "errorMessageResolver": { "alias": "errorMessageResolver"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Attach to the native form control inside a `<FormField>` to auto-wire:
+ *  - `id` ↔ `<FormLabel for>`
+ *  - `aria-describedby` ↔ description + error message
+ *  - `aria-invalid` ↔ control validity (after touch/dirty)
+ *
+ * @example
+ * <FormField>
+ *   <FormLabel>Email</FormLabel>
+ *   <input Input FormControl [formControl]="email" />
+ *   <FormDescription>We'll never share it.</FormDescription>
+ *   <FormMessage />
+ * </FormField>
+ */
+declare class FormControlDirective implements OnInit, AfterViewInit {
+    protected readonly ctx: FormFieldContext;
+    private readonly ngControl;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private publishControl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormControlDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormControlDirective, "[FormControl]", never, {}, {}, never, never, true, never>;
+}
+
+export { FormContentComponent, FormControlDirective, FormDescriptionComponent, FormFieldComponent, FormFieldContext, FormFieldsetComponent, FormGroupComponent, FormLabelComponent, FormLegendComponent, FormMessageComponent, FormSeparatorComponent, FormTitleComponent, defaultFormErrorMessageResolver };
+export type { FormErrorMessageResolver };