@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,196 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef, OnInit, AfterViewInit, OnDestroy, ElementRef, ViewContainerRef } from '@angular/core';
|
|
3
|
-
import { ClassValue } from 'clsx';
|
|
4
|
-
import { ZIcon } from '@shival99/z-ui/components/z-icon';
|
|
5
|
-
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
|
-
|
|
8
|
-
declare class ZTabPanelDirective {
|
|
9
|
-
readonly zTabPanel: _angular_core.InputSignal<string>;
|
|
10
|
-
readonly template: TemplateRef<any>;
|
|
11
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabPanelDirective, never>;
|
|
12
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZTabPanelDirective, "[z-tab-panel], [zTabPanel]", ["zTabPanel"], { "zTabPanel": { "alias": "zTabPanel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
declare const zTabsVariants: (props?: ({
|
|
16
|
-
zType?: "line" | "soft" | "segment" | "segment-solid" | "pill-solid" | "pill-blur" | "pill-float" | "pill-primary" | "assistant" | "underline-hover" | "bar" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "square" | "vertical-sharp" | "code-line" | null | undefined;
|
|
17
|
-
zOrientation?: "horizontal" | "vertical" | null | undefined;
|
|
18
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
19
|
-
declare const zTabItemVariants: (props?: ({
|
|
20
|
-
zType?: "line" | "soft" | "segment" | "segment-solid" | "pill-solid" | "pill-blur" | "pill-float" | "pill-primary" | "assistant" | "underline-hover" | "bar" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "square" | "vertical-sharp" | "code-line" | null | undefined;
|
|
21
|
-
zSize?: "xs" | "sm" | "default" | "lg" | null | undefined;
|
|
22
|
-
zOrientation?: "horizontal" | "vertical" | null | undefined;
|
|
23
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
24
|
-
|
|
25
|
-
interface ZTab {
|
|
26
|
-
label: string;
|
|
27
|
-
value: string;
|
|
28
|
-
icon?: ZIcon;
|
|
29
|
-
/**
|
|
30
|
-
* Renders the tab's leading mark from a template instead of `icon`, for marks `z-icon` cannot draw —
|
|
31
|
-
* a multi-colour brand SVG, a flag, an avatar. Receives the `ZTab` as its implicit context, so one
|
|
32
|
-
* template can serve a whole strip. Takes precedence over `icon`.
|
|
33
|
-
*/
|
|
34
|
-
iconTemplate?: TemplateRef<unknown>;
|
|
35
|
-
disabled?: boolean;
|
|
36
|
-
badge?: string | number;
|
|
37
|
-
template?: TemplateRef<unknown>;
|
|
38
|
-
}
|
|
39
|
-
type ZTabsType = 'line' | 'soft' | 'segment' | 'segment-solid' | 'pill-solid' | 'pill-blur' | 'pill-float' | 'pill-primary' | 'assistant' | 'underline-hover' | 'bar' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'sharp-line-filled' | 'square' | 'vertical-sharp' | 'code-line';
|
|
40
|
-
type ZTabsSize = 'xs' | 'sm' | 'default' | 'lg';
|
|
41
|
-
type ZTabsOrientation = 'horizontal' | 'vertical';
|
|
42
|
-
type ZTabsContentFit = 'none' | 'screen';
|
|
43
|
-
/** How the entering panel animates in. `slide` and `blur` also read the tab's travel direction. */
|
|
44
|
-
type ZTabsContentAnimation = 'none' | 'fade' | 'slide' | 'blur' | 'scale';
|
|
45
|
-
type ZTabsVariants = VariantProps<typeof zTabsVariants>;
|
|
46
|
-
type ZTabItemVariants = VariantProps<typeof zTabItemVariants>;
|
|
47
|
-
|
|
48
|
-
declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
49
|
-
readonly tabPanels: _angular_core.Signal<readonly ZTabPanelDirective[]>;
|
|
50
|
-
readonly tabsListContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
51
|
-
readonly tabButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
|
|
52
|
-
readonly glideIndicator: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
53
|
-
readonly hoverIndicator: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
54
|
-
readonly tabsList: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
55
|
-
readonly panelsHost: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
56
|
-
readonly panelHost: _angular_core.Signal<ViewContainerRef | undefined>;
|
|
57
|
-
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
58
|
-
readonly zTabs: _angular_core.InputSignal<ZTab[]>;
|
|
59
|
-
readonly zType: _angular_core.InputSignal<ZTabsType>;
|
|
60
|
-
readonly zSize: _angular_core.InputSignal<ZTabsSize>;
|
|
61
|
-
readonly zOrientation: _angular_core.InputSignal<ZTabsOrientation>;
|
|
62
|
-
readonly zContentFit: _angular_core.InputSignal<ZTabsContentFit>;
|
|
63
|
-
readonly zContentAnimation: _angular_core.InputSignal<ZTabsContentAnimation>;
|
|
64
|
-
readonly zLazy: _angular_core.InputSignal<boolean>;
|
|
65
|
-
readonly zTabsOnly: _angular_core.InputSignal<boolean>;
|
|
66
|
-
readonly zShowNavWrapper: _angular_core.InputSignal<boolean>;
|
|
67
|
-
readonly zNavFullWidth: _angular_core.InputSignal<boolean>;
|
|
68
|
-
readonly zClassContent: _angular_core.InputSignal<ClassValue>;
|
|
69
|
-
readonly zShowContentWrapper: _angular_core.InputSignal<boolean>;
|
|
70
|
-
readonly zReloadable: _angular_core.InputSignal<boolean>;
|
|
71
|
-
readonly zEmitOnActiveClick: _angular_core.InputSignal<boolean>;
|
|
72
|
-
readonly zCache: _angular_core.InputSignal<boolean>;
|
|
73
|
-
readonly zCacheKey: _angular_core.InputSignal<string>;
|
|
74
|
-
readonly zWithDropdown: _angular_core.InputSignal<string>;
|
|
75
|
-
readonly activeTab: _angular_core.ModelSignal<string>;
|
|
76
|
-
readonly zTabChange: _angular_core.OutputEmitterRef<string>;
|
|
77
|
-
protected readonly renderedTab: _angular_core.WritableSignal<string>;
|
|
78
|
-
protected readonly canScrollLeft: _angular_core.WritableSignal<boolean>;
|
|
79
|
-
protected readonly canScrollRight: _angular_core.WritableSignal<boolean>;
|
|
80
|
-
protected readonly bouncingTab: _angular_core.WritableSignal<string | null>;
|
|
81
|
-
protected readonly hoveredTab: _angular_core.WritableSignal<string | null>;
|
|
82
|
-
protected readonly isGlideType: _angular_core.Signal<boolean>;
|
|
83
|
-
protected readonly isHoverGlideType: _angular_core.Signal<boolean>;
|
|
84
|
-
private readonly _hasCollapsingLabel;
|
|
85
|
-
/**
|
|
86
|
-
* A vertical rail truncates long labels, so it gets a tooltip. `assistant` never does: it collapses
|
|
87
|
-
* inactive labels by design, and a tooltip on every icon turns browsing the strip into a popup storm.
|
|
88
|
-
*/
|
|
89
|
-
protected readonly showsTabTooltip: _angular_core.Signal<boolean>;
|
|
90
|
-
private _resizeObserver?;
|
|
91
|
-
private _scrollFrame?;
|
|
92
|
-
private readonly _zone;
|
|
93
|
-
private _mountedPanel;
|
|
94
|
-
private _panelView?;
|
|
95
|
-
private _retiredViews;
|
|
96
|
-
private _teardownHandle?;
|
|
97
|
-
private _glideBox?;
|
|
98
|
-
private _hoverBox?;
|
|
99
|
-
private _glidePending;
|
|
100
|
-
private _glideAnimations;
|
|
101
|
-
private _contentAnimation?;
|
|
102
|
-
private _lastActiveIndex;
|
|
103
|
-
private _contentDirection;
|
|
104
|
-
private _viewReady;
|
|
105
|
-
private readonly _cacheInstanceId;
|
|
106
|
-
constructor();
|
|
107
|
-
ngOnInit(): void;
|
|
108
|
-
ngAfterViewInit(): void;
|
|
109
|
-
ngOnDestroy(): void;
|
|
110
|
-
protected readonly tabsClasses: _angular_core.Signal<string>;
|
|
111
|
-
protected readonly contentWrapperFramed: _angular_core.Signal<boolean>;
|
|
112
|
-
protected readonly tabsListHasBottomPadding: _angular_core.Signal<boolean>;
|
|
113
|
-
protected readonly verticalTabsScrollable: _angular_core.Signal<boolean>;
|
|
114
|
-
protected readonly navClasses: _angular_core.Signal<string>;
|
|
115
|
-
protected readonly tabItems: _angular_core.Signal<{
|
|
116
|
-
tab: ZTab;
|
|
117
|
-
classes: string;
|
|
118
|
-
isActive: boolean;
|
|
119
|
-
}[]>;
|
|
120
|
-
private readonly _tabItemClasses;
|
|
121
|
-
protected selectTab(tab: ZTab, scrollToView?: boolean): void;
|
|
122
|
-
protected onTabKeydown(event: KeyboardEvent, currentIndex: number): void;
|
|
123
|
-
/**
|
|
124
|
-
* Keyboard focus moves the highlight too, so tabbing through the strip reads the same as hovering.
|
|
125
|
-
* Every type pays the listener, but only the hover-glide types get past the guard into a signal write.
|
|
126
|
-
*/
|
|
127
|
-
protected onTabHover(tab: ZTab): void;
|
|
128
|
-
protected onTabHoverEnd(): void;
|
|
129
|
-
protected checkScroll(): void;
|
|
130
|
-
protected scrollLeft(): void;
|
|
131
|
-
protected scrollRight(): void;
|
|
132
|
-
protected onTabsScroll(): void;
|
|
133
|
-
/**
|
|
134
|
-
* Commits the new panel on the next frame, so the tab strip paints its new state before a heavy
|
|
135
|
-
* subtree is built. Nothing longer is needed: the glide runs on the compositor, so the mount that
|
|
136
|
-
* follows cannot stall it — waiting out the animation would only make content feel late.
|
|
137
|
-
*/
|
|
138
|
-
private _scheduleCommit;
|
|
139
|
-
private _commitPanel;
|
|
140
|
-
/**
|
|
141
|
-
* Sizes the indicator once, then moves it with a transform-only animation. Transform is the one
|
|
142
|
-
* property the compositor can tick by itself, so a busy main thread — a heavy panel mounting, the
|
|
143
|
-
* host's own work — cannot drop frames from the glide. A second animation counter-scales the corner
|
|
144
|
-
* radius; that one only repaints a small element and degrades to a late radius, never a stalled pill.
|
|
145
|
-
*/
|
|
146
|
-
private _updateGlideIndicator;
|
|
147
|
-
/**
|
|
148
|
-
* Swaps the visible panel. The incoming view is built and bound while it is still off-document, so
|
|
149
|
-
* none of that work triggers style, layout or paint; only the final insert does. The outgoing view is
|
|
150
|
-
* detached immediately — it leaves the DOM at once — and destroyed off the critical path, keeping
|
|
151
|
-
* teardown out of the frame the user clicked in. It is still destroyed, so panels re-initialise.
|
|
152
|
-
*/
|
|
153
|
-
private _swapPanelView;
|
|
154
|
-
private _scheduleTeardown;
|
|
155
|
-
/**
|
|
156
|
-
* Records which way the strip travelled so `slide`/`blur` can enter from the side the user clicked
|
|
157
|
-
* towards. Effects run after the active-panel binding has updated, so the eager path can animate
|
|
158
|
-
* immediately and avoid painting one unanimated frame before the enter state is applied.
|
|
159
|
-
*/
|
|
160
|
-
private _trackContentDirection;
|
|
161
|
-
/**
|
|
162
|
-
* Animates the entering panel. Everything but `blur` is transform/opacity only, so the animation
|
|
163
|
-
* ticks on the compositor and a heavy panel mounting in the same frame cannot stall it.
|
|
164
|
-
*/
|
|
165
|
-
private _animateContent;
|
|
166
|
-
/**
|
|
167
|
-
* `width: auto` cannot be interpolated, so the label's own content width is measured and written as
|
|
168
|
-
* an explicit pixel width for the stylesheet to transition from zero. `scrollWidth` reports that
|
|
169
|
-
* content width even while the element is clamped to zero and hidden, so no reflow-forcing dance is
|
|
170
|
-
* needed. The active surface lives on the tab itself for these types, which is what lets the pill
|
|
171
|
-
* grow in step with the label rather than chase a box that is still resizing.
|
|
172
|
-
*/
|
|
173
|
-
private _updateCollapsingLabels;
|
|
174
|
-
/**
|
|
175
|
-
* Moves the muted highlight onto the hovered tab. The first placement jumps into position and only
|
|
176
|
-
* fades in — gliding it in from a stale box would read as a stray rectangle crossing the strip.
|
|
177
|
-
*/
|
|
178
|
-
private _updateHoverIndicator;
|
|
179
|
-
/**
|
|
180
|
-
* Measurement and imperative DOM work never needs a change-detection tick of its own. With zone.js a
|
|
181
|
-
* plain `requestAnimationFrame` schedules one per callback — wasteful during a smooth scroll, which
|
|
182
|
-
* fires every frame. Signal writes made inside still schedule change detection on their own.
|
|
183
|
-
*/
|
|
184
|
-
private _outsideFrame;
|
|
185
|
-
private _prefersReducedMotion;
|
|
186
|
-
private _setupResizeObserver;
|
|
187
|
-
private _restoreActiveTabFromCache;
|
|
188
|
-
private _saveActiveTabToCache;
|
|
189
|
-
private _getCacheKey;
|
|
190
|
-
protected scrollToActiveDropdownItem(): void;
|
|
191
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabsComponent, never>;
|
|
192
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTabsComponent, "z-tabs", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTabs": { "alias": "zTabs"; "required": true; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zContentFit": { "alias": "zContentFit"; "required": false; "isSignal": true; }; "zContentAnimation": { "alias": "zContentAnimation"; "required": false; "isSignal": true; }; "zLazy": { "alias": "zLazy"; "required": false; "isSignal": true; }; "zTabsOnly": { "alias": "zTabsOnly"; "required": false; "isSignal": true; }; "zShowNavWrapper": { "alias": "zShowNavWrapper"; "required": false; "isSignal": true; }; "zNavFullWidth": { "alias": "zNavFullWidth"; "required": false; "isSignal": true; }; "zClassContent": { "alias": "zClassContent"; "required": false; "isSignal": true; }; "zShowContentWrapper": { "alias": "zShowContentWrapper"; "required": false; "isSignal": true; }; "zReloadable": { "alias": "zReloadable"; "required": false; "isSignal": true; }; "zEmitOnActiveClick": { "alias": "zEmitOnActiveClick"; "required": false; "isSignal": true; }; "zCache": { "alias": "zCache"; "required": false; "isSignal": true; }; "zCacheKey": { "alias": "zCacheKey"; "required": false; "isSignal": true; }; "zWithDropdown": { "alias": "zWithDropdown"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "zTabChange": "zTabChange"; }, ["tabPanels"], never, true, never>;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
export { ZTabPanelDirective, ZTabsComponent, zTabItemVariants, zTabsVariants };
|
|
196
|
-
export type { ZTab, ZTabItemVariants, ZTabsContentAnimation, ZTabsContentFit, ZTabsOrientation, ZTabsSize, ZTabsType, ZTabsVariants };
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { PipeTransform } from '@angular/core';
|
|
3
|
-
import { ClassValue } from 'clsx';
|
|
4
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
-
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
|
|
7
|
-
type ZTagSize = 'sm' | 'default' | 'lg';
|
|
8
|
-
type ZTagColor = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
9
|
-
interface ZTagItem {
|
|
10
|
-
label: string;
|
|
11
|
-
value: string | number;
|
|
12
|
-
color?: ZTagColor;
|
|
13
|
-
closable?: boolean;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
}
|
|
16
|
-
interface ZTagRandomColorCache {
|
|
17
|
-
bg: string;
|
|
18
|
-
text: string;
|
|
19
|
-
border: string;
|
|
20
|
-
hoverBg: string;
|
|
21
|
-
darkBg?: string;
|
|
22
|
-
darkText?: string;
|
|
23
|
-
darkHoverBg?: string;
|
|
24
|
-
}
|
|
25
|
-
interface ZTagConfig {
|
|
26
|
-
size: ZTagSize;
|
|
27
|
-
color: ZTagColor;
|
|
28
|
-
closable: boolean;
|
|
29
|
-
disabled: boolean;
|
|
30
|
-
randomColor: boolean;
|
|
31
|
-
tagClass: ClassValue;
|
|
32
|
-
randomColorCache: Map<string | number, ZTagRandomColorCache>;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
declare class ZTagsComponent {
|
|
36
|
-
private readonly _zTranslate;
|
|
37
|
-
private readonly _addInput;
|
|
38
|
-
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
39
|
-
readonly zTags: _angular_core.InputSignal<ZTagItem[]>;
|
|
40
|
-
readonly zSize: _angular_core.InputSignal<ZTagSize>;
|
|
41
|
-
readonly zColor: _angular_core.InputSignal<ZTagColor>;
|
|
42
|
-
readonly zClosable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
43
|
-
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
44
|
-
readonly zAddable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
45
|
-
readonly zAddText: _angular_core.InputSignal<string>;
|
|
46
|
-
readonly zAddPlaceholder: _angular_core.InputSignal<string>;
|
|
47
|
-
readonly zRandomColor: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
48
|
-
readonly zTagClass: _angular_core.InputSignal<ClassValue>;
|
|
49
|
-
readonly zLabelClass: _angular_core.InputSignal<ClassValue>;
|
|
50
|
-
readonly zMaxWidth: _angular_core.InputSignal<string>;
|
|
51
|
-
protected readonly labelClasses: _angular_core.Signal<string>;
|
|
52
|
-
protected readonly labelStyle: _angular_core.Signal<{
|
|
53
|
-
'max-width': string;
|
|
54
|
-
} | null>;
|
|
55
|
-
readonly zTagClose: _angular_core.OutputEmitterRef<ZTagItem>;
|
|
56
|
-
readonly zTagAdd: _angular_core.OutputEmitterRef<string>;
|
|
57
|
-
protected readonly uiState: _angular_core.WritableSignal<{
|
|
58
|
-
isAdding: boolean;
|
|
59
|
-
}>;
|
|
60
|
-
private readonly _randomColorCache;
|
|
61
|
-
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
62
|
-
protected readonly containerClasses: _angular_core.Signal<string>;
|
|
63
|
-
protected readonly closeButtonClasses: _angular_core.Signal<string>;
|
|
64
|
-
protected readonly closeIconSize: _angular_core.Signal<"10" | "12" | "14">;
|
|
65
|
-
protected readonly tagConfig: _angular_core.Signal<ZTagConfig>;
|
|
66
|
-
protected readonly effectiveAddText: _angular_core.Signal<string>;
|
|
67
|
-
protected readonly effectiveAddPlaceholder: _angular_core.Signal<string>;
|
|
68
|
-
protected readonly addInputClasses: _angular_core.Signal<string>;
|
|
69
|
-
protected readonly addButtonClasses: _angular_core.Signal<string>;
|
|
70
|
-
protected onRemoveTag(tag: ZTagItem, event: Event): void;
|
|
71
|
-
protected onAddClick(): void;
|
|
72
|
-
protected onAddConfirm(event: Event): void;
|
|
73
|
-
protected onAddCancel(): void;
|
|
74
|
-
protected onAddBlur(): void;
|
|
75
|
-
private _focusAddInputSoon;
|
|
76
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsComponent, never>;
|
|
77
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTagsComponent, "z-tags", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTags": { "alias": "zTags"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColor": { "alias": "zColor"; "required": false; "isSignal": true; }; "zClosable": { "alias": "zClosable"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zAddable": { "alias": "zAddable"; "required": false; "isSignal": true; }; "zAddText": { "alias": "zAddText"; "required": false; "isSignal": true; }; "zAddPlaceholder": { "alias": "zAddPlaceholder"; "required": false; "isSignal": true; }; "zRandomColor": { "alias": "zRandomColor"; "required": false; "isSignal": true; }; "zTagClass": { "alias": "zTagClass"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zMaxWidth": { "alias": "zMaxWidth"; "required": false; "isSignal": true; }; }, { "zTagClose": "zTagClose"; "zTagAdd": "zTagAdd"; }, never, never, true, never>;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
declare class ZTagsDirective {
|
|
81
|
-
readonly zSize: _angular_core.InputSignal<ZTagSize>;
|
|
82
|
-
readonly zColor: _angular_core.InputSignal<ZTagColor>;
|
|
83
|
-
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
84
|
-
readonly zClass: _angular_core.InputSignal<ClassValue>;
|
|
85
|
-
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
86
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsDirective, never>;
|
|
87
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZTagsDirective, "[z-tags]", ["zTags"], { "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zColor": { "alias": "zColor"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
declare const zTagsContainerVariants: (props?: ({
|
|
91
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
92
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
93
|
-
declare const zTagVariants: (props?: ({
|
|
94
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
95
|
-
zColor?: "default" | "primary" | "success" | "warning" | "danger" | "info" | null | undefined;
|
|
96
|
-
zClosable?: boolean | null | undefined;
|
|
97
|
-
zDisabled?: boolean | null | undefined;
|
|
98
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
99
|
-
declare const zTagCloseButtonVariants: (props?: ({
|
|
100
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
101
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
102
|
-
type ZTagsContainerVariants = VariantProps<typeof zTagsContainerVariants>;
|
|
103
|
-
type ZTagVariants = VariantProps<typeof zTagVariants>;
|
|
104
|
-
type ZTagCloseButtonVariants = VariantProps<typeof zTagCloseButtonVariants>;
|
|
105
|
-
|
|
106
|
-
declare class ZTagClassesPipe implements PipeTransform {
|
|
107
|
-
transform(tag: ZTagItem, config: ZTagConfig): string;
|
|
108
|
-
private _isClosable;
|
|
109
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagClassesPipe, never>;
|
|
110
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagClassesPipe, "zTagClasses", true>;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
declare class ZTagClosablePipe implements PipeTransform {
|
|
114
|
-
transform(tag: ZTagItem, config: ZTagConfig): boolean;
|
|
115
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagClosablePipe, never>;
|
|
116
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagClosablePipe, "zTagClosable", true>;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
declare class ZTagStylePipe implements PipeTransform {
|
|
120
|
-
transform(tag: ZTagItem, config: ZTagConfig): Record<string, string> | null;
|
|
121
|
-
private _getOrCreateRandomColor;
|
|
122
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagStylePipe, never>;
|
|
123
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagStylePipe, "zTagStyle", true>;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
export { ZTagClassesPipe, ZTagClosablePipe, ZTagStylePipe, ZTagsComponent, ZTagsDirective, zTagCloseButtonVariants, zTagVariants, zTagsContainerVariants };
|
|
127
|
-
export type { ZTagCloseButtonVariants, ZTagColor, ZTagConfig, ZTagItem, ZTagRandomColorCache, ZTagSize, ZTagVariants, ZTagsContainerVariants };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef } from '@angular/core';
|
|
3
|
-
import { ClassValue } from 'clsx';
|
|
4
|
-
import { ZIcon } 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
|
-
interface ZTimelineItem {
|
|
9
|
-
id?: string | number;
|
|
10
|
-
title: string;
|
|
11
|
-
description?: string;
|
|
12
|
-
time?: string;
|
|
13
|
-
subtitle?: string;
|
|
14
|
-
company?: string;
|
|
15
|
-
period?: string;
|
|
16
|
-
technologies?: string[];
|
|
17
|
-
icon?: ZIcon;
|
|
18
|
-
active?: boolean;
|
|
19
|
-
contentTemplate?: TemplateRef<unknown>;
|
|
20
|
-
}
|
|
21
|
-
type ZTimelineSize = 'sm' | 'default' | 'lg';
|
|
22
|
-
type ZTimelineLayout = 'default' | 'alternate' | 'career';
|
|
23
|
-
|
|
24
|
-
declare class ZTimelineComponent {
|
|
25
|
-
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
26
|
-
readonly zItems: _angular_core.InputSignal<ZTimelineItem[]>;
|
|
27
|
-
readonly zSize: _angular_core.InputSignal<ZTimelineSize>;
|
|
28
|
-
readonly zLayout: _angular_core.InputSignal<ZTimelineLayout>;
|
|
29
|
-
readonly zScrollProgress: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
30
|
-
private readonly _destroyRef;
|
|
31
|
-
private readonly _timelineItems;
|
|
32
|
-
private readonly _progressRatio;
|
|
33
|
-
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
34
|
-
protected readonly dotClasses: _angular_core.Signal<string>;
|
|
35
|
-
protected readonly innerDotClasses: _angular_core.Signal<string>;
|
|
36
|
-
protected readonly badgeClasses: _angular_core.Signal<string>;
|
|
37
|
-
protected readonly titleClasses: _angular_core.Signal<string>;
|
|
38
|
-
protected readonly descriptionClasses: _angular_core.Signal<string>;
|
|
39
|
-
protected readonly isCareer: _angular_core.Signal<boolean>;
|
|
40
|
-
protected readonly isAlternate: _angular_core.Signal<boolean>;
|
|
41
|
-
protected readonly progressStates: _angular_core.Signal<boolean[]>;
|
|
42
|
-
protected readonly progressLineHeight: _angular_core.Signal<string>;
|
|
43
|
-
protected readonly progressSegments: _angular_core.Signal<string[]>;
|
|
44
|
-
constructor();
|
|
45
|
-
private _calculateProgressRatio;
|
|
46
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTimelineComponent, never>;
|
|
47
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZTimelineComponent, "z-timeline", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zItems": { "alias": "zItems"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLayout": { "alias": "zLayout"; "required": false; "isSignal": true; }; "zScrollProgress": { "alias": "zScrollProgress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
declare const zTimelineVariants: (props?: ({
|
|
51
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
52
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
53
|
-
declare const zTimelineDotVariants: (props?: ({
|
|
54
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
55
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
56
|
-
declare const zTimelineInnerDotVariants: (props?: ({
|
|
57
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
58
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
59
|
-
declare const zTimelineTimeBadgeVariants: (props?: ({
|
|
60
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
61
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
62
|
-
declare const zTimelineTitleVariants: (props?: ({
|
|
63
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
64
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
65
|
-
declare const zTimelineDescriptionVariants: (props?: ({
|
|
66
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
67
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
68
|
-
type ZTimelineVariants = VariantProps<typeof zTimelineVariants>;
|
|
69
|
-
|
|
70
|
-
export { ZTimelineComponent, zTimelineDescriptionVariants, zTimelineDotVariants, zTimelineInnerDotVariants, zTimelineTimeBadgeVariants, zTimelineTitleVariants, zTimelineVariants };
|
|
71
|
-
export type { ZTimelineItem, ZTimelineLayout, ZTimelineSize, ZTimelineVariants };
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { ZExcelConfig, ZExcelExportOptions, ZExcelFromTableConfig, ZExcelExportResult } from '@shival99/z-ui/services';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
|
|
4
|
-
declare class ZExcelService {
|
|
5
|
-
private static _isHeaderConfig;
|
|
6
|
-
private static _getHeaderConfig;
|
|
7
|
-
exportExcel<T = unknown>(config: ZExcelConfig<T>, options?: ZExcelExportOptions): Promise<void>;
|
|
8
|
-
exportFromTable<T = unknown>(config: ZExcelFromTableConfig<T>, options?: ZExcelExportOptions): Promise<void>;
|
|
9
|
-
exportFromElement(elementId: string, fileName?: string, options?: ZExcelExportOptions): Promise<void>;
|
|
10
|
-
exportFromElementXlsx(elementId: string, fileName?: string, options?: ZExcelExportOptions): Promise<void>;
|
|
11
|
-
static exportExcelStatic<T = unknown>(config: ZExcelConfig<T>): Promise<ZExcelExportResult>;
|
|
12
|
-
static exportFromElementStatic(elementId: string, fileName?: string): Promise<ZExcelExportResult>;
|
|
13
|
-
private _saveFile;
|
|
14
|
-
private _convertTableColumnsToExcel;
|
|
15
|
-
private static _flattenColumns;
|
|
16
|
-
private static _calculateHeaderLevels;
|
|
17
|
-
private static _createHeaderRows;
|
|
18
|
-
private static _buildHeaderStructure;
|
|
19
|
-
private static _getLeafCount;
|
|
20
|
-
private static _getCellValue;
|
|
21
|
-
private static _processMergeRegions;
|
|
22
|
-
private static _applyAutoFitWidth;
|
|
23
|
-
private static _applyAutoFitWidthForTable;
|
|
24
|
-
private static _getMergedColumnSpan;
|
|
25
|
-
private static _calculateCellWidth;
|
|
26
|
-
private static _processTableElement;
|
|
27
|
-
private static _parseContentValue;
|
|
28
|
-
private static _applyCellFormatFromHTML;
|
|
29
|
-
private static _getExcelAlignment;
|
|
30
|
-
private static _getExcelVerticalAlignment;
|
|
31
|
-
private static _formatTimestamp;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ZExcelService, never>;
|
|
33
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export { ZExcelService };
|