@ngstarter-ui/components 21.0.11 → 21.0.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ngstarter-ui/components",
   "description": "NgStarter - AI-friendly Enterprise Angular UI Components and Admin Panel",
-  "version": "21.0.11",
+  "version": "21.0.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/elementarlabsdev/ngstarter.git"
@@ -210,6 +210,10 @@
       "types": "./types/ngstarter-ui-components-dialog.d.ts",
       "default": "./fesm2022/ngstarter-ui-components-dialog.mjs"
     },
+    "./digit-roller": {
+      "types": "./types/ngstarter-ui-components-digit-roller.d.ts",
+      "default": "./fesm2022/ngstarter-ui-components-digit-roller.mjs"
+    },
     "./divider": {
       "types": "./types/ngstarter-ui-components-divider.d.ts",
       "default": "./fesm2022/ngstarter-ui-components-divider.mjs"

package/types/ngstarter-ui-components-button-toggle.d.ts

@@ -2,6 +2,27 @@ import * as _angular_core from '@angular/core';
 import { OnInit, AfterContentInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
+declare class ButtonToggle implements OnInit {
+    id: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<any>;
+    name: _angular_core.InputSignal<string | undefined>;
+    checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    onlyIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private _internalChecked;
+    get isChecked(): boolean;
+    _setChecked(value: boolean): void;
+    readonly change: _angular_core.OutputEmitterRef<any>;
+    buttonToggleGroup: any;
+    private _changeDetectorRef;
+    get isDisabled(): boolean;
+    get _shouldShowSelectionIndicator(): boolean;
+    ngOnInit(): void;
+    _onButtonClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggle, "ngs-button-toggle", ["ngsButtonToggle"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "onlyIcon": { "alias": "onlyIcon"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["*"], true, never>;
+}
+
 type ButtonToggleAppearance = 'standard' | 'legacy';
 declare class ButtonToggleGroup implements ControlValueAccessor, AfterContentInit {
     readonly _buttonToggles: _angular_core.Signal<readonly any[]>;
@@ -11,6 +32,7 @@ declare class ButtonToggleGroup implements ControlValueAccessor, AfterContentIni
     hideSelectionIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
     vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     value: _angular_core.ModelSignal<any>;
+    onlyIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly change: _angular_core.OutputEmitterRef<any>;
     _onChange: (value: any) => void;
     _onTouched: () => void;
@@ -26,28 +48,7 @@ declare class ButtonToggleGroup implements ControlValueAccessor, AfterContentIni
     _onButtonClick(toggle: ButtonToggle): void;
     private _updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggleGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggleGroup, "ngs-button-toggle-group", ["ngsButtonToggleGroup"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideSelectionIndicator": { "alias": "hideSelectionIndicator"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "change": "change"; }, ["_buttonToggles"], ["*"], true, never>;
-}
-declare class ButtonToggle implements OnInit {
-    private _id;
-    id: _angular_core.InputSignal<string>;
-    value: _angular_core.InputSignal<any>;
-    name: _angular_core.InputSignal<string | undefined>;
-    checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private _internalChecked;
-    get isChecked(): boolean;
-    _setChecked(value: boolean): void;
-    readonly change: _angular_core.OutputEmitterRef<any>;
-    buttonToggleGroup: any;
-    private _changeDetectorRef;
-    get isDisabled(): boolean;
-    get _shouldShowSelectionIndicator(): boolean;
-    ngOnInit(): void;
-    _onButtonClick(): void;
-    _markForCheck(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggle, "ngs-button-toggle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggleGroup, "ngs-button-toggle-group", ["ngsButtonToggleGroup"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideSelectionIndicator": { "alias": "hideSelectionIndicator"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "onlyIcon": { "alias": "onlyIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "change": "change"; }, ["_buttonToggles"], ["*"], true, never>;
 }
 
 export { ButtonToggle, ButtonToggleGroup };

package/types/ngstarter-ui-components-digit-roller.d.ts

@@ -0,0 +1,143 @@
+import * as _angular_core from '@angular/core';
+
+interface DigitRollerNumberPart {
+    type: string;
+    value: string;
+    key: string;
+    numericValue?: number;
+}
+interface DigitRollerFormattedNumber {
+    pre: DigitRollerNumberPart[];
+    integer: DigitRollerNumberPart[];
+    fraction: DigitRollerNumberPart[];
+    post: DigitRollerNumberPart[];
+}
+declare const DIGIT_ROLLER_EMPTY_FORMATTED: DigitRollerFormattedNumber;
+type DigitRollerTrend = number | ((oldValue: number, value: number) => number);
+type DigitRollerTiming = Omit<KeyframeAnimationOptions, 'composite'>;
+type DigitRollerEasing = 'default' | 'spring' | 'overshoot' | (string & {});
+interface DigitRollerDigitConfig {
+    max?: number;
+}
+type DigitRollerDigits = Record<number, DigitRollerDigitConfig>;
+
+interface DigitRollerGlyph {
+    value: number;
+    glyph: string;
+}
+
+declare class DigitRoller {
+    value: _angular_core.InputSignal<number>;
+    format: _angular_core.InputSignal<Intl.NumberFormatOptions>;
+    locales: _angular_core.InputSignal<string | string[] | undefined>;
+    prefix: _angular_core.InputSignal<string>;
+    suffix: _angular_core.InputSignal<string>;
+    animated: _angular_core.InputSignal<boolean>;
+    duration: _angular_core.InputSignal<number | undefined>;
+    opacityDuration: _angular_core.InputSignal<number | undefined>;
+    transformTiming: _angular_core.InputSignal<DigitRollerTiming | undefined>;
+    spinTiming: _angular_core.InputSignal<DigitRollerTiming | undefined>;
+    opacityTiming: _angular_core.InputSignal<DigitRollerTiming | undefined>;
+    spinEasing: _angular_core.InputSignal<DigitRollerEasing | undefined>;
+    flipEasing: _angular_core.InputSignal<DigitRollerEasing | undefined>;
+    trend: _angular_core.InputSignal<DigitRollerTrend | undefined>;
+    continuous: _angular_core.InputSignal<boolean>;
+    digits: _angular_core.InputSignal<DigitRollerDigits>;
+    respectMotionPreference: _angular_core.InputSignal<boolean>;
+    stagger: _angular_core.InputSignal<number>;
+    colorOnIncrease: _angular_core.InputSignal<string | undefined>;
+    colorOnDecrease: _angular_core.InputSignal<string | undefined>;
+    animationsStart: _angular_core.OutputEmitterRef<void>;
+    animationsFinish: _angular_core.OutputEmitterRef<void>;
+    protected data: _angular_core.WritableSignal<DigitRollerFormattedNumber>;
+    protected digitGlyphs: _angular_core.Signal<DigitRollerGlyph[]>;
+    protected formattedPlainText: _angular_core.Signal<string>;
+    protected effectiveSettings: _angular_core.Signal<{
+        duration: number;
+        opacityDuration: number;
+        spinEasing: string;
+        flipEasing: string;
+        transformTiming: DigitRollerTiming | undefined;
+        spinTiming: DigitRollerTiming | undefined;
+        opacityTiming: DigitRollerTiming | undefined;
+    }>;
+    private platformId;
+    private elementRef;
+    private destroyRef;
+    private group;
+    private prevRects;
+    private prevInnerHTML;
+    private prevDigitD;
+    private prevDigitCurrent;
+    private prevDigitValues;
+    private prevDigitOrder;
+    private prevNumberLeft;
+    private prevNumberWidth;
+    private prevNumericValue;
+    private animCount;
+    private pending;
+    private destroyed;
+    private hasRenderedValue;
+    private liveAnimations;
+    private spinCount;
+    private animationsFinishAbort?;
+    private pendingCanAnimate;
+    private pendingHostFont;
+    private pendingHostColor;
+    private pendingKeyedEls;
+    private pendingNumberRect;
+    private pendingNumberOffsetWidth;
+    private isNearViewport;
+    private viewportObserver?;
+    constructor();
+    canGroupAnimateNow(): boolean;
+    prepareGroupedUpdate(): void;
+    queueGroupedAnimation(): void;
+    private snapshot;
+    private readAnimationState;
+    private fireAnimations;
+    private animatePositionOrFade;
+    private getDigitValue;
+    private getPartDigitValue;
+    private resolveTrend;
+    private canAnimateNow;
+    private isHostNearViewport;
+    private resolveEasing;
+    private getContinuousStartPosition;
+    private getDigitPosition;
+    private getDigitLength;
+    protected digitLengthForKey(key: string): number;
+    protected digitGlyphsForKey(key: string): {
+        value: number;
+        glyph: string;
+    }[];
+    private addStaggerDelay;
+    private getTrendDelta;
+    private incrementSpin;
+    private decrementSpin;
+    private buildGhost;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DigitRoller, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DigitRoller, "ngs-digit-roller", ["ngsDigitRoller"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "locales": { "alias": "locales"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "opacityDuration": { "alias": "opacityDuration"; "required": false; "isSignal": true; }; "transformTiming": { "alias": "transformTiming"; "required": false; "isSignal": true; }; "spinTiming": { "alias": "spinTiming"; "required": false; "isSignal": true; }; "opacityTiming": { "alias": "opacityTiming"; "required": false; "isSignal": true; }; "spinEasing": { "alias": "spinEasing"; "required": false; "isSignal": true; }; "flipEasing": { "alias": "flipEasing"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "continuous": { "alias": "continuous"; "required": false; "isSignal": true; }; "digits": { "alias": "digits"; "required": false; "isSignal": true; }; "respectMotionPreference": { "alias": "respectMotionPreference"; "required": false; "isSignal": true; }; "stagger": { "alias": "stagger"; "required": false; "isSignal": true; }; "colorOnIncrease": { "alias": "colorOnIncrease"; "required": false; "isSignal": true; }; "colorOnDecrease": { "alias": "colorOnDecrease"; "required": false; "isSignal": true; }; }, { "animationsStart": "animationsStart"; "animationsFinish": "animationsFinish"; }, never, never, true, never>;
+}
+
+interface DigitRollerGroupMember {
+    canGroupAnimateNow(): boolean;
+    prepareGroupedUpdate(): void;
+    queueGroupedAnimation(): void;
+}
+interface DigitRollerGroupCoordinator {
+    requestGroupedUpdate(member: DigitRollerGroupMember, applyUpdate: () => void): boolean;
+}
+
+declare class DigitRollerGroupDirective implements DigitRollerGroupCoordinator {
+    private children;
+    private pendingUpdates;
+    private flushQueued;
+    requestGroupedUpdate(member: DigitRollerGroupMember, applyUpdate: () => void): boolean;
+    private flushGroupedUpdates;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DigitRollerGroupDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DigitRollerGroupDirective, "[ngsDigitRollerGroup]", never, {}, {}, ["children"], never, true, never>;
+}
+
+export { DIGIT_ROLLER_EMPTY_FORMATTED, DigitRoller, DigitRollerGroupDirective };
+export type { DigitRollerDigitConfig, DigitRollerDigits, DigitRollerEasing, DigitRollerFormattedNumber, DigitRollerNumberPart, DigitRollerTiming, DigitRollerTrend };