@shival99/z-ui 2.2.6 → 2.3.1

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 (56) hide show
  1. package/assets/css/base.css +4 -0
  2. package/assets/css/overlay.css +82 -0
  3. package/assets/css/tailwind.css +1 -0
  4. package/fesm2022/shival99-z-ui-components-z-button-group.mjs +15 -13
  5. package/fesm2022/shival99-z-ui-components-z-button-group.mjs.map +1 -1
  6. package/fesm2022/shival99-z-ui-components-z-button.mjs +2 -2
  7. package/fesm2022/shival99-z-ui-components-z-button.mjs.map +1 -1
  8. package/fesm2022/shival99-z-ui-components-z-calendar.mjs +23 -17
  9. package/fesm2022/shival99-z-ui-components-z-calendar.mjs.map +1 -1
  10. package/fesm2022/shival99-z-ui-components-z-command.mjs +10 -24
  11. package/fesm2022/shival99-z-ui-components-z-command.mjs.map +1 -1
  12. package/fesm2022/shival99-z-ui-components-z-drawer.mjs +42 -60
  13. package/fesm2022/shival99-z-ui-components-z-drawer.mjs.map +1 -1
  14. package/fesm2022/shival99-z-ui-components-z-gallery.mjs +6 -8
  15. package/fesm2022/shival99-z-ui-components-z-gallery.mjs.map +1 -1
  16. package/fesm2022/shival99-z-ui-components-z-icon.mjs +147 -3
  17. package/fesm2022/shival99-z-ui-components-z-icon.mjs.map +1 -1
  18. package/fesm2022/shival99-z-ui-components-z-marquee.mjs +19 -4
  19. package/fesm2022/shival99-z-ui-components-z-marquee.mjs.map +1 -1
  20. package/fesm2022/shival99-z-ui-components-z-menu.mjs +2 -2
  21. package/fesm2022/shival99-z-ui-components-z-menu.mjs.map +1 -1
  22. package/fesm2022/shival99-z-ui-components-z-modal.mjs +45 -62
  23. package/fesm2022/shival99-z-ui-components-z-modal.mjs.map +1 -1
  24. package/fesm2022/shival99-z-ui-components-z-overlay.mjs +363 -0
  25. package/fesm2022/shival99-z-ui-components-z-overlay.mjs.map +1 -0
  26. package/fesm2022/shival99-z-ui-components-z-popover.mjs +94 -378
  27. package/fesm2022/shival99-z-ui-components-z-popover.mjs.map +1 -1
  28. package/fesm2022/shival99-z-ui-components-z-skeleton.mjs +14 -3
  29. package/fesm2022/shival99-z-ui-components-z-skeleton.mjs.map +1 -1
  30. package/fesm2022/shival99-z-ui-components-z-table.mjs +42 -16
  31. package/fesm2022/shival99-z-ui-components-z-table.mjs.map +1 -1
  32. package/fesm2022/shival99-z-ui-components-z-tabs.mjs +85 -7
  33. package/fesm2022/shival99-z-ui-components-z-tabs.mjs.map +1 -1
  34. package/fesm2022/shival99-z-ui-components-z-toast.mjs +32 -25
  35. package/fesm2022/shival99-z-ui-components-z-toast.mjs.map +1 -1
  36. package/fesm2022/shival99-z-ui-components-z-tooltip.mjs +52 -222
  37. package/fesm2022/shival99-z-ui-components-z-tooltip.mjs.map +1 -1
  38. package/fesm2022/shival99-z-ui-services.mjs +42 -25
  39. package/fesm2022/shival99-z-ui-services.mjs.map +1 -1
  40. package/package.json +9 -1
  41. package/types/shival99-z-ui-components-z-button-group.d.ts +12 -11
  42. package/types/shival99-z-ui-components-z-button.d.ts +2 -1
  43. package/types/shival99-z-ui-components-z-command.d.ts +2 -4
  44. package/types/shival99-z-ui-components-z-drawer.d.ts +11 -13
  45. package/types/shival99-z-ui-components-z-gallery.d.ts +7 -7
  46. package/types/shival99-z-ui-components-z-icon.d.ts +21 -1
  47. package/types/shival99-z-ui-components-z-marquee.d.ts +7 -1
  48. package/types/shival99-z-ui-components-z-modal.d.ts +52 -52
  49. package/types/shival99-z-ui-components-z-overlay.d.ts +145 -0
  50. package/types/shival99-z-ui-components-z-popover.d.ts +7 -15
  51. package/types/shival99-z-ui-components-z-skeleton.d.ts +2 -0
  52. package/types/shival99-z-ui-components-z-table.d.ts +6 -2
  53. package/types/shival99-z-ui-components-z-tabs.d.ts +13 -3
  54. package/types/shival99-z-ui-components-z-toast.d.ts +9 -3
  55. package/types/shival99-z-ui-components-z-tooltip.d.ts +9 -7
  56. package/types/shival99-z-ui-services.d.ts +52 -31
@@ -1 +1 @@
1
- {"version":3,"file":"shival99-z-ui-components-z-marquee.mjs","sources":["../../../../libs/core-ui/components/z-marquee/z-marquee.component.ts","../../../../libs/core-ui/components/z-marquee/z-marquee.component.html","../../../../libs/core-ui/components/z-marquee/shival99-z-ui-components-z-marquee.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZMarqueeDirection, ZMarqueeFade } from './z-marquee.types';\n\n@Component({\n selector: 'z-marquee',\n imports: [NgTemplateOutlet],\n standalone: true,\n templateUrl: './z-marquee.component.html',\n styleUrl: './z-marquee.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class ZMarqueeComponent {\n public readonly class = input<ClassValue>('');\n\n public readonly zDirection = input<ZMarqueeDirection>('left');\n\n public readonly zPauseOnHover = input(false, { transform: zTransform });\n\n public readonly zRepeat = input(4);\n\n public readonly zDuration = input(60);\n\n public readonly zGap = input('1rem');\n\n public readonly zFade = input<ZMarqueeFade>('none');\n\n protected readonly contentTemplate = contentChild<TemplateRef<unknown>>(TemplateRef);\n\n protected readonly isVertical = computed(() => {\n const dir = this.zDirection();\n\n return dir === 'up' || dir === 'down';\n });\n\n protected readonly isReverse = computed(() => {\n const dir = this.zDirection();\n\n return dir === 'right' || dir === 'down';\n });\n\n protected readonly showLeftFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'left' || (fade === 'both' && !this.isVertical());\n });\n\n protected readonly showRightFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'right' || (fade === 'both' && !this.isVertical());\n });\n\n protected readonly showTopFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'top' || (fade === 'both' && this.isVertical());\n });\n\n protected readonly showBottomFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'bottom' || (fade === 'both' && this.isVertical());\n });\n\n protected readonly hostClasses = computed(() =>\n zMergeClasses(\n 'relative flex overflow-hidden',\n this.zPauseOnHover() ? 'z-marquee--pause-on-hover' : '',\n this.isVertical() ? 'h-full flex-col' : 'flex-row',\n this.class()\n )\n );\n\n protected readonly repeatItems = computed(() => {\n const repeat = Math.max(1, Math.floor(this.zRepeat()));\n\n return Array.from({ length: repeat }, (_, index) => index);\n });\n\n protected readonly copyItems = [0, 1] as const;\n\n protected readonly runnerClasses = computed(() =>\n zMergeClasses(\n 'z-marquee-runner flex shrink-0 justify-start',\n this.isVertical() ? 'min-h-full flex-col items-stretch' : 'flex-row items-center',\n this.animationClasses()\n )\n );\n\n protected readonly animationClasses = computed(() => {\n const vertical = this.isVertical();\n const reverse = this.isReverse();\n\n const base = vertical ? 'z-marquee--animate-y' : 'z-marquee--animate-x';\n const dir = reverse ? ' z-marquee--reverse' : '';\n\n return `${base}${dir}`;\n });\n\n protected readonly trackClasses = computed(() =>\n zMergeClasses(\n 'z-marquee-track flex shrink-0 justify-start',\n this.isVertical() ? 'flex-col items-stretch' : 'flex-row items-center'\n )\n );\n\n protected readonly contentClasses = computed(() =>\n zMergeClasses(\n 'z-marquee-content flex shrink-0 justify-start',\n this.isVertical() ? 'flex-col items-stretch' : 'flex-row items-center'\n )\n );\n}\n","<div\n class=\"z-marquee-viewport flex min-w-full\"\n [class.flex-row]=\"!isVertical()\"\n [class.h-full]=\"isVertical()\"\n [class.flex-col]=\"isVertical()\"\n [style.gap]=\"zGap()\"\n [style.--z-marquee-gap]=\"zGap()\"\n [style.--z-marquee-duration]=\"zDuration() + 's'\">\n <div [class]=\"runnerClasses()\">\n @for (copy of copyItems; track copy) {\n <div [class]=\"trackClasses()\" [style.gap]=\"zGap()\" [attr.aria-hidden]=\"copy === 0 ? null : 'true'\">\n @for (item of repeatItems(); track item) {\n <div [class]=\"contentClasses()\" [style.gap]=\"zGap()\">\n @if (contentTemplate(); as tmpl) {\n <ng-container [ngTemplateOutlet]=\"tmpl\" />\n }\n </div>\n }\n </div>\n }\n </div>\n</div>\n\n@if (showLeftFade()) {\n <div\n class=\"from-background/85 via-background/30 pointer-events-none absolute inset-y-0 left-0 w-12 bg-gradient-to-r via-55% to-transparent sm:w-16\"></div>\n}\n\n@if (showRightFade()) {\n <div\n class=\"from-background/85 via-background/30 pointer-events-none absolute inset-y-0 right-0 w-12 bg-gradient-to-l via-55% to-transparent sm:w-16\"></div>\n}\n\n@if (showTopFade()) {\n <div\n class=\"from-background/85 via-background/30 pointer-events-none absolute inset-x-0 top-0 h-10 bg-gradient-to-b via-55% to-transparent sm:h-12\"></div>\n}\n\n@if (showBottomFade()) {\n <div\n class=\"from-background/85 via-background/30 pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t via-55% to-transparent sm:h-12\"></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"shival99-z-ui-components-z-marquee.mjs","sources":["../../../../libs/core-ui/components/z-marquee/z-marquee.component.ts","../../../../libs/core-ui/components/z-marquee/z-marquee.component.html","../../../../libs/core-ui/components/z-marquee/shival99-z-ui-components-z-marquee.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { zMergeClasses, zTransform } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport type { ZMarqueeDirection, ZMarqueeFade } from './z-marquee.types';\n\n@Component({\n selector: 'z-marquee',\n imports: [NgTemplateOutlet],\n standalone: true,\n templateUrl: './z-marquee.component.html',\n styleUrl: './z-marquee.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n '[class]': 'hostClasses()',\n },\n})\nexport class ZMarqueeComponent {\n public readonly class = input<ClassValue>('');\n\n public readonly zDirection = input<ZMarqueeDirection>('left');\n\n public readonly zPauseOnHover = input(false, { transform: zTransform });\n\n public readonly zRepeat = input(4);\n\n public readonly zDuration = input(60);\n\n public readonly zGap = input('1rem');\n\n public readonly zFade = input<ZMarqueeFade>('none');\n\n public readonly zFadeColor = input<string>('var(--background)');\n\n protected readonly fadeGradient = computed(() => {\n const color = this.zFadeColor();\n return (direction: string): string =>\n `linear-gradient(${direction}, color-mix(in oklab, ${color} 85%, transparent), color-mix(in oklab, ${color} 30%, transparent) 55%, transparent)`;\n });\n\n protected readonly leftFadeStyle = computed(() => this.fadeGradient()('to right'));\n protected readonly rightFadeStyle = computed(() => this.fadeGradient()('to left'));\n protected readonly topFadeStyle = computed(() => this.fadeGradient()('to bottom'));\n protected readonly bottomFadeStyle = computed(() => this.fadeGradient()('to top'));\n\n protected readonly contentTemplate = contentChild<TemplateRef<unknown>>(TemplateRef);\n\n protected readonly isVertical = computed(() => {\n const dir = this.zDirection();\n\n return dir === 'up' || dir === 'down';\n });\n\n protected readonly isReverse = computed(() => {\n const dir = this.zDirection();\n\n return dir === 'right' || dir === 'down';\n });\n\n protected readonly showLeftFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'left' || (fade === 'both' && !this.isVertical());\n });\n\n protected readonly showRightFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'right' || (fade === 'both' && !this.isVertical());\n });\n\n protected readonly showTopFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'top' || (fade === 'both' && this.isVertical());\n });\n\n protected readonly showBottomFade = computed(() => {\n const fade = this.zFade();\n\n return fade === 'bottom' || (fade === 'both' && this.isVertical());\n });\n\n protected readonly hostClasses = computed(() =>\n zMergeClasses(\n 'relative flex overflow-hidden',\n this.zPauseOnHover() ? 'z-marquee--pause-on-hover' : '',\n this.isVertical() ? 'h-full flex-col' : 'flex-row',\n this.class()\n )\n );\n\n protected readonly repeatItems = computed(() => {\n const repeat = Math.max(1, Math.floor(this.zRepeat()));\n\n return Array.from({ length: repeat }, (_, index) => index);\n });\n\n protected readonly copyItems = [0, 1] as const;\n\n protected readonly runnerClasses = computed(() =>\n zMergeClasses(\n 'z-marquee-runner flex shrink-0 justify-start',\n this.isVertical() ? 'min-h-full flex-col items-stretch' : 'flex-row items-center',\n this.animationClasses()\n )\n );\n\n protected readonly animationClasses = computed(() => {\n const vertical = this.isVertical();\n const reverse = this.isReverse();\n\n const base = vertical ? 'z-marquee--animate-y' : 'z-marquee--animate-x';\n const dir = reverse ? ' z-marquee--reverse' : '';\n\n return `${base}${dir}`;\n });\n\n protected readonly trackClasses = computed(() =>\n zMergeClasses(\n 'z-marquee-track flex shrink-0 justify-start',\n this.isVertical() ? 'flex-col items-stretch' : 'flex-row items-center'\n )\n );\n\n protected readonly contentClasses = computed(() =>\n zMergeClasses(\n 'z-marquee-content flex shrink-0 justify-start',\n this.isVertical() ? 'flex-col items-stretch' : 'flex-row items-center'\n )\n );\n}\n","<div\n class=\"z-marquee-viewport flex min-w-full\"\n [class.flex-row]=\"!isVertical()\"\n [class.h-full]=\"isVertical()\"\n [class.flex-col]=\"isVertical()\"\n [style.gap]=\"zGap()\"\n [style.--z-marquee-gap]=\"zGap()\"\n [style.--z-marquee-duration]=\"zDuration() + 's'\">\n <div [class]=\"runnerClasses()\">\n @for (copy of copyItems; track copy) {\n <div [class]=\"trackClasses()\" [style.gap]=\"zGap()\" [attr.aria-hidden]=\"copy === 0 ? null : 'true'\">\n @for (item of repeatItems(); track item) {\n <div [class]=\"contentClasses()\" [style.gap]=\"zGap()\">\n @if (contentTemplate(); as tmpl) {\n <ng-container [ngTemplateOutlet]=\"tmpl\" />\n }\n </div>\n }\n </div>\n }\n </div>\n</div>\n\n@if (showLeftFade()) {\n <div class=\"pointer-events-none absolute inset-y-0 left-0 w-12 sm:w-16\" [style.background]=\"leftFadeStyle()\"></div>\n}\n\n@if (showRightFade()) {\n <div class=\"pointer-events-none absolute inset-y-0 right-0 w-12 sm:w-16\" [style.background]=\"rightFadeStyle()\"></div>\n}\n\n@if (showTopFade()) {\n <div class=\"pointer-events-none absolute inset-x-0 top-0 h-10 sm:h-12\" [style.background]=\"topFadeStyle()\"></div>\n}\n\n@if (showBottomFade()) {\n <div\n class=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 sm:h-12\"\n [style.background]=\"bottomFadeStyle()\"></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA0Ba,iBAAiB,CAAA;IACZ,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;IAE7B,UAAU,GAAG,KAAK,CAAoB,MAAM;mFAAC;IAE7C,aAAa,GAAG,KAAK,CAAC,KAAK,qFAAI,SAAS,EAAE,UAAU,EAAA,CAAG;IAEvD,OAAO,GAAG,KAAK,CAAC,CAAC;gFAAC;IAElB,SAAS,GAAG,KAAK,CAAC,EAAE;kFAAC;IAErB,IAAI,GAAG,KAAK,CAAC,MAAM;6EAAC;IAEpB,KAAK,GAAG,KAAK,CAAe,MAAM;8EAAC;IAEnC,UAAU,GAAG,KAAK,CAAS,mBAAmB;mFAAC;AAE5C,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC9C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,OAAO,CAAC,SAAiB,KACvB,CAAA,gBAAA,EAAmB,SAAS,CAAA,sBAAA,EAAyB,KAAK,CAAA,wCAAA,EAA2C,KAAK,CAAA,oCAAA,CAAsC;IACpJ,CAAC;qFAAC;AAEiB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,UAAU,CAAC;sFAAC;AAC/D,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC;uFAAC;AAC/D,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,WAAW,CAAC;qFAAC;AAC/D,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;wFAAC;IAE/D,eAAe,GAAG,YAAY,CAAuB,WAAW;wFAAC;AAEjE,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC5C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE;AAE7B,QAAA,OAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,MAAM;IACvC,CAAC;mFAAC;AAEiB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE;AAE7B,QAAA,OAAO,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,MAAM;IAC1C,CAAC;kFAAC;AAEiB,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC9C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AAEzB,QAAA,OAAO,IAAI,KAAK,MAAM,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC;qFAAC;AAEiB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AAEzB,QAAA,OAAO,IAAI,KAAK,OAAO,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;IACpE,CAAC;sFAAC;AAEiB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AAEzB,QAAA,OAAO,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;IACjE,CAAC;oFAAC;AAEiB,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAChD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AAEzB,QAAA,OAAO,IAAI,KAAK,QAAQ,KAAK,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;IACpE,CAAC;uFAAC;AAEiB,IAAA,WAAW,GAAG,QAAQ,CAAC,MACxC,aAAa,CACX,+BAA+B,EAC/B,IAAI,CAAC,aAAa,EAAE,GAAG,2BAA2B,GAAG,EAAE,EACvD,IAAI,CAAC,UAAU,EAAE,GAAG,iBAAiB,GAAG,UAAU,EAClD,IAAI,CAAC,KAAK,EAAE,CACb;oFACF;AAEkB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAEtD,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC;IAC5D,CAAC;oFAAC;AAEiB,IAAA,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAU;IAE3B,aAAa,GAAG,QAAQ,CAAC,MAC1C,aAAa,CACX,8CAA8C,EAC9C,IAAI,CAAC,UAAU,EAAE,GAAG,mCAAmC,GAAG,uBAAuB,EACjF,IAAI,CAAC,gBAAgB,EAAE,CACxB;sFACF;AAEkB,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AAClD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE;AAClC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE;QAEhC,MAAM,IAAI,GAAG,QAAQ,GAAG,sBAAsB,GAAG,sBAAsB;QACvE,MAAM,GAAG,GAAG,OAAO,GAAG,qBAAqB,GAAG,EAAE;AAEhD,QAAA,OAAO,CAAA,EAAG,IAAI,CAAA,EAAG,GAAG,EAAE;IACxB,CAAC;yFAAC;IAEiB,YAAY,GAAG,QAAQ,CAAC,MACzC,aAAa,CACX,6CAA6C,EAC7C,IAAI,CAAC,UAAU,EAAE,GAAG,wBAAwB,GAAG,uBAAuB,CACvE;qFACF;IAEkB,cAAc,GAAG,QAAQ,CAAC,MAC3C,aAAa,CACX,+CAA+C,EAC/C,IAAI,CAAC,UAAU,EAAE,GAAG,wBAAwB,GAAG,uBAAuB,CACvE;uFACF;uGAjHU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA4B4C,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtDrF,u4CAwCA,64BDxBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAUf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,gBAAgB,CAAC,cACf,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,eAAe;AAC3B,qBAAA,EAAA,QAAA,EAAA,u4CAAA,EAAA,MAAA,EAAA,CAAA,q1BAAA,CAAA,EAAA;k2BA8BuE,WAAW,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEtDrF;;AAEG;;;;"}
@@ -22,7 +22,7 @@ class ZMenuComponent {
22
22
  zOnSelect = output();
23
23
  zOnMenuAction = output();
24
24
  zControl = output();
25
- zLogo = input('assets/images/avatar.svg', /* @ts-ignore */
25
+ zLogo = input('/assets/images/avatar.svg', /* @ts-ignore */
26
26
  ...(ngDevMode ? [{ debugName: "zLogo" }] : /* istanbul ignore next */ []));
27
27
  zLogoMobile = input('', /* @ts-ignore */
28
28
  ...(ngDevMode ? [{ debugName: "zLogoMobile" }] : /* istanbul ignore next */ []));
@@ -453,7 +453,7 @@ class ZMenuV2Component {
453
453
  zOnSelect = output();
454
454
  zOnMenuAction = output();
455
455
  zControl = output();
456
- zLogo = input('assets/images/avatar.svg', /* @ts-ignore */
456
+ zLogo = input('/assets/images/avatar.svg', /* @ts-ignore */
457
457
  ...(ngDevMode ? [{ debugName: "zLogo" }] : /* istanbul ignore next */ []));
458
458
  zLogoMobile = input('', /* @ts-ignore */
459
459
  ...(ngDevMode ? [{ debugName: "zLogoMobile" }] : /* istanbul ignore next */ []));