@ngstarter-ui/components 21.0.16 → 21.0.18

package/types/ngstarter-ui-components-select.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, InjectionToken, Signal, WritableSignal, OnDestroy, AfterContentInit, DoCheck } from '@angular/core';
+import { TemplateRef, ElementRef, InjectionToken, Signal, WritableSignal, OnDestroy, AfterContentInit, DoCheck } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { _OptionParent, _Option, Optgroup } from '@ngstarter-ui/components/option';
@@ -11,6 +11,34 @@ declare class SelectTrigger {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectTrigger, "ngs-select-trigger", never, {}, {}, never, never, true, never>;
 }
 
+declare class FilterTriggerValueDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterTriggerValueDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterTriggerValueDirective, "ng-template[ngsFilterTriggerValue]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FilterTrigger {
+    private readonly _select;
+    readonly maxCount: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly showZero: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly customValue: _angular_core.Signal<FilterTriggerValueDirective | undefined>;
+    protected readonly isMultiple: _angular_core.Signal<boolean>;
+    protected readonly selectedText: _angular_core.Signal<string>;
+    protected readonly selectedCount: _angular_core.Signal<number>;
+    protected readonly selectedData: _angular_core.Signal<any>;
+    protected readonly hasSelectedData: _angular_core.Signal<boolean>;
+    protected readonly valueContext: _angular_core.Signal<{
+        $implicit: any;
+        data: any;
+        text: string;
+        count: number;
+        multiple: boolean;
+    }>;
+    protected readonly displayCount: _angular_core.Signal<string | number | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterTrigger, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterTrigger, "ngs-filter-trigger", never, { "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "showZero": { "alias": "showZero"; "required": false; "isSignal": true; }; }, {}, ["customValue"], ["*"], true, never>;
+}
+
 declare class SelectBody {
     _elementRef: ElementRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectBody, never>;
@@ -21,6 +49,9 @@ declare abstract class _Select {
     abstract multiple: Signal<boolean>;
     abstract hideCheckIcon: Signal<boolean>;
     abstract _optionsContentChanges: WritableSignal<number>;
+    abstract selectedCount?: Signal<number>;
+    abstract triggerValue?: Signal<string>;
+    abstract selectedData?: Signal<any>;
     abstract focus(): void;
 }
 declare const SELECT: InjectionToken<_Select>;
@@ -50,7 +81,7 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     get required(): boolean;
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hideCheckIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | null>;
     tabIndex: _angular_core.InputSignalWithTransform<number, any>;
     ariaDescribedby: _angular_core.InputSignal<string | null>;
     isDisabled: _angular_core.Signal<boolean>;
@@ -61,6 +92,7 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     options: _angular_core.Signal<readonly _Option[]>;
     optionGroups: _angular_core.Signal<readonly Optgroup[]>;
     customTrigger: _angular_core.Signal<readonly SelectTrigger[]>;
+    filterTrigger: _angular_core.Signal<readonly FilterTrigger[]>;
     overlayDir: _angular_core.Signal<CdkConnectedOverlay | undefined>;
     panel: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     origin: _angular_core.Signal<CdkOverlayOrigin | undefined>;
@@ -85,6 +117,8 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     constructor();
     get selected(): _Option | _Option[];
     triggerValue: _angular_core.Signal<string>;
+    selectedCount: _angular_core.Signal<number>;
+    selectedData: _angular_core.Signal<any>;
     ngAfterContentInit(): void;
     private _resetOptions;
     ngOnDestroy(): void;
@@ -108,9 +142,10 @@ declare class Select implements ControlValueAccessor, OnDestroy, AfterContentIni
     private _setSelectionByValue;
     private _scrollToSelectedOption;
     private _getOptionIndex;
+    private _getOptionData;
     private _selectValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "ngs-select", ["ngsSelect"], { "_id": { "alias": "id"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "value": "valueChange"; }, ["selectBody", "options", "optionGroups", "customTrigger"], ["ngs-select-trigger", "ngs-select-header", "ngs-select-body", "ngs-optgroup,ngs-option", "*", "ngs-select-footer"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "ngs-select", ["ngsSelect"], { "_id": { "alias": "id"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "_disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "_required": { "alias": "required"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideCheckIcon": { "alias": "hideCheckIcon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "value": "valueChange"; }, ["selectBody", "options", "optionGroups", "customTrigger", "filterTrigger"], ["ngs-select-trigger", "ngs-filter-trigger", "ngs-select-header", "ngs-select-body", "ngs-optgroup,ngs-option", "*", "ngs-select-footer"], true, never>;
 }
 
 declare class SelectHeader {
@@ -123,4 +158,4 @@ declare class SelectFooter {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFooter, "ngs-select-footer", never, {}, {}, never, ["*"], true, never>;
 }
 
-export { SELECT, Select, SelectBody, SelectChange, SelectFooter, SelectHeader, SelectTrigger, _Select };
+export { FilterTrigger, FilterTriggerValueDirective, SELECT, Select, SelectBody, SelectChange, SelectFooter, SelectHeader, SelectTrigger, _Select };

package/types/ngstarter-ui-components-step-tracker.d.ts

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, InjectionToken, EnvironmentProviders } from '@angular/core';
+
+type StepTrackerResolvedItemState = 'completed' | 'current' | 'pending' | 'error' | 'disabled';
+type StepTrackerItemState = StepTrackerResolvedItemState | 'auto';
+declare class StepTrackerItem {
+    readonly state: _angular_core.InputSignal<StepTrackerItemState>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    private readonly _config;
+    private readonly _elementRef;
+    private readonly _trackerState;
+    readonly completedIconTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly errorIconTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly completedIconName: string;
+    readonly errorIconName: string;
+    readonly resolvedState: _angular_core.Signal<StepTrackerResolvedItemState>;
+    setTrackerState(state: StepTrackerResolvedItemState): void;
+    setIndicatorIconTemplates(completedIconTemplate: TemplateRef<unknown> | null, errorIconTemplate: TemplateRef<unknown> | null): void;
+    getHostElement(): HTMLElement;
+    getIndicatorRect(): DOMRect | null;
+    setHorizontalConnector(left: number, width: number, top: number): void;
+    resetHorizontalConnector(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepTrackerItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepTrackerItem, "ngs-step-tracker-item", ["ngsStepTrackerItem"], { "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, ["ngs-step-tracker-label, [ngsStepTrackerLabel]", "ngs-step-tracker-description, [ngsStepTrackerDescription]", "*"], true, never>;
+}
+
+declare class StepTrackerCompletedIcon {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepTrackerCompletedIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StepTrackerCompletedIcon, "[ngsStepTrackerCompletedIcon]", ["ngsStepTrackerCompletedIcon"], {}, {}, never, never, true, never>;
+}
+
+declare class StepTrackerErrorIcon {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepTrackerErrorIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StepTrackerErrorIcon, "[ngsStepTrackerErrorIcon]", ["ngsStepTrackerErrorIcon"], {}, {}, never, never, true, never>;
+}
+
+type StepTrackerOrientation = 'vertical' | 'horizontal';
+declare class StepTracker {
+    readonly orientation: _angular_core.InputSignal<StepTrackerOrientation>;
+    readonly activeIndex: _angular_core.ModelSignal<number | null>;
+    readonly items: _angular_core.Signal<readonly StepTrackerItem[]>;
+    readonly completedIcon: _angular_core.Signal<StepTrackerCompletedIcon | undefined>;
+    readonly errorIcon: _angular_core.Signal<StepTrackerErrorIcon | undefined>;
+    readonly itemsCount: _angular_core.Signal<number>;
+    private readonly _destroyRef;
+    private readonly _elementRef;
+    private readonly _ngZone;
+    private readonly _observedItemElements;
+    private _resizeObserver;
+    private _syncFrame;
+    private _hasBrowserRender;
+    constructor();
+    setActiveIndex(index: number): void;
+    next(): void;
+    previous(): void;
+    private _stateForIndex;
+    private _observeItems;
+    private _scheduleConnectorSync;
+    private _syncHorizontalConnectors;
+    private _getHorizontalConnectorEnd;
+    private _getHorizontalConnectorStart;
+    private _getHorizontalConnectorTop;
+    private _readConnectorGap;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepTracker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepTracker, "ngs-step-tracker", ["ngsStepTracker"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["items", "completedIcon", "errorIcon"], ["*"], true, never>;
+}
+
+declare class StepTrackerLabel {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepTrackerLabel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepTrackerLabel, "ngs-step-tracker-label, [ngsStepTrackerLabel]", ["ngsStepTrackerLabel"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class StepTrackerDescription {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepTrackerDescription, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepTrackerDescription, "ngs-step-tracker-description, [ngsStepTrackerDescription]", ["ngsStepTrackerDescription"], {}, {}, never, ["*"], true, never>;
+}
+
+interface StepTrackerConfig {
+    completedIconName?: string;
+    errorIconName?: string;
+}
+declare const STEP_TRACKER_DEFAULT_CONFIG: Required<StepTrackerConfig>;
+declare const STEP_TRACKER_CONFIG: InjectionToken<StepTrackerConfig>;
+declare function provideStepTracker(config?: StepTrackerConfig): EnvironmentProviders;
+
+export { STEP_TRACKER_CONFIG, STEP_TRACKER_DEFAULT_CONFIG, StepTracker, StepTrackerCompletedIcon, StepTrackerDescription, StepTrackerErrorIcon, StepTrackerItem, StepTrackerLabel, provideStepTracker };
+export type { StepTrackerConfig, StepTrackerItemState, StepTrackerOrientation, StepTrackerResolvedItemState };