@shival99/z-ui 2.1.27 → 2.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/fesm2022/shival99-z-ui-components-z-select.mjs +1 -1
  2. package/fesm2022/shival99-z-ui-components-z-select.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +0 -1079
  5. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +0 -1
  6. package/fesm2022/shival99-z-ui-components-z-drawer.mjs +0 -742
  7. package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +0 -1
  8. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +0 -58
  9. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +0 -1
  10. package/fesm2022/shival99-z-ui-components-z-editor.mjs +0 -1750
  11. package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +0 -1
  12. package/fesm2022/shival99-z-ui-components-z-gallery.mjs +0 -2419
  13. package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +0 -1
  14. package/fesm2022/shival99-z-ui-components-z-kanban.mjs +0 -981
  15. package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +0 -1
  16. package/fesm2022/shival99-z-ui-components-z-marquee.mjs +0 -70
  17. package/fesm2022/shival99-z-ui-components-z-marquee.mjs.map +0 -1
  18. package/fesm2022/shival99-z-ui-components-z-media-player.mjs +0 -668
  19. package/fesm2022/shival99-z-ui-components-z-media-player.mjs.map +0 -1
  20. package/fesm2022/shival99-z-ui-components-z-menu.mjs +0 -843
  21. package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +0 -1
  22. package/fesm2022/shival99-z-ui-components-z-metric-card.mjs +0 -128
  23. package/fesm2022/shival99-z-ui-components-z-metric-card.mjs.map +0 -1
  24. package/fesm2022/shival99-z-ui-components-z-pagination.mjs +0 -158
  25. package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +0 -1
  26. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +0 -383
  27. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +0 -1
  28. package/fesm2022/shival99-z-ui-components-z-radio.mjs +0 -167
  29. package/fesm2022/shival99-z-ui-components-z-radio.mjs.map +0 -1
  30. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +0 -131
  31. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +0 -1
  32. package/fesm2022/shival99-z-ui-components-z-show-more.mjs +0 -121
  33. package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +0 -1
  34. package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs +0 -61
  35. package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs.map +0 -1
  36. package/fesm2022/shival99-z-ui-components-z-steps.mjs +0 -396
  37. package/fesm2022/shival99-z-ui-components-z-steps.mjs.map +0 -1
  38. package/fesm2022/shival99-z-ui-components-z-table.mjs +0 -10508
  39. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +0 -1
  40. package/fesm2022/shival99-z-ui-components-z-tabs.mjs +0 -507
  41. package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +0 -1
  42. package/fesm2022/shival99-z-ui-components-z-tags.mjs +0 -349
  43. package/fesm2022/shival99-z-ui-components-z-tags.mjs.map +0 -1
  44. package/fesm2022/shival99-z-ui-components-z-timeline.mjs +0 -237
  45. package/fesm2022/shival99-z-ui-components-z-timeline.mjs.map +0 -1
  46. package/fesm2022/shival99-z-ui-components-z-upload.mjs +0 -523
  47. package/fesm2022/shival99-z-ui-components-z-upload.mjs.map +0 -1
  48. package/types/shival99-z-ui-components-z-autocomplete.d.ts +0 -290
  49. package/types/shival99-z-ui-components-z-drawer.d.ts +0 -266
  50. package/types/shival99-z-ui-components-z-dropdown-menu.d.ts +0 -54
  51. package/types/shival99-z-ui-components-z-editor.d.ts +0 -337
  52. package/types/shival99-z-ui-components-z-gallery.d.ts +0 -402
  53. package/types/shival99-z-ui-components-z-kanban.d.ts +0 -237
  54. package/types/shival99-z-ui-components-z-marquee.d.ts +0 -35
  55. package/types/shival99-z-ui-components-z-media-player.d.ts +0 -124
  56. package/types/shival99-z-ui-components-z-menu.d.ts +0 -222
  57. package/types/shival99-z-ui-components-z-metric-card.d.ts +0 -67
  58. package/types/shival99-z-ui-components-z-pagination.d.ts +0 -55
  59. package/types/shival99-z-ui-components-z-qrcode.d.ts +0 -76
  60. package/types/shival99-z-ui-components-z-radio.d.ts +0 -69
  61. package/types/shival99-z-ui-components-z-scrollarea.d.ts +0 -46
  62. package/types/shival99-z-ui-components-z-show-more.d.ts +0 -36
  63. package/types/shival99-z-ui-components-z-skeleton-auto.d.ts +0 -35
  64. package/types/shival99-z-ui-components-z-steps.d.ts +0 -106
  65. package/types/shival99-z-ui-components-z-table.d.ts +0 -1924
  66. package/types/shival99-z-ui-components-z-tabs.d.ts +0 -92
  67. package/types/shival99-z-ui-components-z-tags.d.ts +0 -128
  68. package/types/shival99-z-ui-components-z-timeline.d.ts +0 -71
  69. package/types/shival99-z-ui-components-z-upload.d.ts +0 -153
@@ -1,69 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { ZEvent } from '@shival99/z-ui/utils';
4
- import { ClassValue } from 'clsx';
5
- import * as class_variance_authority_types from 'class-variance-authority/types';
6
- import { VariantProps } from 'class-variance-authority';
7
-
8
- type ZRadioType = 'default' | 'group';
9
- type ZRadioSize = 'sm' | 'default' | 'lg';
10
- type ZRadioOrientation = 'vertical' | 'horizontal';
11
- interface ZRadioOption {
12
- label: string;
13
- value: string | number;
14
- disabled?: boolean;
15
- }
16
-
17
- declare class ZRadioComponent implements ControlValueAccessor {
18
- readonly zChange: _angular_core.OutputEmitterRef<string | number | null>;
19
- readonly zOnBlur: _angular_core.OutputEmitterRef<FocusEvent>;
20
- readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
21
- readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
22
- readonly class: _angular_core.InputSignal<ClassValue>;
23
- readonly zType: _angular_core.InputSignal<ZRadioType>;
24
- readonly zSize: _angular_core.InputSignal<ZRadioSize>;
25
- readonly zLabel: _angular_core.InputSignal<string>;
26
- readonly zText: _angular_core.InputSignal<string>;
27
- readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
28
- readonly zValue: _angular_core.InputSignal<string | number>;
29
- readonly zOptions: _angular_core.InputSignal<ZRadioOption[]>;
30
- readonly zOrientation: _angular_core.InputSignal<ZRadioOrientation>;
31
- readonly zSelectedValue: _angular_core.ModelSignal<string | number | null>;
32
- private readonly _disabled;
33
- protected readonly isDisabled: _angular_core.Signal<boolean>;
34
- protected readonly hostClasses: _angular_core.Signal<string>;
35
- protected readonly groupClasses: _angular_core.Signal<string>;
36
- protected readonly radioClasses: _angular_core.Signal<string>;
37
- protected readonly indicatorClasses: _angular_core.Signal<string>;
38
- protected readonly labelClasses: _angular_core.Signal<string>;
39
- private _onChange;
40
- private _onTouched;
41
- writeValue(value: string | number | null): void;
42
- registerOnChange(fn: (value: string | number | null) => void): void;
43
- registerOnTouched(fn: () => void): void;
44
- setDisabledState(isDisabled: boolean): void;
45
- protected onFocus(event: FocusEvent): void;
46
- protected onBlur(event: FocusEvent): void;
47
- protected onRadioClick(): void;
48
- protected onOptionClick(option: ZRadioOption): void;
49
- protected isOptionChecked(option: ZRadioOption): boolean;
50
- protected isChecked(): boolean;
51
- protected getRadioState(): string;
52
- protected getOptionState(option: ZRadioOption): string;
53
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZRadioComponent, never>;
54
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZRadioComponent, "z-radio", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zSelectedValue": { "alias": "zSelectedValue"; "required": false; "isSignal": true; }; }, { "zChange": "zChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zEvent": "zEvent"; "zSelectedValue": "zSelectedValueChange"; }, never, never, true, never>;
55
- }
56
-
57
- declare const zRadioVariants: (props?: ({
58
- zSize?: "default" | "sm" | "lg" | null | undefined;
59
- } & class_variance_authority_types.ClassProp) | undefined) => string;
60
- declare const zRadioIndicatorVariants: (props?: ({
61
- zSize?: "default" | "sm" | "lg" | null | undefined;
62
- } & class_variance_authority_types.ClassProp) | undefined) => string;
63
- declare const zRadioLabelVariants: (props?: ({
64
- zSize?: "default" | "sm" | "lg" | null | undefined;
65
- } & class_variance_authority_types.ClassProp) | undefined) => string;
66
- type ZRadioVariants = VariantProps<typeof zRadioVariants>;
67
-
68
- export { ZRadioComponent, zRadioIndicatorVariants, zRadioLabelVariants, zRadioVariants };
69
- export type { ZRadioOption, ZRadioOrientation, ZRadioSize, ZRadioType, ZRadioVariants };
@@ -1,46 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { AfterViewInit, ElementRef } from '@angular/core';
3
- import { ClassValue } from 'clsx';
4
- import { NgScrollbar } from 'ngx-scrollbar';
5
- import * as class_variance_authority_types from 'class-variance-authority/types';
6
- import { VariantProps } from 'class-variance-authority';
7
-
8
- type ZScrollAreaOrientation = 'vertical' | 'horizontal' | 'auto';
9
- type ZScrollAreaVisibility = 'hover' | 'visible' | 'native';
10
- type ZScrollAreaType = 'custom' | 'native';
11
- type ZScrollAreaSize = 'sm' | 'default' | 'lg';
12
-
13
- declare class ZScrollAreaComponent implements AfterViewInit {
14
- readonly scrollbarRef: _angular_core.Signal<NgScrollbar | undefined>;
15
- readonly nativeViewport: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
16
- readonly class: _angular_core.InputSignal<ClassValue>;
17
- readonly zType: _angular_core.InputSignal<ZScrollAreaType>;
18
- readonly zOrientation: _angular_core.InputSignal<ZScrollAreaOrientation>;
19
- readonly zVisibility: _angular_core.InputSignal<ZScrollAreaVisibility>;
20
- readonly zSize: _angular_core.InputSignal<ZScrollAreaSize>;
21
- readonly zDisableInteraction: _angular_core.InputSignal<boolean>;
22
- readonly zSensorThrottleTime: _angular_core.InputSignal<number>;
23
- readonly zDisableSensor: _angular_core.InputSignal<boolean>;
24
- readonly zScroll: _angular_core.OutputEmitterRef<Event>;
25
- readonly zScrollbarInit: _angular_core.OutputEmitterRef<NgScrollbar>;
26
- protected readonly hostClasses: _angular_core.Signal<string>;
27
- protected readonly nativeClasses: _angular_core.Signal<string>;
28
- ngAfterViewInit(): void;
29
- protected onScroll(event: Event): void;
30
- scrollTo(options: ScrollToOptions): void;
31
- scrollToElement(selectorOrElement: string | HTMLElement, options?: {
32
- top?: number;
33
- left?: number;
34
- duration?: number;
35
- }): void;
36
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZScrollAreaComponent, never>;
37
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZScrollAreaComponent, "z-scrollarea", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zVisibility": { "alias": "zVisibility"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zDisableInteraction": { "alias": "zDisableInteraction"; "required": false; "isSignal": true; }; "zSensorThrottleTime": { "alias": "zSensorThrottleTime"; "required": false; "isSignal": true; }; "zDisableSensor": { "alias": "zDisableSensor"; "required": false; "isSignal": true; }; }, { "zScroll": "zScroll"; "zScrollbarInit": "zScrollbarInit"; }, never, ["*"], true, never>;
38
- }
39
-
40
- declare const zScrollAreaVariants: (props?: ({
41
- zSize?: "sm" | "default" | "lg" | null | undefined;
42
- } & class_variance_authority_types.ClassProp) | undefined) => string;
43
- type ZScrollAreaVariants = VariantProps<typeof zScrollAreaVariants>;
44
-
45
- export { ZScrollAreaComponent, zScrollAreaVariants };
46
- export type { ZScrollAreaOrientation, ZScrollAreaSize, ZScrollAreaType, ZScrollAreaVariants, ZScrollAreaVisibility };
@@ -1,36 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { ClassValue } from 'clsx';
3
-
4
- declare class ZShowMoreComponent {
5
- private readonly _destroyRef;
6
- readonly class: _angular_core.InputSignal<ClassValue>;
7
- readonly zMaxHeight: _angular_core.InputSignal<string | number>;
8
- readonly zShowMoreLabel: _angular_core.InputSignal<string | undefined>;
9
- readonly zShowLessLabel: _angular_core.InputSignal<string | undefined>;
10
- readonly zShowLessButton: _angular_core.InputSignal<boolean>;
11
- readonly zButtonType: _angular_core.InputSignal<"default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "info" | "warning" | "error" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | "link" | null | undefined>;
12
- readonly zButtonSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
13
- readonly zWave: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
14
- readonly zBlurHeight: _angular_core.InputSignal<number>;
15
- readonly zBlurColor: _angular_core.InputSignal<string | undefined>;
16
- readonly zExpandChange: _angular_core.OutputEmitterRef<boolean>;
17
- private readonly _contentContainer;
18
- private readonly _contentInner;
19
- private readonly _isExpanded;
20
- private readonly _isOverflowing;
21
- private readonly _scrollHeight;
22
- protected readonly isExpanded: _angular_core.Signal<boolean>;
23
- protected readonly isOverflowing: _angular_core.Signal<boolean>;
24
- protected readonly zClasses: _angular_core.Signal<string>;
25
- protected readonly computedMaxHeight: _angular_core.Signal<string>;
26
- protected readonly blurGradientStyle: _angular_core.Signal<{
27
- 'background-image': string;
28
- height: string;
29
- }>;
30
- constructor();
31
- protected toggle(): void;
32
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZShowMoreComponent, never>;
33
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZShowMoreComponent, "z-show-more", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMaxHeight": { "alias": "zMaxHeight"; "required": false; "isSignal": true; }; "zShowMoreLabel": { "alias": "zShowMoreLabel"; "required": false; "isSignal": true; }; "zShowLessLabel": { "alias": "zShowLessLabel"; "required": false; "isSignal": true; }; "zShowLessButton": { "alias": "zShowLessButton"; "required": false; "isSignal": true; }; "zButtonType": { "alias": "zButtonType"; "required": false; "isSignal": true; }; "zButtonSize": { "alias": "zButtonSize"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; "zBlurHeight": { "alias": "zBlurHeight"; "required": false; "isSignal": true; }; "zBlurColor": { "alias": "zBlurColor"; "required": false; "isSignal": true; }; }, { "zExpandChange": "zExpandChange"; }, never, ["*"], true, never>;
34
- }
35
-
36
- export { ZShowMoreComponent };
@@ -1,35 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { ClassValue } from 'clsx';
3
- import { SkeletonResult, ResponsiveBones } from 'boneyard-js';
4
- import { AnimationStyle } from 'boneyard-js/angular';
5
-
6
- type ZSkeletonAutoAnimate = AnimationStyle | boolean;
7
- type ZSkeletonAutoBones = SkeletonResult | ResponsiveBones;
8
-
9
- declare class ZSkeletonAutoComponent {
10
- readonly class: _angular_core.InputSignal<ClassValue>;
11
- readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
12
- readonly zName: _angular_core.InputSignal<string>;
13
- readonly zColor: _angular_core.InputSignal<string | undefined>;
14
- readonly zDarkColor: _angular_core.InputSignal<string | undefined>;
15
- readonly zAnimate: _angular_core.InputSignal<ZSkeletonAutoAnimate>;
16
- readonly zWavePreset: _angular_core.InputSignal<"boneyard" | "legacy-strong">;
17
- readonly zWaveDuration: _angular_core.InputSignal<number>;
18
- readonly zInitialBones: _angular_core.InputSignal<ZSkeletonAutoBones | undefined>;
19
- readonly zStagger: _angular_core.InputSignal<number | boolean>;
20
- readonly zTransition: _angular_core.InputSignal<number | boolean>;
21
- readonly zBoneClass: _angular_core.InputSignal<string>;
22
- readonly zFallbackRows: _angular_core.InputSignal<number>;
23
- readonly zFallbackGap: _angular_core.InputSignal<number>;
24
- readonly zFallbackRowHeight: _angular_core.InputSignal<string>;
25
- readonly zFallbackRadius: _angular_core.InputSignal<string>;
26
- protected readonly containerClass: _angular_core.Signal<string>;
27
- protected readonly effectiveAnimate: _angular_core.Signal<ZSkeletonAutoAnimate>;
28
- protected readonly waveDurationStyle: _angular_core.Signal<string>;
29
- protected readonly resolvedBoneClass: _angular_core.Signal<string | undefined>;
30
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSkeletonAutoComponent, never>;
31
- 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>;
32
- }
33
-
34
- export { ZSkeletonAutoComponent };
35
- export type { ZSkeletonAutoAnimate, ZSkeletonAutoBones };
@@ -1,106 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { AfterViewInit } from '@angular/core';
3
- import { ClassValue } from 'clsx';
4
- import { ZIcon, ZIconVariants } from '@shival99/z-ui/components/z-icon';
5
- import * as class_variance_authority_types from 'class-variance-authority/types';
6
- import { VariantProps } from 'class-variance-authority';
7
-
8
- type ZStepsOrientation = 'vertical' | 'horizontal';
9
- type ZStepsType = 'default' | 'inline' | 'arrow' | 'dot';
10
- type ZStepsSize = 'sm' | 'default' | 'lg';
11
- type ZStepsStatus = 'pending' | 'current' | 'completed' | 'error';
12
- interface ZStepItem {
13
- title?: string;
14
- description?: string;
15
- icon?: ZIcon;
16
- status?: ZStepsStatus;
17
- disabled?: boolean;
18
- iconSize?: ZIconVariants['zSize'];
19
- iconClass?: string;
20
- }
21
- interface ZStepsControl {
22
- setActive: (index: number) => void;
23
- next: () => void;
24
- prev: () => void;
25
- reset: () => void;
26
- setDisabled: (index: number, disabled: boolean) => void;
27
- setStatus: (index: number, status: ZStepsStatus) => void;
28
- getCurrent: () => number;
29
- getTotal: () => number;
30
- }
31
-
32
- declare class ZStepsComponent implements AfterViewInit {
33
- private readonly _elementRef;
34
- private readonly _destroyRef;
35
- readonly zOnStepClick: _angular_core.OutputEmitterRef<number>;
36
- readonly zControl: _angular_core.OutputEmitterRef<ZStepsControl>;
37
- readonly class: _angular_core.InputSignal<ClassValue>;
38
- readonly zSteps: _angular_core.InputSignal<ZStepItem[]>;
39
- readonly zCurrent: _angular_core.InputSignal<number>;
40
- readonly zOrientation: _angular_core.InputSignal<ZStepsOrientation>;
41
- readonly zType: _angular_core.InputSignal<ZStepsType>;
42
- readonly zSize: _angular_core.InputSignal<ZStepsSize>;
43
- readonly zClickable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
44
- readonly zShowNumber: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
45
- readonly zResponsive: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
46
- readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
47
- private readonly _internalCurrent;
48
- private readonly _stepOverrides;
49
- private _resizeObserver;
50
- protected readonly isResponsiveVertical: _angular_core.WritableSignal<boolean>;
51
- protected readonly currentStep: _angular_core.Signal<number>;
52
- protected readonly mergedSteps: _angular_core.Signal<ZStepItem[]>;
53
- protected readonly effectiveOrientation: _angular_core.Signal<ZStepsOrientation>;
54
- protected readonly containerClasses: _angular_core.Signal<string>;
55
- protected readonly getItemClasses: _angular_core.Signal<string>;
56
- protected readonly iconClassesMap: _angular_core.Signal<Map<number, string>>;
57
- protected readonly lineClasses: _angular_core.Signal<string>;
58
- protected readonly getConnectorClassesByIndex: _angular_core.Signal<string[]>;
59
- protected readonly stepStatuses: _angular_core.Signal<ZStepsStatus[]>;
60
- protected readonly getArrowClassesByIndex: _angular_core.Signal<string[]>;
61
- protected readonly getDotClassesByIndex: _angular_core.Signal<string[]>;
62
- protected readonly getDotLineClassesByIndex: _angular_core.Signal<string[]>;
63
- protected readonly defaultIconSize: _angular_core.Signal<NonNullable<string | number | null | undefined>>;
64
- protected readonly getIconSizeByIndex: _angular_core.Signal<NonNullable<string | number | null | undefined>[]>;
65
- protected readonly iconWidth: _angular_core.Signal<32 | 44 | 36>;
66
- ngAfterViewInit(): void;
67
- private _updateStepOverride;
68
- private _setupResizeObserver;
69
- private _getStepStatus;
70
- private _getConnectorStatus;
71
- protected onStepClick(index: number): void;
72
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZStepsComponent, never>;
73
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZStepsComponent, "z-steps", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zSteps": { "alias": "zSteps"; "required": true; "isSignal": true; }; "zCurrent": { "alias": "zCurrent"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zClickable": { "alias": "zClickable"; "required": false; "isSignal": true; }; "zShowNumber": { "alias": "zShowNumber"; "required": false; "isSignal": true; }; "zResponsive": { "alias": "zResponsive"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; }, { "zOnStepClick": "zOnStepClick"; "zControl": "zControl"; }, never, never, true, never>;
74
- }
75
-
76
- declare const zStepsContainerVariants: (props?: ({
77
- orientation?: "vertical" | "horizontal" | null | undefined;
78
- } & class_variance_authority_types.ClassProp) | undefined) => string;
79
- declare const zStepsItemVariants: (props?: ({
80
- orientation?: "vertical" | "horizontal" | null | undefined;
81
- size?: "default" | "sm" | "lg" | null | undefined;
82
- } & class_variance_authority_types.ClassProp) | undefined) => string;
83
- declare const zStepsIconVariants: (props?: ({
84
- size?: "default" | "sm" | "lg" | null | undefined;
85
- status?: "pending" | "current" | "completed" | "error" | null | undefined;
86
- } & class_variance_authority_types.ClassProp) | undefined) => string;
87
- declare const zStepsLineVariants: (props?: ({
88
- size?: "default" | "sm" | "lg" | null | undefined;
89
- } & class_variance_authority_types.ClassProp) | undefined) => string;
90
- declare const zStepsConnectorVariants: (props?: ({
91
- orientation?: "vertical" | "horizontal" | null | undefined;
92
- status?: "pending" | "current" | "completed" | "error" | null | undefined;
93
- } & class_variance_authority_types.ClassProp) | undefined) => string;
94
- declare const zStepsArrowItemVariants: (props?: ({
95
- size?: "default" | "sm" | "lg" | null | undefined;
96
- status?: "pending" | "current" | "completed" | "error" | null | undefined;
97
- } & class_variance_authority_types.ClassProp) | undefined) => string;
98
- type ZStepsContainerVariants = VariantProps<typeof zStepsContainerVariants>;
99
- type ZStepsItemVariants = VariantProps<typeof zStepsItemVariants>;
100
- type ZStepsIconVariants = VariantProps<typeof zStepsIconVariants>;
101
- type ZStepsLineVariants = VariantProps<typeof zStepsLineVariants>;
102
- type ZStepsConnectorVariants = VariantProps<typeof zStepsConnectorVariants>;
103
- type ZStepsArrowItemVariants = VariantProps<typeof zStepsArrowItemVariants>;
104
-
105
- export { ZStepsComponent, zStepsArrowItemVariants, zStepsConnectorVariants, zStepsContainerVariants, zStepsIconVariants, zStepsItemVariants, zStepsLineVariants };
106
- export type { ZStepItem, ZStepsArrowItemVariants, ZStepsConnectorVariants, ZStepsContainerVariants, ZStepsControl, ZStepsIconVariants, ZStepsItemVariants, ZStepsLineVariants, ZStepsOrientation, ZStepsSize, ZStepsStatus, ZStepsType };