@shival99/z-ui 2.6.6 → 2.6.8
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.
- package/assets/css/base.css +16 -16
- package/fesm2022/shival99-z-ui-components-z-button-group.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-button-group.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs +13 -13
- package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-editor.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-menu.mjs +5 -3
- package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-modal.mjs +6 -7
- package/fesm2022/shival99-z-ui-components-z-modal.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-popover.mjs +2 -2
- package/fesm2022/shival99-z-ui-components-z-popover.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-select.mjs +3 -2
- package/fesm2022/shival99-z-ui-components-z-select.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-toast.mjs +4 -4
- package/fesm2022/shival99-z-ui-components-z-toast.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-tooltip.mjs +1 -1
- package/fesm2022/shival99-z-ui-components-z-tooltip.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-components-z-upload.mjs +3 -2
- package/fesm2022/shival99-z-ui-components-z-upload.mjs.map +1 -1
- package/fesm2022/shival99-z-ui-utils.mjs +27 -1
- package/fesm2022/shival99-z-ui-utils.mjs.map +1 -1
- package/package.json +1 -1
- package/types/shival99-z-ui-components-z-button-group.d.ts +1 -1
- package/types/shival99-z-ui-components-z-menu.d.ts +2 -0
- package/types/shival99-z-ui-components-z-modal.d.ts +1 -1
- package/types/shival99-z-ui-components-z-select.d.ts +1 -0
- package/types/shival99-z-ui-components-z-upload.d.ts +1 -0
- package/types/shival99-z-ui-utils.d.ts +8 -2
- package/.npmignore +0 -58
- package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +0 -1215
- package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs +0 -994
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +0 -99
- package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-filter.mjs +0 -962
- package/fesm2022/shival99-z-ui-components-z-filter.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-number-ticker.mjs +0 -352
- package/fesm2022/shival99-z-ui-components-z-number-ticker.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-pagination.mjs +0 -179
- package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +0 -429
- package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-radio.mjs +0 -183
- package/fesm2022/shival99-z-ui-components-z-radio.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +0 -143
- package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-show-more.mjs +0 -138
- package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs +0 -80
- package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-steps.mjs +0 -420
- package/fesm2022/shival99-z-ui-components-z-steps.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +0 -11471
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs +0 -1102
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-tags.mjs +0 -364
- package/fesm2022/shival99-z-ui-components-z-tags.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-timeline.mjs +0 -254
- package/fesm2022/shival99-z-ui-components-z-timeline.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-services-excel.mjs +0 -672
- package/fesm2022/shival99-z-ui-services-excel.mjs.map +0 -1
- package/types/shival99-z-ui-components-z-autocomplete.d.ts +0 -299
- package/types/shival99-z-ui-components-z-drawer.d.ts +0 -301
- package/types/shival99-z-ui-components-z-dropdown-menu.d.ts +0 -52
- package/types/shival99-z-ui-components-z-filter.d.ts +0 -285
- package/types/shival99-z-ui-components-z-number-ticker.d.ts +0 -110
- package/types/shival99-z-ui-components-z-pagination.d.ts +0 -55
- package/types/shival99-z-ui-components-z-qrcode.d.ts +0 -79
- package/types/shival99-z-ui-components-z-radio.d.ts +0 -69
- package/types/shival99-z-ui-components-z-scrollarea.d.ts +0 -46
- package/types/shival99-z-ui-components-z-show-more.d.ts +0 -36
- package/types/shival99-z-ui-components-z-skeleton-auto.d.ts +0 -35
- package/types/shival99-z-ui-components-z-steps.d.ts +0 -106
- package/types/shival99-z-ui-components-z-table.d.ts +0 -2413
- package/types/shival99-z-ui-components-z-tabs.d.ts +0 -196
- package/types/shival99-z-ui-components-z-tags.d.ts +0 -127
- package/types/shival99-z-ui-components-z-timeline.d.ts +0 -71
- package/types/shival99-z-ui-services-excel.d.ts +0 -36
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnDestroy } from '@angular/core';
|
|
3
|
-
import { ClassValue } from 'clsx';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* How the tweened value is rendered. Each maps onto `Intl.NumberFormat`, so grouping separators and
|
|
7
|
-
* decimal marks follow the locale rather than being assembled by hand.
|
|
8
|
-
*
|
|
9
|
-
* `percent` follows `Intl` semantics and multiplies by 100 — pass `0.42` to render `42%`.
|
|
10
|
-
*/
|
|
11
|
-
type ZNumberTickerFormat = 'decimal' | 'currency' | 'percent' | 'compact';
|
|
12
|
-
/**
|
|
13
|
-
* Shape of the roll. `smooth` is an ease-out cubic; `spring` and `bounce` overshoot the target digit
|
|
14
|
-
* and settle back onto it, which a mechanical odometer does when it snaps into place.
|
|
15
|
-
*/
|
|
16
|
-
type ZNumberTickerEasing = 'linear' | 'smooth' | 'spring' | 'bounce';
|
|
17
|
-
/** One rendered cell: either a rolling digit wheel at a decimal place, or fixed text between wheels. */
|
|
18
|
-
interface ZNumberTickerCell {
|
|
19
|
-
/** Power of ten this wheel shows — `0` is the units digit, `-1` the first decimal. `null` for text. */
|
|
20
|
-
place: number | null;
|
|
21
|
-
/** A sign cell crossfades between `+` and `-` instead of holding one glyph. */
|
|
22
|
-
isSign: boolean;
|
|
23
|
-
text: string;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
declare class ZNumberTickerComponent implements OnDestroy {
|
|
27
|
-
private readonly _zone;
|
|
28
|
-
private readonly _isServer;
|
|
29
|
-
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
30
|
-
/** The value to count towards. Changing it re-runs the count from wherever the ticker currently is. */
|
|
31
|
-
readonly zValue: _angular_core.InputSignal<number>;
|
|
32
|
-
/** Where the first count starts. Later changes count from the displayed value, not from here. */
|
|
33
|
-
readonly zStart: _angular_core.InputSignal<number>;
|
|
34
|
-
/** How long the roll takes, in milliseconds. */
|
|
35
|
-
readonly zDuration: _angular_core.InputSignal<number>;
|
|
36
|
-
readonly zEasing: _angular_core.InputSignal<ZNumberTickerEasing>;
|
|
37
|
-
readonly zFormat: _angular_core.InputSignal<ZNumberTickerFormat>;
|
|
38
|
-
/** Locale for grouping separators and decimal marks; defaults to the browser's. */
|
|
39
|
-
readonly zLocale: _angular_core.InputSignal<string | undefined>;
|
|
40
|
-
/** Only read when `zFormat` is `'currency'`. */
|
|
41
|
-
readonly zCurrency: _angular_core.InputSignal<string>;
|
|
42
|
-
/** Zero-pads the integer part, e.g. `2` renders `07` — what a clock segment needs. */
|
|
43
|
-
readonly zMinimumIntegerDigits: _angular_core.InputSignal<number | undefined>;
|
|
44
|
-
/** Passed to `Intl`; `'always'` keeps a `+` on positive values, as a delta figure wants. */
|
|
45
|
-
readonly zSignDisplay: _angular_core.InputSignal<keyof Intl.NumberFormatOptionsSignDisplayRegistry | undefined>;
|
|
46
|
-
readonly zMinimumFractionDigits: _angular_core.InputSignal<number | undefined>;
|
|
47
|
-
readonly zMaximumFractionDigits: _angular_core.InputSignal<number | undefined>;
|
|
48
|
-
/** Digits to roll through, plus a repeated `0` so a 9→0 wrap rolls on rather than snapping back. */
|
|
49
|
-
protected readonly wheelDigits: number[];
|
|
50
|
-
private readonly _progress;
|
|
51
|
-
private readonly _from;
|
|
52
|
-
private readonly _to;
|
|
53
|
-
private readonly _rolling;
|
|
54
|
-
private _frame?;
|
|
55
|
-
private _started;
|
|
56
|
-
/**
|
|
57
|
-
* Only what the roll needs structurally: an inline box, and tabular figures so a digit swap cannot
|
|
58
|
-
* change the width. Type scale, weight and colour are the consumer's — a ticker has no business
|
|
59
|
-
* deciding how big a number on someone's page should be.
|
|
60
|
-
*/
|
|
61
|
-
protected readonly tickerClasses: _angular_core.Signal<string>;
|
|
62
|
-
/** Decimal places in the target value, which is what the count should render to. */
|
|
63
|
-
private readonly _targetDecimals;
|
|
64
|
-
/**
|
|
65
|
-
* Kept as one memoised formatter rather than calling `toLocaleString` per frame: constructing an
|
|
66
|
-
* `Intl.NumberFormat` is the expensive part, and the ticker formats on every animation frame.
|
|
67
|
-
*/
|
|
68
|
-
private readonly _formatter;
|
|
69
|
-
/**
|
|
70
|
-
* The wheels stay mounted for the whole life of the component. Swapping to plain text between rolls
|
|
71
|
-
* changed the box width every time one finished, which read as the number twitching on the page.
|
|
72
|
-
* Static text is only for the cases where there is no roll at all: the server, and reduced motion.
|
|
73
|
-
*/
|
|
74
|
-
protected readonly isRolling: _angular_core.Signal<boolean>;
|
|
75
|
-
protected readonly usesWheels: _angular_core.Signal<boolean>;
|
|
76
|
-
/** Layout is pinned to the endpoints, so wheels are neither added nor removed mid-count. */
|
|
77
|
-
protected readonly cells: _angular_core.Signal<ZNumberTickerCell[]>;
|
|
78
|
-
private readonly _magnitudes;
|
|
79
|
-
protected readonly wheelOffsets: _angular_core.Signal<number[]>;
|
|
80
|
-
/** A sign cell holds both glyphs and crossfades between them across the roll. */
|
|
81
|
-
protected readonly signFrom: _angular_core.Signal<string>;
|
|
82
|
-
protected readonly signTo: _angular_core.Signal<string>;
|
|
83
|
-
protected readonly signProgress: _angular_core.Signal<number>;
|
|
84
|
-
/**
|
|
85
|
-
* The outgoing glyph leaves to the left and the incoming one arrives from the right, both riding the
|
|
86
|
-
* roll's own easing. Distance is a custom property so a consumer can dial the travel down to a pure
|
|
87
|
-
* crossfade (`0`) or open it up.
|
|
88
|
-
*/
|
|
89
|
-
protected signTransform(direction: 1 | -1): string;
|
|
90
|
-
/** The plain formatted number, used before the first roll and whenever motion is off. */
|
|
91
|
-
protected readonly formattedValue: _angular_core.Signal<string>;
|
|
92
|
-
constructor();
|
|
93
|
-
/** Where the count has actually reached, so a new target continues from there. */
|
|
94
|
-
private _currentValue;
|
|
95
|
-
protected wheelTransform(index: number): string;
|
|
96
|
-
ngOnDestroy(): void;
|
|
97
|
-
/**
|
|
98
|
-
* Runs the tween outside Angular: a per-frame `requestAnimationFrame` inside the zone would schedule
|
|
99
|
-
* a change-detection pass of its own on every frame. The signal write still schedules one, so the
|
|
100
|
-
* text updates — this only drops the duplicate.
|
|
101
|
-
*/
|
|
102
|
-
private _animate;
|
|
103
|
-
private _cancel;
|
|
104
|
-
private _prefersReducedMotion;
|
|
105
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZNumberTickerComponent, never>;
|
|
106
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZNumberTickerComponent, "z-number-ticker", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zStart": { "alias": "zStart"; "required": false; "isSignal": true; }; "zDuration": { "alias": "zDuration"; "required": false; "isSignal": true; }; "zEasing": { "alias": "zEasing"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zCurrency": { "alias": "zCurrency"; "required": false; "isSignal": true; }; "zMinimumIntegerDigits": { "alias": "zMinimumIntegerDigits"; "required": false; "isSignal": true; }; "zSignDisplay": { "alias": "zSignDisplay"; "required": false; "isSignal": true; }; "zMinimumFractionDigits": { "alias": "zMinimumFractionDigits"; "required": false; "isSignal": true; }; "zMaximumFractionDigits": { "alias": "zMaximumFractionDigits"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export { ZNumberTickerComponent };
|
|
110
|
-
export type { ZNumberTickerEasing, ZNumberTickerFormat };
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
|
|
3
|
-
type ZPaginationSize = 'sm' | 'default' | 'lg';
|
|
4
|
-
interface ZPaginationConfig {
|
|
5
|
-
pageSize?: number;
|
|
6
|
-
pageSizeOptions?: number[];
|
|
7
|
-
showSizeChanger?: boolean;
|
|
8
|
-
showQuickJumper?: boolean;
|
|
9
|
-
showTotal?: boolean;
|
|
10
|
-
simple?: boolean;
|
|
11
|
-
}
|
|
12
|
-
interface ZPageChangeEvent {
|
|
13
|
-
pageIndex: number;
|
|
14
|
-
pageSize: number;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
declare class ZPaginationComponent {
|
|
18
|
-
private readonly _zTranslate;
|
|
19
|
-
readonly zOnPageChange: _angular_core.OutputEmitterRef<ZPageChangeEvent>;
|
|
20
|
-
readonly zPageIndex: _angular_core.ModelSignal<number>;
|
|
21
|
-
readonly zPageSize: _angular_core.ModelSignal<number>;
|
|
22
|
-
readonly zTotal: _angular_core.InputSignal<number>;
|
|
23
|
-
readonly zPageSizeOptions: _angular_core.InputSignal<number[]>;
|
|
24
|
-
readonly zShowSizeChanger: _angular_core.InputSignal<boolean>;
|
|
25
|
-
readonly zShowQuickJumper: _angular_core.InputSignal<boolean>;
|
|
26
|
-
readonly zShowTotal: _angular_core.InputSignal<boolean>;
|
|
27
|
-
readonly zSimple: _angular_core.InputSignal<boolean>;
|
|
28
|
-
readonly zSize: _angular_core.InputSignal<ZPaginationSize>;
|
|
29
|
-
readonly zDisabled: _angular_core.InputSignal<boolean>;
|
|
30
|
-
readonly zTotalLabel: _angular_core.InputSignal<string | null>;
|
|
31
|
-
readonly zPerPageLabel: _angular_core.InputSignal<string | null>;
|
|
32
|
-
readonly zGoToLabel: _angular_core.InputSignal<string | null>;
|
|
33
|
-
protected readonly totalLabelText: _angular_core.Signal<string>;
|
|
34
|
-
protected readonly perPageLabelText: _angular_core.Signal<string>;
|
|
35
|
-
protected readonly goToLabelText: _angular_core.Signal<string>;
|
|
36
|
-
protected readonly totalPages: _angular_core.Signal<number>;
|
|
37
|
-
protected readonly pageSizeOptions: _angular_core.Signal<{
|
|
38
|
-
label: string;
|
|
39
|
-
value: number;
|
|
40
|
-
}[]>;
|
|
41
|
-
protected readonly visiblePages: _angular_core.Signal<(number | "ellipsis")[]>;
|
|
42
|
-
protected readonly canGoPrev: _angular_core.Signal<boolean>;
|
|
43
|
-
protected readonly canGoNext: _angular_core.Signal<boolean>;
|
|
44
|
-
protected goToPage(page: number): void;
|
|
45
|
-
protected goToPrev(): void;
|
|
46
|
-
protected goToNext(): void;
|
|
47
|
-
protected onPageSizeChange(size: unknown): void;
|
|
48
|
-
protected onQuickJump(event: Event): void;
|
|
49
|
-
private _emitChange;
|
|
50
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZPaginationComponent, never>;
|
|
51
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZPaginationComponent, "z-pagination", never, { "zPageIndex": { "alias": "zPageIndex"; "required": false; "isSignal": true; }; "zPageSize": { "alias": "zPageSize"; "required": false; "isSignal": true; }; "zTotal": { "alias": "zTotal"; "required": true; "isSignal": true; }; "zPageSizeOptions": { "alias": "zPageSizeOptions"; "required": false; "isSignal": true; }; "zShowSizeChanger": { "alias": "zShowSizeChanger"; "required": false; "isSignal": true; }; "zShowQuickJumper": { "alias": "zShowQuickJumper"; "required": false; "isSignal": true; }; "zShowTotal": { "alias": "zShowTotal"; "required": false; "isSignal": true; }; "zSimple": { "alias": "zSimple"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zTotalLabel": { "alias": "zTotalLabel"; "required": false; "isSignal": true; }; "zPerPageLabel": { "alias": "zPerPageLabel"; "required": false; "isSignal": true; }; "zGoToLabel": { "alias": "zGoToLabel"; "required": false; "isSignal": true; }; }, { "zOnPageChange": "zOnPageChange"; "zPageIndex": "zPageIndexChange"; "zPageSize": "zPageSizeChange"; }, never, never, true, never>;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export { ZPaginationComponent };
|
|
55
|
-
export type { ZPageChangeEvent, ZPaginationConfig, ZPaginationSize };
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
|
|
3
|
-
type ZQrCodeErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
|
|
4
|
-
type ZQrCodeDotStyle = 'square' | 'dots' | 'rounded';
|
|
5
|
-
type ZQrCodeEyeStyle = 'square' | 'circle' | 'rounded';
|
|
6
|
-
type ZQrCodeFrame = 'none' | 'border' | 'text-bottom' | 'text-top';
|
|
7
|
-
interface ZQrCodeGradient {
|
|
8
|
-
type: 'linear' | 'radial';
|
|
9
|
-
colors: string[];
|
|
10
|
-
angle?: number;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
declare class ZQrCodeComponent {
|
|
14
|
-
readonly zValue: _angular_core.InputSignal<string>;
|
|
15
|
-
readonly zSize: _angular_core.InputSignal<number>;
|
|
16
|
-
readonly zLevel: _angular_core.InputSignal<ZQrCodeErrorCorrectionLevel>;
|
|
17
|
-
readonly zLogo: _angular_core.InputSignal<string>;
|
|
18
|
-
readonly zLogoSize: _angular_core.InputSignal<number>;
|
|
19
|
-
readonly zLogoBgColor: _angular_core.InputSignal<string>;
|
|
20
|
-
readonly zLogoBgShape: _angular_core.InputSignal<"square" | "circle" | "none">;
|
|
21
|
-
readonly zLogoPadding: _angular_core.InputSignal<number>;
|
|
22
|
-
readonly zFgColor: _angular_core.InputSignal<string>;
|
|
23
|
-
readonly zBgColor: _angular_core.InputSignal<string>;
|
|
24
|
-
readonly zDotStyle: _angular_core.InputSignal<ZQrCodeDotStyle>;
|
|
25
|
-
readonly zEyeStyle: _angular_core.InputSignal<ZQrCodeEyeStyle>;
|
|
26
|
-
readonly zEyeColor: _angular_core.InputSignal<string>;
|
|
27
|
-
readonly zMargin: _angular_core.InputSignal<number>;
|
|
28
|
-
readonly zFgGradient: _angular_core.InputSignal<ZQrCodeGradient | undefined>;
|
|
29
|
-
readonly zFrame: _angular_core.InputSignal<ZQrCodeFrame>;
|
|
30
|
-
readonly zFrameText: _angular_core.InputSignal<string>;
|
|
31
|
-
readonly zFrameColor: _angular_core.InputSignal<string>;
|
|
32
|
-
readonly zFramePadding: _angular_core.InputSignal<number>;
|
|
33
|
-
readonly zFrameBorderRadius: _angular_core.InputSignal<number | undefined>;
|
|
34
|
-
readonly zDownloadable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
35
|
-
readonly zDownloadButton: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
36
|
-
readonly zShadow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
37
|
-
readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
38
|
-
private readonly _canvasRef;
|
|
39
|
-
private readonly _platformId;
|
|
40
|
-
protected readonly downloadText: _angular_core.WritableSignal<string>;
|
|
41
|
-
protected readonly frameBorderRadiusStyle: _angular_core.Signal<string>;
|
|
42
|
-
/** Resolves the frame radius to a px number for canvas drawing, reading the theme's --radius-lg when unset. */
|
|
43
|
-
private _resolveFrameBorderRadiusPx;
|
|
44
|
-
constructor();
|
|
45
|
-
/**
|
|
46
|
-
* Renders the stylized QR code onto the canvas element
|
|
47
|
-
*/
|
|
48
|
-
renderQrCode(): Promise<void>;
|
|
49
|
-
/**
|
|
50
|
-
* Helper function to get gradient style fill (no else branches)
|
|
51
|
-
*/
|
|
52
|
-
private _getGradientStyle;
|
|
53
|
-
/**
|
|
54
|
-
* Helper function to draw dynamic dot module style (no else branches)
|
|
55
|
-
*/
|
|
56
|
-
private _drawDot;
|
|
57
|
-
/**
|
|
58
|
-
* Helper path function for rounded corners (no else branches)
|
|
59
|
-
*/
|
|
60
|
-
private _drawRoundedRectPath;
|
|
61
|
-
/**
|
|
62
|
-
* Draw eye pattern (no else branches)
|
|
63
|
-
*/
|
|
64
|
-
private _drawEye;
|
|
65
|
-
/**
|
|
66
|
-
* Load and render the central logo on canvas (no else branches)
|
|
67
|
-
*/
|
|
68
|
-
private _drawLogo;
|
|
69
|
-
private _drawFrame;
|
|
70
|
-
/**
|
|
71
|
-
* Download the generated canvas QR Code as a PNG image file
|
|
72
|
-
*/
|
|
73
|
-
protected downloadQr(): void;
|
|
74
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZQrCodeComponent, never>;
|
|
75
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZQrCodeComponent, "z-qrcode", never, { "zValue": { "alias": "zValue"; "required": true; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLevel": { "alias": "zLevel"; "required": false; "isSignal": true; }; "zLogo": { "alias": "zLogo"; "required": false; "isSignal": true; }; "zLogoSize": { "alias": "zLogoSize"; "required": false; "isSignal": true; }; "zLogoBgColor": { "alias": "zLogoBgColor"; "required": false; "isSignal": true; }; "zLogoBgShape": { "alias": "zLogoBgShape"; "required": false; "isSignal": true; }; "zLogoPadding": { "alias": "zLogoPadding"; "required": false; "isSignal": true; }; "zFgColor": { "alias": "zFgColor"; "required": false; "isSignal": true; }; "zBgColor": { "alias": "zBgColor"; "required": false; "isSignal": true; }; "zDotStyle": { "alias": "zDotStyle"; "required": false; "isSignal": true; }; "zEyeStyle": { "alias": "zEyeStyle"; "required": false; "isSignal": true; }; "zEyeColor": { "alias": "zEyeColor"; "required": false; "isSignal": true; }; "zMargin": { "alias": "zMargin"; "required": false; "isSignal": true; }; "zFgGradient": { "alias": "zFgGradient"; "required": false; "isSignal": true; }; "zFrame": { "alias": "zFrame"; "required": false; "isSignal": true; }; "zFrameText": { "alias": "zFrameText"; "required": false; "isSignal": true; }; "zFrameColor": { "alias": "zFrameColor"; "required": false; "isSignal": true; }; "zFramePadding": { "alias": "zFramePadding"; "required": false; "isSignal": true; }; "zFrameBorderRadius": { "alias": "zFrameBorderRadius"; "required": false; "isSignal": true; }; "zDownloadable": { "alias": "zDownloadable"; "required": false; "isSignal": true; }; "zDownloadButton": { "alias": "zDownloadButton"; "required": false; "isSignal": true; }; "zShadow": { "alias": "zShadow"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
export { ZQrCodeComponent };
|
|
79
|
-
export type { ZQrCodeDotStyle, ZQrCodeErrorCorrectionLevel, ZQrCodeEyeStyle, ZQrCodeFrame, ZQrCodeGradient };
|
|
@@ -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 };
|