@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.
- package/package.json +1 -1
- package/types/shival99-z-ui-components-z-select.d.ts +1 -1
- package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +0 -1079
- package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs +0 -742
- package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +0 -58
- package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-editor.mjs +0 -1750
- package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-gallery.mjs +0 -2419
- package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-kanban.mjs +0 -981
- package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-marquee.mjs +0 -70
- package/fesm2022/shival99-z-ui-components-z-marquee.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-media-player.mjs +0 -668
- package/fesm2022/shival99-z-ui-components-z-media-player.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-menu.mjs +0 -843
- package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-metric-card.mjs +0 -128
- package/fesm2022/shival99-z-ui-components-z-metric-card.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-pagination.mjs +0 -158
- package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-qrcode.mjs +0 -383
- package/fesm2022/shival99-z-ui-components-z-qrcode.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-radio.mjs +0 -167
- package/fesm2022/shival99-z-ui-components-z-radio.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs +0 -131
- package/fesm2022/shival99-z-ui-components-z-scrollarea.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-show-more.mjs +0 -121
- package/fesm2022/shival99-z-ui-components-z-show-more.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs +0 -61
- package/fesm2022/shival99-z-ui-components-z-skeleton-auto.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-steps.mjs +0 -396
- package/fesm2022/shival99-z-ui-components-z-steps.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-table.mjs +0 -10508
- package/fesm2022/shival99-z-ui-components-z-table.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs +0 -507
- package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-tags.mjs +0 -349
- package/fesm2022/shival99-z-ui-components-z-tags.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-timeline.mjs +0 -237
- package/fesm2022/shival99-z-ui-components-z-timeline.mjs.map +0 -1
- package/fesm2022/shival99-z-ui-components-z-upload.mjs +0 -523
- package/fesm2022/shival99-z-ui-components-z-upload.mjs.map +0 -1
- package/types/shival99-z-ui-components-z-autocomplete.d.ts +0 -290
- package/types/shival99-z-ui-components-z-drawer.d.ts +0 -266
- package/types/shival99-z-ui-components-z-dropdown-menu.d.ts +0 -54
- package/types/shival99-z-ui-components-z-editor.d.ts +0 -337
- package/types/shival99-z-ui-components-z-gallery.d.ts +0 -402
- package/types/shival99-z-ui-components-z-kanban.d.ts +0 -237
- package/types/shival99-z-ui-components-z-marquee.d.ts +0 -35
- package/types/shival99-z-ui-components-z-media-player.d.ts +0 -124
- package/types/shival99-z-ui-components-z-menu.d.ts +0 -222
- package/types/shival99-z-ui-components-z-metric-card.d.ts +0 -67
- package/types/shival99-z-ui-components-z-pagination.d.ts +0 -55
- package/types/shival99-z-ui-components-z-qrcode.d.ts +0 -76
- 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 -1924
- package/types/shival99-z-ui-components-z-tabs.d.ts +0 -92
- package/types/shival99-z-ui-components-z-tags.d.ts +0 -128
- package/types/shival99-z-ui-components-z-timeline.d.ts +0 -71
- package/types/shival99-z-ui-components-z-upload.d.ts +0 -153
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef, OnInit, AfterViewInit, OnDestroy, ElementRef } 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" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "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" | "folder" | "folder-soft" | "folder-solid" | "underline" | "underlined" | "badge" | "sharp" | "sharp-line" | "sharp-line-filled" | "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
|
-
disabled?: boolean;
|
|
30
|
-
badge?: string | number;
|
|
31
|
-
template?: TemplateRef<unknown>;
|
|
32
|
-
}
|
|
33
|
-
type ZTabsType = 'line' | 'soft' | 'segment' | 'segment-solid' | 'folder' | 'folder-soft' | 'folder-solid' | 'underline' | 'underlined' | 'badge' | 'sharp' | 'sharp-line' | 'sharp-line-filled' | 'vertical-sharp' | 'code-line';
|
|
34
|
-
type ZTabsSize = 'xs' | 'sm' | 'default' | 'lg';
|
|
35
|
-
type ZTabsOrientation = 'horizontal' | 'vertical';
|
|
36
|
-
type ZTabsContentFit = 'none' | 'screen';
|
|
37
|
-
type ZTabsVariants = VariantProps<typeof zTabsVariants>;
|
|
38
|
-
type ZTabItemVariants = VariantProps<typeof zTabItemVariants>;
|
|
39
|
-
|
|
40
|
-
declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
41
|
-
readonly tabPanels: _angular_core.Signal<readonly ZTabPanelDirective[]>;
|
|
42
|
-
readonly tabsListContainer: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
43
|
-
readonly tabButtons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
|
|
44
|
-
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
45
|
-
readonly zTabs: _angular_core.InputSignal<ZTab[]>;
|
|
46
|
-
readonly zType: _angular_core.InputSignal<ZTabsType>;
|
|
47
|
-
readonly zSize: _angular_core.InputSignal<ZTabsSize>;
|
|
48
|
-
readonly zOrientation: _angular_core.InputSignal<ZTabsOrientation>;
|
|
49
|
-
readonly zContentFit: _angular_core.InputSignal<ZTabsContentFit>;
|
|
50
|
-
readonly zLazy: _angular_core.InputSignal<boolean>;
|
|
51
|
-
readonly zDestroyInactive: _angular_core.InputSignal<boolean>;
|
|
52
|
-
readonly zTabsOnly: _angular_core.InputSignal<boolean>;
|
|
53
|
-
readonly zShowContentWrapper: _angular_core.InputSignal<boolean>;
|
|
54
|
-
readonly zReloadable: _angular_core.InputSignal<boolean>;
|
|
55
|
-
readonly zEmitOnActiveClick: _angular_core.InputSignal<boolean>;
|
|
56
|
-
readonly zCache: _angular_core.InputSignal<boolean>;
|
|
57
|
-
readonly zCacheKey: _angular_core.InputSignal<string>;
|
|
58
|
-
readonly activeTab: _angular_core.ModelSignal<string>;
|
|
59
|
-
readonly zTabChange: _angular_core.OutputEmitterRef<string>;
|
|
60
|
-
protected readonly loadedTabs: _angular_core.WritableSignal<Set<string>>;
|
|
61
|
-
protected readonly canScrollLeft: _angular_core.WritableSignal<boolean>;
|
|
62
|
-
protected readonly canScrollRight: _angular_core.WritableSignal<boolean>;
|
|
63
|
-
protected readonly panelRenderStates: _angular_core.Signal<Map<string, boolean>>;
|
|
64
|
-
private _resizeObserver?;
|
|
65
|
-
private readonly _cacheInstanceId;
|
|
66
|
-
constructor();
|
|
67
|
-
ngOnInit(): void;
|
|
68
|
-
ngAfterViewInit(): void;
|
|
69
|
-
ngOnDestroy(): void;
|
|
70
|
-
protected readonly tabsClasses: _angular_core.Signal<string>;
|
|
71
|
-
protected readonly contentWrapperFramed: _angular_core.Signal<boolean>;
|
|
72
|
-
protected readonly tabsListHasBottomPadding: _angular_core.Signal<boolean>;
|
|
73
|
-
protected readonly verticalTabsScrollable: _angular_core.Signal<boolean>;
|
|
74
|
-
protected getTabItemClasses(_tab: ZTab): string;
|
|
75
|
-
protected selectTab(tab: ZTab, scrollToView?: boolean): void;
|
|
76
|
-
protected isTabActive(tab: ZTab): boolean;
|
|
77
|
-
protected onTabKeydown(event: KeyboardEvent, currentIndex: number): void;
|
|
78
|
-
protected checkScroll(): void;
|
|
79
|
-
protected scrollLeft(): void;
|
|
80
|
-
protected scrollRight(): void;
|
|
81
|
-
protected onTabsScroll(): void;
|
|
82
|
-
private _setupResizeObserver;
|
|
83
|
-
private _restoreActiveTabFromCache;
|
|
84
|
-
private _saveActiveTabToCache;
|
|
85
|
-
private _getCacheKey;
|
|
86
|
-
protected scrollToActiveDropdownItem(): void;
|
|
87
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabsComponent, never>;
|
|
88
|
-
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; }; "zLazy": { "alias": "zLazy"; "required": false; "isSignal": true; }; "zDestroyInactive": { "alias": "zDestroyInactive"; "required": false; "isSignal": true; }; "zTabsOnly": { "alias": "zTabsOnly"; "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; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "zTabChange": "zTabChange"; }, ["tabPanels"], never, true, never>;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export { ZTabPanelDirective, ZTabsComponent, zTabItemVariants, zTabsVariants };
|
|
92
|
-
export type { ZTab, ZTabItemVariants, ZTabsContentFit, ZTabsOrientation, ZTabsSize, ZTabsType, ZTabsVariants };
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, 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 implements AfterViewInit {
|
|
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
|
-
pendingFocus: boolean;
|
|
60
|
-
}>;
|
|
61
|
-
private readonly _randomColorCache;
|
|
62
|
-
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
63
|
-
protected readonly containerClasses: _angular_core.Signal<string>;
|
|
64
|
-
protected readonly closeButtonClasses: _angular_core.Signal<string>;
|
|
65
|
-
protected readonly closeIconSize: _angular_core.Signal<"10" | "12" | "14">;
|
|
66
|
-
protected readonly tagConfig: _angular_core.Signal<ZTagConfig>;
|
|
67
|
-
protected readonly effectiveAddText: _angular_core.Signal<string>;
|
|
68
|
-
protected readonly effectiveAddPlaceholder: _angular_core.Signal<string>;
|
|
69
|
-
protected readonly addInputClasses: _angular_core.Signal<string>;
|
|
70
|
-
protected readonly addButtonClasses: _angular_core.Signal<string>;
|
|
71
|
-
ngAfterViewInit(): void;
|
|
72
|
-
protected onRemoveTag(tag: ZTagItem, event: Event): void;
|
|
73
|
-
protected onAddClick(): void;
|
|
74
|
-
protected onAddConfirm(event: Event): void;
|
|
75
|
-
protected onAddCancel(): void;
|
|
76
|
-
protected onAddBlur(): void;
|
|
77
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsComponent, never>;
|
|
78
|
-
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>;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
declare class ZTagsDirective {
|
|
82
|
-
readonly zSize: _angular_core.InputSignal<ZTagSize>;
|
|
83
|
-
readonly zColor: _angular_core.InputSignal<ZTagColor>;
|
|
84
|
-
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
85
|
-
readonly zClass: _angular_core.InputSignal<ClassValue>;
|
|
86
|
-
protected readonly hostClasses: _angular_core.Signal<string>;
|
|
87
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsDirective, never>;
|
|
88
|
-
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>;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
declare const zTagsContainerVariants: (props?: ({
|
|
92
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
93
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
94
|
-
declare const zTagVariants: (props?: ({
|
|
95
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
96
|
-
zColor?: "default" | "primary" | "success" | "warning" | "danger" | "info" | null | undefined;
|
|
97
|
-
zClosable?: boolean | null | undefined;
|
|
98
|
-
zDisabled?: boolean | null | undefined;
|
|
99
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
100
|
-
declare const zTagCloseButtonVariants: (props?: ({
|
|
101
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
102
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
103
|
-
type ZTagsContainerVariants = VariantProps<typeof zTagsContainerVariants>;
|
|
104
|
-
type ZTagVariants = VariantProps<typeof zTagVariants>;
|
|
105
|
-
type ZTagCloseButtonVariants = VariantProps<typeof zTagCloseButtonVariants>;
|
|
106
|
-
|
|
107
|
-
declare class ZTagClassesPipe implements PipeTransform {
|
|
108
|
-
transform(tag: ZTagItem, config: ZTagConfig): string;
|
|
109
|
-
private _isClosable;
|
|
110
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagClassesPipe, never>;
|
|
111
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagClassesPipe, "zTagClasses", true>;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
declare class ZTagClosablePipe implements PipeTransform {
|
|
115
|
-
transform(tag: ZTagItem, config: ZTagConfig): boolean;
|
|
116
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagClosablePipe, never>;
|
|
117
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagClosablePipe, "zTagClosable", true>;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
declare class ZTagStylePipe implements PipeTransform {
|
|
121
|
-
transform(tag: ZTagItem, config: ZTagConfig): Record<string, string> | null;
|
|
122
|
-
private _getOrCreateRandomColor;
|
|
123
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagStylePipe, never>;
|
|
124
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagStylePipe, "zTagStyle", true>;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
export { ZTagClassesPipe, ZTagClosablePipe, ZTagStylePipe, ZTagsComponent, ZTagsDirective, zTagCloseButtonVariants, zTagVariants, zTagsContainerVariants };
|
|
128
|
-
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,153 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { Signal, OnInit, ElementRef } from '@angular/core';
|
|
3
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
-
import { ZEvent } from '@shival99/z-ui/utils';
|
|
5
|
-
import { ClassValue } from 'clsx';
|
|
6
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
|
-
import { VariantProps } from 'class-variance-authority';
|
|
8
|
-
|
|
9
|
-
type ZUploadSize = 'sm' | 'default' | 'lg';
|
|
10
|
-
type ZUploadStatus = 'pending' | 'uploading' | 'success' | 'error';
|
|
11
|
-
interface ZUploadFile {
|
|
12
|
-
id: string;
|
|
13
|
-
name: string;
|
|
14
|
-
size: number;
|
|
15
|
-
type: string;
|
|
16
|
-
file?: File;
|
|
17
|
-
url?: string;
|
|
18
|
-
progress: number;
|
|
19
|
-
status: ZUploadStatus;
|
|
20
|
-
}
|
|
21
|
-
interface ZUploadError {
|
|
22
|
-
file: File;
|
|
23
|
-
error: string;
|
|
24
|
-
}
|
|
25
|
-
interface ZUploadValidator {
|
|
26
|
-
error: string;
|
|
27
|
-
message: string;
|
|
28
|
-
validate?: (files: ZUploadFile[]) => boolean;
|
|
29
|
-
}
|
|
30
|
-
interface ZUploadControl {
|
|
31
|
-
/** Trigger validation and return true if valid */
|
|
32
|
-
valid: () => boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Trigger validation and return true if has error.
|
|
35
|
-
* @deprecated Use `valid()` for boolean form-submit checks.
|
|
36
|
-
*/
|
|
37
|
-
validate: () => boolean;
|
|
38
|
-
reset: () => void;
|
|
39
|
-
clearFiles: () => void;
|
|
40
|
-
openFileDialog: () => void;
|
|
41
|
-
markAsTouched: () => void;
|
|
42
|
-
markAsUntouched: () => void;
|
|
43
|
-
markAsDirty: () => void;
|
|
44
|
-
markAsPristine: () => void;
|
|
45
|
-
hasError: Signal<boolean>;
|
|
46
|
-
files: Signal<ZUploadFile[]>;
|
|
47
|
-
errorMessage: Signal<string>;
|
|
48
|
-
}
|
|
49
|
-
declare const formatFileSize: (bytes: number) => string;
|
|
50
|
-
|
|
51
|
-
declare class ZUploadComponent implements OnInit, ControlValueAccessor {
|
|
52
|
-
private readonly _injector;
|
|
53
|
-
private readonly _destroyRef;
|
|
54
|
-
private readonly _zTranslate;
|
|
55
|
-
protected readonly fileInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
56
|
-
readonly zOnUpload: _angular_core.OutputEmitterRef<ZUploadFile[]>;
|
|
57
|
-
readonly zOnRemove: _angular_core.OutputEmitterRef<ZUploadFile>;
|
|
58
|
-
readonly zOnDownload: _angular_core.OutputEmitterRef<ZUploadFile>;
|
|
59
|
-
readonly zOnError: _angular_core.OutputEmitterRef<ZUploadError>;
|
|
60
|
-
readonly zOnFileChange: _angular_core.OutputEmitterRef<File[]>;
|
|
61
|
-
readonly zOnDragover: _angular_core.OutputEmitterRef<DragEvent>;
|
|
62
|
-
readonly zOnDragleave: _angular_core.OutputEmitterRef<DragEvent>;
|
|
63
|
-
readonly zOnDrop: _angular_core.OutputEmitterRef<DragEvent>;
|
|
64
|
-
readonly zControl: _angular_core.OutputEmitterRef<ZUploadControl>;
|
|
65
|
-
readonly zEvent: _angular_core.OutputEmitterRef<ZEvent>;
|
|
66
|
-
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
67
|
-
readonly zLabel: _angular_core.InputSignal<string>;
|
|
68
|
-
readonly zLabelClass: _angular_core.InputSignal<string>;
|
|
69
|
-
readonly zNote: _angular_core.InputSignal<string>;
|
|
70
|
-
readonly zSize: _angular_core.InputSignal<ZUploadSize>;
|
|
71
|
-
readonly zAcceptFile: _angular_core.InputSignal<string>;
|
|
72
|
-
readonly zMultipleFile: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
73
|
-
readonly zMaxSize: _angular_core.InputSignal<number>;
|
|
74
|
-
readonly zMaxFiles: _angular_core.InputSignal<number>;
|
|
75
|
-
readonly zRequired: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
76
|
-
readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
77
|
-
readonly zReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
78
|
-
readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
79
|
-
readonly zShowProgress: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
80
|
-
readonly zValidators: _angular_core.InputSignal<ZUploadValidator[]>;
|
|
81
|
-
readonly files: _angular_core.WritableSignal<ZUploadFile[]>;
|
|
82
|
-
protected readonly inputId: string;
|
|
83
|
-
protected readonly labelId: string;
|
|
84
|
-
protected readonly isDragOver: _angular_core.WritableSignal<boolean>;
|
|
85
|
-
protected readonly uiState: _angular_core.WritableSignal<{
|
|
86
|
-
touched: boolean;
|
|
87
|
-
dirty: boolean;
|
|
88
|
-
}>;
|
|
89
|
-
private readonly _fileError;
|
|
90
|
-
private readonly _disabled;
|
|
91
|
-
private readonly _formControl;
|
|
92
|
-
private readonly _formStateVersion;
|
|
93
|
-
private readonly _isNgModel;
|
|
94
|
-
private _onChange;
|
|
95
|
-
private _onTouched;
|
|
96
|
-
private _ngControl;
|
|
97
|
-
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
98
|
-
protected readonly isBlocked: _angular_core.Signal<boolean>;
|
|
99
|
-
private readonly _shouldShowValidation;
|
|
100
|
-
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
101
|
-
protected readonly showError: _angular_core.Signal<boolean>;
|
|
102
|
-
protected readonly errorMessage: _angular_core.Signal<string>;
|
|
103
|
-
protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
|
|
104
|
-
protected readonly dropzoneClasses: _angular_core.Signal<string>;
|
|
105
|
-
protected readonly acceptTypes: _angular_core.Signal<string>;
|
|
106
|
-
protected readonly formatFileSize: (bytes: number) => string;
|
|
107
|
-
protected readonly getFileItemClasses: (file: ZUploadFile) => string;
|
|
108
|
-
ngOnInit(): void;
|
|
109
|
-
writeValue(value: ZUploadFile[] | null): void;
|
|
110
|
-
registerOnChange(fn: (value: ZUploadFile[]) => void): void;
|
|
111
|
-
registerOnTouched(fn: () => void): void;
|
|
112
|
-
setDisabledState(isDisabled: boolean): void;
|
|
113
|
-
updateProgress(fileId: string, progress: number): void;
|
|
114
|
-
setFileStatus(fileId: string, status: ZUploadFile['status']): void;
|
|
115
|
-
clearFiles(): void;
|
|
116
|
-
/** @deprecated Use `valid()` for boolean form-submit checks. */
|
|
117
|
-
validate(): boolean;
|
|
118
|
-
valid(): boolean;
|
|
119
|
-
reset(): void;
|
|
120
|
-
markAsTouched(): void;
|
|
121
|
-
markAsUntouched(): void;
|
|
122
|
-
markAsDirty(): void;
|
|
123
|
-
markAsPristine(): void;
|
|
124
|
-
private _emitControl;
|
|
125
|
-
getFiles(): File[];
|
|
126
|
-
protected openFileDialog(): void;
|
|
127
|
-
protected onFileSelected(event: Event): void;
|
|
128
|
-
protected onDragOver(event: DragEvent): void;
|
|
129
|
-
protected onDragLeave(event: DragEvent): void;
|
|
130
|
-
protected onDrop(event: DragEvent): void;
|
|
131
|
-
protected removeFile(file: ZUploadFile): void;
|
|
132
|
-
protected downloadFile(file: ZUploadFile): void;
|
|
133
|
-
private _getValidationErrors;
|
|
134
|
-
private _processFiles;
|
|
135
|
-
private _emitFileChange;
|
|
136
|
-
private _isValidFileType;
|
|
137
|
-
private _notifyChange;
|
|
138
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZUploadComponent, never>;
|
|
139
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZUploadComponent, "z-upload", ["zUpload"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zNote": { "alias": "zNote"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zAcceptFile": { "alias": "zAcceptFile"; "required": false; "isSignal": true; }; "zMultipleFile": { "alias": "zMultipleFile"; "required": false; "isSignal": true; }; "zMaxSize": { "alias": "zMaxSize"; "required": false; "isSignal": true; }; "zMaxFiles": { "alias": "zMaxFiles"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zShowProgress": { "alias": "zShowProgress"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnUpload": "zOnUpload"; "zOnRemove": "zOnRemove"; "zOnDownload": "zOnDownload"; "zOnError": "zOnError"; "zOnFileChange": "zOnFileChange"; "zOnDragover": "zOnDragover"; "zOnDragleave": "zOnDragleave"; "zOnDrop": "zOnDrop"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
declare const zUploadDropzoneVariants: (props?: ({
|
|
143
|
-
zSize?: "sm" | "default" | "lg" | null | undefined;
|
|
144
|
-
zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
|
|
145
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
146
|
-
type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
|
|
147
|
-
declare const zUploadFileItemVariants: (props?: ({
|
|
148
|
-
zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
|
|
149
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
150
|
-
type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;
|
|
151
|
-
|
|
152
|
-
export { ZUploadComponent, formatFileSize, zUploadDropzoneVariants, zUploadFileItemVariants };
|
|
153
|
-
export type { ZUploadControl, ZUploadDropzoneVariants, ZUploadError, ZUploadFile, ZUploadFileItemVariants, ZUploadSize, ZUploadStatus, ZUploadValidator };
|