@shival99/z-ui 2.1.28 → 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 (68) hide show
  1. package/package.json +1 -1
  2. package/types/shival99-z-ui-components-z-select.d.ts +1 -1
  3. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +0 -1079
  4. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +0 -1
  5. package/fesm2022/shival99-z-ui-components-z-drawer.mjs +0 -742
  6. package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +0 -1
  7. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +0 -58
  8. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +0 -1
  9. package/fesm2022/shival99-z-ui-components-z-editor.mjs +0 -1750
  10. package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +0 -1
  11. package/fesm2022/shival99-z-ui-components-z-gallery.mjs +0 -2419
  12. package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +0 -1
  13. package/fesm2022/shival99-z-ui-components-z-kanban.mjs +0 -981
  14. package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +0 -1
  15. package/fesm2022/shival99-z-ui-components-z-marquee.mjs +0 -70
  16. package/fesm2022/shival99-z-ui-components-z-marquee.mjs.map +0 -1
  17. package/fesm2022/shival99-z-ui-components-z-media-player.mjs +0 -668
  18. package/fesm2022/shival99-z-ui-components-z-media-player.mjs.map +0 -1
  19. package/fesm2022/shival99-z-ui-components-z-menu.mjs +0 -843
  20. package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +0 -1
  21. package/fesm2022/shival99-z-ui-components-z-metric-card.mjs +0 -128
  22. package/fesm2022/shival99-z-ui-components-z-metric-card.mjs.map +0 -1
  23. package/fesm2022/shival99-z-ui-components-z-pagination.mjs +0 -158
  24. package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +0 -1
  25. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +0 -383
  26. package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +0 -1
  27. package/fesm2022/shival99-z-ui-components-z-radio.mjs +0 -167
  28. package/fesm2022/shival99-z-ui-components-z-radio.mjs.map +0 -1
  29. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +0 -131
  30. package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +0 -1
  31. package/fesm2022/shival99-z-ui-components-z-show-more.mjs +0 -121
  32. package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +0 -1
  33. package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs +0 -61
  34. package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs.map +0 -1
  35. package/fesm2022/shival99-z-ui-components-z-steps.mjs +0 -396
  36. package/fesm2022/shival99-z-ui-components-z-steps.mjs.map +0 -1
  37. package/fesm2022/shival99-z-ui-components-z-table.mjs +0 -10508
  38. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +0 -1
  39. package/fesm2022/shival99-z-ui-components-z-tabs.mjs +0 -507
  40. package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +0 -1
  41. package/fesm2022/shival99-z-ui-components-z-tags.mjs +0 -349
  42. package/fesm2022/shival99-z-ui-components-z-tags.mjs.map +0 -1
  43. package/fesm2022/shival99-z-ui-components-z-timeline.mjs +0 -237
  44. package/fesm2022/shival99-z-ui-components-z-timeline.mjs.map +0 -1
  45. package/fesm2022/shival99-z-ui-components-z-upload.mjs +0 -523
  46. package/fesm2022/shival99-z-ui-components-z-upload.mjs.map +0 -1
  47. package/types/shival99-z-ui-components-z-autocomplete.d.ts +0 -290
  48. package/types/shival99-z-ui-components-z-drawer.d.ts +0 -266
  49. package/types/shival99-z-ui-components-z-dropdown-menu.d.ts +0 -54
  50. package/types/shival99-z-ui-components-z-editor.d.ts +0 -337
  51. package/types/shival99-z-ui-components-z-gallery.d.ts +0 -402
  52. package/types/shival99-z-ui-components-z-kanban.d.ts +0 -237
  53. package/types/shival99-z-ui-components-z-marquee.d.ts +0 -35
  54. package/types/shival99-z-ui-components-z-media-player.d.ts +0 -124
  55. package/types/shival99-z-ui-components-z-menu.d.ts +0 -222
  56. package/types/shival99-z-ui-components-z-metric-card.d.ts +0 -67
  57. package/types/shival99-z-ui-components-z-pagination.d.ts +0 -55
  58. package/types/shival99-z-ui-components-z-qrcode.d.ts +0 -76
  59. package/types/shival99-z-ui-components-z-radio.d.ts +0 -69
  60. package/types/shival99-z-ui-components-z-scrollarea.d.ts +0 -46
  61. package/types/shival99-z-ui-components-z-show-more.d.ts +0 -36
  62. package/types/shival99-z-ui-components-z-skeleton-auto.d.ts +0 -35
  63. package/types/shival99-z-ui-components-z-steps.d.ts +0 -106
  64. package/types/shival99-z-ui-components-z-table.d.ts +0 -1924
  65. package/types/shival99-z-ui-components-z-tabs.d.ts +0 -92
  66. package/types/shival99-z-ui-components-z-tags.d.ts +0 -128
  67. package/types/shival99-z-ui-components-z-timeline.d.ts +0 -71
  68. 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 };