@shival99/z-ui 2.1.32 → 2.2.0

package/fesm2022/shival99-z-ui-components-z-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-pagination.mjs","sources":["../../../../libs/core-ui/components/z-pagination/z-pagination.component.ts","../../../../libs/core-ui/components/z-pagination/z-pagination.component.html","../../../../libs/core-ui/components/z-pagination/shival99-z-ui-components-z-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, model, output } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZButtonComponent } from '@shival99/z-ui/components/z-button';\nimport { ZButtonGroupComponent } from '@shival99/z-ui/components/z-button-group';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport { ZInputComponent } from '@shival99/z-ui/components/z-input';\nimport { ZSelectComponent } from '@shival99/z-ui/components/z-select';\nimport { ZTranslateService } from '@shival99/z-ui/services';\nimport type { ZPageChangeEvent, ZPaginationSize } from './z-pagination.types';\n\n@Component({\n  selector: 'z-pagination',\n  imports: [\n    FormsModule,\n    ZButtonComponent,\n    ZButtonGroupComponent,\n    ZIconComponent,\n    ZInputComponent,\n    ZSelectComponent,\n    TranslatePipe,\n  ],\n  standalone: true,\n  templateUrl: './z-pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'z-pagination flex items-center gap-2',\n  },\n})\nexport class ZPaginationComponent {\n  private readonly _zTranslate = inject(ZTranslateService);\n\n  public readonly zOnPageChange = output<ZPageChangeEvent>();\n\n  public readonly zPageIndex = model<number>(1);\n  public readonly zPageSize = model<number>(10);\n  public readonly zTotal = input.required<number>();\n  public readonly zPageSizeOptions = input<number[]>([10, 20, 50, 100]);\n  public readonly zShowSizeChanger = input<boolean>(true);\n  public readonly zShowQuickJumper = input<boolean>(false);\n  public readonly zShowTotal = input<boolean>(true);\n  public readonly zSimple = input<boolean>(false);\n  public readonly zSize = input<ZPaginationSize>('default');\n  public readonly zDisabled = input<boolean>(false);\n\n  public readonly zTotalLabel = input<string | null>(null);\n  public readonly zPerPageLabel = input<string | null>(null);\n  public readonly zGoToLabel = input<string | null>(null);\n\n  protected readonly totalLabelText = computed(() => {\n    this._zTranslate.currentLang();\n    if (this.zTotalLabel()) {\n      return this.zTotalLabel()!.replace('{{total}}', String(this.zTotal()));\n    }\n    return this._zTranslate.instant('i18n_z_ui_pagination_total_label', { total: this.zTotal() });\n  });\n\n  protected readonly perPageLabelText = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zPerPageLabel() ?? this._zTranslate.instant('i18n_z_ui_pagination_per_page');\n  });\n\n  protected readonly goToLabelText = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zGoToLabel() ?? this._zTranslate.instant('i18n_z_ui_pagination_go_to');\n  });\n\n  protected readonly totalPages = computed(() => {\n    const total = this.zTotal();\n    const pageSize = this.zPageSize();\n    return Math.max(1, Math.ceil(total / pageSize));\n  });\n\n  protected readonly pageSizeOptions = computed(() =>\n    this.zPageSizeOptions().map(size => ({\n      label: `${size} ${this.perPageLabelText()}`,\n      value: size,\n    }))\n  );\n\n  protected readonly visiblePages = computed(() => {\n    const current = this.zPageIndex();\n    const total = this.totalPages();\n    const pages: (number | 'ellipsis')[] = [];\n    const maxVisible = 5;\n\n    if (total <= maxVisible) {\n      for (let i = 1; i <= total; i++) {\n        pages.push(i);\n      }\n      return pages;\n    }\n\n    pages.push(1);\n\n    let startPage = Math.max(2, current - 1);\n    let endPage = Math.min(total - 1, current + 1);\n\n    if (current <= 3) {\n      endPage = Math.min(total - 1, 3);\n    } else if (current >= total - 2) {\n      startPage = Math.max(2, total - 2);\n    }\n\n    if (startPage > 2) {\n      pages.push('ellipsis');\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n\n    if (endPage < total - 1) {\n      pages.push('ellipsis');\n    }\n\n    pages.push(total);\n\n    return pages;\n  });\n\n  protected readonly canGoPrev = computed(() => this.zPageIndex() > 1);\n  protected readonly canGoNext = computed(() => this.zPageIndex() < this.totalPages());\n\n  protected goToPage(page: number): void {\n    if (page < 1 || page > this.totalPages()) {\n      return;\n    }\n    if (page === this.zPageIndex()) {\n      return;\n    }\n\n    this.zPageIndex.set(page);\n    this._emitChange();\n  }\n\n  protected goToPrev(): void {\n    if (!this.canGoPrev()) {\n      return;\n    }\n    this.goToPage(this.zPageIndex() - 1);\n  }\n\n  protected goToNext(): void {\n    if (!this.canGoNext()) {\n      return;\n    }\n    this.goToPage(this.zPageIndex() + 1);\n  }\n\n  protected onPageSizeChange(size: unknown): void {\n    const sizeValue =\n      typeof size === 'object' && size !== null && 'value' in size\n        ? (size as { value: number }).value\n        : (size as number);\n    if (!Number.isFinite(sizeValue) || sizeValue <= 0) {\n      return;\n    }\n\n    this.zPageSize.set(sizeValue);\n    this.zPageIndex.set(1);\n    this._emitChange();\n  }\n\n  protected onQuickJump(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const page = parseInt(input.value, 10);\n\n    if (isNaN(page) || page < 1 || page > this.totalPages()) {\n      input.value = String(this.zPageIndex());\n      return;\n    }\n\n    this.goToPage(page);\n  }\n\n  private _emitChange(): void {\n    this.zOnPageChange.emit({\n      pageIndex: this.zPageIndex(),\n      pageSize: this.zPageSize(),\n    });\n  }\n}\n","@if (zShowTotal()) {\n  <span class=\"text-muted-foreground text-sm whitespace-nowrap\">{{ totalLabelText() }}</span>\n}\n\n@if (!zSimple()) {\n  <!-- Page Size Selector -->\n  @if (zShowSizeChanger()) {\n    <z-select\n      class=\"w-fit\"\n      zSize=\"sm\"\n      [zOptions]=\"pageSizeOptions()\"\n      [ngModel]=\"zPageSize()\"\n      (ngModelChange)=\"onPageSizeChange($event)\"\n      [zDisabled]=\"zDisabled()\"\n      [zShowSearch]=\"false\" />\n  }\n\n  <z-button-group class=\"z-pagination-pages\">\n    <!-- Prev Button -->\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoPrev() || zDisabled()\" (click)=\"goToPrev()\">\n      <z-icon zType=\"lucideChevronLeft\" zSize=\"16\" />\n    </z-button>\n\n    <!-- Page Numbers -->\n    @for (page of visiblePages(); track $index) {\n      @if (page === 'ellipsis') {\n        <span\n          class=\"z-pagination-ellipsis text-muted-foreground border-input flex h-8 w-8 items-center justify-center border-y border-r bg-transparent text-sm\">\n          ...\n        </span>\n      } @else {\n        <z-button\n          zType=\"outline\"\n          [zWave]=\"false\"\n          zSize=\"sm\"\n          [class]=\"\n            page === zPageIndex() ? 'relative min-w-8 overflow-hidden !bg-transparent hover:!bg-transparent' : 'min-w-8'\n          \"\n          [zDisabled]=\"zDisabled()\"\n          (click)=\"goToPage(page)\">\n          @if (page === zPageIndex()) {\n            <span class=\"bg-primary pointer-events-none absolute inset-[1px] rounded-[1px]\"></span>\n          }\n          <span [class]=\"page === zPageIndex() ? 'text-primary-foreground relative z-[1]' : ''\">{{ page }}</span>\n        </z-button>\n      }\n    }\n\n    <!-- Next Button -->\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoNext() || zDisabled()\" (click)=\"goToNext()\">\n      <z-icon zType=\"lucideChevronRight\" zSize=\"16\" />\n    </z-button>\n  </z-button-group>\n\n  <!-- Quick Jumper -->\n  @if (zShowQuickJumper()) {\n    <div class=\"flex items-center gap-2 text-sm\">\n      <span class=\"text-muted-foreground whitespace-nowrap\">{{ goToLabelText() }}</span>\n      <z-input\n        zType=\"number\"\n        zSize=\"sm\"\n        class=\"w-14\"\n        [ngModel]=\"zPageIndex()\"\n        [zMin]=\"1\"\n        [zMax]=\"totalPages()\"\n        [zDisabled]=\"zDisabled()\"\n        (keydown.enter)=\"onQuickJump($event)\"\n        (blur)=\"onQuickJump($event)\" />\n    </div>\n  }\n} @else {\n  <!-- Simple Mode -->\n  <z-button-group>\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoPrev() || zDisabled()\" (click)=\"goToPrev()\">\n      <z-icon zType=\"lucideChevronLeft\" zSize=\"16\" />\n      <span class=\"ml-1\">{{ 'i18n_z_ui_pagination_previous' | translate }}</span>\n    </z-button>\n\n    <span class=\"text-muted-foreground border-input flex h-8 items-center border-y bg-transparent px-3 text-sm\">\n      {{ zPageIndex() }} / {{ totalPages() }}\n    </span>\n\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoNext() || zDisabled()\" (click)=\"goToNext()\">\n      <span class=\"mr-1\">{{ 'i18n_z_ui_pagination_next' | translate }}</span>\n      <z-icon zType=\"lucideChevronRight\" zSize=\"16\" />\n    </z-button>\n  </z-button-group>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shival99-z-ui-components-z-pagination.mjs","sources":["../../../../libs/core-ui/components/z-pagination/z-pagination.component.ts","../../../../libs/core-ui/components/z-pagination/z-pagination.component.html","../../../../libs/core-ui/components/z-pagination/shival99-z-ui-components-z-pagination.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, model, output } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { ZButtonComponent } from '@shival99/z-ui/components/z-button';\nimport { ZButtonGroupComponent } from '@shival99/z-ui/components/z-button-group';\nimport { ZIconComponent } from '@shival99/z-ui/components/z-icon';\nimport { ZInputComponent } from '@shival99/z-ui/components/z-input';\nimport { ZSelectComponent } from '@shival99/z-ui/components/z-select';\nimport { ZTranslateService } from '@shival99/z-ui/services';\nimport type { ZPageChangeEvent, ZPaginationSize } from './z-pagination.types';\n\n@Component({\n  selector: 'z-pagination',\n  imports: [\n    FormsModule,\n    ZButtonComponent,\n    ZButtonGroupComponent,\n    ZIconComponent,\n    ZInputComponent,\n    ZSelectComponent,\n    TranslatePipe,\n  ],\n  standalone: true,\n  templateUrl: './z-pagination.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'z-pagination flex items-center gap-2',\n  },\n})\nexport class ZPaginationComponent {\n  private readonly _zTranslate = inject(ZTranslateService);\n\n  public readonly zOnPageChange = output<ZPageChangeEvent>();\n\n  public readonly zPageIndex = model<number>(1);\n  public readonly zPageSize = model<number>(10);\n  public readonly zTotal = input.required<number>();\n  public readonly zPageSizeOptions = input<number[]>([10, 20, 50, 100]);\n  public readonly zShowSizeChanger = input<boolean>(true);\n  public readonly zShowQuickJumper = input<boolean>(false);\n  public readonly zShowTotal = input<boolean>(true);\n  public readonly zSimple = input<boolean>(false);\n  public readonly zSize = input<ZPaginationSize>('default');\n  public readonly zDisabled = input<boolean>(false);\n\n  public readonly zTotalLabel = input<string | null>(null);\n  public readonly zPerPageLabel = input<string | null>(null);\n  public readonly zGoToLabel = input<string | null>(null);\n\n  protected readonly totalLabelText = computed(() => {\n    this._zTranslate.currentLang();\n    if (this.zTotalLabel()) {\n      return this.zTotalLabel()!.replace('{{total}}', String(this.zTotal()));\n    }\n    return this._zTranslate.instant('i18n_z_ui_pagination_total_label', { total: this.zTotal() });\n  });\n\n  protected readonly perPageLabelText = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zPerPageLabel() ?? this._zTranslate.instant('i18n_z_ui_pagination_per_page');\n  });\n\n  protected readonly goToLabelText = computed(() => {\n    this._zTranslate.currentLang();\n    return this.zGoToLabel() ?? this._zTranslate.instant('i18n_z_ui_pagination_go_to');\n  });\n\n  protected readonly totalPages = computed(() => {\n    const total = this.zTotal();\n    const pageSize = this.zPageSize();\n    return Math.max(1, Math.ceil(total / pageSize));\n  });\n\n  protected readonly pageSizeOptions = computed(() =>\n    this.zPageSizeOptions().map(size => ({\n      label: `${size} ${this.perPageLabelText()}`,\n      value: size,\n    }))\n  );\n\n  protected readonly visiblePages = computed(() => {\n    const current = this.zPageIndex();\n    const total = this.totalPages();\n    const pages: (number | 'ellipsis')[] = [];\n    const maxVisible = 5;\n\n    if (total <= maxVisible) {\n      for (let i = 1; i <= total; i++) {\n        pages.push(i);\n      }\n      return pages;\n    }\n\n    pages.push(1);\n\n    let startPage = Math.max(2, current - 1);\n    let endPage = Math.min(total - 1, current + 1);\n\n    if (current <= 3) {\n      endPage = Math.min(total - 1, 3);\n    } else if (current >= total - 2) {\n      startPage = Math.max(2, total - 2);\n    }\n\n    if (startPage > 2) {\n      pages.push('ellipsis');\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pages.push(i);\n    }\n\n    if (endPage < total - 1) {\n      pages.push('ellipsis');\n    }\n\n    pages.push(total);\n\n    return pages;\n  });\n\n  protected readonly canGoPrev = computed(() => this.zPageIndex() > 1);\n  protected readonly canGoNext = computed(() => this.zPageIndex() < this.totalPages());\n\n  protected goToPage(page: number): void {\n    if (page < 1 || page > this.totalPages()) {\n      return;\n    }\n    if (page === this.zPageIndex()) {\n      return;\n    }\n\n    this.zPageIndex.set(page);\n    this._emitChange();\n  }\n\n  protected goToPrev(): void {\n    if (!this.canGoPrev()) {\n      return;\n    }\n    this.goToPage(this.zPageIndex() - 1);\n  }\n\n  protected goToNext(): void {\n    if (!this.canGoNext()) {\n      return;\n    }\n    this.goToPage(this.zPageIndex() + 1);\n  }\n\n  protected onPageSizeChange(size: unknown): void {\n    const sizeValue =\n      typeof size === 'object' && size !== null && 'value' in size\n        ? (size as { value: number }).value\n        : (size as number);\n    if (!Number.isFinite(sizeValue) || sizeValue <= 0) {\n      return;\n    }\n\n    this.zPageSize.set(sizeValue);\n    this.zPageIndex.set(1);\n    this._emitChange();\n  }\n\n  protected onQuickJump(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const page = parseInt(input.value, 10);\n\n    if (isNaN(page) || page < 1 || page > this.totalPages()) {\n      input.value = String(this.zPageIndex());\n      return;\n    }\n\n    this.goToPage(page);\n  }\n\n  private _emitChange(): void {\n    this.zOnPageChange.emit({\n      pageIndex: this.zPageIndex(),\n      pageSize: this.zPageSize(),\n    });\n  }\n}\n","@if (zShowTotal()) {\n  <span class=\"text-muted-foreground text-sm whitespace-nowrap\">{{ totalLabelText() }}</span>\n}\n\n@if (!zSimple()) {\n  <!-- Page Size Selector -->\n  @if (zShowSizeChanger()) {\n    <z-select\n      class=\"w-fit\"\n      zSize=\"sm\"\n      [zOptions]=\"pageSizeOptions()\"\n      [ngModel]=\"zPageSize()\"\n      (ngModelChange)=\"onPageSizeChange($event)\"\n      [zDisabled]=\"zDisabled()\"\n      [zShowSearch]=\"false\" />\n  }\n\n  <z-button-group class=\"z-pagination-pages\">\n    <!-- Prev Button -->\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoPrev() || zDisabled()\" (click)=\"goToPrev()\">\n      <z-icon zType=\"lucideChevronLeft\" zSize=\"16\" />\n    </z-button>\n\n    <!-- Page Numbers -->\n    @for (page of visiblePages(); track $index) {\n      @if (page === 'ellipsis') {\n        <span\n          class=\"z-pagination-ellipsis text-muted-foreground border-input flex h-8 w-8 items-center justify-center border-y border-r bg-transparent text-sm\">\n          ...\n        </span>\n      } @else {\n        <z-button\n          zType=\"outline\"\n          [zWave]=\"false\"\n          zSize=\"sm\"\n          [class]=\"\n            page === zPageIndex() ? 'relative min-w-8 overflow-hidden !bg-transparent hover:!bg-transparent' : 'min-w-8'\n          \"\n          [zDisabled]=\"zDisabled()\"\n          (click)=\"goToPage(page)\">\n          @if (page === zPageIndex()) {\n            <span class=\"bg-primary pointer-events-none absolute inset-[1px] rounded-[1px]\"></span>\n          }\n          <span [class]=\"page === zPageIndex() ? 'text-primary-foreground relative z-[1]' : ''\">{{ page }}</span>\n        </z-button>\n      }\n    }\n\n    <!-- Next Button -->\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoNext() || zDisabled()\" (click)=\"goToNext()\">\n      <z-icon zType=\"lucideChevronRight\" zSize=\"16\" />\n    </z-button>\n  </z-button-group>\n\n  <!-- Quick Jumper -->\n  @if (zShowQuickJumper()) {\n    <div class=\"flex items-center gap-2 text-sm\">\n      <span class=\"text-muted-foreground whitespace-nowrap\">{{ goToLabelText() }}</span>\n      <z-input\n        zType=\"number\"\n        zSize=\"sm\"\n        class=\"w-14\"\n        [ngModel]=\"zPageIndex()\"\n        [zMin]=\"1\"\n        [zMax]=\"totalPages()\"\n        [zDisabled]=\"zDisabled()\"\n        (keydown.enter)=\"onQuickJump($event)\"\n        (blur)=\"onQuickJump($event)\" />\n    </div>\n  }\n} @else {\n  <!-- Simple Mode -->\n  <z-button-group>\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoPrev() || zDisabled()\" (click)=\"goToPrev()\">\n      <z-icon zType=\"lucideChevronLeft\" zSize=\"16\" />\n      <span class=\"ml-1\">{{ 'i18n_z_ui_pagination_previous' | translate }}</span>\n    </z-button>\n\n    <span class=\"text-muted-foreground border-input flex h-8 items-center border-y bg-transparent px-3 text-sm\">\n      {{ zPageIndex() }} / {{ totalPages() }}\n    </span>\n\n    <z-button zType=\"outline\" zSize=\"sm\" [zDisabled]=\"!canGoNext() || zDisabled()\" (click)=\"goToNext()\">\n      <span class=\"mr-1\">{{ 'i18n_z_ui_pagination_next' | translate }}</span>\n      <z-icon zType=\"lucideChevronRight\" zSize=\"16\" />\n    </z-button>\n  </z-button-group>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/shival99-z-ui-components-z-popover.mjs

@@ -83,27 +83,38 @@ const zPopoverArrowVariants = cva('absolute z-0 size-5 rotate-45 rounded-[0.1875
 });
 
 class ZPopoverContentComponent {
-    content = signal(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
-    position = signal('bottom', ...(ngDevMode ? [{ debugName: "position" }] : []));
-    popoverClass = signal('', ...(ngDevMode ? [{ debugName: "popoverClass" }] : []));
-    state = signal('open', ...(ngDevMode ? [{ debugName: "state" }] : []));
-    closeHandler = signal(() => { }, ...(ngDevMode ? [{ debugName: "closeHandler" }] : []));
-    showArrow = signal(false, ...(ngDevMode ? [{ debugName: "showArrow" }] : []));
-    arrowOffset = signal(0, ...(ngDevMode ? [{ debugName: "arrowOffset" }] : []));
+    content = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    position = signal('bottom', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    popoverClass = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "popoverClass" }] : /* istanbul ignore next */ []));
+    state = signal('open', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    closeHandler = signal(() => { }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeHandler" }] : /* istanbul ignore next */ []));
+    showArrow = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showArrow" }] : /* istanbul ignore next */ []));
+    arrowOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrowOffset" }] : /* istanbul ignore next */ []));
     context = computed(() => ({
         close: this.closeHandler(),
-    }), ...(ngDevMode ? [{ debugName: "context" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
         const baseClasses = zPopoverVariants({
             zPosition: this.position(),
         });
         const exitClasses = this.state() === 'closed' ? zPopoverExitVariants({ zPosition: this.position() }) : '';
         return zMergeClasses(baseClasses, exitClasses, this.popoverClass());
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
-    contentClasses = computed(() => zMergeClasses(zPopoverContentVariants({})), ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    contentClasses = computed(() => zMergeClasses(zPopoverContentVariants({})), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
     arrowClasses = computed(() => zMergeClasses(zPopoverArrowVariants({
         position: this.position(),
-    })), ...(ngDevMode ? [{ debugName: "arrowClasses" }] : []));
+    })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrowClasses" }] : /* istanbul ignore next */ []));
     arrowStyle = computed(() => {
         const pos = this.position();
         const offset = this.arrowOffset();
@@ -125,7 +136,8 @@ class ZPopoverContentComponent {
             };
         }
         return {};
-    }, ...(ngDevMode ? [{ debugName: "arrowStyle" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrowStyle" }] : /* istanbul ignore next */ []));
     setProps(config) {
         this.content.set(config.content);
         this.position.set(config.position);
@@ -139,8 +151,8 @@ class ZPopoverContentComponent {
             this.showArrow.set(config.showArrow);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZPopoverContentComponent, isStandalone: true, selector: "z-popover-content", host: { properties: { "class": "classes()", "attr.data-state": "state()", "attr.data-position": "position()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZPopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ZPopoverContentComponent, isStandalone: true, selector: "z-popover-content", host: { properties: { "class": "classes()", "attr.data-state": "state()", "attr.data-position": "position()" } }, ngImport: i0, template: `
     <!-- Arrow layer - rotated square, partial border -->
     @if (showArrow()) {
       <div [class]="arrowClasses()" [style]="arrowStyle()"></div>
@@ -155,7 +167,7 @@ class ZPopoverContentComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZPopoverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'z-popover-content',
@@ -446,25 +458,33 @@ class ZPopoverComponent {
     _document = inject(DOCUMENT);
     _overlayContainerService = inject(ZOverlayContainerService);
     _zIndexService = inject(ZOverlayZIndexService);
-    _trigger = viewChild.required('trigger');
+    _trigger = viewChild.required('trigger', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trigger" }] : /* istanbul ignore next */ []));
     zShow = output();
     zHide = output();
     zControl = output();
     zOutsideClick = output();
-    zContent = input(null, ...(ngDevMode ? [{ debugName: "zContent" }] : []));
-    zPosition = input('bottom', ...(ngDevMode ? [{ debugName: "zPosition" }] : []));
-    zTrigger = input('click', ...(ngDevMode ? [{ debugName: "zTrigger" }] : []));
-    zClass = input('', ...(ngDevMode ? [{ debugName: "zClass" }] : []));
-    zShowDelay = input(0, ...(ngDevMode ? [{ debugName: "zShowDelay" }] : []));
-    zHideDelay = input(0, ...(ngDevMode ? [{ debugName: "zHideDelay" }] : []));
-    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : {}), transform: zTransform });
-    zOffset = input(8, ...(ngDevMode ? [{ debugName: "zOffset" }] : []));
-    zManualClose = input(false, { ...(ngDevMode ? { debugName: "zManualClose" } : {}), transform: zTransform });
-    zOutsideClickClose = input(false, { ...(ngDevMode ? { debugName: "zOutsideClickClose" } : {}), transform: zTransform });
-    zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : {}), transform: zTransform });
-    zSticky = input(false, { ...(ngDevMode ? { debugName: "zSticky" } : {}), transform: zTransform });
-    zShowArrow = input(false, { ...(ngDevMode ? { debugName: "zShowArrow" } : {}), transform: zTransform });
-    zKeyboardSafe = input(false, { ...(ngDevMode ? { debugName: "zKeyboardSafe" } : {}), transform: zTransform });
+    zContent = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zContent" }] : /* istanbul ignore next */ []));
+    zPosition = input('bottom', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zPosition" }] : /* istanbul ignore next */ []));
+    zTrigger = input('click', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTrigger" }] : /* istanbul ignore next */ []));
+    zClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClass" }] : /* istanbul ignore next */ []));
+    zShowDelay = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zShowDelay" }] : /* istanbul ignore next */ []));
+    zHideDelay = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zHideDelay" }] : /* istanbul ignore next */ []));
+    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zOffset = input(8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zOffset" }] : /* istanbul ignore next */ []));
+    zManualClose = input(false, { ...(ngDevMode ? { debugName: "zManualClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zOutsideClickClose = input(false, { ...(ngDevMode ? { debugName: "zOutsideClickClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zSticky = input(false, { ...(ngDevMode ? { debugName: "zSticky" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zShowArrow = input(false, { ...(ngDevMode ? { debugName: "zShowArrow" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zKeyboardSafe = input(false, { ...(ngDevMode ? { debugName: "zKeyboardSafe" } : /* istanbul ignore next */ {}), transform: zTransform });
     _overlayRef = null;
     _componentRef = null;
     _delaySubject = new Subject();
@@ -477,7 +497,8 @@ class ZPopoverComponent {
     _viewportResizeTimeouts = [];
     _positionFrame = null;
     _viewportSettlingUntil = 0;
-    _isVisible = signal(false, ...(ngDevMode ? [{ debugName: "_isVisible" }] : []));
+    _isVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isVisible" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         if (!isPlatformBrowser(this._platformId)) {
             return;
@@ -920,14 +941,14 @@ class ZPopoverComponent {
         this._listenerCleanups.forEach(cleanup => cleanup());
         this._listenerCleanups = [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: ZPopoverComponent, isStandalone: true, selector: "z-popover", inputs: { zContent: { classPropertyName: "zContent", publicName: "zContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zOutsideClickClose: { classPropertyName: "zOutsideClickClose", publicName: "zOutsideClickClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zSticky: { classPropertyName: "zSticky", publicName: "zSticky", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null }, zKeyboardSafe: { classPropertyName: "zKeyboardSafe", publicName: "zKeyboardSafe", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zControl: "zControl", zOutsideClick: "zOutsideClick" }, host: { classAttribute: "inline-block" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: ZPopoverComponent, isStandalone: true, selector: "z-popover", inputs: { zContent: { classPropertyName: "zContent", publicName: "zContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zOutsideClickClose: { classPropertyName: "zOutsideClickClose", publicName: "zOutsideClickClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zSticky: { classPropertyName: "zSticky", publicName: "zSticky", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null }, zKeyboardSafe: { classPropertyName: "zKeyboardSafe", publicName: "zKeyboardSafe", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zControl: "zControl", zOutsideClick: "zOutsideClick" }, host: { classAttribute: "inline-block" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <span #trigger class="z-popover-trigger inline-block">
       <ng-content />
     </span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZPopoverComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'z-popover',
@@ -946,30 +967,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 
 class ZPopoverDirective {
     static _openPopovers = new Set();
-    zContent = input(null, { ...(ngDevMode ? { debugName: "zContent" } : {}), alias: 'zPopoverContent' });
-    zPosition = input('bottom', ...(ngDevMode ? [{ debugName: "zPosition" }] : []));
-    zTrigger = input('click', ...(ngDevMode ? [{ debugName: "zTrigger" }] : []));
-    zPopoverTrigger = input(...(ngDevMode ? [undefined, { debugName: "zPopoverTrigger" }] : []));
-    zClass = input('', ...(ngDevMode ? [{ debugName: "zClass" }] : []));
-    zShowDelay = input(0, ...(ngDevMode ? [{ debugName: "zShowDelay" }] : []));
-    zHideDelay = input(0, ...(ngDevMode ? [{ debugName: "zHideDelay" }] : []));
-    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : {}), transform: zTransform });
-    zOffset = input(8, ...(ngDevMode ? [{ debugName: "zOffset" }] : []));
-    zPopoverWidth = input('auto', ...(ngDevMode ? [{ debugName: "zPopoverWidth" }] : []));
-    zTriggerRef = input(null, ...(ngDevMode ? [{ debugName: "zTriggerRef" }] : []));
-    zManualClose = input(false, { ...(ngDevMode ? { debugName: "zManualClose" } : {}), transform: zTransform });
-    zOutsideClickClose = input(false, { ...(ngDevMode ? { debugName: "zOutsideClickClose" } : {}), transform: zTransform });
-    zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : {}), transform: zTransform });
-    zSticky = input(false, { ...(ngDevMode ? { debugName: "zSticky" } : {}), transform: zTransform });
-    zShowArrow = input(false, { ...(ngDevMode ? { debugName: "zShowArrow" } : {}), transform: zTransform });
-    zKeyboardSafe = input(false, { ...(ngDevMode ? { debugName: "zKeyboardSafe" } : {}), transform: zTransform });
+    zContent = input(null, { ...(ngDevMode ? { debugName: "zContent" } : /* istanbul ignore next */ {}), alias: 'zPopoverContent' });
+    zPosition = input('bottom', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zPosition" }] : /* istanbul ignore next */ []));
+    zTrigger = input('click', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTrigger" }] : /* istanbul ignore next */ []));
+    zPopoverTrigger = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zPopoverTrigger" }] : /* istanbul ignore next */ []));
+    zClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClass" }] : /* istanbul ignore next */ []));
+    zShowDelay = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zShowDelay" }] : /* istanbul ignore next */ []));
+    zHideDelay = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zHideDelay" }] : /* istanbul ignore next */ []));
+    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zOffset = input(8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zOffset" }] : /* istanbul ignore next */ []));
+    zPopoverWidth = input('auto', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zPopoverWidth" }] : /* istanbul ignore next */ []));
+    zTriggerRef = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTriggerRef" }] : /* istanbul ignore next */ []));
+    zManualClose = input(false, { ...(ngDevMode ? { debugName: "zManualClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zOutsideClickClose = input(false, { ...(ngDevMode ? { debugName: "zOutsideClickClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zSticky = input(false, { ...(ngDevMode ? { debugName: "zSticky" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zShowArrow = input(false, { ...(ngDevMode ? { debugName: "zShowArrow" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zKeyboardSafe = input(false, { ...(ngDevMode ? { debugName: "zKeyboardSafe" } : /* istanbul ignore next */ {}), transform: zTransform });
     zShow = output();
     zHide = output();
     zHideStart = output();
     zControl = output();
     zPositionChange = output();
     zOutsideClick = output();
-    _trigger = computed(() => this.zPopoverTrigger() ?? this.zTrigger(), ...(ngDevMode ? [{ debugName: "_trigger" }] : []));
+    _trigger = computed(() => this.zPopoverTrigger() ?? this.zTrigger(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trigger" }] : /* istanbul ignore next */ []));
     _overlay = inject(Overlay);
     _overlayPositionBuilder = inject(OverlayPositionBuilder);
     _elementRef = inject((ElementRef));
@@ -991,8 +1022,10 @@ class ZPopoverDirective {
     _viewportResizeTimeouts = [];
     _positionFrame = null;
     _viewportSettlingUntil = 0;
-    _isDestroyed = signal(false, ...(ngDevMode ? [{ debugName: "_isDestroyed" }] : []));
-    _isVisible = signal(false, ...(ngDevMode ? [{ debugName: "_isVisible" }] : []));
+    _isDestroyed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isDestroyed" }] : /* istanbul ignore next */ []));
+    _isVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isVisible" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         if (!isPlatformBrowser(this._platformId)) {
             return;
@@ -1512,10 +1545,10 @@ class ZPopoverDirective {
         this._listenerCleanups.forEach(cleanup => cleanup());
         this._listenerCleanups = [];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ZPopoverDirective, isStandalone: true, selector: "[z-popover]", inputs: { zContent: { classPropertyName: "zContent", publicName: "zPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zPopoverTrigger: { classPropertyName: "zPopoverTrigger", publicName: "zPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zPopoverWidth: { classPropertyName: "zPopoverWidth", publicName: "zPopoverWidth", isSignal: true, isRequired: false, transformFunction: null }, zTriggerRef: { classPropertyName: "zTriggerRef", publicName: "zTriggerRef", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zOutsideClickClose: { classPropertyName: "zOutsideClickClose", publicName: "zOutsideClickClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zSticky: { classPropertyName: "zSticky", publicName: "zSticky", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null }, zKeyboardSafe: { classPropertyName: "zKeyboardSafe", publicName: "zKeyboardSafe", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zHideStart: "zHideStart", zControl: "zControl", zPositionChange: "zPositionChange", zOutsideClick: "zOutsideClick" }, exportAs: ["zPopover"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ZPopoverDirective, isStandalone: true, selector: "[z-popover]", inputs: { zContent: { classPropertyName: "zContent", publicName: "zPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zPopoverTrigger: { classPropertyName: "zPopoverTrigger", publicName: "zPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zPopoverWidth: { classPropertyName: "zPopoverWidth", publicName: "zPopoverWidth", isSignal: true, isRequired: false, transformFunction: null }, zTriggerRef: { classPropertyName: "zTriggerRef", publicName: "zTriggerRef", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zOutsideClickClose: { classPropertyName: "zOutsideClickClose", publicName: "zOutsideClickClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zSticky: { classPropertyName: "zSticky", publicName: "zSticky", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null }, zKeyboardSafe: { classPropertyName: "zKeyboardSafe", publicName: "zKeyboardSafe", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zHideStart: "zHideStart", zControl: "zControl", zPositionChange: "zPositionChange", zOutsideClick: "zOutsideClick" }, exportAs: ["zPopover"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZPopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[z-popover]',