@shival99/z-ui 2.5.8 → 2.5.10

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.
Files changed (51) hide show
  1. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs +25 -1
  2. package/fesm2022/shival99-z-ui-components-z-autocomplete.mjs.map +1 -1
  3. package/fesm2022/shival99-z-ui-components-z-avatar.mjs +45 -10
  4. package/fesm2022/shival99-z-ui-components-z-avatar.mjs.map +1 -1
  5. package/fesm2022/shival99-z-ui-components-z-badge.mjs +94 -0
  6. package/fesm2022/shival99-z-ui-components-z-badge.mjs.map +1 -0
  7. package/fesm2022/shival99-z-ui-components-z-calendar.mjs +1 -1
  8. package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
  9. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs +1 -1
  10. package/fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs.map +1 -1
  11. package/fesm2022/shival99-z-ui-components-z-editor.mjs +2 -2
  12. package/fesm2022/shival99-z-ui-components-z-editor.mjs.map +1 -1
  13. package/fesm2022/shival99-z-ui-components-z-gallery.mjs +2 -2
  14. package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +1 -1
  15. package/fesm2022/shival99-z-ui-components-z-input.mjs +1 -1
  16. package/fesm2022/shival99-z-ui-components-z-input.mjs.map +1 -1
  17. package/fesm2022/shival99-z-ui-components-z-kanban.mjs +1 -1
  18. package/fesm2022/shival99-z-ui-components-z-kanban.mjs.map +1 -1
  19. package/fesm2022/shival99-z-ui-components-z-menu.mjs +2 -2
  20. package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +1 -1
  21. package/fesm2022/shival99-z-ui-components-z-modal.mjs +1 -1
  22. package/fesm2022/shival99-z-ui-components-z-modal.mjs.map +1 -1
  23. package/fesm2022/shival99-z-ui-components-z-pagination.mjs +1 -1
  24. package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map +1 -1
  25. package/fesm2022/shival99-z-ui-components-z-popover.mjs +49 -0
  26. package/fesm2022/shival99-z-ui-components-z-popover.mjs.map +1 -1
  27. package/fesm2022/shival99-z-ui-components-z-select.mjs +234 -11
  28. package/fesm2022/shival99-z-ui-components-z-select.mjs.map +1 -1
  29. package/fesm2022/shival99-z-ui-components-z-steps.mjs +1 -1
  30. package/fesm2022/shival99-z-ui-components-z-steps.mjs.map +1 -1
  31. package/fesm2022/shival99-z-ui-components-z-table.mjs +6 -6
  32. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
  33. package/fesm2022/shival99-z-ui-components-z-tabs.mjs +7 -3
  34. package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
  35. package/fesm2022/shival99-z-ui-components-z-tags.mjs +11 -22
  36. package/fesm2022/shival99-z-ui-components-z-tags.mjs.map +1 -1
  37. package/fesm2022/shival99-z-ui-components-z-tooltip.mjs +10 -4
  38. package/fesm2022/shival99-z-ui-components-z-tooltip.mjs.map +1 -1
  39. package/fesm2022/shival99-z-ui-components-z-upload.mjs +1 -1
  40. package/fesm2022/shival99-z-ui-components-z-upload.mjs.map +1 -1
  41. package/package.json +5 -1
  42. package/types/shival99-z-ui-components-z-autocomplete.d.ts +3 -1
  43. package/types/shival99-z-ui-components-z-avatar.d.ts +10 -2
  44. package/types/shival99-z-ui-components-z-badge.d.ts +50 -0
  45. package/types/shival99-z-ui-components-z-calendar.d.ts +4 -4
  46. package/types/shival99-z-ui-components-z-popover.d.ts +2 -0
  47. package/types/shival99-z-ui-components-z-select.d.ts +27 -6
  48. package/types/shival99-z-ui-components-z-table.d.ts +2 -2
  49. package/types/shival99-z-ui-components-z-tabs.d.ts +2 -1
  50. package/types/shival99-z-ui-components-z-tags.d.ts +3 -4
  51. package/types/shival99-z-ui-components-z-tooltip.d.ts +2 -1
@@ -71,6 +71,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
71
71
  readonly zEmitOnActiveClick: _angular_core.InputSignal<boolean>;
72
72
  readonly zCache: _angular_core.InputSignal<boolean>;
73
73
  readonly zCacheKey: _angular_core.InputSignal<string>;
74
+ readonly zWithDropdown: _angular_core.InputSignal<string>;
74
75
  readonly activeTab: _angular_core.ModelSignal<string>;
75
76
  readonly zTabChange: _angular_core.OutputEmitterRef<string>;
76
77
  protected readonly renderedTab: _angular_core.WritableSignal<string>;
@@ -188,7 +189,7 @@ declare class ZTabsComponent implements OnInit, AfterViewInit, OnDestroy {
188
189
  private _getCacheKey;
189
190
  protected scrollToActiveDropdownItem(): void;
190
191
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTabsComponent, never>;
191
- 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; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "zTabChange": "zTabChange"; }, ["tabPanels"], never, true, 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>;
192
193
  }
193
194
 
194
195
  export { ZTabPanelDirective, ZTabsComponent, zTabItemVariants, zTabsVariants };
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { AfterViewInit, PipeTransform } from '@angular/core';
2
+ import { PipeTransform } from '@angular/core';
3
3
  import { ClassValue } from 'clsx';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
  import { VariantProps } from 'class-variance-authority';
@@ -32,7 +32,7 @@ interface ZTagConfig {
32
32
  randomColorCache: Map<string | number, ZTagRandomColorCache>;
33
33
  }
34
34
 
35
- declare class ZTagsComponent implements AfterViewInit {
35
+ declare class ZTagsComponent {
36
36
  private readonly _zTranslate;
37
37
  private readonly _addInput;
38
38
  readonly class: _angular_core.InputSignal<ClassValue>;
@@ -56,7 +56,6 @@ declare class ZTagsComponent implements AfterViewInit {
56
56
  readonly zTagAdd: _angular_core.OutputEmitterRef<string>;
57
57
  protected readonly uiState: _angular_core.WritableSignal<{
58
58
  isAdding: boolean;
59
- pendingFocus: boolean;
60
59
  }>;
61
60
  private readonly _randomColorCache;
62
61
  protected readonly hostClasses: _angular_core.Signal<string>;
@@ -68,12 +67,12 @@ declare class ZTagsComponent implements AfterViewInit {
68
67
  protected readonly effectiveAddPlaceholder: _angular_core.Signal<string>;
69
68
  protected readonly addInputClasses: _angular_core.Signal<string>;
70
69
  protected readonly addButtonClasses: _angular_core.Signal<string>;
71
- ngAfterViewInit(): void;
72
70
  protected onRemoveTag(tag: ZTagItem, event: Event): void;
73
71
  protected onAddClick(): void;
74
72
  protected onAddConfirm(event: Event): void;
75
73
  protected onAddCancel(): void;
76
74
  protected onAddBlur(): void;
75
+ private _focusAddInputSoon;
77
76
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagsComponent, never>;
78
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>;
79
78
  }
@@ -34,6 +34,7 @@ interface ZTooltipConfig {
34
34
 
35
35
  declare class ZTooltipDirective implements OnInit, OnDestroy {
36
36
  readonly zContent: _angular_core.InputSignal<ZTooltipContent>;
37
+ readonly zContext: _angular_core.InputSignal<unknown>;
37
38
  readonly zPosition: _angular_core.InputSignal<_shival99_z_ui_components_z_overlay.ZOverlayPlacement>;
38
39
  readonly zTooltipPosition: _angular_core.InputSignal<_shival99_z_ui_components_z_overlay.ZOverlayPlacement | undefined>;
39
40
  readonly zTrigger: _angular_core.InputSignal<ZTooltipTrigger>;
@@ -103,7 +104,7 @@ declare class ZTooltipDirective implements OnInit, OnDestroy {
103
104
  private _cleanupListeners;
104
105
  private _calculateArrowOffset;
105
106
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTooltipDirective, never>;
106
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZTooltipDirective, "[z-tooltip], [zTooltip]", ["zTooltip"], { "zContent": { "alias": "zContent"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zTooltipPosition": { "alias": "zTooltipPosition"; "required": false; "isSignal": true; }; "zTrigger": { "alias": "zTrigger"; "required": false; "isSignal": true; }; "zTooltipTrigger": { "alias": "zTooltipTrigger"; "required": false; "isSignal": true; }; "zType": { "alias": "zTooltipType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zTooltipSize"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zTooltipClass": { "alias": "zTooltipClass"; "required": false; "isSignal": true; }; "zShowDelay": { "alias": "zShowDelay"; "required": false; "isSignal": true; }; "zTooltipShowDelay": { "alias": "zTooltipShowDelay"; "required": false; "isSignal": true; }; "zHideDelay": { "alias": "zHideDelay"; "required": false; "isSignal": true; }; "zTooltipHideDelay": { "alias": "zTooltipHideDelay"; "required": false; "isSignal": true; }; "zArrow": { "alias": "zArrow"; "required": false; "isSignal": true; }; "zTooltipArrow": { "alias": "zTooltipArrow"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zTooltipDisabled": { "alias": "zTooltipDisabled"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zTooltipOffset": { "alias": "zTooltipOffset"; "required": false; "isSignal": true; }; "zAutoDetect": { "alias": "zAutoDetect"; "required": false; "isSignal": true; }; "zTriggerElement": { "alias": "zTriggerElement"; "required": false; "isSignal": true; }; "zAlwaysShow": { "alias": "zAlwaysShow"; "required": false; "isSignal": true; }; "zMaxWidth": { "alias": "zMaxWidth"; "required": false; "isSignal": true; }; }, { "zShow": "zShow"; "zHide": "zHide"; }, never, never, true, never>;
107
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZTooltipDirective, "[z-tooltip], [zTooltip]", ["zTooltip"], { "zContent": { "alias": "zContent"; "required": false; "isSignal": true; }; "zContext": { "alias": "zContext"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zTooltipPosition": { "alias": "zTooltipPosition"; "required": false; "isSignal": true; }; "zTrigger": { "alias": "zTrigger"; "required": false; "isSignal": true; }; "zTooltipTrigger": { "alias": "zTooltipTrigger"; "required": false; "isSignal": true; }; "zType": { "alias": "zTooltipType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zTooltipSize"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zTooltipClass": { "alias": "zTooltipClass"; "required": false; "isSignal": true; }; "zShowDelay": { "alias": "zShowDelay"; "required": false; "isSignal": true; }; "zTooltipShowDelay": { "alias": "zTooltipShowDelay"; "required": false; "isSignal": true; }; "zHideDelay": { "alias": "zHideDelay"; "required": false; "isSignal": true; }; "zTooltipHideDelay": { "alias": "zTooltipHideDelay"; "required": false; "isSignal": true; }; "zArrow": { "alias": "zArrow"; "required": false; "isSignal": true; }; "zTooltipArrow": { "alias": "zTooltipArrow"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zTooltipDisabled": { "alias": "zTooltipDisabled"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zTooltipOffset": { "alias": "zTooltipOffset"; "required": false; "isSignal": true; }; "zAutoDetect": { "alias": "zAutoDetect"; "required": false; "isSignal": true; }; "zTriggerElement": { "alias": "zTriggerElement"; "required": false; "isSignal": true; }; "zAlwaysShow": { "alias": "zAlwaysShow"; "required": false; "isSignal": true; }; "zMaxWidth": { "alias": "zMaxWidth"; "required": false; "isSignal": true; }; }, { "zShow": "zShow"; "zHide": "zHide"; }, never, never, true, never>;
107
108
  }
108
109
 
109
110
  export { ZTooltipDirective, zTooltipVariants };