@shival99/z-ui 1.9.12 → 1.9.14

package/types/shival99-z-ui-components-z-skeleton-auto.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+import { SkeletonResult, ResponsiveBones } from 'boneyard-js';
+import { AnimationStyle } from 'boneyard-js/angular';
+
+type ZSkeletonAutoAnimate = AnimationStyle | boolean;
+type ZSkeletonAutoBones = SkeletonResult | ResponsiveBones;
+
+declare class ZSkeletonAutoComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zName: _angular_core.InputSignal<string>;
+    readonly zColor: _angular_core.InputSignal<string | undefined>;
+    readonly zDarkColor: _angular_core.InputSignal<string | undefined>;
+    readonly zAnimate: _angular_core.InputSignal<ZSkeletonAutoAnimate>;
+    readonly zWavePreset: _angular_core.InputSignal<"boneyard" | "legacy-strong">;
+    readonly zWaveDuration: _angular_core.InputSignal<number>;
+    readonly zInitialBones: _angular_core.InputSignal<ZSkeletonAutoBones | undefined>;
+    readonly zStagger: _angular_core.InputSignal<number | boolean>;
+    readonly zTransition: _angular_core.InputSignal<number | boolean>;
+    readonly zBoneClass: _angular_core.InputSignal<string>;
+    readonly zFallbackRows: _angular_core.InputSignal<number>;
+    readonly zFallbackGap: _angular_core.InputSignal<number>;
+    readonly zFallbackRowHeight: _angular_core.InputSignal<string>;
+    readonly zFallbackRadius: _angular_core.InputSignal<string>;
+    protected readonly containerClass: _angular_core.Signal<string>;
+    protected readonly effectiveAnimate: _angular_core.Signal<ZSkeletonAutoAnimate>;
+    protected readonly waveDurationStyle: _angular_core.Signal<string>;
+    protected readonly resolvedBoneClass: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSkeletonAutoComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSkeletonAutoComponent, "z-skeleton-auto", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zName": { "alias": "zName"; "required": false; "isSignal": true; }; "zColor": { "alias": "zColor"; "required": false; "isSignal": true; }; "zDarkColor": { "alias": "zDarkColor"; "required": false; "isSignal": true; }; "zAnimate": { "alias": "zAnimate"; "required": false; "isSignal": true; }; "zWavePreset": { "alias": "zWavePreset"; "required": false; "isSignal": true; }; "zWaveDuration": { "alias": "zWaveDuration"; "required": false; "isSignal": true; }; "zInitialBones": { "alias": "zInitialBones"; "required": false; "isSignal": true; }; "zStagger": { "alias": "zStagger"; "required": false; "isSignal": true; }; "zTransition": { "alias": "zTransition"; "required": false; "isSignal": true; }; "zBoneClass": { "alias": "zBoneClass"; "required": false; "isSignal": true; }; "zFallbackRows": { "alias": "zFallbackRows"; "required": false; "isSignal": true; }; "zFallbackGap": { "alias": "zFallbackGap"; "required": false; "isSignal": true; }; "zFallbackRowHeight": { "alias": "zFallbackRowHeight"; "required": false; "isSignal": true; }; "zFallbackRadius": { "alias": "zFallbackRadius"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ZSkeletonAutoComponent };
+export type { ZSkeletonAutoAnimate, ZSkeletonAutoBones };

package/types/shival99-z-ui-components-z-skeleton.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, OnDestroy } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -11,7 +11,7 @@ interface ZSkeletonRowItem {
     height: string;
 }
 
-declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
+declare class ZSkeletonComponent implements AfterViewInit {
     private readonly _elementRef;
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zType: _angular_core.InputSignal<ZSkeletonType>;
@@ -23,11 +23,9 @@ declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
     readonly zAnimated: _angular_core.InputSignal<boolean>;
     readonly zRadius: _angular_core.InputSignal<string>;
     private readonly _calculatedRows;
-    private _parentElement;
-    private _originalOverflow;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     protected readonly containerClass: _angular_core.Signal<string>;
+    protected readonly hostHeight: _angular_core.Signal<string | undefined>;
     protected readonly skeletonClasses: _angular_core.Signal<string>;
     protected readonly circleStyles: _angular_core.Signal<{
         width: string;
@@ -38,8 +36,6 @@ declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
     }>;
     protected readonly shouldShowMultipleRows: _angular_core.Signal<boolean>;
     protected readonly rowsArray: _angular_core.Signal<ZSkeletonRowItem[]>;
-    private _setParentOverflowHidden;
-    private _restoreParentOverflow;
     private _calculateBarRows;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSkeletonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSkeletonComponent, "z-skeleton", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zWidth": { "alias": "zWidth"; "required": false; "isSignal": true; }; "zHeight": { "alias": "zHeight"; "required": false; "isSignal": true; }; "zRows": { "alias": "zRows"; "required": false; "isSignal": true; }; "zGap": { "alias": "zGap"; "required": false; "isSignal": true; }; "zAnimated": { "alias": "zAnimated"; "required": false; "isSignal": true; }; "zRadius": { "alias": "zRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/types/shival99-z-ui-components-z-switch.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ZEvent } from '@shival99/z-ui/utils';
 import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -16,12 +17,16 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
     readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zSwitchClass: _angular_core.InputSignal<ClassValue>;
+    readonly zThumbClass: _angular_core.InputSignal<ClassValue>;
     readonly zSize: _angular_core.InputSignal<ZSwitchSize>;
     readonly zMode: _angular_core.InputSignal<ZSwitchMode>;
     readonly zLabel: _angular_core.InputSignal<string>;
     readonly zText: _angular_core.InputSignal<string>;
     readonly zCheckedText: _angular_core.InputSignal<string>;
     readonly zUncheckedText: _angular_core.InputSignal<string>;
+    readonly zCheckedIcon: _angular_core.InputSignal<ZIcon | null>;
+    readonly zUncheckedIcon: _angular_core.InputSignal<ZIcon | null>;
     readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zTextPosition: _angular_core.InputSignal<"left" | "right">;
@@ -37,6 +42,7 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     protected readonly switchState: _angular_core.Signal<"checked" | "unchecked">;
     protected readonly innerLeftClasses: _angular_core.Signal<string>;
     protected readonly innerRightClasses: _angular_core.Signal<string>;
+    protected readonly currentThumbIcon: _angular_core.Signal<ZIcon | null>;
     protected readonly displayCheckedText: _angular_core.Signal<string>;
     protected readonly displayUncheckedText: _angular_core.Signal<string>;
     protected readonly loadingIconSize: _angular_core.Signal<"10" | "16" | "12">;
@@ -51,7 +57,7 @@ declare class ZSwitchComponent implements ControlValueAccessor {
     protected onSwitchClick(event: MouseEvent): void;
     private _triggerWaveEffect;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zCheckedText": { "alias": "zCheckedText"; "required": false; "isSignal": true; }; "zUncheckedText": { "alias": "zUncheckedText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSwitchComponent, "z-switch", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSwitchClass": { "alias": "zSwitchClass"; "required": false; "isSignal": true; }; "zThumbClass": { "alias": "zThumbClass"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zCheckedText": { "alias": "zCheckedText"; "required": false; "isSignal": true; }; "zUncheckedText": { "alias": "zUncheckedText"; "required": false; "isSignal": true; }; "zCheckedIcon": { "alias": "zCheckedIcon"; "required": false; "isSignal": true; }; "zUncheckedIcon": { "alias": "zUncheckedIcon"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zTextPosition": { "alias": "zTextPosition"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zChecked": { "alias": "zChecked"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zChecked": "zCheckedChange"; }, never, never, true, never>;
 }
 
 declare const zSwitchVariants: (props?: ({