@shival99/z-ui 2.6.4 → 2.6.6

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

@@ -2057,7 +2057,7 @@ class ZGalleryComponent {
         selectedFiles.forEach(file => this.onDownload(file));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ZGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ZGalleryComponent, isStandalone: true, selector: "z-gallery", inputs: { zFiles: { classPropertyName: "zFiles", publicName: "zFiles", isSignal: true, isRequired: false, transformFunction: null }, zMode: { classPropertyName: "zMode", publicName: "zMode", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zColumns: { classPropertyName: "zColumns", publicName: "zColumns", isSignal: true, isRequired: false, transformFunction: null }, zItemWidth: { classPropertyName: "zItemWidth", publicName: "zItemWidth", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zSkeletonRows: { classPropertyName: "zSkeletonRows", publicName: "zSkeletonRows", isSignal: true, isRequired: false, transformFunction: null }, zSkeletonItems: { classPropertyName: "zSkeletonItems", publicName: "zSkeletonItems", isSignal: true, isRequired: false, transformFunction: null }, zShowDownload: { classPropertyName: "zShowDownload", publicName: "zShowDownload", isSignal: true, isRequired: false, transformFunction: null }, zShowPreview: { classPropertyName: "zShowPreview", publicName: "zShowPreview", isSignal: true, isRequired: false, transformFunction: null }, zShowRemove: { classPropertyName: "zShowRemove", publicName: "zShowRemove", isSignal: true, isRequired: false, transformFunction: null }, zPdfViewerConfig: { classPropertyName: "zPdfViewerConfig", publicName: "zPdfViewerConfig", isSignal: true, isRequired: false, transformFunction: null }, zTrustedResourceOrigins: { classPropertyName: "zTrustedResourceOrigins", publicName: "zTrustedResourceOrigins", isSignal: true, isRequired: false, transformFunction: null }, zShowModeToggle: { classPropertyName: "zShowModeToggle", publicName: "zShowModeToggle", isSignal: true, isRequired: false, transformFunction: null }, zShowSearch: { classPropertyName: "zShowSearch", publicName: "zShowSearch", isSignal: true, isRequired: false, transformFunction: null }, zServerSearch: { classPropertyName: "zServerSearch", publicName: "zServerSearch", isSignal: true, isRequired: false, transformFunction: null }, zSearchDebounce: { classPropertyName: "zSearchDebounce", publicName: "zSearchDebounce", isSignal: true, isRequired: false, transformFunction: null }, zSearchPlaceholder: { classPropertyName: "zSearchPlaceholder", publicName: "zSearchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, zToggleSize: { classPropertyName: "zToggleSize", publicName: "zToggleSize", isSignal: true, isRequired: false, transformFunction: null }, zTitle: { classPropertyName: "zTitle", publicName: "zTitle", isSignal: true, isRequired: false, transformFunction: null }, zEmptyText: { classPropertyName: "zEmptyText", publicName: "zEmptyText", isSignal: true, isRequired: false, transformFunction: null }, zEmptyIcon: { classPropertyName: "zEmptyIcon", publicName: "zEmptyIcon", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zSelectable: { classPropertyName: "zSelectable", publicName: "zSelectable", isSignal: true, isRequired: false, transformFunction: null }, zSelectedFiles: { classPropertyName: "zSelectedFiles", publicName: "zSelectedFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zMode: "zModeChange", zSelectedFiles: "zSelectedFilesChange", zOnDownload: "zOnDownload", zOnPreview: "zOnPreview", zOnRemove: "zOnRemove", zSearchChange: "zSearchChange", zControl: "zControl", zSelectionChange: "zSelectionChange", zOnAction: "zOnAction" }, host: { classAttribute: "z-gallery block" }, exportAs: ["zGallery"], ngImport: i0, template: "<div [class]=\"containerClasses()\">\n  @if (showHeader()) {\n    <div class=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n      <div class=\"flex items-center gap-3\">\n        @if (zTitle()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"7rem\" zHeight=\"1.25rem\" />\n          } @else {\n            <h3 class=\"text-sm font-medium\">{{ zTitle() }}</h3>\n          }\n        }\n\n        @if (zShowSearch()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"16rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n          } @else {\n            <z-input\n              zSearch\n              [zSize]=\"searchInputSize()\"\n              [zPlaceholder]=\"zSearchPlaceholder() || ('i18n_z_ui_gallery_search_placeholder' | translate)\"\n              [zDebounce]=\"zSearchDebounce()\"\n              [ngModel]=\"searchInputQuery()\"\n              (ngModelChange)=\"searchInputQuery.set($event)\"\n              (zOnSearch)=\"onSearchChange($event)\"\n              class=\"w-64\" />\n          }\n        }\n      </div>\n\n      @if (zShowModeToggle() && (zFiles().length > 0 || zLoading())) {\n        @if (zLoading()) {\n          <z-skeleton zWidth=\"5rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n        } @else {\n          <z-button-group [(zActive)]=\"modeIndex\">\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideLayoutGrid\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideList\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n          </z-button-group>\n        }\n      }\n    </div>\n  }\n\n  @if (zLoading()) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card overflow-hidden rounded-md border shadow-sm\">\n            <z-skeleton [zHeight]=\"skeletonMediaHeight()\" zRadius=\"0\" />\n            <div class=\"p-3\">\n              <z-skeleton zWidth=\"75%\" zHeight=\"1.25rem\" />\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card flex items-center gap-3 rounded-sm border px-3 py-2.5 shadow-sm\">\n            <z-skeleton class=\"shrink-0\" zWidth=\"2.75rem\" zHeight=\"2.75rem\" zRadius=\"var(--radius-xs)\" />\n            <div class=\"min-w-0 flex-1 space-y-2\">\n              <z-skeleton zWidth=\"40%\" zHeight=\"0.875rem\" />\n              <z-skeleton zWidth=\"25%\" zHeight=\"0.75rem\" />\n            </div>\n            <z-skeleton class=\"shrink-0\" zWidth=\"3.5rem\" zHeight=\"1.5rem\" zRadius=\"var(--radius-xs)\" />\n          </div>\n        }\n      </div>\n    }\n  } @else if (zSelectable() && filteredFiles().length > 0) {\n    <div\n      class=\"bg-muted/30 shadow-card dark:!border-border mb-4 flex h-11 items-center justify-between gap-3 rounded-md border border-transparent px-3\">\n      <div class=\"flex items-center gap-3\">\n        <z-checkbox\n          [zChecked]=\"isAllSelected()\"\n          [zIndeterminate]=\"isIndeterminate()\"\n          (zChange)=\"toggleSelectAll()\"\n          zSize=\"sm\" />\n        <span class=\"text-muted-foreground text-sm\">\n          @if (selectedCount() > 0) {\n            {{ selectedCount() }} {{ 'i18n_z_ui_gallery_selected' | translate }}\n          } @else {\n            {{ 'i18n_z_ui_gallery_select_all' | translate }}\n          }\n        </span>\n      </div>\n\n      @if (selectedCount() > 0) {\n        <div class=\"flex items-center gap-1\">\n          @if (zShowDownload()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDownload()\"\n              class=\"text-muted-foreground hover:text-foreground\">\n              <i z-icon zType=\"lucideDownload\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_download' | translate }}</span>\n            </button>\n          }\n          @if (zShowRemove()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDelete()\"\n              class=\"text-destructive hover:text-destructive\">\n              <i z-icon zType=\"lucideTrash2\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_delete' | translate }}</span>\n            </button>\n          }\n          <button z-button zType=\"ghost\" zSize=\"xs\" (click)=\"deselectAll()\">\n            <i z-icon zType=\"lucideX\" zSize=\"14\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (!zLoading() && filteredFiles().length > 0) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"grid\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"list\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    }\n  } @else if (!zLoading() && zFiles().length > 0 && searchQuery()) {\n    <z-empty zIcon=\"lucideSearchX\" [zMessage]=\"'i18n_z_ui_gallery_no_search_results' | translate\" zSize=\"sm\" />\n  } @else if (!zLoading()) {\n    <z-empty\n      [zIcon]=\"zEmptyIcon()\"\n      [zMessage]=\"zEmptyText() || ('i18n_z_ui_gallery_no_files' | translate)\"\n      zSize=\"sm\" />\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ZGalleryItemComponent, selector: "z-gallery-item", inputs: ["file", "zMode", "zSize", "zShowDownload", "zShowPreview", "zShowRemove", "zSelectable", "zSelected"], outputs: ["zOnDownload", "zOnPreview", "zOnRemove", "zOnSelect"] }, { kind: "component", type: ZButtonGroupComponent, selector: "z-button-group", inputs: ["zClass", "zOrientation", "zActive"], outputs: ["zActiveChange", "zActiveIndexChange", "zActiveValueChange"], exportAs: ["zButtonGroup"] }, { kind: "directive", type: ZButtonGroupItemDirective, selector: "[z-button-group-item]", inputs: ["zValue"], exportAs: ["zButtonGroupItem"] }, { 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: ZCheckboxComponent, selector: "z-checkbox", inputs: ["class", "zType", "zSize", "zLabel", "zText", "zDisabled", "zIndeterminate", "zValue", "zOptions", "zOrientation", "zCheckAll", "zCheckAllText", "zChecked", "zGroupValue"], outputs: ["zChange", "zGroupChange", "zOnBlur", "zOnFocus", "zControl", "zEvent", "zCheckedChange", "zGroupValueChange"] }, { kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "component", type: ZEmptyComponent, selector: "z-empty", inputs: ["class", "zType", "zIcon", "zIconSize", "zSize", "zMessage", "zDescription"] }, { 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: ZSkeletonComponent, selector: "z-skeleton", inputs: ["class", "zType", "zSize", "zWidth", "zHeight", "zRows", "zGap", "zAnimated", "zRadius"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ZGalleryComponent, isStandalone: true, selector: "z-gallery", inputs: { zFiles: { classPropertyName: "zFiles", publicName: "zFiles", isSignal: true, isRequired: false, transformFunction: null }, zMode: { classPropertyName: "zMode", publicName: "zMode", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zSize", isSignal: true, isRequired: false, transformFunction: null }, zColumns: { classPropertyName: "zColumns", publicName: "zColumns", isSignal: true, isRequired: false, transformFunction: null }, zItemWidth: { classPropertyName: "zItemWidth", publicName: "zItemWidth", isSignal: true, isRequired: false, transformFunction: null }, zLoading: { classPropertyName: "zLoading", publicName: "zLoading", isSignal: true, isRequired: false, transformFunction: null }, zSkeletonRows: { classPropertyName: "zSkeletonRows", publicName: "zSkeletonRows", isSignal: true, isRequired: false, transformFunction: null }, zSkeletonItems: { classPropertyName: "zSkeletonItems", publicName: "zSkeletonItems", isSignal: true, isRequired: false, transformFunction: null }, zShowDownload: { classPropertyName: "zShowDownload", publicName: "zShowDownload", isSignal: true, isRequired: false, transformFunction: null }, zShowPreview: { classPropertyName: "zShowPreview", publicName: "zShowPreview", isSignal: true, isRequired: false, transformFunction: null }, zShowRemove: { classPropertyName: "zShowRemove", publicName: "zShowRemove", isSignal: true, isRequired: false, transformFunction: null }, zPdfViewerConfig: { classPropertyName: "zPdfViewerConfig", publicName: "zPdfViewerConfig", isSignal: true, isRequired: false, transformFunction: null }, zTrustedResourceOrigins: { classPropertyName: "zTrustedResourceOrigins", publicName: "zTrustedResourceOrigins", isSignal: true, isRequired: false, transformFunction: null }, zShowModeToggle: { classPropertyName: "zShowModeToggle", publicName: "zShowModeToggle", isSignal: true, isRequired: false, transformFunction: null }, zShowSearch: { classPropertyName: "zShowSearch", publicName: "zShowSearch", isSignal: true, isRequired: false, transformFunction: null }, zServerSearch: { classPropertyName: "zServerSearch", publicName: "zServerSearch", isSignal: true, isRequired: false, transformFunction: null }, zSearchDebounce: { classPropertyName: "zSearchDebounce", publicName: "zSearchDebounce", isSignal: true, isRequired: false, transformFunction: null }, zSearchPlaceholder: { classPropertyName: "zSearchPlaceholder", publicName: "zSearchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, zToggleSize: { classPropertyName: "zToggleSize", publicName: "zToggleSize", isSignal: true, isRequired: false, transformFunction: null }, zTitle: { classPropertyName: "zTitle", publicName: "zTitle", isSignal: true, isRequired: false, transformFunction: null }, zEmptyText: { classPropertyName: "zEmptyText", publicName: "zEmptyText", isSignal: true, isRequired: false, transformFunction: null }, zEmptyIcon: { classPropertyName: "zEmptyIcon", publicName: "zEmptyIcon", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zSelectable: { classPropertyName: "zSelectable", publicName: "zSelectable", isSignal: true, isRequired: false, transformFunction: null }, zSelectedFiles: { classPropertyName: "zSelectedFiles", publicName: "zSelectedFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zMode: "zModeChange", zSelectedFiles: "zSelectedFilesChange", zOnDownload: "zOnDownload", zOnPreview: "zOnPreview", zOnRemove: "zOnRemove", zSearchChange: "zSearchChange", zControl: "zControl", zSelectionChange: "zSelectionChange", zOnAction: "zOnAction" }, host: { classAttribute: "z-gallery block" }, exportAs: ["zGallery"], ngImport: i0, template: "<div [class]=\"containerClasses()\">\n  @if (showHeader()) {\n    <div class=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n      <div class=\"flex items-center gap-3\">\n        @if (zTitle()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"7rem\" zHeight=\"1.25rem\" />\n          } @else {\n            <h3 class=\"text-sm font-medium\">{{ zTitle() }}</h3>\n          }\n        }\n\n        @if (zShowSearch()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"16rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n          } @else {\n            <z-input\n              zSearch\n              [zSize]=\"searchInputSize()\"\n              [zPlaceholder]=\"zSearchPlaceholder() || ('i18n_z_ui_gallery_search_placeholder' | translate)\"\n              [zDebounce]=\"zSearchDebounce()\"\n              [ngModel]=\"searchInputQuery()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              (ngModelChange)=\"searchInputQuery.set($event)\"\n              (zOnSearch)=\"onSearchChange($event)\"\n              class=\"w-64\" />\n          }\n        }\n      </div>\n\n      @if (zShowModeToggle() && (zFiles().length > 0 || zLoading())) {\n        @if (zLoading()) {\n          <z-skeleton zWidth=\"5rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n        } @else {\n          <z-button-group [(zActive)]=\"modeIndex\">\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideLayoutGrid\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideList\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n          </z-button-group>\n        }\n      }\n    </div>\n  }\n\n  @if (zLoading()) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card overflow-hidden rounded-md border shadow-sm\">\n            <z-skeleton [zHeight]=\"skeletonMediaHeight()\" zRadius=\"0\" />\n            <div class=\"p-3\">\n              <z-skeleton zWidth=\"75%\" zHeight=\"1.25rem\" />\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card flex items-center gap-3 rounded-sm border px-3 py-2.5 shadow-sm\">\n            <z-skeleton class=\"shrink-0\" zWidth=\"2.75rem\" zHeight=\"2.75rem\" zRadius=\"var(--radius-xs)\" />\n            <div class=\"min-w-0 flex-1 space-y-2\">\n              <z-skeleton zWidth=\"40%\" zHeight=\"0.875rem\" />\n              <z-skeleton zWidth=\"25%\" zHeight=\"0.75rem\" />\n            </div>\n            <z-skeleton class=\"shrink-0\" zWidth=\"3.5rem\" zHeight=\"1.5rem\" zRadius=\"var(--radius-xs)\" />\n          </div>\n        }\n      </div>\n    }\n  } @else if (zSelectable() && filteredFiles().length > 0) {\n    <div\n      class=\"bg-muted/30 shadow-card dark:!border-border mb-4 flex h-11 items-center justify-between gap-3 rounded-md border border-transparent px-3\">\n      <div class=\"flex items-center gap-3\">\n        <z-checkbox\n          [zChecked]=\"isAllSelected()\"\n          [zIndeterminate]=\"isIndeterminate()\"\n          (zChange)=\"toggleSelectAll()\"\n          zSize=\"sm\" />\n        <span class=\"text-muted-foreground text-sm\">\n          @if (selectedCount() > 0) {\n            {{ selectedCount() }} {{ 'i18n_z_ui_gallery_selected' | translate }}\n          } @else {\n            {{ 'i18n_z_ui_gallery_select_all' | translate }}\n          }\n        </span>\n      </div>\n\n      @if (selectedCount() > 0) {\n        <div class=\"flex items-center gap-1\">\n          @if (zShowDownload()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDownload()\"\n              class=\"text-muted-foreground hover:text-foreground\">\n              <i z-icon zType=\"lucideDownload\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_download' | translate }}</span>\n            </button>\n          }\n          @if (zShowRemove()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDelete()\"\n              class=\"text-destructive hover:text-destructive\">\n              <i z-icon zType=\"lucideTrash2\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_delete' | translate }}</span>\n            </button>\n          }\n          <button z-button zType=\"ghost\" zSize=\"xs\" (click)=\"deselectAll()\">\n            <i z-icon zType=\"lucideX\" zSize=\"14\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (!zLoading() && filteredFiles().length > 0) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"grid\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"list\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    }\n  } @else if (!zLoading() && zFiles().length > 0 && searchQuery()) {\n    <z-empty zIcon=\"lucideSearchX\" [zMessage]=\"'i18n_z_ui_gallery_no_search_results' | translate\" zSize=\"sm\" />\n  } @else if (!zLoading()) {\n    <z-empty\n      [zIcon]=\"zEmptyIcon()\"\n      [zMessage]=\"zEmptyText() || ('i18n_z_ui_gallery_no_files' | translate)\"\n      zSize=\"sm\" />\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ZGalleryItemComponent, selector: "z-gallery-item", inputs: ["file", "zMode", "zSize", "zShowDownload", "zShowPreview", "zShowRemove", "zSelectable", "zSelected"], outputs: ["zOnDownload", "zOnPreview", "zOnRemove", "zOnSelect"] }, { kind: "component", type: ZButtonGroupComponent, selector: "z-button-group", inputs: ["zClass", "zOrientation", "zActive"], outputs: ["zActiveChange", "zActiveIndexChange", "zActiveValueChange"], exportAs: ["zButtonGroup"] }, { kind: "directive", type: ZButtonGroupItemDirective, selector: "[z-button-group-item]", inputs: ["zValue"], exportAs: ["zButtonGroupItem"] }, { 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: ZCheckboxComponent, selector: "z-checkbox", inputs: ["class", "zType", "zSize", "zLabel", "zText", "zDisabled", "zIndeterminate", "zValue", "zOptions", "zOrientation", "zCheckAll", "zCheckAllText", "zChecked", "zGroupValue"], outputs: ["zChange", "zGroupChange", "zOnBlur", "zOnFocus", "zControl", "zEvent", "zCheckedChange", "zGroupValueChange"] }, { kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zAnimatedType", "zAnimate", "zAnimationTrigger", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "component", type: ZEmptyComponent, selector: "z-empty", inputs: ["class", "zType", "zIcon", "zIconSize", "zSize", "zMessage", "zDescription"] }, { 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: ZSkeletonComponent, selector: "z-skeleton", inputs: ["class", "zType", "zSize", "zWidth", "zHeight", "zRows", "zGap", "zAnimated", "zRadius"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ZGalleryComponent, decorators: [{
             type: Component,
@@ -2075,7 +2075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         ZSkeletonComponent,
                     ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'z-gallery block',
-                    }, exportAs: 'zGallery', template: "<div [class]=\"containerClasses()\">\n  @if (showHeader()) {\n    <div class=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n      <div class=\"flex items-center gap-3\">\n        @if (zTitle()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"7rem\" zHeight=\"1.25rem\" />\n          } @else {\n            <h3 class=\"text-sm font-medium\">{{ zTitle() }}</h3>\n          }\n        }\n\n        @if (zShowSearch()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"16rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n          } @else {\n            <z-input\n              zSearch\n              [zSize]=\"searchInputSize()\"\n              [zPlaceholder]=\"zSearchPlaceholder() || ('i18n_z_ui_gallery_search_placeholder' | translate)\"\n              [zDebounce]=\"zSearchDebounce()\"\n              [ngModel]=\"searchInputQuery()\"\n              (ngModelChange)=\"searchInputQuery.set($event)\"\n              (zOnSearch)=\"onSearchChange($event)\"\n              class=\"w-64\" />\n          }\n        }\n      </div>\n\n      @if (zShowModeToggle() && (zFiles().length > 0 || zLoading())) {\n        @if (zLoading()) {\n          <z-skeleton zWidth=\"5rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n        } @else {\n          <z-button-group [(zActive)]=\"modeIndex\">\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideLayoutGrid\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideList\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n          </z-button-group>\n        }\n      }\n    </div>\n  }\n\n  @if (zLoading()) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card overflow-hidden rounded-md border shadow-sm\">\n            <z-skeleton [zHeight]=\"skeletonMediaHeight()\" zRadius=\"0\" />\n            <div class=\"p-3\">\n              <z-skeleton zWidth=\"75%\" zHeight=\"1.25rem\" />\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card flex items-center gap-3 rounded-sm border px-3 py-2.5 shadow-sm\">\n            <z-skeleton class=\"shrink-0\" zWidth=\"2.75rem\" zHeight=\"2.75rem\" zRadius=\"var(--radius-xs)\" />\n            <div class=\"min-w-0 flex-1 space-y-2\">\n              <z-skeleton zWidth=\"40%\" zHeight=\"0.875rem\" />\n              <z-skeleton zWidth=\"25%\" zHeight=\"0.75rem\" />\n            </div>\n            <z-skeleton class=\"shrink-0\" zWidth=\"3.5rem\" zHeight=\"1.5rem\" zRadius=\"var(--radius-xs)\" />\n          </div>\n        }\n      </div>\n    }\n  } @else if (zSelectable() && filteredFiles().length > 0) {\n    <div\n      class=\"bg-muted/30 shadow-card dark:!border-border mb-4 flex h-11 items-center justify-between gap-3 rounded-md border border-transparent px-3\">\n      <div class=\"flex items-center gap-3\">\n        <z-checkbox\n          [zChecked]=\"isAllSelected()\"\n          [zIndeterminate]=\"isIndeterminate()\"\n          (zChange)=\"toggleSelectAll()\"\n          zSize=\"sm\" />\n        <span class=\"text-muted-foreground text-sm\">\n          @if (selectedCount() > 0) {\n            {{ selectedCount() }} {{ 'i18n_z_ui_gallery_selected' | translate }}\n          } @else {\n            {{ 'i18n_z_ui_gallery_select_all' | translate }}\n          }\n        </span>\n      </div>\n\n      @if (selectedCount() > 0) {\n        <div class=\"flex items-center gap-1\">\n          @if (zShowDownload()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDownload()\"\n              class=\"text-muted-foreground hover:text-foreground\">\n              <i z-icon zType=\"lucideDownload\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_download' | translate }}</span>\n            </button>\n          }\n          @if (zShowRemove()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDelete()\"\n              class=\"text-destructive hover:text-destructive\">\n              <i z-icon zType=\"lucideTrash2\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_delete' | translate }}</span>\n            </button>\n          }\n          <button z-button zType=\"ghost\" zSize=\"xs\" (click)=\"deselectAll()\">\n            <i z-icon zType=\"lucideX\" zSize=\"14\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (!zLoading() && filteredFiles().length > 0) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"grid\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"list\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    }\n  } @else if (!zLoading() && zFiles().length > 0 && searchQuery()) {\n    <z-empty zIcon=\"lucideSearchX\" [zMessage]=\"'i18n_z_ui_gallery_no_search_results' | translate\" zSize=\"sm\" />\n  } @else if (!zLoading()) {\n    <z-empty\n      [zIcon]=\"zEmptyIcon()\"\n      [zMessage]=\"zEmptyText() || ('i18n_z_ui_gallery_no_files' | translate)\"\n      zSize=\"sm\" />\n  }\n</div>\n" }]
+                    }, exportAs: 'zGallery', template: "<div [class]=\"containerClasses()\">\n  @if (showHeader()) {\n    <div class=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n      <div class=\"flex items-center gap-3\">\n        @if (zTitle()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"7rem\" zHeight=\"1.25rem\" />\n          } @else {\n            <h3 class=\"text-sm font-medium\">{{ zTitle() }}</h3>\n          }\n        }\n\n        @if (zShowSearch()) {\n          @if (zLoading()) {\n            <z-skeleton zWidth=\"16rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n          } @else {\n            <z-input\n              zSearch\n              [zSize]=\"searchInputSize()\"\n              [zPlaceholder]=\"zSearchPlaceholder() || ('i18n_z_ui_gallery_search_placeholder' | translate)\"\n              [zDebounce]=\"zSearchDebounce()\"\n              [ngModel]=\"searchInputQuery()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              (ngModelChange)=\"searchInputQuery.set($event)\"\n              (zOnSearch)=\"onSearchChange($event)\"\n              class=\"w-64\" />\n          }\n        }\n      </div>\n\n      @if (zShowModeToggle() && (zFiles().length > 0 || zLoading())) {\n        @if (zLoading()) {\n          <z-skeleton zWidth=\"5rem\" [zHeight]=\"headerControlHeight()\" zRadius=\"var(--radius-sm)\" />\n        } @else {\n          <z-button-group [(zActive)]=\"modeIndex\">\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideLayoutGrid\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n            <button z-button zType=\"outline\" [zSize]=\"zToggleSize()\" z-button-group-item>\n              <i z-icon zType=\"lucideList\" [zSize]=\"toggleIconSize()\"></i>\n            </button>\n          </z-button-group>\n        }\n      }\n    </div>\n  }\n\n  @if (zLoading()) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card overflow-hidden rounded-md border shadow-sm\">\n            <z-skeleton [zHeight]=\"skeletonMediaHeight()\" zRadius=\"0\" />\n            <div class=\"p-3\">\n              <z-skeleton zWidth=\"75%\" zHeight=\"1.25rem\" />\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (item of skeletonItems(); track item) {\n          <div class=\"border-border bg-card flex items-center gap-3 rounded-sm border px-3 py-2.5 shadow-sm\">\n            <z-skeleton class=\"shrink-0\" zWidth=\"2.75rem\" zHeight=\"2.75rem\" zRadius=\"var(--radius-xs)\" />\n            <div class=\"min-w-0 flex-1 space-y-2\">\n              <z-skeleton zWidth=\"40%\" zHeight=\"0.875rem\" />\n              <z-skeleton zWidth=\"25%\" zHeight=\"0.75rem\" />\n            </div>\n            <z-skeleton class=\"shrink-0\" zWidth=\"3.5rem\" zHeight=\"1.5rem\" zRadius=\"var(--radius-xs)\" />\n          </div>\n        }\n      </div>\n    }\n  } @else if (zSelectable() && filteredFiles().length > 0) {\n    <div\n      class=\"bg-muted/30 shadow-card dark:!border-border mb-4 flex h-11 items-center justify-between gap-3 rounded-md border border-transparent px-3\">\n      <div class=\"flex items-center gap-3\">\n        <z-checkbox\n          [zChecked]=\"isAllSelected()\"\n          [zIndeterminate]=\"isIndeterminate()\"\n          (zChange)=\"toggleSelectAll()\"\n          zSize=\"sm\" />\n        <span class=\"text-muted-foreground text-sm\">\n          @if (selectedCount() > 0) {\n            {{ selectedCount() }} {{ 'i18n_z_ui_gallery_selected' | translate }}\n          } @else {\n            {{ 'i18n_z_ui_gallery_select_all' | translate }}\n          }\n        </span>\n      </div>\n\n      @if (selectedCount() > 0) {\n        <div class=\"flex items-center gap-1\">\n          @if (zShowDownload()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDownload()\"\n              class=\"text-muted-foreground hover:text-foreground\">\n              <i z-icon zType=\"lucideDownload\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_download' | translate }}</span>\n            </button>\n          }\n          @if (zShowRemove()) {\n            <button\n              z-button\n              zType=\"ghost\"\n              zSize=\"xs\"\n              (click)=\"onBulkDelete()\"\n              class=\"text-destructive hover:text-destructive\">\n              <i z-icon zType=\"lucideTrash2\" zSize=\"14\"></i>\n              <span class=\"ml-1\">{{ 'i18n_z_ui_gallery_delete' | translate }}</span>\n            </button>\n          }\n          <button z-button zType=\"ghost\" zSize=\"xs\" (click)=\"deselectAll()\">\n            <i z-icon zType=\"lucideX\" zSize=\"14\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (!zLoading() && filteredFiles().length > 0) {\n    @if (currentMode() === 'grid') {\n      <div class=\"grid gap-4\" [class]=\"gridColumnsClass()\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"grid\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    } @else {\n      <div class=\"flex flex-col gap-2\">\n        @for (file of filteredFiles(); track file.id) {\n          <z-gallery-item\n            [file]=\"file\"\n            zMode=\"list\"\n            [zSize]=\"zSize()\"\n            [zShowDownload]=\"zShowDownload()\"\n            [zShowPreview]=\"zShowPreview()\"\n            [zShowRemove]=\"zShowRemove()\"\n            [zSelectable]=\"zSelectable()\"\n            [zSelected]=\"isFileSelected(file)\"\n            (zOnDownload)=\"onDownload($event)\"\n            (zOnPreview)=\"onPreview($event)\"\n            (zOnRemove)=\"onRemove($event)\"\n            (zOnSelect)=\"toggleSelection($event)\" />\n        }\n      </div>\n    }\n  } @else if (!zLoading() && zFiles().length > 0 && searchQuery()) {\n    <z-empty zIcon=\"lucideSearchX\" [zMessage]=\"'i18n_z_ui_gallery_no_search_results' | translate\" zSize=\"sm\" />\n  } @else if (!zLoading()) {\n    <z-empty\n      [zIcon]=\"zEmptyIcon()\"\n      [zMessage]=\"zEmptyText() || ('i18n_z_ui_gallery_no_files' | translate)\"\n      zSize=\"sm\" />\n  }\n</div>\n" }]
         }], propDecorators: { zFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "zFiles", required: false }] }], zMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMode", required: false }] }, { type: i0.Output, args: ["zModeChange"] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "zColumns", required: false }] }], zItemWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "zItemWidth", required: false }] }], zLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLoading", required: false }] }], zSkeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSkeletonRows", required: false }] }], zSkeletonItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSkeletonItems", required: false }] }], zShowDownload: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowDownload", required: false }] }], zShowPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowPreview", required: false }] }], zShowRemove: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowRemove", required: false }] }], zPdfViewerConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPdfViewerConfig", required: false }] }], zTrustedResourceOrigins: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTrustedResourceOrigins", required: false }] }], zShowModeToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowModeToggle", required: false }] }], zShowSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowSearch", required: false }] }], zServerSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "zServerSearch", required: false }] }], zSearchDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSearchDebounce", required: false }] }], zSearchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSearchPlaceholder", required: false }] }], zToggleSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zToggleSize", required: false }] }], zTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTitle", required: false }] }], zEmptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEmptyText", required: false }] }], zEmptyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEmptyIcon", required: false }] }], zClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClass", required: false }] }], zSelectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSelectable", required: false }] }], zSelectedFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSelectedFiles", required: false }] }, { type: i0.Output, args: ["zSelectedFilesChange"] }], zOnDownload: [{ type: i0.Output, args: ["zOnDownload"] }], zOnPreview: [{ type: i0.Output, args: ["zOnPreview"] }], zOnRemove: [{ type: i0.Output, args: ["zOnRemove"] }], zSearchChange: [{ type: i0.Output, args: ["zSearchChange"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], zSelectionChange: [{ type: i0.Output, args: ["zSelectionChange"] }], zOnAction: [{ type: i0.Output, args: ["zOnAction"] }] } });
 
 class ZGalleryFileIconComponent {