@star-ng/ui 0.0.0-stage → 0.2.0

package/types/star-ng-ui-slider.d.ts

@@ -0,0 +1,145 @@
+import { FormValueControl } from "@angular/forms/signals";
+import * as i0 from "@angular/core";
+/**
+ * Slider (PrimeNG `p-slider`) on native `<input type="range">`: full keyboard and screen-reader
+ * support from the platform, styled track and fill, optional value label.
+ * `<star-slider [(value)]="severity" [min]="1" [max]="5" ariaLabel="Severity" showValue />`
+ */
+export declare class StarSlider implements FormValueControl<number> {
+  readonly value: import("@angular/core").ModelSignal<number>;
+  /** Also bound from Signal Forms `min()` / `max()` validators. */
+  readonly min: import("@angular/core").InputSignal<number | undefined>;
+  readonly max: import("@angular/core").InputSignal<number | undefined>;
+  protected readonly low: import("@angular/core").Signal<number>;
+  protected readonly high: import("@angular/core").Signal<number>;
+  readonly step: import("@angular/core").InputSignal<number>;
+  readonly showValue: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Text for the current value, for example `(v) => v + ' kg'`. */
+  readonly format: import("@angular/core").InputSignal<(value: number) => string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly inputId: import("@angular/core").InputSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly percent: import("@angular/core").Signal<number>;
+  protected readonly valueText: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarSlider, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarSlider, "star-slider", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "showValue": {
+      "alias": "showValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "format": {
+      "alias": "format";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputId": {
+      "alias": "inputId";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "touch": "touch";
+  }, never, never, true, never>;
+}
+/**
+ * Range slider (PrimeNG `p-slider [range]`): two native range inputs on one track; the handles
+ * cannot cross. Value: `[low, high]`.
+ * `<star-range-slider [(value)]="ageRange" [bounds]="[0, 100]" ariaLabel="Age" showValue />`
+ */
+export declare class StarRangeSlider implements FormValueControl<readonly [number, number]> {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly value: import("@angular/core").ModelSignal<readonly [number, number]>;
+  /** Lowest and highest selectable values. */
+  readonly bounds: import("@angular/core").InputSignal<readonly [number, number]>;
+  readonly step: import("@angular/core").InputSignal<number>;
+  readonly showValue: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly format: import("@angular/core").InputSignal<(value: number) => string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly touch: import("@angular/core").OutputEmitterRef<void>;
+  private toPercent;
+  protected readonly lowPercent: import("@angular/core").Signal<number>;
+  protected readonly highPercent: import("@angular/core").Signal<number>;
+  protected setLow(value: number, input: HTMLInputElement): void;
+  protected setHigh(value: number, input: HTMLInputElement): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarRangeSlider, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarRangeSlider, "star-range-slider", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "bounds": {
+      "alias": "bounds";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "showValue": {
+      "alias": "showValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "format": {
+      "alias": "format";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "touch": "touch";
+  }, never, never, true, never>;
+}

package/types/star-ng-ui-spinner.d.ts

@@ -0,0 +1,29 @@
+import * as i0 from "@angular/core";
+/**
+ * Indeterminate progress spinner (PrimeNG `p-progressspinner`), SVG stroke in the primary color.
+ * `<star-spinner size="2rem" />`
+ */
+export declare class StarSpinner {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly size: import("@angular/core").InputSignal<string>;
+  readonly strokeWidth: import("@angular/core").InputSignal<number>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarSpinner, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarSpinner, "star-spinner", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "strokeWidth": {
+      "alias": "strokeWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/star-ng-ui-stepper.d.ts

@@ -0,0 +1,89 @@
+import * as i0 from "@angular/core";
+/** One step of `star-stepper`; its content is the step panel. */
+export declare class StarStep {
+  private readonly stepper;
+  private readonly ids;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly description: import("@angular/core").InputSignal<string>;
+  /** Marks the step done (check icon). In linear mode, later steps unlock only after this. */
+  readonly completed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly headerId: string;
+  readonly panelId: string;
+  readonly active: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarStep, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarStep, "star-step", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+    "completed": {
+      "alias": "completed";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * Stepper (PrimeNG `p-stepper`): numbered steps with completed / current / upcoming states,
+ * `[(value)]` for the active step, `linear` mode (a step opens only after all earlier steps
+ * are `completed`), and `next()` / `previous()` for wizard buttons.
+ *
+ * ```html
+ * <star-stepper #wizard [(value)]="step" linear>
+ *   <star-step value="requester" label="Requester" [completed]="form.requester().valid()">…</star-step>
+ *   <star-step value="question" label="Question">…</star-step>
+ * </star-stepper>
+ * ```
+ */
+export declare class StarStepper {
+  protected readonly text: import("@star-ng/ui/core").StarUiText;
+  readonly value: import("@angular/core").ModelSignal<string | null>;
+  readonly linear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  protected readonly steps: import("@angular/core").Signal<readonly StarStep[]>;
+  readonly current: import("@angular/core").Signal<string>;
+  readonly index: import("@angular/core").Signal<number>;
+  readonly isFirst: import("@angular/core").Signal<boolean>;
+  readonly isLast: import("@angular/core").Signal<boolean>;
+  protected reachable(index: number): boolean;
+  next(): void;
+  previous(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StarStepper, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StarStepper, "star-stepper", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "linear": {
+      "alias": "linear";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, ["steps"], ["*"], true, never>;
+}