@shival99/z-ui 2.1.28 → 2.1.29

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

@@ -1,158 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, output, model, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import { TranslatePipe } from '@ngx-translate/core';
-import { ZButtonComponent } from '@shival99/z-ui/components/z-button';
-import { ZButtonGroupComponent } from '@shival99/z-ui/components/z-button-group';
-import { ZIconComponent } from '@shival99/z-ui/components/z-icon';
-import { ZInputComponent } from '@shival99/z-ui/components/z-input';
-import { ZSelectComponent } from '@shival99/z-ui/components/z-select';
-import { ZTranslateService } from '@shival99/z-ui/services';
-
-class ZPaginationComponent {
-    _zTranslate = inject(ZTranslateService);
-    zOnPageChange = output();
-    zPageIndex = model(1, ...(ngDevMode ? [{ debugName: "zPageIndex" }] : []));
-    zPageSize = model(10, ...(ngDevMode ? [{ debugName: "zPageSize" }] : []));
-    zTotal = input.required(...(ngDevMode ? [{ debugName: "zTotal" }] : []));
-    zPageSizeOptions = input([10, 20, 50, 100], ...(ngDevMode ? [{ debugName: "zPageSizeOptions" }] : []));
-    zShowSizeChanger = input(true, ...(ngDevMode ? [{ debugName: "zShowSizeChanger" }] : []));
-    zShowQuickJumper = input(false, ...(ngDevMode ? [{ debugName: "zShowQuickJumper" }] : []));
-    zShowTotal = input(true, ...(ngDevMode ? [{ debugName: "zShowTotal" }] : []));
-    zSimple = input(false, ...(ngDevMode ? [{ debugName: "zSimple" }] : []));
-    zSize = input('default', ...(ngDevMode ? [{ debugName: "zSize" }] : []));
-    zDisabled = input(false, ...(ngDevMode ? [{ debugName: "zDisabled" }] : []));
-    zTotalLabel = input(null, ...(ngDevMode ? [{ debugName: "zTotalLabel" }] : []));
-    zPerPageLabel = input(null, ...(ngDevMode ? [{ debugName: "zPerPageLabel" }] : []));
-    zGoToLabel = input(null, ...(ngDevMode ? [{ debugName: "zGoToLabel" }] : []));
-    totalLabelText = computed(() => {
-        this._zTranslate.currentLang();
-        if (this.zTotalLabel()) {
-            return this.zTotalLabel().replace('{{total}}', String(this.zTotal()));
-        }
-        return this._zTranslate.instant('i18n_z_ui_pagination_total_label', { total: this.zTotal() });
-    }, ...(ngDevMode ? [{ debugName: "totalLabelText" }] : []));
-    perPageLabelText = computed(() => {
-        this._zTranslate.currentLang();
-        return this.zPerPageLabel() ?? this._zTranslate.instant('i18n_z_ui_pagination_per_page');
-    }, ...(ngDevMode ? [{ debugName: "perPageLabelText" }] : []));
-    goToLabelText = computed(() => {
-        this._zTranslate.currentLang();
-        return this.zGoToLabel() ?? this._zTranslate.instant('i18n_z_ui_pagination_go_to');
-    }, ...(ngDevMode ? [{ debugName: "goToLabelText" }] : []));
-    totalPages = computed(() => {
-        const total = this.zTotal();
-        const pageSize = this.zPageSize();
-        return Math.max(1, Math.ceil(total / pageSize));
-    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
-    pageSizeOptions = computed(() => this.zPageSizeOptions().map(size => ({
-        label: `${size} ${this.perPageLabelText()}`,
-        value: size,
-    })), ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
-    visiblePages = computed(() => {
-        const current = this.zPageIndex();
-        const total = this.totalPages();
-        const pages = [];
-        const maxVisible = 5;
-        if (total <= maxVisible) {
-            for (let i = 1; i <= total; i++) {
-                pages.push(i);
-            }
-            return pages;
-        }
-        pages.push(1);
-        let startPage = Math.max(2, current - 1);
-        let endPage = Math.min(total - 1, current + 1);
-        if (current <= 3) {
-            endPage = Math.min(total - 1, 3);
-        }
-        else if (current >= total - 2) {
-            startPage = Math.max(2, total - 2);
-        }
-        if (startPage > 2) {
-            pages.push('ellipsis');
-        }
-        for (let i = startPage; i <= endPage; i++) {
-            pages.push(i);
-        }
-        if (endPage < total - 1) {
-            pages.push('ellipsis');
-        }
-        pages.push(total);
-        return pages;
-    }, ...(ngDevMode ? [{ debugName: "visiblePages" }] : []));
-    canGoPrev = computed(() => this.zPageIndex() > 1, ...(ngDevMode ? [{ debugName: "canGoPrev" }] : []));
-    canGoNext = computed(() => this.zPageIndex() < this.totalPages(), ...(ngDevMode ? [{ debugName: "canGoNext" }] : []));
-    goToPage(page) {
-        if (page < 1 || page > this.totalPages()) {
-            return;
-        }
-        if (page === this.zPageIndex()) {
-            return;
-        }
-        this.zPageIndex.set(page);
-        this._emitChange();
-    }
-    goToPrev() {
-        if (!this.canGoPrev()) {
-            return;
-        }
-        this.goToPage(this.zPageIndex() - 1);
-    }
-    goToNext() {
-        if (!this.canGoNext()) {
-            return;
-        }
-        this.goToPage(this.zPageIndex() + 1);
-    }
-    onPageSizeChange(size) {
-        const sizeValue = typeof size === 'object' && size !== null && 'value' in size
-            ? size.value
-            : size;
-        if (!Number.isFinite(sizeValue) || sizeValue <= 0) {
-            return;
-        }
-        this.zPageSize.set(sizeValue);
-        this.zPageIndex.set(1);
-        this._emitChange();
-    }
-    onQuickJump(event) {
-        const input = event.target;
-        const page = parseInt(input.value, 10);
-        if (isNaN(page) || page < 1 || page > this.totalPages()) {
-            input.value = String(this.zPageIndex());
-            return;
-        }
-        this.goToPage(page);
-    }
-    _emitChange() {
-        this.zOnPageChange.emit({
-            pageIndex: this.zPageIndex(),
-            pageSize: this.zPageSize(),
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZPaginationComponent, isStandalone: true, selector: "z-pagination", inputs: { zPageIndex: { classPropertyName: "zPageIndex", publicName: "zPageIndex", isSignal: true, isRequired: false, transformFunction: null }, zPageSize: { classPropertyName: "zPageSize", publicName: "zPageSize", isSignal: true, isRequired: false, transformFunction: null }, zTotal: { classPropertyName: "zTotal", publicName: "zTotal", isSignal: true, isRequired: true, transformFunction: null }, zPageSizeOptions: { classPropertyName: "zPageSizeOptions", publicName: "zPageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, zShowSizeChanger: { classPropertyName: "zShowSizeChanger", publicName: "zShowSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, zShowQuickJumper: { classPropertyName: "zShowQuickJumper", publicName: "zShowQuickJumper", isSignal: true, isRequired: false, transformFunction: null }, zShowTotal: { classPropertyName: "zShowTotal", publicName: "zShowTotal", isSignal: true, isRequired: false, transformFunction: null }, zSimple: { classPropertyName: "zSimple", publicName: "zSimple", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zTotalLabel: { classPropertyName: "zTotalLabel", publicName: "zTotalLabel", isSignal: true, isRequired: false, transformFunction: null }, zPerPageLabel: { classPropertyName: "zPerPageLabel", publicName: "zPerPageLabel", isSignal: true, isRequired: false, transformFunction: null }, zGoToLabel: { classPropertyName: "zGoToLabel", publicName: "zGoToLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zOnPageChange: "zOnPageChange", zPageIndex: "zPageIndexChange", zPageSize: "zPageSizeChange" }, host: { classAttribute: "z-pagination flex items-center gap-2" }, ngImport: i0, template: "@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", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zAnimatedTypeIcon", "zAnimateIcon", "zAnimationTriggerIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "component", type: ZButtonGroupComponent, selector: "z-button-group", inputs: ["zClass", "zOrientation", "zActive"], outputs: ["zActiveChange", "zActiveIndexChange", "zActiveValueChange"], exportAs: ["zButtonGroup"] }, { kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "component", type: ZInputComponent, selector: "z-input", inputs: ["class", "zType", "zSize", "zAlign", "zLabel", "zLabelClass", "zPlaceholder", "zRequired", "zDisabled", "zReadonly", "zLoading", "zLoadingOutline", "zPrefix", "zSuffix", "zMin", "zMax", "zStep", "zShowArrows", "zMask", "zDecimalPlaces", "zAllowNegative", "zThousandSeparator", "zDecimalMarker", "zValidators", "zAsyncValidators", "zAsyncDebounce", "zAsyncValidateOn", "zShowPasswordToggle", "zSearch", "zDebounce", "zAutofocus", "zAutoComplete", "zAllowClear", "zAutoSizeContent", "zRows", "zResize", "zMaxLength", "zAutoSuggest", "zColorConfig"], outputs: ["zOnSearch", "zOnChange", "zOnBlur", "zOnFocus", "zOnKeydown", "zOnEnter", "zOnColorCollapse", "zControl", "zEvent"], exportAs: ["zInput"] }, { kind: "component", type: ZSelectComponent, selector: "z-select", inputs: ["class", "zClassSelect", "zMode", "zSize", "zLabel", "zLabelClass", "zPlaceholder", "zRequired", "zDisabled", "zReadonly", "zLoading", "zLoadingOutline", "zPrefix", "zAllowClear", "zShowCheck", "zWrap", "zShowSearch", "zPlaceholderSearch", "zDebounce", "zNotFoundText", "zEmptyText", "zEmptyIcon", "zMaxTagCount", "zDropdownMaxHeight", "zOptionHeight", "zVirtualScroll", "zDynamicSize", "zShowAction", "zOptions", "zConfig", "zTranslateLabels", "zKey", "zSearchServer", "zLoadingMore", "zEnableLoadMore", "zScrollDistance", "zMaxVisible", "zScrollClose", "zSticky", "zPosition", "zSelectedTemplate", "zOptionTemplate", "zActionTemplate", "zAsyncValidators", "zAsyncDebounce", "zAsyncValidateOn", "zValidators"], outputs: ["zOnSearch", "zOnLoadMore", "zOnBlur", "zOnFocus", "zControl", "zEvent"], exportAs: ["zSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'z-pagination', imports: [
-                        FormsModule,
-                        ZButtonComponent,
-                        ZButtonGroupComponent,
-                        ZIconComponent,
-                        ZInputComponent,
-                        ZSelectComponent,
-                        TranslatePipe,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'z-pagination flex items-center gap-2',
-                    }, template: "@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" }]
-        }], propDecorators: { zOnPageChange: [{ type: i0.Output, args: ["zOnPageChange"] }], zPageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPageIndex", required: false }] }, { type: i0.Output, args: ["zPageIndexChange"] }], zPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPageSize", required: false }] }, { type: i0.Output, args: ["zPageSizeChange"] }], zTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTotal", required: true }] }], zPageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPageSizeOptions", required: false }] }], zShowSizeChanger: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowSizeChanger", required: false }] }], zShowQuickJumper: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowQuickJumper", required: false }] }], zShowTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowTotal", required: false }] }], zSimple: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSimple", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zTotalLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTotalLabel", required: false }] }], zPerPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPerPageLabel", required: false }] }], zGoToLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zGoToLabel", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ZPaginationComponent };
-//# sourceMappingURL=shival99-z-ui-components-z-pagination.mjs.map

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

@@ -1 +0,0 @@
-{"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-qrcode.mjs

@@ -1,383 +0,0 @@
-import { isPlatformBrowser } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, viewChild, inject, PLATFORM_ID, signal, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { TranslatePipe } from '@ngx-translate/core';
-import { ZButtonComponent } from '@shival99/z-ui/components/z-button';
-import { zTransform } from '@shival99/z-ui/utils';
-import * as QRCode from 'qrcode';
-
-class ZQrCodeComponent {
-    // Inputs
-    zValue = input.required(...(ngDevMode ? [{ debugName: "zValue" }] : []));
-    zSize = input(256, ...(ngDevMode ? [{ debugName: "zSize" }] : []));
-    zLevel = input('H', ...(ngDevMode ? [{ debugName: "zLevel" }] : []));
-    zLogo = input('', ...(ngDevMode ? [{ debugName: "zLogo" }] : []));
-    zLogoSize = input(0.2, ...(ngDevMode ? [{ debugName: "zLogoSize" }] : [])); // 20% of QR size
-    zLogoBgColor = input('#ffffff', ...(ngDevMode ? [{ debugName: "zLogoBgColor" }] : []));
-    zLogoBgShape = input('circle', ...(ngDevMode ? [{ debugName: "zLogoBgShape" }] : []));
-    zLogoPadding = input(4, ...(ngDevMode ? [{ debugName: "zLogoPadding" }] : []));
-    zFgColor = input('#000000', ...(ngDevMode ? [{ debugName: "zFgColor" }] : []));
-    zBgColor = input('#ffffff', ...(ngDevMode ? [{ debugName: "zBgColor" }] : []));
-    zDotStyle = input('square', ...(ngDevMode ? [{ debugName: "zDotStyle" }] : []));
-    zEyeStyle = input('square', ...(ngDevMode ? [{ debugName: "zEyeStyle" }] : []));
-    zEyeColor = input('', ...(ngDevMode ? [{ debugName: "zEyeColor" }] : [])); // if empty, falls back to zFgColor
-    zMargin = input(4, ...(ngDevMode ? [{ debugName: "zMargin" }] : [])); // margin in modules
-    zFgGradient = input(...(ngDevMode ? [undefined, { debugName: "zFgGradient" }] : []));
-    zFrame = input('none', ...(ngDevMode ? [{ debugName: "zFrame" }] : []));
-    zFrameText = input('SCAN ME', ...(ngDevMode ? [{ debugName: "zFrameText" }] : []));
-    zFrameColor = input('#0f172a', ...(ngDevMode ? [{ debugName: "zFrameColor" }] : []));
-    zFramePadding = input(12, ...(ngDevMode ? [{ debugName: "zFramePadding" }] : [])); // padding around QR inside frame
-    zFrameBorderRadius = input(12, ...(ngDevMode ? [{ debugName: "zFrameBorderRadius" }] : [])); // border radius of the frame
-    zDownloadable = input(false, { ...(ngDevMode ? { debugName: "zDownloadable" } : {}), transform: zTransform }); // toggles hover overlay button
-    zDownloadButton = input(false, { ...(ngDevMode ? { debugName: "zDownloadButton" } : {}), transform: zTransform }); // toggles standalone button below
-    zShadow = input(true, { ...(ngDevMode ? { debugName: "zShadow" } : {}), transform: zTransform }); // Bật/tắt đổ bóng khung ngoài
-    zLoading = input(false, { ...(ngDevMode ? { debugName: "zLoading" } : {}), transform: zTransform });
-    // DOM references
-    _canvasRef = viewChild('qrCanvas', ...(ngDevMode ? [{ debugName: "_canvasRef" }] : []));
-    _platformId = inject(PLATFORM_ID);
-    // States
-    downloadText = signal('i18n_z_ui_qrcode_download', ...(ngDevMode ? [{ debugName: "downloadText" }] : []));
-    constructor() {
-        // Re-render when any signal inputs change
-        effect(() => {
-            if (isPlatformBrowser(this._platformId)) {
-                void this.renderQrCode();
-            }
-        });
-    }
-    /**
-     * Renders the stylized QR code onto the canvas element
-     */
-    async renderQrCode() {
-        const canvas = this._canvasRef()?.nativeElement;
-        if (!canvas) {
-            return;
-        }
-        const value = this.zValue();
-        const size = this.zSize();
-        const level = this.zLevel();
-        const fgColor = this.zFgColor();
-        const bgColor = this.zBgColor();
-        const dotStyle = this.zDotStyle();
-        const eyeStyle = this.zEyeStyle();
-        const eyeColorInput = this.zEyeColor();
-        const logoUrl = this.zLogo();
-        const frame = this.zFrame();
-        const dpr = isPlatformBrowser(this._platformId) ? window.devicePixelRatio || 1 : 1;
-        const framePadding = frame !== 'none' ? this.zFramePadding() : 0;
-        const frameBorderRadius = this.zFrameBorderRadius();
-        const bannerHeight = frame === 'text-bottom' || frame === 'text-top' ? 50 : 0;
-        const cssWidth = size + framePadding * 2;
-        const cssHeight = size + framePadding * 2 + bannerHeight;
-        canvas.width = cssWidth * dpr;
-        canvas.height = cssHeight * dpr;
-        const ctx = canvas.getContext('2d');
-        if (!ctx) {
-            return;
-        }
-        ctx.scale(dpr, dpr);
-        // Clear background
-        ctx.fillStyle = bgColor;
-        ctx.fillRect(0, 0, cssWidth, cssHeight);
-        if (frame !== 'none') {
-            // Draw rounded frame container
-            ctx.fillStyle = bgColor;
-            ctx.beginPath();
-            this._drawRoundedRectPath(ctx, 0, 0, cssWidth, cssHeight, frameBorderRadius);
-            ctx.fill();
-            // Draw border outline
-            ctx.strokeStyle = this.zFrameColor();
-            ctx.lineWidth = 1.5;
-            ctx.beginPath();
-            this._drawRoundedRectPath(ctx, 0.75, 0.75, cssWidth - 1.5, cssHeight - 1.5, frameBorderRadius);
-            ctx.stroke();
-        }
-        try {
-            // Create raw QR code matrix
-            const qr = QRCode.create(value, { errorCorrectionLevel: level });
-            const moduleCount = qr.modules.size;
-            const marginModules = this.zMargin();
-            const drawSize = size;
-            // Calculate module size
-            const moduleSize = drawSize / (moduleCount + 2 * marginModules);
-            const marginOffset = marginModules * moduleSize;
-            // Draw offsets
-            let xOffset = 0;
-            let yOffset = 0;
-            if (frame !== 'none') {
-                xOffset = framePadding;
-                yOffset = frame === 'text-top' ? framePadding + bannerHeight : framePadding;
-            }
-            // 1. Prepare foreground style (solid or gradient)
-            let fillStyle = fgColor;
-            const gradientOpt = this.zFgGradient();
-            if (gradientOpt && gradientOpt.colors && gradientOpt.colors.length > 0) {
-                fillStyle = this._getGradientStyle(ctx, gradientOpt, drawSize, xOffset, yOffset, marginOffset);
-            }
-            const eyeColor = eyeColorInput || fillStyle;
-            // 2. Draw normal modules (skip eyes and central logo)
-            ctx.fillStyle = fillStyle;
-            // Calculate logo skip boundary
-            const hasLogo = !!logoUrl;
-            const logoModules = Math.ceil(moduleCount * this.zLogoSize());
-            const logoStart = Math.floor((moduleCount - logoModules) / 2);
-            const logoEnd = logoStart + logoModules;
-            for (let r = 0; r < moduleCount; r++) {
-                for (let c = 0; c < moduleCount; c++) {
-                    // Check if it's top-left, top-right, or bottom-left eye
-                    const isTopLeftEye = r < 7 && c < 7;
-                    const isTopRightEye = r < 7 && c >= moduleCount - 7;
-                    const isBottomLeftEye = r >= moduleCount - 7 && c < 7;
-                    if (isTopLeftEye || isTopRightEye || isBottomLeftEye) {
-                        continue;
-                    }
-                    // Check if overlapping logo area
-                    if (hasLogo && r >= logoStart && r < logoEnd && c >= logoStart && c < logoEnd) {
-                        continue;
-                    }
-                    const isDark = qr.modules.get(r, c) === 1; // standard raw check
-                    if (!isDark) {
-                        continue;
-                    }
-                    const x = xOffset + marginOffset + c * moduleSize;
-                    const y = yOffset + marginOffset + r * moduleSize;
-                    this._drawDot(ctx, x, y, moduleSize, dotStyle);
-                }
-            }
-            // 3. Draw Eyes
-            const eyeCoords = [
-                { x: xOffset + marginOffset, y: yOffset + marginOffset }, // Top Left
-                { x: xOffset + marginOffset + (moduleCount - 7) * moduleSize, y: yOffset + marginOffset }, // Top Right
-                { x: xOffset + marginOffset, y: yOffset + marginOffset + (moduleCount - 7) * moduleSize }, // Bottom Left
-            ];
-            eyeCoords.forEach(coord => {
-                this._drawEye(ctx, coord.x, coord.y, moduleSize, eyeStyle, eyeColor);
-            });
-            // 4. Draw central logo if specified
-            if (hasLogo) {
-                await this._drawLogo(ctx, xOffset + marginOffset, yOffset, drawSize, logoUrl);
-            }
-            // 5. Draw Frame details
-            if (frame === 'text-bottom' || frame === 'text-top') {
-                const bannerY = frame === 'text-bottom' ? framePadding + size : framePadding;
-                this._drawFrame(ctx, cssWidth, bannerY, bannerHeight, this.zFrameText(), this.zFrameColor());
-            }
-        }
-        catch (err) {
-            console.error('Error generating QR code:', err);
-        }
-    }
-    /**
-     * Helper function to get gradient style fill (no else branches)
-     */
-    _getGradientStyle(ctx, gradientOpt, drawSize, xOffset, yOffset, marginOffset) {
-        if (gradientOpt.type === 'radial') {
-            const cx = drawSize / 2 + xOffset;
-            const cy = drawSize / 2 + yOffset;
-            const r = (drawSize / 2) * 1.2;
-            const grad = ctx.createRadialGradient(cx, cy, 0, cx, cy, r);
-            gradientOpt.colors.forEach((c, idx) => {
-                grad.addColorStop(idx / (gradientOpt.colors.length - 1), c);
-            });
-            return grad;
-        }
-        // Default to linear
-        const angle = gradientOpt.angle ?? 45;
-        const rad = (angle * Math.PI) / 180;
-        const x1 = Math.cos(rad) * 0;
-        const y1 = Math.sin(rad) * 0;
-        const x2 = Math.cos(rad) * drawSize + x1;
-        const y2 = Math.sin(rad) * drawSize + y1;
-        const grad = ctx.createLinearGradient(x1 + xOffset + marginOffset, y1 + yOffset + marginOffset, x2 + xOffset + marginOffset, y2 + yOffset + marginOffset);
-        gradientOpt.colors.forEach((c, idx) => {
-            grad.addColorStop(idx / (gradientOpt.colors.length - 1), c);
-        });
-        return grad;
-    }
-    /**
-     * Helper function to draw dynamic dot module style (no else branches)
-     */
-    _drawDot(ctx, x, y, moduleSize, dotStyle) {
-        ctx.beginPath();
-        if (dotStyle === 'dots') {
-            ctx.arc(x + moduleSize / 2, y + moduleSize / 2, (moduleSize / 2) * 0.95, 0, Math.PI * 2);
-            ctx.fill();
-            return;
-        }
-        if (dotStyle === 'rounded') {
-            this._drawRoundedRectPath(ctx, x + moduleSize * 0.05, y + moduleSize * 0.05, moduleSize * 0.9, moduleSize * 0.9, moduleSize * 0.3);
-            ctx.fill();
-            return;
-        }
-        // Default to square
-        ctx.fillRect(x, y, moduleSize, moduleSize);
-    }
-    /**
-     * Helper path function for rounded corners (no else branches)
-     */
-    _drawRoundedRectPath(ctx, x, y, w, h, r, counterClockwise = false) {
-        if (r > w / 2) {
-            r = w / 2;
-        }
-        if (r > h / 2) {
-            r = h / 2;
-        }
-        ctx.moveTo(x + r, y);
-        if (counterClockwise) {
-            ctx.lineTo(x + r, y);
-            ctx.arcTo(x, y, x, y + r, r);
-            ctx.lineTo(x, y + h - r);
-            ctx.arcTo(x, x + h, x + r, y + h, r);
-            ctx.lineTo(x + w - r, y + h);
-            ctx.arcTo(x + w, y + h, x + w, y + h - r, r);
-            ctx.lineTo(x + w, y + r);
-            ctx.arcTo(x + w, y, x + w - r, y, r);
-            ctx.closePath();
-            return;
-        }
-        ctx.lineTo(x + w - r, y);
-        ctx.arcTo(x + w, y, x + w, y + r, r);
-        ctx.lineTo(x + w, y + h - r);
-        ctx.arcTo(x + w, y + h, x + w - r, y + h, r);
-        ctx.lineTo(x + r, y + h);
-        ctx.arcTo(x, y + h, x, y + h - r, r);
-        ctx.lineTo(x, y + r);
-        ctx.arcTo(x, y, x + r, y, r);
-        ctx.closePath();
-    }
-    /**
-     * Draw eye pattern (no else branches)
-     */
-    _drawEye(ctx, x, y, moduleSize, style, color) {
-        ctx.save();
-        ctx.fillStyle = color;
-        const outerSize = 7 * moduleSize;
-        const innerSize = 3 * moduleSize;
-        const innerOffset = 2 * moduleSize;
-        if (style === 'circle') {
-            ctx.beginPath();
-            ctx.arc(x + outerSize / 2, y + outerSize / 2, outerSize / 2, 0, Math.PI * 2);
-            ctx.arc(x + outerSize / 2, y + outerSize / 2, outerSize / 2 - moduleSize, 0, Math.PI * 2, true);
-            ctx.fill();
-            ctx.beginPath();
-            ctx.arc(x + outerSize / 2, y + outerSize / 2, innerSize / 2, 0, Math.PI * 2);
-            ctx.fill();
-            ctx.restore();
-            return;
-        }
-        if (style === 'rounded') {
-            const outerRadius = 2 * moduleSize;
-            const innerRadius = moduleSize;
-            ctx.beginPath();
-            this._drawRoundedRectPath(ctx, x, y, outerSize, outerSize, outerRadius);
-            this._drawRoundedRectPath(ctx, x + moduleSize, y + moduleSize, outerSize - 2 * moduleSize, outerSize - 2 * moduleSize, outerRadius - moduleSize, true);
-            ctx.fill();
-            ctx.beginPath();
-            this._drawRoundedRectPath(ctx, x + innerOffset, y + innerOffset, innerSize, innerSize, innerRadius);
-            ctx.fill();
-            ctx.restore();
-            return;
-        }
-        // Default to square
-        ctx.fillRect(x, y, outerSize, outerSize);
-        ctx.clearRect(x + moduleSize, y + moduleSize, outerSize - 2 * moduleSize, outerSize - 2 * moduleSize);
-        ctx.fillRect(x + innerOffset, y + innerOffset, innerSize, innerSize);
-        ctx.restore();
-    }
-    /**
-     * Load and render the central logo on canvas (no else branches)
-     */
-    _drawLogo(ctx, marginOffset, yOffset, drawSize, logoUrl) {
-        return new Promise(resolve => {
-            const img = new Image();
-            img.crossOrigin = 'anonymous'; // prevent tainted canvas
-            img.src = logoUrl;
-            img.onload = () => {
-                const logoBoxSize = drawSize * this.zLogoSize();
-                const logoBoxX = marginOffset + (drawSize - 2 * marginOffset - logoBoxSize) / 2;
-                const logoBoxY = marginOffset + (drawSize - 2 * marginOffset - logoBoxSize) / 2 + yOffset;
-                ctx.save();
-                // 1. Draw logo mask background (circle or square)
-                const bgShape = this.zLogoBgShape();
-                if (bgShape === 'circle') {
-                    ctx.fillStyle = this.zLogoBgColor();
-                    ctx.beginPath();
-                    ctx.arc(logoBoxX + logoBoxSize / 2, logoBoxY + logoBoxSize / 2, logoBoxSize / 2, 0, Math.PI * 2);
-                    ctx.fill();
-                }
-                if (bgShape === 'square') {
-                    ctx.fillStyle = this.zLogoBgColor();
-                    ctx.beginPath();
-                    this._drawRoundedRectPath(ctx, logoBoxX, logoBoxY, logoBoxSize, logoBoxSize, logoBoxSize * 0.2);
-                    ctx.fill();
-                }
-                // 2. Draw logo image centered
-                const padding = this.zLogoPadding();
-                const logoImgSize = logoBoxSize - padding * 2;
-                const logoImgX = logoBoxX + padding;
-                const logoImgY = logoBoxY + padding;
-                if (bgShape === 'circle') {
-                    // Clip to circle so non-circle logos look neat
-                    ctx.beginPath();
-                    ctx.arc(logoBoxX + logoBoxSize / 2, logoBoxY + logoBoxSize / 2, logoImgSize / 2, 0, Math.PI * 2);
-                    ctx.clip();
-                }
-                ctx.drawImage(img, logoImgX, logoImgY, logoImgSize, logoImgSize);
-                ctx.restore();
-                resolve();
-            };
-            img.onerror = () => {
-                console.warn('Failed to load QR code logo from URL:', logoUrl);
-                resolve(); // resolve anyway to avoid blocking execution
-            };
-        });
-    }
-    _drawFrame(ctx, width, bannerY, bannerHeight, text, frameColor) {
-        ctx.save();
-        // Draw pill badge for standard frame aesthetic
-        ctx.fillStyle = frameColor;
-        const pillWidth = width * 0.75;
-        const pillHeight = 28;
-        const pillX = (width - pillWidth) / 2;
-        const pillY = bannerY + (bannerHeight - pillHeight) / 2;
-        ctx.beginPath();
-        this._drawRoundedRectPath(ctx, pillX, pillY, pillWidth, pillHeight, pillHeight / 2);
-        ctx.fill();
-        // Render banner text
-        ctx.fillStyle = '#ffffff';
-        ctx.font = 'bold 12px var(--font-sans, system-ui, sans-serif)';
-        ctx.textAlign = 'center';
-        ctx.textBaseline = 'middle';
-        ctx.fillText(text, width / 2, pillY + pillHeight / 2);
-        ctx.restore();
-    }
-    /**
-     * Download the generated canvas QR Code as a PNG image file
-     */
-    downloadQr() {
-        const canvas = this._canvasRef()?.nativeElement;
-        if (!canvas) {
-            return;
-        }
-        const dataUrl = canvas.toDataURL('image/png');
-        const link = document.createElement('a');
-        link.href = dataUrl;
-        link.download = `qrcode_${Date.now()}.png`;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZQrCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZQrCodeComponent, isStandalone: true, selector: "z-qrcode", inputs: { zValue: { classPropertyName: "zValue", publicName: "zValue", isSignal: true, isRequired: true, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zLevel: { classPropertyName: "zLevel", publicName: "zLevel", isSignal: true, isRequired: false, transformFunction: null }, zLogo: { classPropertyName: "zLogo", publicName: "zLogo", isSignal: true, isRequired: false, transformFunction: null }, zLogoSize: { classPropertyName: "zLogoSize", publicName: "zLogoSize", isSignal: true, isRequired: false, transformFunction: null }, zLogoBgColor: { classPropertyName: "zLogoBgColor", publicName: "zLogoBgColor", isSignal: true, isRequired: false, transformFunction: null }, zLogoBgShape: { classPropertyName: "zLogoBgShape", publicName: "zLogoBgShape", isSignal: true, isRequired: false, transformFunction: null }, zLogoPadding: { classPropertyName: "zLogoPadding", publicName: "zLogoPadding", isSignal: true, isRequired: false, transformFunction: null }, zFgColor: { classPropertyName: "zFgColor", publicName: "zFgColor", isSignal: true, isRequired: false, transformFunction: null }, zBgColor: { classPropertyName: "zBgColor", publicName: "zBgColor", isSignal: true, isRequired: false, transformFunction: null }, zDotStyle: { classPropertyName: "zDotStyle", publicName: "zDotStyle", isSignal: true, isRequired: false, transformFunction: null }, zEyeStyle: { classPropertyName: "zEyeStyle", publicName: "zEyeStyle", isSignal: true, isRequired: false, transformFunction: null }, zEyeColor: { classPropertyName: "zEyeColor", publicName: "zEyeColor", isSignal: true, isRequired: false, transformFunction: null }, zMargin: { classPropertyName: "zMargin", publicName: "zMargin", isSignal: true, isRequired: false, transformFunction: null }, zFgGradient: { classPropertyName: "zFgGradient", publicName: "zFgGradient", isSignal: true, isRequired: false, transformFunction: null }, zFrame: { classPropertyName: "zFrame", publicName: "zFrame", isSignal: true, isRequired: false, transformFunction: null }, zFrameText: { classPropertyName: "zFrameText", publicName: "zFrameText", isSignal: true, isRequired: false, transformFunction: null }, zFrameColor: { classPropertyName: "zFrameColor", publicName: "zFrameColor", isSignal: true, isRequired: false, transformFunction: null }, zFramePadding: { classPropertyName: "zFramePadding", publicName: "zFramePadding", isSignal: true, isRequired: false, transformFunction: null }, zFrameBorderRadius: { classPropertyName: "zFrameBorderRadius", publicName: "zFrameBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, zDownloadable: { classPropertyName: "zDownloadable", publicName: "zDownloadable", isSignal: true, isRequired: false, transformFunction: null }, zDownloadButton: { classPropertyName: "zDownloadButton", publicName: "zDownloadButton", isSignal: true, isRequired: false, transformFunction: null }, zShadow: { classPropertyName: "zShadow", publicName: "zShadow", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_canvasRef", first: true, predicate: ["qrCanvas"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"z-qrcode-container relative flex flex-col items-center\">\n  <div\n    class=\"z-qrcode-canvas-wrapper relative transition-all duration-200\"\n    [class.shadow-md]=\"zShadow()\"\n    [style.border-radius.px]=\"zFrame() !== 'none' || zShadow() ? zFrameBorderRadius() : 0\"\n    [style.overflow]=\"zFrame() !== 'none' || zShadow() ? 'hidden' : 'visible'\">\n    <canvas\n      #qrCanvas\n      class=\"block\"\n      [style.width.px]=\"zFrame() !== 'none' ? zSize() + zFramePadding() * 2 : zSize()\"\n      [style.height.px]=\"\n        zFrame() !== 'none'\n          ? zSize() + zFramePadding() * 2 + (zFrame() === 'text-bottom' || zFrame() === 'text-top' ? 50 : 0)\n          : zSize()\n      \"></canvas>\n\n    @if (zLoading()) {\n      <div class=\"absolute inset-0 z-10 flex items-center justify-center bg-white/80 transition-opacity\">\n        <svg\n          class=\"h-8 w-8 animate-spin text-slate-800\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\">\n          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n          <path\n            class=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n        </svg>\n      </div>\n    }\n\n    @if (zDownloadable() && !zLoading()) {\n      <div\n        class=\"absolute inset-0 z-10 flex items-center justify-center rounded-md bg-black/45 opacity-0 transition-all duration-200 hover:opacity-100\">\n        <button\n          z-button\n          [zWave]=\"false\"\n          zSize=\"sm\"\n          (click)=\"downloadQr()\"\n          class=\"flex cursor-pointer items-center gap-2 font-semibold select-none\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-4 w-4\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            stroke-width=\"2.5\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" />\n          </svg>\n          {{ downloadText() | translate }}\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (zDownloadButton() && !zLoading()) {\n    <div class=\"mt-4\">\n      <button\n        z-button\n        [zWave]=\"false\"\n        (click)=\"downloadQr()\"\n        class=\"flex cursor-pointer items-center gap-2 font-semibold select-none\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.5\">\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" />\n        </svg>\n        {{ downloadText() | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: ["z-qrcode{display:inline-block;line-height:0}z-qrcode .z-qrcode-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;border-radius:inherit}z-qrcode .z-qrcode-canvas-wrapper{position:relative;overflow:hidden;border-radius:inherit}\n"], dependencies: [{ kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zAnimatedTypeIcon", "zAnimateIcon", "zAnimationTriggerIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZQrCodeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'z-qrcode', imports: [TranslatePipe, ZButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"z-qrcode-container relative flex flex-col items-center\">\n  <div\n    class=\"z-qrcode-canvas-wrapper relative transition-all duration-200\"\n    [class.shadow-md]=\"zShadow()\"\n    [style.border-radius.px]=\"zFrame() !== 'none' || zShadow() ? zFrameBorderRadius() : 0\"\n    [style.overflow]=\"zFrame() !== 'none' || zShadow() ? 'hidden' : 'visible'\">\n    <canvas\n      #qrCanvas\n      class=\"block\"\n      [style.width.px]=\"zFrame() !== 'none' ? zSize() + zFramePadding() * 2 : zSize()\"\n      [style.height.px]=\"\n        zFrame() !== 'none'\n          ? zSize() + zFramePadding() * 2 + (zFrame() === 'text-bottom' || zFrame() === 'text-top' ? 50 : 0)\n          : zSize()\n      \"></canvas>\n\n    @if (zLoading()) {\n      <div class=\"absolute inset-0 z-10 flex items-center justify-center bg-white/80 transition-opacity\">\n        <svg\n          class=\"h-8 w-8 animate-spin text-slate-800\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\">\n          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n          <path\n            class=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n        </svg>\n      </div>\n    }\n\n    @if (zDownloadable() && !zLoading()) {\n      <div\n        class=\"absolute inset-0 z-10 flex items-center justify-center rounded-md bg-black/45 opacity-0 transition-all duration-200 hover:opacity-100\">\n        <button\n          z-button\n          [zWave]=\"false\"\n          zSize=\"sm\"\n          (click)=\"downloadQr()\"\n          class=\"flex cursor-pointer items-center gap-2 font-semibold select-none\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-4 w-4\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            stroke-width=\"2.5\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" />\n          </svg>\n          {{ downloadText() | translate }}\n        </button>\n      </div>\n    }\n  </div>\n\n  @if (zDownloadButton() && !zLoading()) {\n    <div class=\"mt-4\">\n      <button\n        z-button\n        [zWave]=\"false\"\n        (click)=\"downloadQr()\"\n        class=\"flex cursor-pointer items-center gap-2 font-semibold select-none\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"h-4 w-4\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.5\">\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" />\n        </svg>\n        {{ downloadText() | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: ["z-qrcode{display:inline-block;line-height:0}z-qrcode .z-qrcode-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;border-radius:inherit}z-qrcode .z-qrcode-canvas-wrapper{position:relative;overflow:hidden;border-radius:inherit}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { zValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "zValue", required: true }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLevel", required: false }] }], zLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLogo", required: false }] }], zLogoSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLogoSize", required: false }] }], zLogoBgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLogoBgColor", required: false }] }], zLogoBgShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLogoBgShape", required: false }] }], zLogoPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLogoPadding", required: false }] }], zFgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFgColor", required: false }] }], zBgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zBgColor", required: false }] }], zDotStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDotStyle", required: false }] }], zEyeStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEyeStyle", required: false }] }], zEyeColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEyeColor", required: false }] }], zMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMargin", required: false }] }], zFgGradient: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFgGradient", required: false }] }], zFrame: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFrame", required: false }] }], zFrameText: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFrameText", required: false }] }], zFrameColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFrameColor", required: false }] }], zFramePadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFramePadding", required: false }] }], zFrameBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFrameBorderRadius", required: false }] }], zDownloadable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDownloadable", required: false }] }], zDownloadButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDownloadButton", required: false }] }], zShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShadow", required: false }] }], zLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLoading", required: false }] }], _canvasRef: [{ type: i0.ViewChild, args: ['qrCanvas', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ZQrCodeComponent };
-//# sourceMappingURL=shival99-z-ui-components-z-qrcode.mjs.map