@libs-ui/components-gallery 0.2.124 → 0.2.126

package/esm2022/gallery.component.mjs

@@ -120,13 +120,13 @@ export class LibsUiComponentsGalleryComponent {
         this.closePopup();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsGalleryComponent, isStandalone: true, selector: "libs_ui-components-gallery", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: true, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, fieldDisplaySrcImage: { classPropertyName: "fieldDisplaySrcImage", publicName: "fieldDisplaySrcImage", isSignal: true, isRequired: false, transformFunction: null }, ignoreOverlayCountImage: { classPropertyName: "ignoreOverlayCountImage", publicName: "ignoreOverlayCountImage", isSignal: true, isRequired: false, transformFunction: null }, imageArrayStringConvert: { classPropertyName: "imageArrayStringConvert", publicName: "imageArrayStringConvert", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { images: "imagesChange", outFunctionsControl: "outFunctionsControl", outViewerEvent: "outViewerEvent" }, ngImport: i0, template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex libs-uipercent-max-height-100 libs-uipercent-max-width-100 m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LibsUiIconsGetIconComponentPipe, name: "LibsUiIconsGetIconComponentPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsGalleryComponent, isStandalone: true, selector: "libs_ui-components-gallery", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: true, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, fieldDisplaySrcImage: { classPropertyName: "fieldDisplaySrcImage", publicName: "fieldDisplaySrcImage", isSignal: true, isRequired: false, transformFunction: null }, ignoreOverlayCountImage: { classPropertyName: "ignoreOverlayCountImage", publicName: "ignoreOverlayCountImage", isSignal: true, isRequired: false, transformFunction: null }, imageArrayStringConvert: { classPropertyName: "imageArrayStringConvert", publicName: "imageArrayStringConvert", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { images: "imagesChange", outFunctionsControl: "outFunctionsControl", outViewerEvent: "outViewerEvent" }, ngImport: i0, template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex max-w-full max-h-full m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LibsUiIconsGetIconComponentPipe, name: "LibsUiIconsGetIconComponentPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-gallery', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgComponentOutlet, AsyncPipe,
                         LibsUiIconsGetIconComponentPipe
-                    ], template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex libs-uipercent-max-height-100 libs-uipercent-max-width-100 m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n" }]
+                    ], template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex max-w-full max-h-full m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n" }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZ2FsbGVyeS9zcmMvZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZ2FsbGVyeS9zcmMvZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWdCLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZLLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWpFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxZQUFZLEVBQUUscUJBQXFCLEVBQUUsOEJBQThCLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0csT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDOztBQWdCMUIsTUFBTSxPQUFPLGdDQUFnQztJQUMzQyxjQUFjO0lBQ0osYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDdEMsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN2RCxDQUFDLENBQUMsQ0FBQztJQUVLLFNBQVMsR0FBRyxNQUFNLENBQVMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNuQyxVQUFVLEdBQUcsTUFBTSxDQUFxQixT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QztJQUNoSyxDQUFDO0lBRUQsSUFBWSxTQUFTO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7d0dBMUlVLGdDQUFnQzs0RkFBaEMsZ0NBQWdDLHFyQ0N2QjdDLGl5Q0EyQkEsMEREUkksaUJBQWlCLCtPQUFFLFNBQVMseUNBQzVCLCtCQUErQjs7NEZBR3RCLGdDQUFnQztrQkFaNUMsU0FBUzsrQkFFRSw0QkFBNEIsY0FHMUIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLGlCQUFpQixFQUFFLFNBQVM7d0JBQzVCLCtCQUErQjtxQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBBc3luY1BpcGUsIE5nQ29tcG9uZW50T3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbXBvbmVudFJlZiwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBpbnB1dCwgbW9kZWwsIE9uRGVzdHJveSwgT25Jbml0LCBvdXRwdXQsIHNpZ25hbCwgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaWJzVWlJY29uc0dldEljb25Db21wb25lbnRQaXBlIH0gZnJvbSAnQGxpYnMtdWkvaWNvbnMnO1xuaW1wb3J0IHsgSUV2ZW50IH0gZnJvbSAnQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlcyc7XG5pbXBvcnQgeyBMaWJzVWlEeW5hbWljQ29tcG9uZW50U2VydmljZSB9IGZyb20gJ0BsaWJzLXVpL3NlcnZpY2VzLWR5bmFtaWMtY29tcG9uZW50JztcbmltcG9ydCB7IGlzRW1iZWRGcmFtZSwgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLCBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwsIHV1aWQgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgZGF5anMgZnJvbSAnZGF5anMnO1xuaW1wb3J0IHsgSUdhbGxlcnlGdW5jdGlvbnNDb250cm9sRXZlbnQgfSBmcm9tICcuL2ludGVyZmFjZXMvZnVuY3Rpb25zLWNvbnRyb2wtZXZlbnQuaW50ZXJmYWNlJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNHYWxsZXJ5Vmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi92aWV3ZXIvdmlld2VyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9nYWxsZXJ5LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDb21wb25lbnRPdXRsZXQsIEFzeW5jUGlwZSxcbiAgICBMaWJzVWlJY29uc0dldEljb25Db21wb25lbnRQaXBlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0dhbGxlcnlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qIFBST1BFUlRZICovXG4gIHByb3RlY3RlZCBpbWFnZXNEaXNwbGF5ID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiB0aGlzLmltYWdlcygpLnNsaWNlKHRoaXMuc3RhcnQoKSwgdGhpcy5lbmQoKSk7XG4gIH0pO1xuXG4gIHByaXZhdGUgaWRPdmVybGF5ID0gc2lnbmFsPHN0cmluZz4odXVpZCgpKTtcbiAgcHJpdmF0ZSBpZEludGVydmFsID0gc2lnbmFsPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSB2aWV3ZXJSZWY6IENvbXBvbmVudFJlZjxMaWJzVWlDb21wb25lbnRzR2FsbGVyeVZpZXdlckNvbXBvbmVudD4gfCB1bmRlZmluZWQ7XG5cbiAgLyogSU5QVVQgKi9cbiAgcmVhZG9ubHkgaW1hZ2VzID0gbW9kZWwucmVxdWlyZWQ8QXJyYXk8UmVjb3JkPHN0cmluZywgYW55Pj4+KCk7XG4gIHJlYWRvbmx5IHN0YXJ0ID0gaW5wdXQ8bnVtYmVyPigwKTtcbiAgcmVhZG9ubHkgZW5kID0gaW5wdXQ8bnVtYmVyPigzKTtcbiAgcmVhZG9ubHkgekluZGV4ID0gaW5wdXQ8bnVtYmVyPigxMjAwKTtcbiAgcmVhZG9ubHkgZmllbGREaXNwbGF5U3JjSW1hZ2UgPSBpbnB1dDxzdHJpbmc+KCd1cmwnKTtcbiAgcmVhZG9ubHkgaWdub3JlT3ZlcmxheUNvdW50SW1hZ2UgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpbWFnZUFycmF5U3RyaW5nQ29udmVydCA9IGlucHV0PEFycmF5PHN0cmluZz4+KCk7IC8vIHPhu60gZOG7pW5nIHRyb25nIDEgc+G7kSB0csaw4budbmcgaOG7o3AgaW1hZ2VzIGzDoCBBcnJheTxzdHJpbmc+XG5cbiAgLyogT1VUUFVUICovXG4gIHJlYWRvbmx5IG91dEZ1bmN0aW9uc0NvbnRyb2wgPSBvdXRwdXQ8SUdhbGxlcnlGdW5jdGlvbnNDb250cm9sRXZlbnQ+KCk7XG4gIHJlYWRvbmx5IG91dFZpZXdlckV2ZW50ID0gb3V0cHV0PCdzaG93JyB8ICdyZW1vdmUnPigpO1xuXG4gIC8qIElOSkVDVCAqL1xuICBwcml2YXRlIGR5bmFtaWNDb21wb25lbnQgPSBpbmplY3QoTGlic1VpRHluYW1pY0NvbXBvbmVudFNlcnZpY2UpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCBpbWdDb252ZXJ0ID0gdGhpcy5pbWFnZUFycmF5U3RyaW5nQ29udmVydCgpO1xuICAgICAgY29uc3QgZmllbGRHZXRTcmMgPSB0aGlzLmZpZWxkRGlzcGxheVNyY0ltYWdlKCk7XG5cbiAgICAgIGlmICghaW1nQ29udmVydD8ubGVuZ3RoIHx8ICFmaWVsZEdldFNyYykge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCBjb252ZXJ0ZWRJbWFnZXMgPSBpbWdDb252ZXJ0Py5tYXAoaXRlbSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIFtmaWVsZEdldFNyY106IGl0ZW1cbiAgICAgICAgICB9IGFzIFJlY29yZDxzdHJpbmcsIGFueT47XG4gICAgICAgIH0pIHx8IFtdO1xuXG4gICAgICAgIHRoaXMuaW1hZ2VzLnNldChjb252ZXJ0ZWRJbWFnZXMpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm91dEZ1bmN0aW9uc0NvbnRyb2wuZW1pdCh7XG4gICAgICBvcGVuOiAoaW1hZ2VTZWxlY3RlZDogUmVjb3JkPHN0cmluZywgYW55PikgPT4gdGhpcy5oYW5kbGVyU2VsZWN0SW1hZ2UodW5kZWZpbmVkLCBpbWFnZVNlbGVjdGVkKSxcbiAgICAgIHZpZXdlclJlZjogdGhpcy5WaWV3ZXJSZWZcbiAgICB9KVxuICB9XG5cbiAgLyogRlVOQ1RJT05TICovXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyU2VsZWN0SW1hZ2UoZXZlbnQ6IE1vdXNlRXZlbnQgfCB1bmRlZmluZWQsIGltYWdlU2VsZWN0ZWQ6IFJlY29yZDxzdHJpbmcsIGFueT4pIHtcbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBpZiAodGhpcy52aWV3ZXJSZWYpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB2aWV3ZXJDb21wb25lbnQgPSBhd2FpdCBpbXBvcnQoJy4vdmlld2VyL3ZpZXdlci5jb21wb25lbnQnKS50aGVuKGMgPT4gYy5MaWJzVWlDb21wb25lbnRzR2FsbGVyeVZpZXdlckNvbXBvbmVudCk7XG5cbiAgICB0aGlzLnZpZXdlclJlZiA9IHRoaXMuZHluYW1pY0NvbXBvbmVudC5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeSh2aWV3ZXJDb21wb25lbnQpO1xuICAgIHRoaXMub3V0RnVuY3Rpb25zQ29udHJvbC5lbWl0KHsgdmlld2VyUmVmOiB0aGlzLlZpZXdlclJlZiwgb3BlbjogKGltYWdlU2VsZWN0ZWQ6IFJlY29yZDxzdHJpbmcsIGFueT4pID0+IHRoaXMuaGFuZGxlclNlbGVjdEltYWdlKHVuZGVmaW5lZCwgaW1hZ2VTZWxlY3RlZCkgfSk7XG5cbiAgICB0aGlzLnZpZXdlclJlZi5zZXRJbnB1dCgnZmllbGREaXNwbGF5U3JjSW1hZ2UnLCB0aGlzLmZpZWxkRGlzcGxheVNyY0ltYWdlKCkpO1xuICAgIHRoaXMudmlld2VyUmVmLnNldElucHV0KCdpbWFnZXMnLCB0aGlzLmltYWdlcygpKTtcbiAgICB0aGlzLnZpZXdlclJlZi5zZXRJbnB1dCgnaW1hZ2VTZWxlY3RlZCcsIGltYWdlU2VsZWN0ZWQpO1xuICAgIHRoaXMudmlld2VyUmVmLnNldElucHV0KCd6SW5kZXgnLCB0aGlzLnpJbmRleCgpKTtcbiAgICB0aGlzLnZpZXdlclJlZi5zZXRJbnB1dCgnc2luZ2xlSW1hZ2UnLCB0aGlzLmltYWdlcygpLmxlbmd0aCA8PSAxKTtcblxuICAgIGNvbnN0IHN1YiA9IHRoaXMudmlld2VyUmVmLmluc3RhbmNlLm91dENsb3NlLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBzdWIudW5zdWJzY3JpYmUoKTtcbiAgICAgIHRoaXMuY2xvc2VQb3B1cCgpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5keW5hbWljQ29tcG9uZW50LmFkZFRvQm9keSh0aGlzLnZpZXdlclJlZik7XG4gICAgdGhpcy5vdXRWaWV3ZXJFdmVudC5lbWl0KCdzaG93Jyk7XG5cbiAgICBpZiAoaXNFbWJlZEZyYW1lKCkpIHtcbiAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgIHR5cGU6IFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbC5LRVlfTUVTU0FHRV9NT0RBTCxcbiAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICBtZXNzYWdlOiAnb3BlbicsXG4gICAgICAgICAgc3RhdGU6IHRydWUsXG4gICAgICAgICAgaWRPdmVybGF5OiB0aGlzLmlkT3ZlcmxheSxcbiAgICAgICAgICB0aW1lTGl2ZVVwZGF0ZTogZGF5anMoKS51bml4KClcbiAgICAgICAgfVxuICAgICAgfTtcblxuICAgICAgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLlBvc3RNZXNzYWdlVG9QYXJlbnQoZGF0YSk7XG5cbiAgICAgIHRoaXMuaWRJbnRlcnZhbC5zZXQoKHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgZGF0YS5yZXNwb25zZS50aW1lTGl2ZVVwZGF0ZSA9IGRheWpzKCkudW5peCgpO1xuXG4gICAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgICAgfSwgMjAwMCkgYXMgdW5rbm93bikgYXMgbnVtYmVyKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckltYWdlRXJyb3IoZTogRXJyb3JFdmVudCwgaW1hZ2U6IFJlY29yZDxzdHJpbmcsIGFueT4pIHtcbiAgICBjb25zdCBldmVudCA9IGUgYXMgSUV2ZW50O1xuXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBpbWFnZVsnaXNFcnJvciddID0gdHJ1ZTtcbiAgfVxuXG4gIHByaXZhdGUgY2xvc2VQb3B1cCgpIHtcbiAgICBjbGVhckludGVydmFsKHRoaXMuaWRJbnRlcnZhbCgpKTtcbiAgICBpZiAodGhpcy52aWV3ZXJSZWYpIHtcbiAgICAgIHRoaXMub3V0Vmlld2VyRXZlbnQuZW1pdCgncmVtb3ZlJyk7XG4gICAgICBpZiAoaXNFbWJlZEZyYW1lKCkpIHtcbiAgICAgICAgY29uc3QgZGF0YSA9IHtcbiAgICAgICAgICB0eXBlOiBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwuS0VZX01FU1NBR0VfTU9EQUwsXG4gICAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICAgIG1lc3NhZ2U6ICdjbG9zZScsXG4gICAgICAgICAgICBzdGF0ZTogZmFsc2UsXG4gICAgICAgICAgICBpZE92ZXJsYXk6IHRoaXMuaWRPdmVybGF5XG4gICAgICAgICAgfVxuICAgICAgICB9O1xuXG4gICAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmR5bmFtaWNDb21wb25lbnQucmVtb3ZlKHRoaXMudmlld2VyUmVmKTtcbiAgICB0aGlzLnZpZXdlclJlZiA9IHVuZGVmaW5lZDtcbiAgICB0aGlzLm91dEZ1bmN0aW9uc0NvbnRyb2wuZW1pdCh7IHZpZXdlclJlZjogdGhpcy5WaWV3ZXJSZWYsIG9wZW46IChpbWFnZVNlbGVjdGVkOiBSZWNvcmQ8c3RyaW5nLCBhbnk+KSA9PiB0aGlzLmhhbmRsZXJTZWxlY3RJbWFnZSh1bmRlZmluZWQsIGltYWdlU2VsZWN0ZWQpIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgVmlld2VyUmVmKCkge1xuICAgIHJldHVybiB0aGlzLnZpZXdlclJlZjtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudmlld2VyUmVmPy5kZXN0cm95KCk7XG4gICAgdGhpcy5jbG9zZVBvcHVwKCk7XG4gIH1cbn1cbiIsIkBpZiAoaW1hZ2VzKCkpIHtcbiAgPGRpdiBjbGFzcz1cImZsZXggbm93cmFwIHctMTAwIGgtMTAwXCI+XG4gICAgQGZvciAoaW1hZ2Ugb2YgaW1hZ2VzRGlzcGxheSgpOyB0cmFjayAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgaC1mdWxsIGxpYnMtdWktYm9yZGVyLWdlbmVyYWwgcmVsYXRpdmUgY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICBbY2xhc3MubXItWzEycHhdXT1cIiFsYXN0XCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZXJTZWxlY3RJbWFnZSgkZXZlbnQsIGltYWdlKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgdy1mdWxsIGgtZnVsbFwiPlxuICAgICAgICAgIEBpZiAoIWltYWdlWydpc0Vycm9yJ10pIHtcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJpbWFnZVtmaWVsZERpc3BsYXlTcmNJbWFnZSgpXVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBsaWJzLXVpcGVyY2VudC1tYXgtaGVpZ2h0LTEwMCBsaWJzLXVpcGVyY2VudC1tYXgtd2lkdGgtMTAwIG0tYXV0b1wiXG4gICAgICAgICAgICAgIChlcnJvcik9J2hhbmRsZXJJbWFnZUVycm9yKCRldmVudCwgaW1hZ2UpJyAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGltYWdlWydpc0Vycm9yJ10pIHtcbiAgICAgICAgICAgIDxkaXYgKm5nQ29tcG9uZW50T3V0bGV0PVwiJ2ltYWdlLWRlZmF1bHQnIHwgTGlic1VpSWNvbnNHZXRJY29uQ29tcG9uZW50UGlwZSB8IGFzeW5jXCI+PC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgQGlmIChsYXN0ICYmIGltYWdlcygpLmxlbmd0aCA+IGVuZCgpICYmICFpZ25vcmVPdmVybGF5Q291bnRJbWFnZSgpKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggdy1mdWxsIGgtZnVsbCBhYnNvbHV0ZSB0b3AtMCBsZWZ0LTAgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGJnLVsjMDAwXSBvcGFjaXR5LTVcIj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCB3LWZ1bGwgaC1mdWxsIGFic29sdXRlIHRvcC0wIGxlZnQtMCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGlicy11aS1mb250LWgzcyBsaWJzLXVpLWZvbnQtc2l6ZS0yMHB4IHRleHQtWyNmZmZmZmZdXCI+KyB7eyBpbWFnZXMoKS5sZW5ndGggLSBlbmQoKSB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZ2FsbGVyeS9zcmMvZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZ2FsbGVyeS9zcmMvZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWdCLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZLLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWpFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxZQUFZLEVBQUUscUJBQXFCLEVBQUUsOEJBQThCLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0csT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDOztBQWdCMUIsTUFBTSxPQUFPLGdDQUFnQztJQUMzQyxjQUFjO0lBQ0osYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDdEMsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN2RCxDQUFDLENBQUMsQ0FBQztJQUVLLFNBQVMsR0FBRyxNQUFNLENBQVMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNuQyxVQUFVLEdBQUcsTUFBTSxDQUFxQixT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QztJQUNoSyxDQUFDO0lBRUQsSUFBWSxTQUFTO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7d0dBMUlVLGdDQUFnQzs0RkFBaEMsZ0NBQWdDLHFyQ0N2QjdDLDR2Q0EyQkEsMEREUkksaUJBQWlCLCtPQUFFLFNBQVMseUNBQzVCLCtCQUErQjs7NEZBR3RCLGdDQUFnQztrQkFaNUMsU0FBUzsrQkFFRSw0QkFBNEIsY0FHMUIsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLGlCQUFpQixFQUFFLFNBQVM7d0JBQzVCLCtCQUErQjtxQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBBc3luY1BpcGUsIE5nQ29tcG9uZW50T3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbXBvbmVudFJlZiwgY29tcHV0ZWQsIGVmZmVjdCwgaW5qZWN0LCBpbnB1dCwgbW9kZWwsIE9uRGVzdHJveSwgT25Jbml0LCBvdXRwdXQsIHNpZ25hbCwgdW50cmFja2VkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMaWJzVWlJY29uc0dldEljb25Db21wb25lbnRQaXBlIH0gZnJvbSAnQGxpYnMtdWkvaWNvbnMnO1xuaW1wb3J0IHsgSUV2ZW50IH0gZnJvbSAnQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlcyc7XG5pbXBvcnQgeyBMaWJzVWlEeW5hbWljQ29tcG9uZW50U2VydmljZSB9IGZyb20gJ0BsaWJzLXVpL3NlcnZpY2VzLWR5bmFtaWMtY29tcG9uZW50JztcbmltcG9ydCB7IGlzRW1iZWRGcmFtZSwgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLCBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwsIHV1aWQgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgZGF5anMgZnJvbSAnZGF5anMnO1xuaW1wb3J0IHsgSUdhbGxlcnlGdW5jdGlvbnNDb250cm9sRXZlbnQgfSBmcm9tICcuL2ludGVyZmFjZXMvZnVuY3Rpb25zLWNvbnRyb2wtZXZlbnQuaW50ZXJmYWNlJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNHYWxsZXJ5Vmlld2VyQ29tcG9uZW50IH0gZnJvbSAnLi92aWV3ZXIvdmlld2VyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9nYWxsZXJ5LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDb21wb25lbnRPdXRsZXQsIEFzeW5jUGlwZSxcbiAgICBMaWJzVWlJY29uc0dldEljb25Db21wb25lbnRQaXBlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0dhbGxlcnlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qIFBST1BFUlRZICovXG4gIHByb3RlY3RlZCBpbWFnZXNEaXNwbGF5ID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiB0aGlzLmltYWdlcygpLnNsaWNlKHRoaXMuc3RhcnQoKSwgdGhpcy5lbmQoKSk7XG4gIH0pO1xuXG4gIHByaXZhdGUgaWRPdmVybGF5ID0gc2lnbmFsPHN0cmluZz4odXVpZCgpKTtcbiAgcHJpdmF0ZSBpZEludGVydmFsID0gc2lnbmFsPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcHJpdmF0ZSB2aWV3ZXJSZWY6IENvbXBvbmVudFJlZjxMaWJzVWlDb21wb25lbnRzR2FsbGVyeVZpZXdlckNvbXBvbmVudD4gfCB1bmRlZmluZWQ7XG5cbiAgLyogSU5QVVQgKi9cbiAgcmVhZG9ubHkgaW1hZ2VzID0gbW9kZWwucmVxdWlyZWQ8QXJyYXk8UmVjb3JkPHN0cmluZywgYW55Pj4+KCk7XG4gIHJlYWRvbmx5IHN0YXJ0ID0gaW5wdXQ8bnVtYmVyPigwKTtcbiAgcmVhZG9ubHkgZW5kID0gaW5wdXQ8bnVtYmVyPigzKTtcbiAgcmVhZG9ubHkgekluZGV4ID0gaW5wdXQ8bnVtYmVyPigxMjAwKTtcbiAgcmVhZG9ubHkgZmllbGREaXNwbGF5U3JjSW1hZ2UgPSBpbnB1dDxzdHJpbmc+KCd1cmwnKTtcbiAgcmVhZG9ubHkgaWdub3JlT3ZlcmxheUNvdW50SW1hZ2UgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpbWFnZUFycmF5U3RyaW5nQ29udmVydCA9IGlucHV0PEFycmF5PHN0cmluZz4+KCk7IC8vIHPhu60gZOG7pW5nIHRyb25nIDEgc+G7kSB0csaw4budbmcgaOG7o3AgaW1hZ2VzIGzDoCBBcnJheTxzdHJpbmc+XG5cbiAgLyogT1VUUFVUICovXG4gIHJlYWRvbmx5IG91dEZ1bmN0aW9uc0NvbnRyb2wgPSBvdXRwdXQ8SUdhbGxlcnlGdW5jdGlvbnNDb250cm9sRXZlbnQ+KCk7XG4gIHJlYWRvbmx5IG91dFZpZXdlckV2ZW50ID0gb3V0cHV0PCdzaG93JyB8ICdyZW1vdmUnPigpO1xuXG4gIC8qIElOSkVDVCAqL1xuICBwcml2YXRlIGR5bmFtaWNDb21wb25lbnQgPSBpbmplY3QoTGlic1VpRHluYW1pY0NvbXBvbmVudFNlcnZpY2UpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCBpbWdDb252ZXJ0ID0gdGhpcy5pbWFnZUFycmF5U3RyaW5nQ29udmVydCgpO1xuICAgICAgY29uc3QgZmllbGRHZXRTcmMgPSB0aGlzLmZpZWxkRGlzcGxheVNyY0ltYWdlKCk7XG5cbiAgICAgIGlmICghaW1nQ29udmVydD8ubGVuZ3RoIHx8ICFmaWVsZEdldFNyYykge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCBjb252ZXJ0ZWRJbWFnZXMgPSBpbWdDb252ZXJ0Py5tYXAoaXRlbSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIFtmaWVsZEdldFNyY106IGl0ZW1cbiAgICAgICAgICB9IGFzIFJlY29yZDxzdHJpbmcsIGFueT47XG4gICAgICAgIH0pIHx8IFtdO1xuXG4gICAgICAgIHRoaXMuaW1hZ2VzLnNldChjb252ZXJ0ZWRJbWFnZXMpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm91dEZ1bmN0aW9uc0NvbnRyb2wuZW1pdCh7XG4gICAgICBvcGVuOiAoaW1hZ2VTZWxlY3RlZDogUmVjb3JkPHN0cmluZywgYW55PikgPT4gdGhpcy5oYW5kbGVyU2VsZWN0SW1hZ2UodW5kZWZpbmVkLCBpbWFnZVNlbGVjdGVkKSxcbiAgICAgIHZpZXdlclJlZjogdGhpcy5WaWV3ZXJSZWZcbiAgICB9KVxuICB9XG5cbiAgLyogRlVOQ1RJT05TICovXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyU2VsZWN0SW1hZ2UoZXZlbnQ6IE1vdXNlRXZlbnQgfCB1bmRlZmluZWQsIGltYWdlU2VsZWN0ZWQ6IFJlY29yZDxzdHJpbmcsIGFueT4pIHtcbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBpZiAodGhpcy52aWV3ZXJSZWYpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB2aWV3ZXJDb21wb25lbnQgPSBhd2FpdCBpbXBvcnQoJy4vdmlld2VyL3ZpZXdlci5jb21wb25lbnQnKS50aGVuKGMgPT4gYy5MaWJzVWlDb21wb25lbnRzR2FsbGVyeVZpZXdlckNvbXBvbmVudCk7XG5cbiAgICB0aGlzLnZpZXdlclJlZiA9IHRoaXMuZHluYW1pY0NvbXBvbmVudC5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeSh2aWV3ZXJDb21wb25lbnQpO1xuICAgIHRoaXMub3V0RnVuY3Rpb25zQ29udHJvbC5lbWl0KHsgdmlld2VyUmVmOiB0aGlzLlZpZXdlclJlZiwgb3BlbjogKGltYWdlU2VsZWN0ZWQ6IFJlY29yZDxzdHJpbmcsIGFueT4pID0+IHRoaXMuaGFuZGxlclNlbGVjdEltYWdlKHVuZGVmaW5lZCwgaW1hZ2VTZWxlY3RlZCkgfSk7XG5cbiAgICB0aGlzLnZpZXdlclJlZi5zZXRJbnB1dCgnZmllbGREaXNwbGF5U3JjSW1hZ2UnLCB0aGlzLmZpZWxkRGlzcGxheVNyY0ltYWdlKCkpO1xuICAgIHRoaXMudmlld2VyUmVmLnNldElucHV0KCdpbWFnZXMnLCB0aGlzLmltYWdlcygpKTtcbiAgICB0aGlzLnZpZXdlclJlZi5zZXRJbnB1dCgnaW1hZ2VTZWxlY3RlZCcsIGltYWdlU2VsZWN0ZWQpO1xuICAgIHRoaXMudmlld2VyUmVmLnNldElucHV0KCd6SW5kZXgnLCB0aGlzLnpJbmRleCgpKTtcbiAgICB0aGlzLnZpZXdlclJlZi5zZXRJbnB1dCgnc2luZ2xlSW1hZ2UnLCB0aGlzLmltYWdlcygpLmxlbmd0aCA8PSAxKTtcblxuICAgIGNvbnN0IHN1YiA9IHRoaXMudmlld2VyUmVmLmluc3RhbmNlLm91dENsb3NlLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBzdWIudW5zdWJzY3JpYmUoKTtcbiAgICAgIHRoaXMuY2xvc2VQb3B1cCgpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5keW5hbWljQ29tcG9uZW50LmFkZFRvQm9keSh0aGlzLnZpZXdlclJlZik7XG4gICAgdGhpcy5vdXRWaWV3ZXJFdmVudC5lbWl0KCdzaG93Jyk7XG5cbiAgICBpZiAoaXNFbWJlZEZyYW1lKCkpIHtcbiAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgIHR5cGU6IFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbC5LRVlfTUVTU0FHRV9NT0RBTCxcbiAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICBtZXNzYWdlOiAnb3BlbicsXG4gICAgICAgICAgc3RhdGU6IHRydWUsXG4gICAgICAgICAgaWRPdmVybGF5OiB0aGlzLmlkT3ZlcmxheSxcbiAgICAgICAgICB0aW1lTGl2ZVVwZGF0ZTogZGF5anMoKS51bml4KClcbiAgICAgICAgfVxuICAgICAgfTtcblxuICAgICAgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLlBvc3RNZXNzYWdlVG9QYXJlbnQoZGF0YSk7XG5cbiAgICAgIHRoaXMuaWRJbnRlcnZhbC5zZXQoKHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgZGF0YS5yZXNwb25zZS50aW1lTGl2ZVVwZGF0ZSA9IGRheWpzKCkudW5peCgpO1xuXG4gICAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgICAgfSwgMjAwMCkgYXMgdW5rbm93bikgYXMgbnVtYmVyKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckltYWdlRXJyb3IoZTogRXJyb3JFdmVudCwgaW1hZ2U6IFJlY29yZDxzdHJpbmcsIGFueT4pIHtcbiAgICBjb25zdCBldmVudCA9IGUgYXMgSUV2ZW50O1xuXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBpbWFnZVsnaXNFcnJvciddID0gdHJ1ZTtcbiAgfVxuXG4gIHByaXZhdGUgY2xvc2VQb3B1cCgpIHtcbiAgICBjbGVhckludGVydmFsKHRoaXMuaWRJbnRlcnZhbCgpKTtcbiAgICBpZiAodGhpcy52aWV3ZXJSZWYpIHtcbiAgICAgIHRoaXMub3V0Vmlld2VyRXZlbnQuZW1pdCgncmVtb3ZlJyk7XG4gICAgICBpZiAoaXNFbWJlZEZyYW1lKCkpIHtcbiAgICAgICAgY29uc3QgZGF0YSA9IHtcbiAgICAgICAgICB0eXBlOiBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwuS0VZX01FU1NBR0VfTU9EQUwsXG4gICAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICAgIG1lc3NhZ2U6ICdjbG9zZScsXG4gICAgICAgICAgICBzdGF0ZTogZmFsc2UsXG4gICAgICAgICAgICBpZE92ZXJsYXk6IHRoaXMuaWRPdmVybGF5XG4gICAgICAgICAgfVxuICAgICAgICB9O1xuXG4gICAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmR5bmFtaWNDb21wb25lbnQucmVtb3ZlKHRoaXMudmlld2VyUmVmKTtcbiAgICB0aGlzLnZpZXdlclJlZiA9IHVuZGVmaW5lZDtcbiAgICB0aGlzLm91dEZ1bmN0aW9uc0NvbnRyb2wuZW1pdCh7IHZpZXdlclJlZjogdGhpcy5WaWV3ZXJSZWYsIG9wZW46IChpbWFnZVNlbGVjdGVkOiBSZWNvcmQ8c3RyaW5nLCBhbnk+KSA9PiB0aGlzLmhhbmRsZXJTZWxlY3RJbWFnZSh1bmRlZmluZWQsIGltYWdlU2VsZWN0ZWQpIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgVmlld2VyUmVmKCkge1xuICAgIHJldHVybiB0aGlzLnZpZXdlclJlZjtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudmlld2VyUmVmPy5kZXN0cm95KCk7XG4gICAgdGhpcy5jbG9zZVBvcHVwKCk7XG4gIH1cbn1cbiIsIkBpZiAoaW1hZ2VzKCkpIHtcbiAgPGRpdiBjbGFzcz1cImZsZXggbm93cmFwIHctMTAwIGgtMTAwXCI+XG4gICAgQGZvciAoaW1hZ2Ugb2YgaW1hZ2VzRGlzcGxheSgpOyB0cmFjayAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgaC1mdWxsIGxpYnMtdWktYm9yZGVyLWdlbmVyYWwgcmVsYXRpdmUgY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICBbY2xhc3MubXItWzEycHhdXT1cIiFsYXN0XCJcbiAgICAgICAgKGNsaWNrKT1cImhhbmRsZXJTZWxlY3RJbWFnZSgkZXZlbnQsIGltYWdlKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgdy1mdWxsIGgtZnVsbFwiPlxuICAgICAgICAgIEBpZiAoIWltYWdlWydpc0Vycm9yJ10pIHtcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJpbWFnZVtmaWVsZERpc3BsYXlTcmNJbWFnZSgpXVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBtYXgtdy1mdWxsIG1heC1oLWZ1bGwgbS1hdXRvXCJcbiAgICAgICAgICAgICAgKGVycm9yKT0naGFuZGxlckltYWdlRXJyb3IoJGV2ZW50LCBpbWFnZSknIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoaW1hZ2VbJ2lzRXJyb3InXSkge1xuICAgICAgICAgICAgPGRpdiAqbmdDb21wb25lbnRPdXRsZXQ9XCInaW1hZ2UtZGVmYXVsdCcgfCBMaWJzVWlJY29uc0dldEljb25Db21wb25lbnRQaXBlIHwgYXN5bmNcIj48L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBAaWYgKGxhc3QgJiYgaW1hZ2VzKCkubGVuZ3RoID4gZW5kKCkgJiYgIWlnbm9yZU92ZXJsYXlDb3VudEltYWdlKCkpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCB3LWZ1bGwgaC1mdWxsIGFic29sdXRlIHRvcC0wIGxlZnQtMCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgYmctWyMwMDBdIG9wYWNpdHktNVwiPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBoLWZ1bGwgYWJzb2x1dGUgdG9wLTAgbGVmdC0wIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlclwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJsaWJzLXVpLWZvbnQtaDNzIGxpYnMtdWktZm9udC1zaXplLTIwcHggdGV4dC1bI2ZmZmZmZl1cIj4rIHt7IGltYWdlcygpLmxlbmd0aCAtIGVuZCgpIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxufVxuIl19

package/fesm2022/{libs-ui-components-gallery-viewer.component-B0ne1tN2.mjs → libs-ui-components-gallery-viewer.component-BWW_1gPm.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, input, model, output, viewChild, viewChildren, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, input, model, output, viewChild, viewChildren, effect, untracked, Component, ChangeDetectionStrategy } from '@angular/core';
 import { Subject, fromEvent, takeUntil } from 'rxjs';
 import { viewDataNumberByLanguage } from '@libs-ui/utils';
 import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
@@ -312,4 +312,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [] });
 
 export { LibsUiComponentsGalleryViewerComponent };
-//# sourceMappingURL=libs-ui-components-gallery-viewer.component-B0ne1tN2.mjs.map
+//# sourceMappingURL=libs-ui-components-gallery-viewer.component-BWW_1gPm.mjs.map

package/fesm2022/{libs-ui-components-gallery-viewer.component-B0ne1tN2.mjs.map → libs-ui-components-gallery-viewer.component-BWW_1gPm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-components-gallery-viewer.component-B0ne1tN2.mjs","sources":["../../../../../libs-ui/components/gallery/src/viewer/viewer.component.ts","../../../../../libs-ui/components/gallery/src/viewer/viewer.component.html"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AfterViewInit, ChangeDetectionStrategy, Component, effect, ElementRef, input, model, OnDestroy, output, signal, untracked, viewChild, viewChildren } from \"@angular/core\";\nimport { IBoundingClientRect, IEvent } from \"@libs-ui/interfaces-types\";\nimport { IZoomDragHTMLElement } from \"../interfaces/zoom.interface\";\nimport { fromEvent, Subject, takeUntil } from \"rxjs\";\nimport { viewDataNumberByLanguage } from \"@libs-ui/utils\";\nimport { LibsUiComponentsPopoverComponent } from \"@libs-ui/components-popover\";\nimport { TranslateModule } from \"@ngx-translate/core\";\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-gallery-viewer',\n  templateUrl: './viewer.component.html',\n  styleUrls: ['./viewer.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    TranslateModule,\n    LibsUiComponentsPopoverComponent,\n  ]\n})\nexport class LibsUiComponentsGalleryViewerComponent implements AfterViewInit, OnDestroy {\n  /* PROPERTY */\n  protected indexSelected = signal<number>(0);\n  protected scaleValue = signal<number>(1);\n  protected ratio = signal<string>('100%');\n  protected fullScreen = signal<boolean>(false);\n  protected isShowButton = signal<boolean>(false);\n  protected disable = signal<boolean>(true);\n  protected hoverContentViewImage = signal<boolean>(false);\n\n  // private imagesElementRef = signal<Array<ElementRef>>([]);\n  private step = signal<number>(0.1);\n  private draggableEl = signal<IZoomDragHTMLElement | null>(null);\n  private widthDefault = signal<number>(0);\n  private heightDefault = signal<number>(0);\n  private viewPort = signal<IBoundingClientRect | undefined>(undefined);\n  private canDrag = signal<boolean>(false);\n  private widthImage = signal<number>(0);\n  private isFirstRender = signal<boolean>(false);\n  private timeouts = signal<Array<number>>([]);\n\n  private onDestroy = new Subject<void>();\n\n  /* INPUT */\n  readonly images = input.required<Array<Record<string, any>>>();\n  readonly fieldDisplaySrcImage = input.required<string>();\n  readonly imageSelected = model<Record<string, any>>();\n  readonly removeBackdrop = input<boolean>();\n  readonly zIndex = input<number>(1200);\n  readonly singleImage = input<boolean>(false);\n\n  /* OUTPUT */\n  readonly outClose = output<void>();\n\n  /* VIEW CHILD */\n  protected containerRef = viewChild<ElementRef>('containerRef');\n  protected singleImageRef = viewChild<ElementRef>('singleImageRef');\n  protected elementRatioRef = viewChild<ElementRef>('elementRatioRef');\n  protected fullContainerRef = viewChild<ElementRef>('fullContainerRef');\n  protected imagesRef = viewChildren<ElementRef>('imagesRef');\n\n  constructor() {\n    effect(() => {\n      if (this.singleImage()) {\n        return;\n      }\n      const indexSelected = this.images().findIndex(item => item[this.fieldDisplaySrcImage()] === this.imageSelected()?.[this.fieldDisplaySrcImage()]);\n\n      untracked(() => {\n        this.indexSelected.set(indexSelected);\n\n        this.createTimeout((id) => {\n          clearTimeout(id);\n          this.imagesRef()[this.indexSelected()].nativeElement.scrollIntoView();\n        }, 100);\n      });\n    });\n  }\n\n  ngAfterViewInit() {\n    fromEvent<KeyboardEvent>(document, 'keyup').pipe(takeUntil(this.onDestroy)).subscribe((event) => {\n      event.stopPropagation();\n      if (event.key === 'ArrowLeft') {\n        this.handlerPreviousImage(event);\n\n        return;\n      }\n      if (event.key === 'ArrowRight') {\n        this.handlerNextImage(event);\n\n        return;\n      }\n    });\n    this.isFirstRender.set(true);\n    fromEvent(window, 'resize').pipe(takeUntil(this.onDestroy)).subscribe(this.setWidthImages.bind(this));\n\n    this.createTimeout((id) => {\n      clearTimeout(id);\n      this.setWidthImages();\n    }, 300);\n  }\n\n  /* FUNCTIONS */\n  private setWidthImages() {\n    if (!this.fullScreen()) {\n      this.imagesRef().forEach(image => {\n        image.nativeElement.style.width = image.nativeElement.getBoundingClientRect().height + 'px';\n      });\n    }\n    const singleImageRef = this.singleImageRef();\n    if (singleImageRef) {\n      singleImageRef.nativeElement.style.width = '';\n      singleImageRef.nativeElement.style.height = '';\n    }\n    this.viewPort.set(this.containerRef()?.nativeElement.getBoundingClientRect());\n    const img = new Image();\n\n    img.src = this.imageSelected()?.[this.fieldDisplaySrcImage()] as string;\n    img.onload = () => {\n      this.widthDefault.set(img.naturalWidth);\n      this.heightDefault.set(img.naturalHeight);\n      this.widthImage.set(this.singleImageRef()?.nativeElement.width);\n\n      this.setStyleSelectImage();\n    };\n  }\n\n  protected handlerImageError(e: ErrorEvent, image: Record<string, any>) {\n    const event = e as IEvent;\n\n    event.stopPropagation();\n\n    image['isError'] = true;\n  }\n\n  protected handlerShowButton(isShow: boolean) {\n    this.isShowButton.set(isShow);\n  }\n\n  protected handlerMouseEvent(event: Event, status: boolean) {\n    event.stopPropagation();\n    this.hoverContentViewImage.set(status);\n  }\n\n  protected handlerClosePopup(e: Event) {\n    e.stopPropagation();\n    this.outClose.emit();\n  }\n\n  protected handlerZoom(event: MouseEvent, type: 'in' | 'out') {\n    event.stopPropagation();\n    this.isFirstRender.set(false);\n    this.disable.set(false);\n    const element = this.singleImageRef()?.nativeElement;\n\n    if (!element) {\n      return;\n    }\n    const draggableEl = this.makeElementDraggable({\n      element: element,\n      isOverflowHiddenDesired: true,\n    });\n\n    this.draggableEl.set(draggableEl);\n\n    if (this.scaleValue() * this.widthDefault() / this.widthImage() * 100 < 1) {\n      this.scaleValue.set(1 / 100 * this.widthImage() / this.widthDefault());\n    }\n    if (this.scaleValue() * this.widthDefault() / this.widthImage() * 100 > 5000 * 0.9) {\n      this.scaleValue.set(5000 * 0.9 / 100 * this.widthImage() / this.widthDefault());\n    }\n    if (type === 'in') {\n      const scaleValue = this.scaleValue() * (1 + this.step());\n      this.scaleValue.set(scaleValue);\n    }\n    if (type === 'out') {\n      const scaleValue = this.scaleValue() / (1 + this.step());\n      this.scaleValue.set(scaleValue);\n    }\n    this.setWidthHeight(element);\n    element.style.position = `absolute`;\n    if (!this.canDrag && this.draggableEl() && this.draggableEl()?.stopDraggableBehavior) {\n\n      this.draggableEl()?.stopDraggableBehavior?.();\n    }\n  }\n\n  protected handlerNextImage(e: Event) {\n    const indexSelected = this.indexSelected() + 1;\n\n    this.handlerSelectImage(e, this.images()[indexSelected], indexSelected);\n  }\n\n  protected handlerPreviousImage(e: Event) {\n    const indexSelected = this.indexSelected() - 1;\n\n    this.handlerSelectImage(e, this.images()[indexSelected], indexSelected);\n  }\n\n  protected handlerSelectImage(e: Event, imageSelected: Record<string, any>, indexSelected: number) {\n    e.stopPropagation();\n    if (!imageSelected) {\n      return;\n    }\n    this.isFirstRender.set(true);\n    const elementRatio = this.elementRatioRef()?.nativeElement;\n\n    if (elementRatio) {\n      elementRatio.style.display = 'none';\n    }\n    this.imageSelected.set(imageSelected);\n    this.indexSelected.set(indexSelected);\n    this.scaleValue.set(1);\n    this.imagesRef()[indexSelected].nativeElement.scrollIntoView();\n    this.setWidthImages();\n  }\n\n  protected handlerFullScreen() {\n    this.createTimeout((id) => {\n      clearTimeout(id);\n      this.disable.set(true);\n      const element = this.singleImageRef()?.nativeElement;\n      const fullElement = this.fullContainerRef()?.nativeElement;\n\n      this.fullScreen.set(!this.fullScreen());\n\n      if (!fullElement) {\n        return;\n      }\n      if (this.fullScreen()) {\n        fullElement.style.width = '95%';\n        fullElement.style.height = '95%';\n      }\n      if (!this.fullScreen()) {\n        fullElement.style.width = '80%';\n        fullElement.style.height = '90%';\n      }\n      this.viewPort.set(this.containerRef()?.nativeElement.getBoundingClientRect());\n      if (!element) {\n        return;\n      }\n      this.setStyleSelectImage(true);\n      element.style.left = `unset`;\n      element.style.top = `unset`;\n    }, 0);\n  }\n\n  protected handlerReset() {\n    this.disable.set(true);\n    this.setStyleSelectImage(true);\n  }\n\n  private makeElementDraggable = ({\n    element,\n    DRAGGABLE_CSS_CLASS = 'draggable-element',\n  }: {\n    element: HTMLElement | null;\n    isOverflowHiddenDesired?: boolean;\n    DRAGGABLE_CSS_CLASS?: string;\n  }): IZoomDragHTMLElement | null => {\n    if (!element) {\n      return null;\n    }\n    const isTheRequiredCSSAlreadyInPlace = !!Array.from(\n      element.ownerDocument.getElementsByTagName('style')\n    ).filter((styleEl) =>\n      styleEl?.textContent?.includes(`.${DRAGGABLE_CSS_CLASS}`)\n    )?.[0];\n\n    if (!isTheRequiredCSSAlreadyInPlace) {\n      element.ownerDocument.body.appendChild(\n        Object.assign(element.ownerDocument.createElement('style'), {\n          textContent: `\n          .${DRAGGABLE_CSS_CLASS} {\n            position: absolute;\n            cursor: grabbing !important;\n          }\n          `,\n        })\n      );\n    }\n\n    if (!element.classList.contains(DRAGGABLE_CSS_CLASS)) {\n      element.classList.add(DRAGGABLE_CSS_CLASS);\n    }\n    element.onmousedown = (mouseDownEvent) => {\n      mouseDownEvent.preventDefault();\n      element.onmousemove = (mouseMoveEvent) => {\n        mouseMoveEvent.preventDefault();\n        const rectElement = element.getBoundingClientRect();\n\n        if (rectElement.left + rectElement.width + mouseMoveEvent.movementX > (this.viewPort()?.width || 0) + (this.viewPort()?.left || 0) && rectElement.left + mouseMoveEvent.movementX < (this.viewPort()?.left || 0)) {\n          element.style.left = `${element.offsetLeft + mouseMoveEvent.movementX}px`;\n        }\n        if (rectElement.top + rectElement.height + mouseMoveEvent.movementY > (this.viewPort()?.height || 0) + (this.viewPort()?.top || 0) && rectElement.top + mouseMoveEvent.movementY < (this.viewPort()?.top || 0)) {\n          element.style.top = `${element.offsetTop + mouseMoveEvent.movementY}px`;\n        }\n      };\n    };\n    element.ownerDocument.onmouseup = (mouseUpEvent) => {\n      mouseUpEvent.preventDefault();\n      element.onmousemove = null;\n    };\n\n    return Object.assign(element, {\n      stopDraggableBehavior() {\n        element.classList.remove(DRAGGABLE_CSS_CLASS);\n        element.onmousedown = null;\n        element.onmousemove = null;\n        element.onmouseup = null;\n        element.style.left = 'unset';\n        element.style.top = 'unset';\n\n        return element;\n      },\n    });\n  };\n\n  private setStyleSelectImage(reset?: boolean) {\n    const element = this.singleImageRef()?.nativeElement;\n\n    if (!element) {\n      return;\n    }\n    const scaleValue = (((this.viewPort()?.width || 0) / this.widthDefault()) < ((this.viewPort()?.height || 0) - (this.singleImage() ? 0 : 40)) / this.heightDefault()) ? ((this.viewPort()?.width || 0) / this.widthDefault()) : ((this.viewPort()?.height || 0) - (this.singleImage() ? 0 : 40)) / this.heightDefault();\n\n    this.scaleValue.set(scaleValue);\n\n    if (this.scaleValue() > 1 && (reset || this.isFirstRender()) && !this.fullScreen()) {\n      this.scaleValue.set(1);\n    }\n    this.setWidthHeight(element);\n    if (this.fullScreen()) {\n      element.style.position = `unset`;\n\n      return;\n    }\n  }\n\n  private setWidthHeight(element: HTMLElement) {\n    element.style.width = `${this.scaleValue() * this.widthDefault()}px`;\n    element.style.height = `${this.scaleValue() * this.heightDefault()}px`;\n    this.canDrag.set(false);\n    const rectElement = element.getBoundingClientRect();\n\n    if ((rectElement.width > (this.viewPort()?.width || 0)) || (rectElement.height > (this.viewPort()?.height || 0))) {\n      this.canDrag.set(true);\n    }\n    if (rectElement.left + rectElement.width < (this.viewPort()?.width || 0) + (this.viewPort()?.left || 0) || rectElement.left > (this.viewPort()?.left || 0)) {\n      element.style.left = `unset`;\n    }\n    if (rectElement.top + rectElement.height < (this.viewPort()?.top || 0) + (this.viewPort()?.height || 0) || rectElement.top > (this.viewPort()?.top || 0)) {\n      element.style.top = `unset`;\n    }\n\n    this.setDisplayRatio();\n  }\n\n  private setDisplayRatio() {\n    const element = this.singleImageRef()?.nativeElement;\n\n    this.ratio.set(`${viewDataNumberByLanguage(element.width / this.widthDefault() * 100, false, 0)}%`);\n    const elementRatio = this.elementRatioRef()?.nativeElement;\n\n    elementRatio.style.display = 'flex';\n    this.createTimeout((id) => {\n      clearTimeout(id);\n      elementRatio.style.display = 'none';\n    }, 1000);\n  }\n\n  private createTimeout(callback: (id: number) => void, delay: number) {\n    const timeoutId = setTimeout(() => callback(timeoutId), delay) as unknown as number;\n    this.timeouts.update(ids => [...ids, timeoutId]);\n  }\n\n  ngOnDestroy() {\n    this.timeouts().forEach(item => clearTimeout(item));\n    this.onDestroy.next();\n    this.onDestroy.complete();\n  }\n}","@if (images() || singleImage()) {\n  <div class=\"libs-ui-gallery-img-popup\"\n    [class.bg-[transparent]]=\"removeBackdrop()\"\n    [style.zIndex]=\"zIndex()\">\n    <div #fullContainerRef\n      class=\"libs-ui-gallery-img-popup-container\">\n      <div class=\"flex justify-end mb-[16px] z-10\">\n        <i class=\"libs-ui-icon-close text-[24px] text-[#ffffff] cursor-pointer\"\n          (click)=\"handlerClosePopup($event)\"></i>\n      </div>\n      <div class=\"relative w-full h-full\">\n        <div class=\"flex flex-col w-full h-full justify-between\">\n          <div class=\"libs-ui-gallery-img-popup-container-preview w-full h-full\">\n            <div class=\"flex flex-col w-full h-full relative\"\n              (mouseenter)=\"handlerShowButton(true)\"\n              (mouseleave)=\"handlerShowButton(false)\">\n              <div #containerRef\n                class=\"flex w-full h-full relative\">\n                <div class=\"absolute flex items-center justify-center w-full h-full overflow-hidden\"\n                  (mouseenter)=\"handlerMouseEvent($event, true)\"\n                  (mouseleave)=\"handlerMouseEvent($event,false)\">\n                  @if (fieldDisplaySrcImage() && imageSelected(); as imageSelected) {\n                    <img #singleImageRef\n                      [src]=\"imageSelected[fieldDisplaySrcImage()]\"\n                      class=\"flex m-[auto]\"\n                      (error)=\"handlerImageError($event, imageSelected)\" />\n                  }\n                  <div #elementRatioRef\n                    class=\"libs-ui-gallery-img-popup-container-preview-ratio items-center justify-center libs-ui-font-h5m text-[#e6e7ea] w-[80px] h-[34px] rounded-[4px] absolute top-[50%] left-[50%]\">\n                    {{ ratio() }}\n                  </div>\n                </div>\n              </div>\n              @if (!imageSelected()?.['error']) {\n                <div class=\"relative w-full\"\n                  (mouseenter)=\"handlerMouseEvent($event, true)\"\n                  [class.hidden]=\"!hoverContentViewImage()\">\n                  <div class=\"flex w-full justify-center libs-ui-font-h5r absolute z-10 top-[-44px]\">\n                    <libs_ui-components-popover [config]=\"{content: 'i18n_zoom_out', direction: 'top', zIndex:1300}\">\n                      <div class=\"libs-ui-gallery-img-popup-container-preview-button rounded-l-[8px]\"\n                        (click)=\"handlerZoom($event,'out')\">\n                        <div class=\"w-[16px] h-[16px] p-[1px] \">\n                          <div class=\"border-[#ffffff] border-[1px] rounded-[50%] text-[#ffffff] flex items-center justify-center text-[14px] w-full h-full\">-</div>\n                        </div>\n                      </div>\n                    </libs_ui-components-popover>\n                    <libs_ui-components-popover [config]=\"{content: 'i18n_zoom_in', direction: 'top', zIndex:1300}\">\n                      <div class=\"libs-ui-gallery-img-popup-container-preview-button\"\n                        (click)=\"handlerZoom($event,'in')\">\n                        <div class=\"w-[16px] h-[16px] p-[1px] \">\n                          <div class=\"border-[#ffffff] border-[1px] rounded-[50%] text-[#ffffff] flex items-center justify-center text-[12px] w-full h-full\">+</div>\n                        </div>\n                      </div>\n                    </libs_ui-components-popover>\n                    <libs_ui-components-popover [config]=\"{content: fullScreen() ? 'i18n_action_exit_full_screen' : 'i18n_action_view_full_screen', direction: 'top', zIndex:1300}\">\n                      <div class=\"libs-ui-gallery-img-popup-container-preview-button\"\n                        (click)=\"handlerFullScreen()\">\n                        <i class=\"{{ fullScreen() ? 'libs-ui-icon-fullscreen-exit' : 'libs-ui-icon-fullscreen-open' }} text-[#ffffff] text-[16px]\"></i>\n                      </div>\n                    </libs_ui-components-popover>\n                    <div class=\"libs-ui-gallery-img-popup-container-preview-button rounded-r-[8px] border-l border-l-1 border-[#5d636b] flex items-center\"\n                      (click)=\"handlerReset()\">\n                      <i class=\"libs-ui-icon-refresh text-16px mr-[8px]\"\n                        [class.text-[#ffffff]]=\"!disable()\"\n                        [class.text-[#6a7383]]=\"disable()\"></i>\n                      <div class=\"libs-ui-font-h5r\"\n                        [class.text-[#ffffff]]=\"!disable()\"\n                        [class.text-[#6a7383]]=\"disable()\">{{ 'i18n_restore' | translate }}</div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (!singleImage()) {\n                <div class=\"flex justify-center libs-ui-font-h5r text-[#ffffff] mt-[12px]\">\n                  @if (fullScreen()) {\n                    <div class=\"mr-[16px] flex items-center\">\n                      <div class=\"rotate-180\"\n                        [class.cursor-pointer]=\"indexSelected() !== 0\"\n                        [class.pointer-events-none]=\"indexSelected() === 0\"\n                        (click)=\"handlerPreviousImage($event)\">\n                        <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                          [class.libs-ui-disable]=\"indexSelected() === 0\"></i>\n                      </div>\n                    </div>\n                  }\n                  <div class=\"flex aitems-center\">\n                    {{ indexSelected()+1 }}/{{ images().length }}\n                  </div>\n\n                  @if (fullScreen()) {\n                    <div class=\"ml-[16px] flex items-center\">\n                      <div [class.cursor-pointer]=\"indexSelected() !== images().length - 1\"\n                        [class.pointer-events-none]=\"indexSelected() === images().length - 1\"\n                        (click)=\"handlerNextImage($event)\">\n                        <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                          [class.libs-ui-disable]=\"indexSelected() ===images().length - 1\"></i>\n                      </div>\n                    </div>\n                  }\n                </div>\n                }\n            </div>\n          </div>\n\n          @if (!singleImage()) {\n            <div class=\"libs-ui-gallery-img-popup-container-list px-[32px] mt-[24px] flex\"\n              [class.!hidden]=\"fullScreen()\">\n              <div class=\"mr-[24px] flex items-center\">\n                <div class=\"rotate-180\"\n                  [class.cursor-pointer]=\"indexSelected() !== 0\"\n                  [class.pointer-events-none]=\"indexSelected() === 0\"\n                  (click)=\"handlerPreviousImage($event)\">\n                  <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                    [class.libs-ui-disable]=\"indexSelected() === 0\"></i>\n                </div>\n              </div>\n\n              <div class=\"flex max-w-[80%] relative\">\n                <div class=\"flex h-full overflow-[hidden]\">\n                  @for (image of images(); track index; let index = $index; let last = $last) {\n                    <div #imagesRef\n                      class=\"libs-ui-gallery-img-popup-container-list-item\"\n                      [class.mr-[12px]]=\"!last\"\n                      [attr.active]=\"image[fieldDisplaySrcImage()] === imageSelected()?.[fieldDisplaySrcImage()]\">\n                      <div class=\"flex w-full h-full justify-center items-center\"\n                        (click)=\"handlerSelectImage($event,image,index)\">\n                        <div class=\"flex items-center justify-center w-full h-full\">\n                          <img [src]=\"image[fieldDisplaySrcImage()]\"\n                            class=\"flex max-h-full max-w-full m-[auto]\"\n                            (error)=\"handlerImageError($event, image)\" />\n                        </div>\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n              <div class=\"ml-[24px] flex items-center\">\n                <div [class.cursor-pointer]=\"indexSelected() !==images().length - 1\"\n                  [class.pointer-events-none]=\"indexSelected() ===images().length - 1\"\n                  (click)=\"handlerNextImage($event)\">\n                  <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                    [class.libs-ui-disable]=\"indexSelected() ===images().length - 1\"></i>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n  }\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"libs-ui-components-gallery-viewer.component-BWW_1gPm.mjs","sources":["../../../../../libs-ui/components/gallery/src/viewer/viewer.component.ts","../../../../../libs-ui/components/gallery/src/viewer/viewer.component.html"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AfterViewInit, ChangeDetectionStrategy, Component, effect, ElementRef, input, model, OnDestroy, output, signal, untracked, viewChild, viewChildren } from \"@angular/core\";\nimport { IBoundingClientRect, IEvent } from \"@libs-ui/interfaces-types\";\nimport { IZoomDragHTMLElement } from \"../interfaces/zoom.interface\";\nimport { fromEvent, Subject, takeUntil } from \"rxjs\";\nimport { viewDataNumberByLanguage } from \"@libs-ui/utils\";\nimport { LibsUiComponentsPopoverComponent } from \"@libs-ui/components-popover\";\nimport { TranslateModule } from \"@ngx-translate/core\";\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-gallery-viewer',\n  templateUrl: './viewer.component.html',\n  styleUrls: ['./viewer.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    TranslateModule,\n    LibsUiComponentsPopoverComponent,\n  ]\n})\nexport class LibsUiComponentsGalleryViewerComponent implements AfterViewInit, OnDestroy {\n  /* PROPERTY */\n  protected indexSelected = signal<number>(0);\n  protected scaleValue = signal<number>(1);\n  protected ratio = signal<string>('100%');\n  protected fullScreen = signal<boolean>(false);\n  protected isShowButton = signal<boolean>(false);\n  protected disable = signal<boolean>(true);\n  protected hoverContentViewImage = signal<boolean>(false);\n\n  // private imagesElementRef = signal<Array<ElementRef>>([]);\n  private step = signal<number>(0.1);\n  private draggableEl = signal<IZoomDragHTMLElement | null>(null);\n  private widthDefault = signal<number>(0);\n  private heightDefault = signal<number>(0);\n  private viewPort = signal<IBoundingClientRect | undefined>(undefined);\n  private canDrag = signal<boolean>(false);\n  private widthImage = signal<number>(0);\n  private isFirstRender = signal<boolean>(false);\n  private timeouts = signal<Array<number>>([]);\n\n  private onDestroy = new Subject<void>();\n\n  /* INPUT */\n  readonly images = input.required<Array<Record<string, any>>>();\n  readonly fieldDisplaySrcImage = input.required<string>();\n  readonly imageSelected = model<Record<string, any>>();\n  readonly removeBackdrop = input<boolean>();\n  readonly zIndex = input<number>(1200);\n  readonly singleImage = input<boolean>(false);\n\n  /* OUTPUT */\n  readonly outClose = output<void>();\n\n  /* VIEW CHILD */\n  protected containerRef = viewChild<ElementRef>('containerRef');\n  protected singleImageRef = viewChild<ElementRef>('singleImageRef');\n  protected elementRatioRef = viewChild<ElementRef>('elementRatioRef');\n  protected fullContainerRef = viewChild<ElementRef>('fullContainerRef');\n  protected imagesRef = viewChildren<ElementRef>('imagesRef');\n\n  constructor() {\n    effect(() => {\n      if (this.singleImage()) {\n        return;\n      }\n      const indexSelected = this.images().findIndex(item => item[this.fieldDisplaySrcImage()] === this.imageSelected()?.[this.fieldDisplaySrcImage()]);\n\n      untracked(() => {\n        this.indexSelected.set(indexSelected);\n\n        this.createTimeout((id) => {\n          clearTimeout(id);\n          this.imagesRef()[this.indexSelected()].nativeElement.scrollIntoView();\n        }, 100);\n      });\n    });\n  }\n\n  ngAfterViewInit() {\n    fromEvent<KeyboardEvent>(document, 'keyup').pipe(takeUntil(this.onDestroy)).subscribe((event) => {\n      event.stopPropagation();\n      if (event.key === 'ArrowLeft') {\n        this.handlerPreviousImage(event);\n\n        return;\n      }\n      if (event.key === 'ArrowRight') {\n        this.handlerNextImage(event);\n\n        return;\n      }\n    });\n    this.isFirstRender.set(true);\n    fromEvent(window, 'resize').pipe(takeUntil(this.onDestroy)).subscribe(this.setWidthImages.bind(this));\n\n    this.createTimeout((id) => {\n      clearTimeout(id);\n      this.setWidthImages();\n    }, 300);\n  }\n\n  /* FUNCTIONS */\n  private setWidthImages() {\n    if (!this.fullScreen()) {\n      this.imagesRef().forEach(image => {\n        image.nativeElement.style.width = image.nativeElement.getBoundingClientRect().height + 'px';\n      });\n    }\n    const singleImageRef = this.singleImageRef();\n    if (singleImageRef) {\n      singleImageRef.nativeElement.style.width = '';\n      singleImageRef.nativeElement.style.height = '';\n    }\n    this.viewPort.set(this.containerRef()?.nativeElement.getBoundingClientRect());\n    const img = new Image();\n\n    img.src = this.imageSelected()?.[this.fieldDisplaySrcImage()] as string;\n    img.onload = () => {\n      this.widthDefault.set(img.naturalWidth);\n      this.heightDefault.set(img.naturalHeight);\n      this.widthImage.set(this.singleImageRef()?.nativeElement.width);\n\n      this.setStyleSelectImage();\n    };\n  }\n\n  protected handlerImageError(e: ErrorEvent, image: Record<string, any>) {\n    const event = e as IEvent;\n\n    event.stopPropagation();\n\n    image['isError'] = true;\n  }\n\n  protected handlerShowButton(isShow: boolean) {\n    this.isShowButton.set(isShow);\n  }\n\n  protected handlerMouseEvent(event: Event, status: boolean) {\n    event.stopPropagation();\n    this.hoverContentViewImage.set(status);\n  }\n\n  protected handlerClosePopup(e: Event) {\n    e.stopPropagation();\n    this.outClose.emit();\n  }\n\n  protected handlerZoom(event: MouseEvent, type: 'in' | 'out') {\n    event.stopPropagation();\n    this.isFirstRender.set(false);\n    this.disable.set(false);\n    const element = this.singleImageRef()?.nativeElement;\n\n    if (!element) {\n      return;\n    }\n    const draggableEl = this.makeElementDraggable({\n      element: element,\n      isOverflowHiddenDesired: true,\n    });\n\n    this.draggableEl.set(draggableEl);\n\n    if (this.scaleValue() * this.widthDefault() / this.widthImage() * 100 < 1) {\n      this.scaleValue.set(1 / 100 * this.widthImage() / this.widthDefault());\n    }\n    if (this.scaleValue() * this.widthDefault() / this.widthImage() * 100 > 5000 * 0.9) {\n      this.scaleValue.set(5000 * 0.9 / 100 * this.widthImage() / this.widthDefault());\n    }\n    if (type === 'in') {\n      const scaleValue = this.scaleValue() * (1 + this.step());\n      this.scaleValue.set(scaleValue);\n    }\n    if (type === 'out') {\n      const scaleValue = this.scaleValue() / (1 + this.step());\n      this.scaleValue.set(scaleValue);\n    }\n    this.setWidthHeight(element);\n    element.style.position = `absolute`;\n    if (!this.canDrag && this.draggableEl() && this.draggableEl()?.stopDraggableBehavior) {\n\n      this.draggableEl()?.stopDraggableBehavior?.();\n    }\n  }\n\n  protected handlerNextImage(e: Event) {\n    const indexSelected = this.indexSelected() + 1;\n\n    this.handlerSelectImage(e, this.images()[indexSelected], indexSelected);\n  }\n\n  protected handlerPreviousImage(e: Event) {\n    const indexSelected = this.indexSelected() - 1;\n\n    this.handlerSelectImage(e, this.images()[indexSelected], indexSelected);\n  }\n\n  protected handlerSelectImage(e: Event, imageSelected: Record<string, any>, indexSelected: number) {\n    e.stopPropagation();\n    if (!imageSelected) {\n      return;\n    }\n    this.isFirstRender.set(true);\n    const elementRatio = this.elementRatioRef()?.nativeElement;\n\n    if (elementRatio) {\n      elementRatio.style.display = 'none';\n    }\n    this.imageSelected.set(imageSelected);\n    this.indexSelected.set(indexSelected);\n    this.scaleValue.set(1);\n    this.imagesRef()[indexSelected].nativeElement.scrollIntoView();\n    this.setWidthImages();\n  }\n\n  protected handlerFullScreen() {\n    this.createTimeout((id) => {\n      clearTimeout(id);\n      this.disable.set(true);\n      const element = this.singleImageRef()?.nativeElement;\n      const fullElement = this.fullContainerRef()?.nativeElement;\n\n      this.fullScreen.set(!this.fullScreen());\n\n      if (!fullElement) {\n        return;\n      }\n      if (this.fullScreen()) {\n        fullElement.style.width = '95%';\n        fullElement.style.height = '95%';\n      }\n      if (!this.fullScreen()) {\n        fullElement.style.width = '80%';\n        fullElement.style.height = '90%';\n      }\n      this.viewPort.set(this.containerRef()?.nativeElement.getBoundingClientRect());\n      if (!element) {\n        return;\n      }\n      this.setStyleSelectImage(true);\n      element.style.left = `unset`;\n      element.style.top = `unset`;\n    }, 0);\n  }\n\n  protected handlerReset() {\n    this.disable.set(true);\n    this.setStyleSelectImage(true);\n  }\n\n  private makeElementDraggable = ({\n    element,\n    DRAGGABLE_CSS_CLASS = 'draggable-element',\n  }: {\n    element: HTMLElement | null;\n    isOverflowHiddenDesired?: boolean;\n    DRAGGABLE_CSS_CLASS?: string;\n  }): IZoomDragHTMLElement | null => {\n    if (!element) {\n      return null;\n    }\n    const isTheRequiredCSSAlreadyInPlace = !!Array.from(\n      element.ownerDocument.getElementsByTagName('style')\n    ).filter((styleEl) =>\n      styleEl?.textContent?.includes(`.${DRAGGABLE_CSS_CLASS}`)\n    )?.[0];\n\n    if (!isTheRequiredCSSAlreadyInPlace) {\n      element.ownerDocument.body.appendChild(\n        Object.assign(element.ownerDocument.createElement('style'), {\n          textContent: `\n          .${DRAGGABLE_CSS_CLASS} {\n            position: absolute;\n            cursor: grabbing !important;\n          }\n          `,\n        })\n      );\n    }\n\n    if (!element.classList.contains(DRAGGABLE_CSS_CLASS)) {\n      element.classList.add(DRAGGABLE_CSS_CLASS);\n    }\n    element.onmousedown = (mouseDownEvent) => {\n      mouseDownEvent.preventDefault();\n      element.onmousemove = (mouseMoveEvent) => {\n        mouseMoveEvent.preventDefault();\n        const rectElement = element.getBoundingClientRect();\n\n        if (rectElement.left + rectElement.width + mouseMoveEvent.movementX > (this.viewPort()?.width || 0) + (this.viewPort()?.left || 0) && rectElement.left + mouseMoveEvent.movementX < (this.viewPort()?.left || 0)) {\n          element.style.left = `${element.offsetLeft + mouseMoveEvent.movementX}px`;\n        }\n        if (rectElement.top + rectElement.height + mouseMoveEvent.movementY > (this.viewPort()?.height || 0) + (this.viewPort()?.top || 0) && rectElement.top + mouseMoveEvent.movementY < (this.viewPort()?.top || 0)) {\n          element.style.top = `${element.offsetTop + mouseMoveEvent.movementY}px`;\n        }\n      };\n    };\n    element.ownerDocument.onmouseup = (mouseUpEvent) => {\n      mouseUpEvent.preventDefault();\n      element.onmousemove = null;\n    };\n\n    return Object.assign(element, {\n      stopDraggableBehavior() {\n        element.classList.remove(DRAGGABLE_CSS_CLASS);\n        element.onmousedown = null;\n        element.onmousemove = null;\n        element.onmouseup = null;\n        element.style.left = 'unset';\n        element.style.top = 'unset';\n\n        return element;\n      },\n    });\n  };\n\n  private setStyleSelectImage(reset?: boolean) {\n    const element = this.singleImageRef()?.nativeElement;\n\n    if (!element) {\n      return;\n    }\n    const scaleValue = (((this.viewPort()?.width || 0) / this.widthDefault()) < ((this.viewPort()?.height || 0) - (this.singleImage() ? 0 : 40)) / this.heightDefault()) ? ((this.viewPort()?.width || 0) / this.widthDefault()) : ((this.viewPort()?.height || 0) - (this.singleImage() ? 0 : 40)) / this.heightDefault();\n\n    this.scaleValue.set(scaleValue);\n\n    if (this.scaleValue() > 1 && (reset || this.isFirstRender()) && !this.fullScreen()) {\n      this.scaleValue.set(1);\n    }\n    this.setWidthHeight(element);\n    if (this.fullScreen()) {\n      element.style.position = `unset`;\n\n      return;\n    }\n  }\n\n  private setWidthHeight(element: HTMLElement) {\n    element.style.width = `${this.scaleValue() * this.widthDefault()}px`;\n    element.style.height = `${this.scaleValue() * this.heightDefault()}px`;\n    this.canDrag.set(false);\n    const rectElement = element.getBoundingClientRect();\n\n    if ((rectElement.width > (this.viewPort()?.width || 0)) || (rectElement.height > (this.viewPort()?.height || 0))) {\n      this.canDrag.set(true);\n    }\n    if (rectElement.left + rectElement.width < (this.viewPort()?.width || 0) + (this.viewPort()?.left || 0) || rectElement.left > (this.viewPort()?.left || 0)) {\n      element.style.left = `unset`;\n    }\n    if (rectElement.top + rectElement.height < (this.viewPort()?.top || 0) + (this.viewPort()?.height || 0) || rectElement.top > (this.viewPort()?.top || 0)) {\n      element.style.top = `unset`;\n    }\n\n    this.setDisplayRatio();\n  }\n\n  private setDisplayRatio() {\n    const element = this.singleImageRef()?.nativeElement;\n\n    this.ratio.set(`${viewDataNumberByLanguage(element.width / this.widthDefault() * 100, false, 0)}%`);\n    const elementRatio = this.elementRatioRef()?.nativeElement;\n\n    elementRatio.style.display = 'flex';\n    this.createTimeout((id) => {\n      clearTimeout(id);\n      elementRatio.style.display = 'none';\n    }, 1000);\n  }\n\n  private createTimeout(callback: (id: number) => void, delay: number) {\n    const timeoutId = setTimeout(() => callback(timeoutId), delay) as unknown as number;\n    this.timeouts.update(ids => [...ids, timeoutId]);\n  }\n\n  ngOnDestroy() {\n    this.timeouts().forEach(item => clearTimeout(item));\n    this.onDestroy.next();\n    this.onDestroy.complete();\n  }\n}","@if (images() || singleImage()) {\n  <div class=\"libs-ui-gallery-img-popup\"\n    [class.bg-[transparent]]=\"removeBackdrop()\"\n    [style.zIndex]=\"zIndex()\">\n    <div #fullContainerRef\n      class=\"libs-ui-gallery-img-popup-container\">\n      <div class=\"flex justify-end mb-[16px] z-10\">\n        <i class=\"libs-ui-icon-close text-[24px] text-[#ffffff] cursor-pointer\"\n          (click)=\"handlerClosePopup($event)\"></i>\n      </div>\n      <div class=\"relative w-full h-full\">\n        <div class=\"flex flex-col w-full h-full justify-between\">\n          <div class=\"libs-ui-gallery-img-popup-container-preview w-full h-full\">\n            <div class=\"flex flex-col w-full h-full relative\"\n              (mouseenter)=\"handlerShowButton(true)\"\n              (mouseleave)=\"handlerShowButton(false)\">\n              <div #containerRef\n                class=\"flex w-full h-full relative\">\n                <div class=\"absolute flex items-center justify-center w-full h-full overflow-hidden\"\n                  (mouseenter)=\"handlerMouseEvent($event, true)\"\n                  (mouseleave)=\"handlerMouseEvent($event,false)\">\n                  @if (fieldDisplaySrcImage() && imageSelected(); as imageSelected) {\n                    <img #singleImageRef\n                      [src]=\"imageSelected[fieldDisplaySrcImage()]\"\n                      class=\"flex m-[auto]\"\n                      (error)=\"handlerImageError($event, imageSelected)\" />\n                  }\n                  <div #elementRatioRef\n                    class=\"libs-ui-gallery-img-popup-container-preview-ratio items-center justify-center libs-ui-font-h5m text-[#e6e7ea] w-[80px] h-[34px] rounded-[4px] absolute top-[50%] left-[50%]\">\n                    {{ ratio() }}\n                  </div>\n                </div>\n              </div>\n              @if (!imageSelected()?.['error']) {\n                <div class=\"relative w-full\"\n                  (mouseenter)=\"handlerMouseEvent($event, true)\"\n                  [class.hidden]=\"!hoverContentViewImage()\">\n                  <div class=\"flex w-full justify-center libs-ui-font-h5r absolute z-10 top-[-44px]\">\n                    <libs_ui-components-popover [config]=\"{content: 'i18n_zoom_out', direction: 'top', zIndex:1300}\">\n                      <div class=\"libs-ui-gallery-img-popup-container-preview-button rounded-l-[8px]\"\n                        (click)=\"handlerZoom($event,'out')\">\n                        <div class=\"w-[16px] h-[16px] p-[1px] \">\n                          <div class=\"border-[#ffffff] border-[1px] rounded-[50%] text-[#ffffff] flex items-center justify-center text-[14px] w-full h-full\">-</div>\n                        </div>\n                      </div>\n                    </libs_ui-components-popover>\n                    <libs_ui-components-popover [config]=\"{content: 'i18n_zoom_in', direction: 'top', zIndex:1300}\">\n                      <div class=\"libs-ui-gallery-img-popup-container-preview-button\"\n                        (click)=\"handlerZoom($event,'in')\">\n                        <div class=\"w-[16px] h-[16px] p-[1px] \">\n                          <div class=\"border-[#ffffff] border-[1px] rounded-[50%] text-[#ffffff] flex items-center justify-center text-[12px] w-full h-full\">+</div>\n                        </div>\n                      </div>\n                    </libs_ui-components-popover>\n                    <libs_ui-components-popover [config]=\"{content: fullScreen() ? 'i18n_action_exit_full_screen' : 'i18n_action_view_full_screen', direction: 'top', zIndex:1300}\">\n                      <div class=\"libs-ui-gallery-img-popup-container-preview-button\"\n                        (click)=\"handlerFullScreen()\">\n                        <i class=\"{{ fullScreen() ? 'libs-ui-icon-fullscreen-exit' : 'libs-ui-icon-fullscreen-open' }} text-[#ffffff] text-[16px]\"></i>\n                      </div>\n                    </libs_ui-components-popover>\n                    <div class=\"libs-ui-gallery-img-popup-container-preview-button rounded-r-[8px] border-l border-l-1 border-[#5d636b] flex items-center\"\n                      (click)=\"handlerReset()\">\n                      <i class=\"libs-ui-icon-refresh text-16px mr-[8px]\"\n                        [class.text-[#ffffff]]=\"!disable()\"\n                        [class.text-[#6a7383]]=\"disable()\"></i>\n                      <div class=\"libs-ui-font-h5r\"\n                        [class.text-[#ffffff]]=\"!disable()\"\n                        [class.text-[#6a7383]]=\"disable()\">{{ 'i18n_restore' | translate }}</div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (!singleImage()) {\n                <div class=\"flex justify-center libs-ui-font-h5r text-[#ffffff] mt-[12px]\">\n                  @if (fullScreen()) {\n                    <div class=\"mr-[16px] flex items-center\">\n                      <div class=\"rotate-180\"\n                        [class.cursor-pointer]=\"indexSelected() !== 0\"\n                        [class.pointer-events-none]=\"indexSelected() === 0\"\n                        (click)=\"handlerPreviousImage($event)\">\n                        <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                          [class.libs-ui-disable]=\"indexSelected() === 0\"></i>\n                      </div>\n                    </div>\n                  }\n                  <div class=\"flex aitems-center\">\n                    {{ indexSelected()+1 }}/{{ images().length }}\n                  </div>\n\n                  @if (fullScreen()) {\n                    <div class=\"ml-[16px] flex items-center\">\n                      <div [class.cursor-pointer]=\"indexSelected() !== images().length - 1\"\n                        [class.pointer-events-none]=\"indexSelected() === images().length - 1\"\n                        (click)=\"handlerNextImage($event)\">\n                        <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                          [class.libs-ui-disable]=\"indexSelected() ===images().length - 1\"></i>\n                      </div>\n                    </div>\n                  }\n                </div>\n                }\n            </div>\n          </div>\n\n          @if (!singleImage()) {\n            <div class=\"libs-ui-gallery-img-popup-container-list px-[32px] mt-[24px] flex\"\n              [class.!hidden]=\"fullScreen()\">\n              <div class=\"mr-[24px] flex items-center\">\n                <div class=\"rotate-180\"\n                  [class.cursor-pointer]=\"indexSelected() !== 0\"\n                  [class.pointer-events-none]=\"indexSelected() === 0\"\n                  (click)=\"handlerPreviousImage($event)\">\n                  <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                    [class.libs-ui-disable]=\"indexSelected() === 0\"></i>\n                </div>\n              </div>\n\n              <div class=\"flex max-w-[80%] relative\">\n                <div class=\"flex h-full overflow-[hidden]\">\n                  @for (image of images(); track index; let index = $index; let last = $last) {\n                    <div #imagesRef\n                      class=\"libs-ui-gallery-img-popup-container-list-item\"\n                      [class.mr-[12px]]=\"!last\"\n                      [attr.active]=\"image[fieldDisplaySrcImage()] === imageSelected()?.[fieldDisplaySrcImage()]\">\n                      <div class=\"flex w-full h-full justify-center items-center\"\n                        (click)=\"handlerSelectImage($event,image,index)\">\n                        <div class=\"flex items-center justify-center w-full h-full\">\n                          <img [src]=\"image[fieldDisplaySrcImage()]\"\n                            class=\"flex max-h-full max-w-full m-[auto]\"\n                            (error)=\"handlerImageError($event, image)\" />\n                        </div>\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n              <div class=\"ml-[24px] flex items-center\">\n                <div [class.cursor-pointer]=\"indexSelected() !==images().length - 1\"\n                  [class.pointer-events-none]=\"indexSelected() ===images().length - 1\"\n                  (click)=\"handlerNextImage($event)\">\n                  <i class=\"text-[24px] cursor-pointer text-[#ffffff] libs-ui-icon-chevron-right\"\n                    [class.libs-ui-disable]=\"indexSelected() ===images().length - 1\"></i>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n  }\n"],"names":[],"mappings":"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"}

package/fesm2022/libs-ui-components-gallery.mjs

@@ -1,6 +1,6 @@
 import { NgComponentOutlet, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { computed, signal, model, input, output, inject, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { computed, signal, model, input, output, inject, effect, untracked, Component, ChangeDetectionStrategy } from '@angular/core';
 import { LibsUiIconsGetIconComponentPipe } from '@libs-ui/icons';
 import { LibsUiDynamicComponentService } from '@libs-ui/services-dynamic-component';
 import { uuid, isEmbedFrame, UtilsCommunicateMicroKeyGlobal, UtilsCommunicateMicro } from '@libs-ui/utils';
@@ -57,7 +57,7 @@ class LibsUiComponentsGalleryComponent {
         if (this.viewerRef) {
             return;
         }
-        const viewerComponent = await import('./libs-ui-components-gallery-viewer.component-B0ne1tN2.mjs').then(c => c.LibsUiComponentsGalleryViewerComponent);
+        const viewerComponent = await import('./libs-ui-components-gallery-viewer.component-BWW_1gPm.mjs').then(c => c.LibsUiComponentsGalleryViewerComponent);
         this.viewerRef = this.dynamicComponent.resolveComponentFactory(viewerComponent);
         this.outFunctionsControl.emit({ viewerRef: this.ViewerRef, open: (imageSelected) => this.handlerSelectImage(undefined, imageSelected) });
         this.viewerRef.setInput('fieldDisplaySrcImage', this.fieldDisplaySrcImage());
@@ -121,14 +121,14 @@ class LibsUiComponentsGalleryComponent {
         this.closePopup();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsGalleryComponent, isStandalone: true, selector: "libs_ui-components-gallery", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: true, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, fieldDisplaySrcImage: { classPropertyName: "fieldDisplaySrcImage", publicName: "fieldDisplaySrcImage", isSignal: true, isRequired: false, transformFunction: null }, ignoreOverlayCountImage: { classPropertyName: "ignoreOverlayCountImage", publicName: "ignoreOverlayCountImage", isSignal: true, isRequired: false, transformFunction: null }, imageArrayStringConvert: { classPropertyName: "imageArrayStringConvert", publicName: "imageArrayStringConvert", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { images: "imagesChange", outFunctionsControl: "outFunctionsControl", outViewerEvent: "outViewerEvent" }, ngImport: i0, template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex libs-uipercent-max-height-100 libs-uipercent-max-width-100 m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LibsUiIconsGetIconComponentPipe, name: "LibsUiIconsGetIconComponentPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsGalleryComponent, isStandalone: true, selector: "libs_ui-components-gallery", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: true, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, fieldDisplaySrcImage: { classPropertyName: "fieldDisplaySrcImage", publicName: "fieldDisplaySrcImage", isSignal: true, isRequired: false, transformFunction: null }, ignoreOverlayCountImage: { classPropertyName: "ignoreOverlayCountImage", publicName: "ignoreOverlayCountImage", isSignal: true, isRequired: false, transformFunction: null }, imageArrayStringConvert: { classPropertyName: "imageArrayStringConvert", publicName: "imageArrayStringConvert", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { images: "imagesChange", outFunctionsControl: "outFunctionsControl", outViewerEvent: "outViewerEvent" }, ngImport: i0, template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex max-w-full max-h-full m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LibsUiIconsGetIconComponentPipe, name: "LibsUiIconsGetIconComponentPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-gallery', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgComponentOutlet, AsyncPipe,
                         LibsUiIconsGetIconComponentPipe
-                    ], template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex libs-uipercent-max-height-100 libs-uipercent-max-width-100 m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n" }]
+                    ], template: "@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex max-w-full max-h-full m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n" }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/libs-ui-components-gallery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-components-gallery.mjs","sources":["../../../../../libs-ui/components/gallery/src/gallery.component.ts","../../../../../libs-ui/components/gallery/src/gallery.component.html","../../../../../libs-ui/components/gallery/src/libs-ui-components-gallery.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AsyncPipe, NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ComponentRef, computed, effect, inject, input, model, OnDestroy, OnInit, output, signal, untracked } from '@angular/core';\nimport { LibsUiIconsGetIconComponentPipe } from '@libs-ui/icons';\nimport { IEvent } from '@libs-ui/interfaces-types';\nimport { LibsUiDynamicComponentService } from '@libs-ui/services-dynamic-component';\nimport { isEmbedFrame, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid } from '@libs-ui/utils';\nimport dayjs from 'dayjs';\nimport { IGalleryFunctionsControlEvent } from './interfaces/functions-control-event.interface';\nimport { LibsUiComponentsGalleryViewerComponent } from './viewer/viewer.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-gallery',\n  templateUrl: './gallery.component.html',\n  styleUrls: ['./gallery.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgComponentOutlet, AsyncPipe,\n    LibsUiIconsGetIconComponentPipe\n  ]\n})\nexport class LibsUiComponentsGalleryComponent implements OnInit, OnDestroy {\n  /* PROPERTY */\n  protected imagesDisplay = computed(() => {\n    return this.images().slice(this.start(), this.end());\n  });\n\n  private idOverlay = signal<string>(uuid());\n  private idInterval = signal<number | undefined>(undefined);\n  private viewerRef: ComponentRef<LibsUiComponentsGalleryViewerComponent> | undefined;\n\n  /* INPUT */\n  readonly images = model.required<Array<Record<string, any>>>();\n  readonly start = input<number>(0);\n  readonly end = input<number>(3);\n  readonly zIndex = input<number>(1200);\n  readonly fieldDisplaySrcImage = input<string>('url');\n  readonly ignoreOverlayCountImage = input<boolean>();\n  readonly imageArrayStringConvert = input<Array<string>>(); // sử dụng trong 1 số trường hợp images là Array<string>\n\n  /* OUTPUT */\n  readonly outFunctionsControl = output<IGalleryFunctionsControlEvent>();\n  readonly outViewerEvent = output<'show' | 'remove'>();\n\n  /* INJECT */\n  private dynamicComponent = inject(LibsUiDynamicComponentService);\n\n  constructor() {\n    effect(() => {\n      const imgConvert = this.imageArrayStringConvert();\n      const fieldGetSrc = this.fieldDisplaySrcImage();\n\n      if (!imgConvert?.length || !fieldGetSrc) {\n        return;\n      }\n      untracked(() => {\n        const convertedImages = imgConvert?.map(item => {\n          return {\n            [fieldGetSrc]: item\n          } as Record<string, any>;\n        }) || [];\n\n        this.images.set(convertedImages);\n      });\n    });\n  }\n\n  ngOnInit() {\n    this.outFunctionsControl.emit({\n      open: (imageSelected: Record<string, any>) => this.handlerSelectImage(undefined, imageSelected),\n      viewerRef: this.ViewerRef\n    })\n  }\n\n  /* FUNCTIONS */\n  protected async handlerSelectImage(event: MouseEvent | undefined, imageSelected: Record<string, any>) {\n    event?.stopPropagation();\n\n    if (this.viewerRef) {\n      return;\n    }\n\n    const viewerComponent = await import('./viewer/viewer.component').then(c => c.LibsUiComponentsGalleryViewerComponent);\n\n    this.viewerRef = this.dynamicComponent.resolveComponentFactory(viewerComponent);\n    this.outFunctionsControl.emit({ viewerRef: this.ViewerRef, open: (imageSelected: Record<string, any>) => this.handlerSelectImage(undefined, imageSelected) });\n\n    this.viewerRef.setInput('fieldDisplaySrcImage', this.fieldDisplaySrcImage());\n    this.viewerRef.setInput('images', this.images());\n    this.viewerRef.setInput('imageSelected', imageSelected);\n    this.viewerRef.setInput('zIndex', this.zIndex());\n    this.viewerRef.setInput('singleImage', this.images().length <= 1);\n\n    const sub = this.viewerRef.instance.outClose.subscribe(() => {\n      sub.unsubscribe();\n      this.closePopup();\n    });\n\n    this.dynamicComponent.addToBody(this.viewerRef);\n    this.outViewerEvent.emit('show');\n\n    if (isEmbedFrame()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'open',\n          state: true,\n          idOverlay: this.idOverlay,\n          timeLiveUpdate: dayjs().unix()\n        }\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n\n      this.idInterval.set((setInterval(() => {\n        data.response.timeLiveUpdate = dayjs().unix();\n\n        UtilsCommunicateMicro.PostMessageToParent(data);\n      }, 2000) as unknown) as number);\n    }\n  }\n\n  protected handlerImageError(e: ErrorEvent, image: Record<string, any>) {\n    const event = e as IEvent;\n\n    event.stopPropagation();\n\n    image['isError'] = true;\n  }\n\n  private closePopup() {\n    clearInterval(this.idInterval());\n    if (this.viewerRef) {\n      this.outViewerEvent.emit('remove');\n      if (isEmbedFrame()) {\n        const data = {\n          type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n          response: {\n            message: 'close',\n            state: false,\n            idOverlay: this.idOverlay\n          }\n        };\n\n        UtilsCommunicateMicro.PostMessageToParent(data);\n      }\n    }\n    this.dynamicComponent.remove(this.viewerRef);\n    this.viewerRef = undefined;\n    this.outFunctionsControl.emit({ viewerRef: this.ViewerRef, open: (imageSelected: Record<string, any>) => this.handlerSelectImage(undefined, imageSelected) });\n  }\n\n  private get ViewerRef() {\n    return this.viewerRef;\n  }\n\n  ngOnDestroy() {\n    this.viewerRef?.destroy();\n    this.closePopup();\n  }\n}\n","@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex libs-uipercent-max-height-100 libs-uipercent-max-width-100 m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"libs-ui-components-gallery.mjs","sources":["../../../../../libs-ui/components/gallery/src/gallery.component.ts","../../../../../libs-ui/components/gallery/src/gallery.component.html","../../../../../libs-ui/components/gallery/src/libs-ui-components-gallery.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AsyncPipe, NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ComponentRef, computed, effect, inject, input, model, OnDestroy, OnInit, output, signal, untracked } from '@angular/core';\nimport { LibsUiIconsGetIconComponentPipe } from '@libs-ui/icons';\nimport { IEvent } from '@libs-ui/interfaces-types';\nimport { LibsUiDynamicComponentService } from '@libs-ui/services-dynamic-component';\nimport { isEmbedFrame, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid } from '@libs-ui/utils';\nimport dayjs from 'dayjs';\nimport { IGalleryFunctionsControlEvent } from './interfaces/functions-control-event.interface';\nimport { LibsUiComponentsGalleryViewerComponent } from './viewer/viewer.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-gallery',\n  templateUrl: './gallery.component.html',\n  styleUrls: ['./gallery.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgComponentOutlet, AsyncPipe,\n    LibsUiIconsGetIconComponentPipe\n  ]\n})\nexport class LibsUiComponentsGalleryComponent implements OnInit, OnDestroy {\n  /* PROPERTY */\n  protected imagesDisplay = computed(() => {\n    return this.images().slice(this.start(), this.end());\n  });\n\n  private idOverlay = signal<string>(uuid());\n  private idInterval = signal<number | undefined>(undefined);\n  private viewerRef: ComponentRef<LibsUiComponentsGalleryViewerComponent> | undefined;\n\n  /* INPUT */\n  readonly images = model.required<Array<Record<string, any>>>();\n  readonly start = input<number>(0);\n  readonly end = input<number>(3);\n  readonly zIndex = input<number>(1200);\n  readonly fieldDisplaySrcImage = input<string>('url');\n  readonly ignoreOverlayCountImage = input<boolean>();\n  readonly imageArrayStringConvert = input<Array<string>>(); // sử dụng trong 1 số trường hợp images là Array<string>\n\n  /* OUTPUT */\n  readonly outFunctionsControl = output<IGalleryFunctionsControlEvent>();\n  readonly outViewerEvent = output<'show' | 'remove'>();\n\n  /* INJECT */\n  private dynamicComponent = inject(LibsUiDynamicComponentService);\n\n  constructor() {\n    effect(() => {\n      const imgConvert = this.imageArrayStringConvert();\n      const fieldGetSrc = this.fieldDisplaySrcImage();\n\n      if (!imgConvert?.length || !fieldGetSrc) {\n        return;\n      }\n      untracked(() => {\n        const convertedImages = imgConvert?.map(item => {\n          return {\n            [fieldGetSrc]: item\n          } as Record<string, any>;\n        }) || [];\n\n        this.images.set(convertedImages);\n      });\n    });\n  }\n\n  ngOnInit() {\n    this.outFunctionsControl.emit({\n      open: (imageSelected: Record<string, any>) => this.handlerSelectImage(undefined, imageSelected),\n      viewerRef: this.ViewerRef\n    })\n  }\n\n  /* FUNCTIONS */\n  protected async handlerSelectImage(event: MouseEvent | undefined, imageSelected: Record<string, any>) {\n    event?.stopPropagation();\n\n    if (this.viewerRef) {\n      return;\n    }\n\n    const viewerComponent = await import('./viewer/viewer.component').then(c => c.LibsUiComponentsGalleryViewerComponent);\n\n    this.viewerRef = this.dynamicComponent.resolveComponentFactory(viewerComponent);\n    this.outFunctionsControl.emit({ viewerRef: this.ViewerRef, open: (imageSelected: Record<string, any>) => this.handlerSelectImage(undefined, imageSelected) });\n\n    this.viewerRef.setInput('fieldDisplaySrcImage', this.fieldDisplaySrcImage());\n    this.viewerRef.setInput('images', this.images());\n    this.viewerRef.setInput('imageSelected', imageSelected);\n    this.viewerRef.setInput('zIndex', this.zIndex());\n    this.viewerRef.setInput('singleImage', this.images().length <= 1);\n\n    const sub = this.viewerRef.instance.outClose.subscribe(() => {\n      sub.unsubscribe();\n      this.closePopup();\n    });\n\n    this.dynamicComponent.addToBody(this.viewerRef);\n    this.outViewerEvent.emit('show');\n\n    if (isEmbedFrame()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'open',\n          state: true,\n          idOverlay: this.idOverlay,\n          timeLiveUpdate: dayjs().unix()\n        }\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n\n      this.idInterval.set((setInterval(() => {\n        data.response.timeLiveUpdate = dayjs().unix();\n\n        UtilsCommunicateMicro.PostMessageToParent(data);\n      }, 2000) as unknown) as number);\n    }\n  }\n\n  protected handlerImageError(e: ErrorEvent, image: Record<string, any>) {\n    const event = e as IEvent;\n\n    event.stopPropagation();\n\n    image['isError'] = true;\n  }\n\n  private closePopup() {\n    clearInterval(this.idInterval());\n    if (this.viewerRef) {\n      this.outViewerEvent.emit('remove');\n      if (isEmbedFrame()) {\n        const data = {\n          type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n          response: {\n            message: 'close',\n            state: false,\n            idOverlay: this.idOverlay\n          }\n        };\n\n        UtilsCommunicateMicro.PostMessageToParent(data);\n      }\n    }\n    this.dynamicComponent.remove(this.viewerRef);\n    this.viewerRef = undefined;\n    this.outFunctionsControl.emit({ viewerRef: this.ViewerRef, open: (imageSelected: Record<string, any>) => this.handlerSelectImage(undefined, imageSelected) });\n  }\n\n  private get ViewerRef() {\n    return this.viewerRef;\n  }\n\n  ngOnDestroy() {\n    this.viewerRef?.destroy();\n    this.closePopup();\n  }\n}\n","@if (images()) {\n  <div class=\"flex nowrap w-100 h-100\">\n    @for (image of imagesDisplay(); track $index; let last = $last) {\n      <div class=\"w-full h-full libs-ui-border-general relative cursor-pointer\"\n        [class.mr-[12px]]=\"!last\"\n        (click)=\"handlerSelectImage($event, image)\">\n        <div class=\"flex items-center justify-center w-full h-full\">\n          @if (!image['isError']) {\n            <img [src]=\"image[fieldDisplaySrcImage()]\"\n              class=\"flex max-w-full max-h-full m-auto\"\n              (error)='handlerImageError($event, image)' />\n          }\n          @if (image['isError']) {\n            <div *ngComponentOutlet=\"'image-default' | LibsUiIconsGetIconComponentPipe | async\"></div>\n          }\n        </div>\n        @if (last && images().length > end() && !ignoreOverlayCountImage()) {\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center bg-[#000] opacity-5\">\n          </div>\n          <div class=\"flex w-full h-full absolute top-0 left-0 items-center justify-center\">\n            <span class=\"libs-ui-font-h3s libs-ui-font-size-20px text-[#ffffff]\">+ {{ images().length - end() }}</span>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@libs-ui/components-gallery",
-  "version": "0.2.124",
+  "version": "0.2.126",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"