@loomui-ng/ui 0.0.0-stage → 0.1.0

package/types/loomui-ng-ui-select.d.ts

@@ -0,0 +1,204 @@
+import { FocusKeyManager, FocusableOption } from "@angular/cdk/a11y";
+import { ControlValueAccessor } from "@angular/forms";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiLayerRoot, UiPopperContentBase } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+/**
+ * <div uiSelect [(value)]="v" class="contents">
+ *   <button uiSelectTrigger><span uiSelectValue placeholder="Pick one"></span></button>
+ *   <div uiSelectContent><div uiSelectGroup>
+ *     <div uiSelectLabel>Fruits</div><div uiSelectItem value="apple">Apple</div>
+ *   </div></div>
+ * </div>
+ * Form control: ngModel / reactive forms (CVA); `value` + `disabled` also match Angular signal forms' FormValueControl.
+ */
+export declare class UiSelect extends UiLayerRoot implements ControlValueAccessor {
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly cvaDisabled;
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  readonly items: import("@angular/core").Signal<readonly any[]>;
+  readonly manager: import("@angular/core").WritableSignal<FocusKeyManager<UiSelectItem> | null>;
+  keyboardOpen: boolean;
+  readonly selectedLabel: import("@angular/core").Signal<any>;
+  private onChange;
+  onTouched: () => void;
+  choose(v: string): void;
+  writeValue(v: string | null): void;
+  registerOnChange(fn: (v: string) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelect, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSelect, "[uiSelect], ui-select", ["uiSelect"], {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, ["items"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectTrigger {
+  protected readonly root: UiSelect;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  protected onClick(): void;
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectTrigger, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSelectTrigger, "button[uiSelectTrigger], ui-select-trigger", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectValue {
+  private readonly root;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  protected readonly text: import("@angular/core").Signal<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectValue, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSelectValue, "[uiSelectValue], ui-select-value", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectContent extends UiPopperContentBase {
+  protected readonly root: UiSelect;
+  protected readonly varPrefix = "--radix-select";
+  protected readonly classes: import("@angular/core").Signal<string>;
+  private manager;
+  constructor();
+  protected onAttached(): void;
+  protected onDetached(): void;
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSelectContent, "[uiSelectContent], ui-select-content", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSelectGroup, "[uiSelectGroup], ui-select-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectLabel {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectLabel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSelectLabel, "[uiSelectLabel], ui-select-label", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectSeparator {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSelectSeparator, "[uiSelectSeparator], ui-select-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSelectItem implements FocusableOption {
+  private readonly root;
+  private readonly el;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly highlighted: import("@angular/core").WritableSignal<boolean>;
+  protected readonly selected: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  /** Display label: the item's text (read from the DOM after render, even while the list is closed). */
+  readonly label: import("@angular/core").WritableSignal<string>;
+  constructor();
+  get disabled(): boolean;
+  focus(): void;
+  getLabel(): string;
+  protected onPointerMove(): void;
+  choose(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSelectItem, "[uiSelectItem], ui-select-item", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledInput": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_SELECT: readonly [typeof UiSelect, typeof UiSelectTrigger, typeof UiSelectValue, typeof UiSelectContent, typeof UiSelectGroup, typeof UiSelectLabel, typeof UiSelectSeparator, typeof UiSelectItem];

package/types/loomui-ng-ui-separator.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/**
+ * <div uiSeparator></div>  /  <div uiSeparator orientation="vertical"></div>
+ * Observed: role="none" (decorative) + data-orientation. With `decorative=false` we expose
+ * role="separator" and aria-orientation (Radix behaviour, not observed live).
+ */
+export declare class UiSeparator {
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly decorative: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSeparator, "[uiSeparator], ui-separator", never, {
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "decorative": {
+      "alias": "decorative";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}

package/types/loomui-ng-ui-sheet.d.ts

@@ -0,0 +1,124 @@
+import * as i1 from "@loomui-ng/ui/utils";
+import { ModalContentConfig, UiModalContentBase, UiModalRoot } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+/** <div uiSheet [(open)]="o"> <button uiSheetTrigger/> <div uiSheetContent side="right">…</div> </div> */
+export declare class UiSheet extends UiModalRoot {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheet, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheet, "[uiSheet], ui-sheet", ["uiSheet"], {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetTrigger {
+  protected readonly root: UiSheet;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetTrigger, "[uiSheetTrigger], ui-sheet-trigger", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetContent extends UiModalContentBase {
+  protected readonly root: UiSheet;
+  protected readonly config: ModalContentConfig;
+  readonly side: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left">;
+  readonly showCloseButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  private createCloseButton;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetContent, "[uiSheetContent], ui-sheet-content", never, {
+    "side": {
+      "alias": "side";
+      "required": false;
+      "isSignal": true;
+    };
+    "showCloseButton": {
+      "alias": "showCloseButton";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetHeader, "[uiSheetHeader], ui-sheet-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetFooter {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetFooter, "[uiSheetFooter], ui-sheet-footer", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetTitle {
+  protected readonly root: UiSheet;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetTitle, "[uiSheetTitle], ui-sheet-title", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetDescription {
+  protected readonly root: UiSheet;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetDescription, "[uiSheetDescription], ui-sheet-description", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiSheetClose {
+  protected readonly root: UiSheet;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSheetClose, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiSheetClose, "[uiSheetClose], ui-sheet-close", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_SHEET: readonly [typeof UiSheet, typeof UiSheetTrigger, typeof UiSheetContent, typeof UiSheetHeader, typeof UiSheetFooter, typeof UiSheetTitle, typeof UiSheetDescription, typeof UiSheetClose];