@shival99/z-ui 1.9.12 → 1.9.14

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { PipeTransform } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { ClassValue } from 'clsx';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -10,89 +10,53 @@ interface ZTimelineItem {
     title: string;
     description?: string;
     time?: string;
+    subtitle?: string;
+    company?: string;
+    period?: string;
+    technologies?: string[];
     icon?: ZIcon;
-    color?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+    active?: boolean;
+    contentTemplate?: TemplateRef<unknown>;
 }
 type ZTimelineSize = 'sm' | 'default' | 'lg';
-type ZTimelineLayout = 'default' | 'reversed' | 'alternate';
-type ZTimelineLineStyle = 'solid' | 'dashed';
-type ZTimelineIconStyle = 'filled' | 'outline';
-type ZTimelineContentStyle = 'simple' | 'card';
-type ZTimelineClassType = 'item' | 'header' | 'icon' | 'iconCenter' | 'dot' | 'line' | 'dotCircle' | 'time' | 'side';
-interface ZTimelineClassOptions {
-    item?: ZTimelineItem;
-    layout?: ZTimelineLayout;
-    lineStyle?: ZTimelineLineStyle;
-    iconStyle?: ZTimelineIconStyle;
-    timeVariant?: 'default' | 'secondary' | 'outline' | 'muted';
-    side?: 'left' | 'right';
-}
+type ZTimelineLayout = 'default' | 'alternate' | 'career';
 
 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 zLineStyle: _angular_core.InputSignal<ZTimelineLineStyle>;
-    readonly zIconStyle: _angular_core.InputSignal<ZTimelineIconStyle>;
     readonly zLayout: _angular_core.InputSignal<ZTimelineLayout>;
-    readonly zContentStyle: _angular_core.InputSignal<ZTimelineContentStyle>;
     protected readonly hostClasses: _angular_core.Signal<string>;
-    protected readonly isAlternate: _angular_core.Signal<boolean>;
-    protected readonly itemClasses: _angular_core.Signal<string>;
     protected readonly dotClasses: _angular_core.Signal<string>;
-    protected readonly lineClasses: _angular_core.Signal<string>;
+    protected readonly innerDotClasses: _angular_core.Signal<string>;
+    protected readonly badgeClasses: _angular_core.Signal<string>;
     protected readonly titleClasses: _angular_core.Signal<string>;
     protected readonly descriptionClasses: _angular_core.Signal<string>;
-    protected readonly contentClasses: _angular_core.Signal<string>;
-    protected readonly iconSize: _angular_core.Signal<"18" | "14">;
+    protected readonly isCareer: _angular_core.Signal<boolean>;
+    protected readonly isAlternate: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTimelineComponent, never>;
-    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; }; "zTimeVariant": { "alias": "zTimeVariant"; "required": false; "isSignal": true; }; "zLineStyle": { "alias": "zLineStyle"; "required": false; "isSignal": true; }; "zIconStyle": { "alias": "zIconStyle"; "required": false; "isSignal": true; }; "zLayout": { "alias": "zLayout"; "required": false; "isSignal": true; }; "zContentStyle": { "alias": "zContentStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class ZTimelineClassPipe implements PipeTransform {
-    transform(type: ZTimelineClassType, options?: ZTimelineClassOptions): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTimelineClassPipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTimelineClassPipe, "zTimelineClass", true>;
+    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; }; }, {}, never, never, true, never>;
 }
 
 declare const zTimelineVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
-    zLayout?: "default" | "reversed" | "alternate" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zTimelineItemVariants: (props?: ({
-    zLayout?: "default" | "reversed" | "alternate" | null | undefined;
+declare const zTimelineDotVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zTimelineHeaderVariants: (props?: ({
-    hasIcon?: boolean | null | undefined;
-    zColor?: "default" | "primary" | "success" | "warning" | "error" | "info" | null | undefined;
-    zLineStyle?: "solid" | "dashed" | null | undefined;
-    zLayout?: "default" | "reversed" | "alternate" | null | undefined;
+declare const zTimelineInnerDotVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & 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;
-    zLayout?: "default" | "reversed" | "alternate" | null | undefined;
+declare const zTimelineTimeBadgeVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineTitleVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zTimelineTimeVariants: (props?: ({
-    zVariant?: "default" | "outline" | "secondary" | "muted" | null | undefined;
-    zLayout?: "default" | "reversed" | "alternate" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zTimelineDescriptionVariants: (props?: ({
-    zSize?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zTimelineContentVariants: (props?: ({
-    zContentStyle?: "simple" | "card" | null | undefined;
+    zSize?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZTimelineVariants = VariantProps<typeof zTimelineVariants>;
-type ZTimelineItemVariants = VariantProps<typeof zTimelineItemVariants>;
-type ZTimelineHeaderVariants = VariantProps<typeof zTimelineHeaderVariants>;
-type ZTimelineIconVariants = VariantProps<typeof zTimelineIconVariants>;
-type ZTimelineTimeVariants = VariantProps<typeof zTimelineTimeVariants>;
-type ZTimelineContentVariants = VariantProps<typeof zTimelineContentVariants>;
 
-export { ZTimelineClassPipe, ZTimelineComponent, zTimelineContentVariants, zTimelineDescriptionVariants, zTimelineHeaderVariants, zTimelineIconVariants, zTimelineItemVariants, zTimelineTimeVariants, zTimelineTitleVariants, zTimelineVariants };
-export type { ZTimelineClassOptions, ZTimelineClassType, ZTimelineContentStyle, ZTimelineContentVariants, ZTimelineHeaderVariants, ZTimelineIconStyle, ZTimelineIconVariants, ZTimelineItem, ZTimelineItemVariants, ZTimelineLayout, ZTimelineLineStyle, ZTimelineSize, ZTimelineTimeVariants, ZTimelineVariants };
+export { ZTimelineComponent, zTimelineDescriptionVariants, zTimelineDotVariants, zTimelineInnerDotVariants, zTimelineTimeBadgeVariants, zTimelineTitleVariants, zTimelineVariants };
+export type { ZTimelineItem, ZTimelineLayout, ZTimelineSize, ZTimelineVariants };

package/types/shival99-z-ui-providers.d.ts

@@ -90,13 +90,17 @@ declare function provideZScrollbar(): EnvironmentProviders;
 
 /**
  * Provide theme configuration for the application
- * @param config - Theme configuration with defaultTheme and defaultDarkMode
+ * @param config - Theme configuration with defaultTheme, defaultDarkMode, and optional cacheKey
  * @example
  * ```typescript
  * // In app.config.ts
  * export const appConfig: ApplicationConfig = {
  *   providers: [
- *     provideZTheme({ defaultTheme: 'hospital', defaultDarkMode: false })
+ *     provideZTheme({
+ *       defaultTheme: 'hospital',
+ *       defaultDarkMode: false,
+ *       cacheKey: 'Z_THEME_PREFERENCES_CRM',
+ *     })
  *   ]
  * };
  * ```

package/types/shival99-z-ui-services.d.ts

@@ -6,6 +6,7 @@ import { Router } from '@angular/router';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { TranslationObject, TranslateService } from '@ngx-translate/core';
+import { OverlayRef } from '@angular/cdk/overlay';
 
 interface ZCacheEntry<T = unknown> {
     data: T;
@@ -23,8 +24,12 @@ declare class ZCacheService {
     static configure(config: ZCacheConfig): void;
     private static _encode;
     private static _decode;
+    private static _normalizeLegacyKey;
     private static _normalizeKey;
+    private static _toStorageKey;
     private static _getFullKey;
+    private static _getLegacyFullKey;
+    private static _getCandidateStorageKeys;
     private static _decodeStorageKey;
     private static _isManagedStorageKey;
     private static _safeOperation;
@@ -304,6 +309,7 @@ interface ZIndexDbSetOptions {
 declare class ZIndexDbService {
     private _db;
     private _dbName;
+    private _legacyDbName;
     private _version;
     private _mode;
     private _dbReady;
@@ -320,13 +326,19 @@ declare class ZIndexDbService {
      * @param perCallEncrypt - Per-call encrypt override (highest priority)
      */
     private _shouldEncrypt;
+    private _normalizeLegacyKey;
     private _normalizeKey;
+    private _resolveLegacyNormalizedKey;
+    private _buildStorageKeys;
     private _encryptData;
     private _decryptData;
     private _closeConnection;
     private _reconnect;
     private _withRetry;
     private _initDb;
+    private _adoptLegacyDbNameIfNeeded;
+    private _getExistingDbVersion;
+    private _probeDbMetadataByOpen;
     private _getCurrentDbVersion;
     private _triggerUpgrade;
     private _resetDatabase;
@@ -464,6 +476,28 @@ declare class ZOverlayContainerService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ZOverlayContainerService>;
 }
 
+/**
+ * Global z-index counter for overlay components (z-modal, z-drawer, etc.).
+ *
+ * Each time an overlay opens, it calls `next()` to get a unique, incrementing
+ * z-index value. This guarantees that overlays opened later always stack on top
+ * of earlier ones — regardless of DOM order or HMR re-creation.
+ */
+declare class ZOverlayZIndexService {
+    private _currentZIndex;
+    private readonly _platformId;
+    /**
+     * Returns the next z-index value and increments the counter.
+     * Kept for backward compatibility with existing overlay flow.
+     */
+    next(): number;
+    applyToOverlay(_overlayRef: OverlayRef): number;
+    deferMoveToTop(overlayRef: OverlayRef): void;
+    moveToTop(overlayRef: OverlayRef): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZOverlayZIndexService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ZOverlayZIndexService>;
+}
+
 type ZSubjectType = 'subject' | 'behavior';
 
 declare class ZSubjectService {
@@ -512,6 +546,7 @@ type ZThemeName = 'green' | 'orange' | 'violet' | 'neutral' | 'stone' | 'zinc' |
 interface ZThemeConfig {
     defaultTheme?: ZThemeName;
     defaultDarkMode?: boolean;
+    cacheKey?: string;
 }
 declare const Z_THEME_CONFIG: InjectionToken<ZThemeConfig>;
 declare const Z_DEFAULT_THEME: ZThemeName;
@@ -531,6 +566,7 @@ declare class ZThemeService {
     private readonly _isBrowser;
     private readonly _defaultTheme;
     private readonly _defaultDarkMode;
+    private readonly _preferencesCacheKey;
     private readonly _isDark;
     private readonly _currentTheme;
     private readonly _loadedThemes;
@@ -549,6 +585,10 @@ declare class ZThemeService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ZThemeService>;
 }
 
+declare function zBuildScopedCacheKey(baseKey: string): string;
+declare function zBuildScopedDbName(baseDbName: string): string;
+declare function zStripScopedCacheKey(key: string): string;
+
 declare const Z_EXCEL_COLORS: {
     readonly 'green-50': "FFF0FDF4";
     readonly 'green-100': "FFDCFCE7";
@@ -609,6 +649,8 @@ declare const Z_INDEXDB_DEFAULT_CONFIG: Required<Pick<ZIndexDbConfig, 'dbName' |
 declare const Z_INDEXDB_BATCH_SIZE = 100;
 declare const Z_INDEXDB_MAX_VERSION = 1000;
 
+declare const Z_LANG_TO_LOCALE: Record<string, string>;
+
 interface ZTranslateConfig {
     /** Default language */
     defaultLang?: string;
@@ -625,5 +667,5 @@ interface ZTranslateI18nConfig {
 }
 declare const Z_LANG_CACHE_KEY = "Z_LANGUAGE";
 
-export { ZCacheService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZSubjectService, ZThemeService, ZTranslateService, Z_DEFAULT_THEME, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY };
+export { ZCacheService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_DEFAULT_THEME, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_LANG_TO_LOCALE, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY, zBuildScopedCacheKey, zBuildScopedDbName, zStripScopedCacheKey };
 export type { ZCacheConfig, ZCacheEntry, ZExcelAlign, ZExcelCell, ZExcelCellContext, ZExcelColumnConfig, ZExcelConfig, ZExcelDefaultConfig, ZExcelExportOptions, ZExcelExportResult, ZExcelFontConfig, ZExcelFromTableConfig, ZExcelHeaderColors, ZExcelHeaderContext, ZExcelSheetSource, ZExcelTableColumnConfig, ZExcelTableHeaderConfig, ZExcelToastHandler, ZHttpBaseOptions, ZHttpCacheEntry, ZHttpConfig, ZHttpContentType, ZHttpError, ZHttpNetworkCheck, ZHttpOptions, ZHttpParamsType, ZIndexDbConfig, ZIndexDbGetOptions, ZIndexDbSetOptions, ZIndexDbStoreConfig, ZTableToExcelColumn, ZThemeConfig, ZThemeName, ZThemePreferences, ZTranslateConfig, ZTranslateI18nConfig };

package/types/shival99-z-ui-utils.d.ts

@@ -49,6 +49,7 @@ declare global {
 type ZCapitalizeType = 'all' | 'sentence' | 'first';
 
 declare const zMergeClasses: (...inputs: ClassValue[]) => string;
+declare const zNormalize: (value: string) => string;
 declare const zTransform: (value: boolean | string) => boolean;
 declare const zUuid: (prefix?: string) => string;
 declare const zNoop: () => undefined;
@@ -151,5 +152,5 @@ interface ZFormDebugOptions {
     logLevel?: 'error' | 'warn' | 'log';
 }
 
-export { VIETNAMESE_MAP, Z_DIVIDE_SCALE, Z_EXCEL_NUMBER_FORMAT_MAP, Z_LOCALE_MAP, zCapitalCase, zCleanObject, zConvertColorToArgb, zCreateEvent, zDebugFormInvalid, zDecodeUnicode, zDetectBrowser, zFormatNum, zFormatNumExcel, zMergeClasses, zMiniSearch, zMiniSearch$, zNoop, zRandomColor, zRegisterEchartsTheme, zRemoveVietnamese, zTransform, zTreeBuild, zTreeFlatten, zUuid, zValidForm };
+export { VIETNAMESE_MAP, Z_DIVIDE_SCALE, Z_EXCEL_NUMBER_FORMAT_MAP, Z_LOCALE_MAP, zCapitalCase, zCleanObject, zConvertColorToArgb, zCreateEvent, zDebugFormInvalid, zDecodeUnicode, zDetectBrowser, zFormatNum, zFormatNumExcel, zMergeClasses, zMiniSearch, zMiniSearch$, zNoop, zNormalize, zRandomColor, zRegisterEchartsTheme, zRemoveVietnamese, zTransform, zTreeBuild, zTreeFlatten, zUuid, zValidForm };
 export type { ZBlurEventData, ZBrowserInfo, ZBrowserName, ZCapitalizeType, ZChangeEventData, ZClickEventData, ZCopyEventData, ZCutEventData, ZDblclickEventData, ZDeviceType, ZDragenterEventData, ZDragleaveEventData, ZDragoverEventData, ZDropEventData, ZEchartsThemeOptions, ZEmptyCheck, ZEvent, ZEventType, ZFocusEventData, ZFormDebugOptions, ZFormSubmitResult, ZFormatNumExcelOptions, ZFormatNumOptions, ZInputEventData, ZKeydownEventData, ZKeypressEventData, ZKeyupEventData, ZMousedownEventData, ZMouseenterEventData, ZMouseleaveEventData, ZMouseoutEventData, ZMouseoverEventData, ZMouseupEventData, ZNavigatorUABrandVersion, ZNavigatorUAData, ZNumberDivide, ZPasteEventData, ZTouchendEventData, ZTouchmoveEventData, ZTouchstartEventData };