@shival99/z-ui 1.1.5 → 1.1.7

package/types/shival99-z-ui-components-z-tags.d.ts

@@ -0,0 +1,81 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZTagSize = 'sm' | 'default' | 'lg';
+type ZTagColor = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+interface ZTagItem {
+    label: string;
+    value: string | number;
+    color?: ZTagColor;
+    closable?: boolean;
+    disabled?: boolean;
+}
+interface ZTagRandomColorCache {
+    bg: string;
+    text: string;
+    border: string;
+    hoverBg: string;
+}
+
+declare class ZTagsComponent implements AfterViewInit {
+    private readonly _addInput;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zTags: _angular_core.InputSignal<ZTagItem[]>;
+    readonly zSize: _angular_core.InputSignal<ZTagSize>;
+    readonly zColor: _angular_core.InputSignal<ZTagColor>;
+    readonly zClosable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zAddable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zAddText: _angular_core.InputSignal<string>;
+    readonly zAddPlaceholder: _angular_core.InputSignal<string>;
+    readonly zRandomColor: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zTagClose: _angular_core.OutputEmitterRef<ZTagItem>;
+    readonly zTagAdd: _angular_core.OutputEmitterRef<string>;
+    protected readonly isAdding: _angular_core.WritableSignal<boolean>;
+    private readonly _pendingFocus;
+    private readonly _randomColorCache;
+    private readonly _zTranslate;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly containerClasses: _angular_core.Signal<string>;
+    protected readonly closeButtonClasses: _angular_core.Signal<string>;
+    protected readonly closeIconSize: _angular_core.Signal<"10" | "12" | "14">;
+    protected readonly effectiveAddText: _angular_core.Signal<string>;
+    protected readonly effectiveAddPlaceholder: _angular_core.Signal<string>;
+    protected readonly addInputClasses: _angular_core.Signal<string>;
+    protected readonly addButtonClasses: _angular_core.Signal<string>;
+    ngAfterViewInit(): void;
+    protected getTagClasses(tag: ZTagItem): string;
+    protected getTagStyle(tag: ZTagItem): Record<string, string> | null;
+    private _getRandomColorClasses;
+    private _getOrCreateRandomColor;
+    protected isClosable(tag: ZTagItem): boolean;
+    protected onRemoveTag(tag: ZTagItem, event: Event): void;
+    protected onAddClick(): void;
+    protected onAddConfirm(event: Event): void;
+    protected onAddCancel(): void;
+    protected onAddBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsComponent, never>;
+    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; }; }, { "zTagClose": "zTagClose"; "zTagAdd": "zTagAdd"; }, never, never, true, never>;
+}
+
+declare const zTagsContainerVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zTagVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zColor?: "default" | "primary" | "success" | "warning" | "danger" | "info" | null | undefined;
+    zClosable?: boolean | null | undefined;
+    zDisabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zTagCloseButtonVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZTagsContainerVariants = VariantProps<typeof zTagsContainerVariants>;
+type ZTagVariants = VariantProps<typeof zTagVariants>;
+type ZTagCloseButtonVariants = VariantProps<typeof zTagCloseButtonVariants>;
+
+export { ZTagsComponent, zTagCloseButtonVariants, zTagVariants, zTagsContainerVariants };
+export type { ZTagCloseButtonVariants, ZTagColor, ZTagItem, ZTagRandomColorCache, ZTagSize, ZTagVariants, ZTagsContainerVariants };

package/types/shival99-z-ui-components-z-timeline.d.ts

@@ -32,7 +32,7 @@ declare class ZTimelineComponent {
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zItems: _angular_core.InputSignal<ZTimelineItem[]>;
     readonly zSize: _angular_core.InputSignal<ZTimelineSize>;
-    readonly zTimeVariant: _angular_core.InputSignal<"default" | "outline" | "secondary" | "muted">;
+    readonly zTimeVariant: _angular_core.InputSignal<"default" | "secondary" | "outline" | "muted">;
     readonly zLineStyle: _angular_core.InputSignal<ZTimelineLineStyle>;
     readonly zIconStyle: _angular_core.InputSignal<ZTimelineIconStyle>;
     readonly zLayout: _angular_core.InputSignal<ZTimelineLayout>;
@@ -57,7 +57,7 @@ declare class ZTimelineClassPipe implements PipeTransform {
 }
 
 declare const zTimelineVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineItemVariants: (props?: ({
@@ -71,18 +71,18 @@ declare const zTimelineHeaderVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineIconVariants: (props?: ({
     zColor?: "default" | "primary" | "success" | "warning" | "error" | "info" | null | undefined;
-    zIconStyle?: "filled" | "outline" | null | undefined;
+    zIconStyle?: "outline" | "filled" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTitleVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTimeVariants: (props?: ({
-    zVariant?: "default" | "outline" | "secondary" | "muted" | null | undefined;
+    zVariant?: "default" | "secondary" | "outline" | "muted" | null | undefined;
     zLayout?: "default" | "reversed" | "alternate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineDescriptionVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineContentVariants: (props?: ({
     zContentStyle?: "simple" | "card" | null | undefined;

package/types/shival99-z-ui-components-z-upload.d.ts

@@ -87,7 +87,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly showError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
-    protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
     protected readonly dropzoneClasses: _angular_core.Signal<string>;
     protected readonly acceptTypes: _angular_core.Signal<string>;
     protected readonly formatFileSize: (bytes: number) => string;
@@ -126,11 +126,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
 
 declare const zUploadDropzoneVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
 declare const zUploadFileItemVariants: (props?: ({
-    zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
+    zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;