@snabcentr/client-ui 3.32.4 → 3.33.0

package/news/news-card/sc-news-card.component.d.ts

@@ -1,5 +1,5 @@
 import { InputSignal } from '@angular/core';
-import { ScImageHelper, ScNewsTile } from '@snabcentr/client-core';
+import { ScNewsTile } from '@snabcentr/client-core';
 import * as i0 from "@angular/core";
 /**
  * Компонент карточки новости.
@@ -17,10 +17,6 @@ export declare class ScNewsCardComponent {
      * Признак того, что этот компонент отображается на мобильном устройстве.
      */
     readonly isMobile: boolean;
-    /**
-     * Класс с вспомогательными методами для работы с изображениями.
-     */
-    protected readonly imageHelper: ScImageHelper;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScNewsCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScNewsCardComponent, "sc-news-card", never, { "news": { "alias": "news"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/news/sc-news.module.d.ts

@@ -5,11 +5,12 @@ import * as i3 from "@angular/common";
 import * as i4 from "@angular/router";
 import * as i5 from "../share-button/sc-share-button.module";
 import * as i6 from "../pipes/sc-format-date";
+import * as i7 from "@snabcentr/client-core";
 /**
  * Модуль работы с новостями.
  */
 export declare class ScNewsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScNewsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScNewsModule, [typeof i1.ScNewsCardComponent, typeof i2.ScNewsCardSkeletonComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.ScShareButtonModule, typeof i6.ScFormatDatePipe], [typeof i1.ScNewsCardComponent, typeof i2.ScNewsCardSkeletonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScNewsModule, [typeof i1.ScNewsCardComponent, typeof i2.ScNewsCardSkeletonComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.ScShareButtonModule, typeof i6.ScFormatDatePipe, typeof i7.ScMediaImageTransformerPipe], [typeof i1.ScNewsCardComponent, typeof i2.ScNewsCardSkeletonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ScNewsModule>;
 }

package/order/order-item-mobile/sc-order-item-mobile.component.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '@angular/core';
-import { ScCartItem, ScProduct } from '@snabcentr/client-core';
+import { EventEmitter, InputSignal, Signal } from '@angular/core';
+import { ScCartItem, ScIImage } from '@snabcentr/client-core';
 import { TuiPreviewDialogService } from '@taiga-ui/kit';
 import { AbstractScPriceCard } from '../../directives';
 import * as i0 from "@angular/core";
@@ -15,31 +15,25 @@ export declare class ScOrderItemMobileComponent extends AbstractScPriceCard {
     /**
      * Элемент заказа.
      */
-    orderItem?: ScCartItem;
+    readonly orderItem: InputSignal<ScCartItem>;
     /**
      * Событие нажатия на дополнительные действия.
      */
     clickActionsEvent: EventEmitter<void>;
+    /**
+     * Изображение товара в заказе.
+     */
+    readonly cartImage: Signal<ScIImage>;
     /**
      * Инициирует экземпляр класса {@link ScOrderItemMobileComponent}.
      *
      * @param previewDialogService Сервис диалогового окна предварительного просмотра.
      */
     constructor(previewDialogService: TuiPreviewDialogService);
-    /**
-     * Продукт элемента заказа.
-     */
-    get product(): ScProduct | undefined;
     /**
      * Отобразить спецификацию.
      */
     showSpecification(): void;
-    /**
-     * Возвращает ссылку на изображение карточки товара.
-     *
-     * @param product Позиция товара/услуги.
-     */
-    getCardImage(product: ScProduct): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemMobileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemMobileComponent, "sc-order-item-mobile", never, { "orderItem": { "alias": "orderItem"; "required": false; }; }, { "clickActionsEvent": "clickActionsEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemMobileComponent, "sc-order-item-mobile", never, { "orderItem": { "alias": "orderItem"; "required": true; "isSignal": true; }; }, { "clickActionsEvent": "clickActionsEvent"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "3.32.4",
+  "version": "3.33.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -15,7 +15,7 @@
     "@maskito/core": "^3.2.0",
     "@ng-web-apis/intersection-observer": "^4.11.1",
     "@ng-web-apis/common": "^4.11.1",
-    "@snabcentr/client-core": "^2.52.2",
+    "@snabcentr/client-core": "^2.54.0",
     "@taiga-ui/addon-charts": "^4.41.0",
     "@taiga-ui/addon-commerce": "^4.41.0",
     "@taiga-ui/cdk": "^4.41.0",

package/release_notes.tmp

@@ -1,6 +1,10 @@
-## 3.32.4 (2025-06-27)
+## 3.33.0 (2025-07-03)
+
+### added (1 change)
+
+- [#11909: Добавлена поддержка WebP изображений в компонентах товаров, новостей, баннеров и категорий](web_soft/libs/angular/snabcentr-client-ui-lib@973979a00de3a2b1509dee5343ebc97abdc1220c) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!295))
 
 ### fixed (1 change)
 
-- [#11775: Исправлена ошибка добавления измеряемого товара в корзину.](web_soft/libs/angular/snabcentr-client-ui-lib@00496f0f567c6e46f91f33b38090e9fc75bd6825) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!293))
+- [#11775: Исправлена ошибка добавления измеряемого товара в корзину.](web_soft/libs/angular/snabcentr-client-ui-lib@2e94b690a62736a481c061745ead0eebb6cacc2d) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!294))
 

package/styles/tailwind/tailwind.scss

@@ -1323,10 +1323,6 @@ video {
   --tw-gradient-to: var(--tui-background-base) var(--tw-gradient-to-position);
 }
 
-.bg-\[length\:100\%_100\%\] {
-  background-size: 100% 100%;
-}
-
 .bg-cover {
   background-size: cover;
 }

package/esm2022/catalog/hover-image-carousel/hover-image-carousel.component.mjs

@@ -1,76 +0,0 @@
-import { ChangeDetectionStrategy, Component, HostListener, Input, signal } from '@angular/core';
-import { TuiHovered, TuiRepeatTimes } from '@taiga-ui/cdk';
-import { TuiButton } from '@taiga-ui/core';
-import * as i0 from "@angular/core";
-/**
- * Компонент просмотра изображений через событие наведения.
- */
-export class HoverImageCarouselComponent {
-    constructor() {
-        /**
-         * Массив изображений.
-         */
-        this.images = [];
-        /**
-         * Признак что необходимо отобразить элементы управления.
-         */
-        this.isShowActions = true;
-        /**
-         * {@link WritableSignal} для отслеживания текущего индекса изображения.
-         */
-        this.currentIndex = signal(0);
-    }
-    /**
-     * Обработчик события `mousemove.silent`.
-     *
-     * @param offsetX Отступ курсора мыши по оси X от края {@link HTMLElement}.
-     * @param target Объект {@link HTMLElement} в котором лежат изображения
-     */
-    onHover(offsetX, target) {
-        if (this.images.length <= 1 || offsetX < 0) {
-            return;
-        }
-        // new Event().preventDefault
-        const elementWidth = target.offsetWidth;
-        const hoverPercentage = offsetX / elementWidth;
-        const newIndex = Math.floor(hoverPercentage * this.images.length);
-        this.currentIndex.set(newIndex);
-    }
-    /**
-     * Обработчик события `mouseleave.silent`.
-     */
-    onLeave() {
-        if (this.images.length <= 1) {
-            return;
-        }
-        this.currentIndex.set(0);
-    }
-    /**
-     * Обработчик события наведения указателя мыши на точку.
-     *
-     * @param hovered Признак что указатель мыши наведен на точку.
-     * @param index Индекс изображения, который соответствует точке.
-     */
-    onDotHovered(hovered, index) {
-        if (hovered) {
-            this.currentIndex.set(index);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HoverImageCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: HoverImageCarouselComponent, isStandalone: true, selector: "sc-hover-image-carousel", inputs: { images: "images", isShowActions: "isShowActions" }, host: { listeners: { "mousemove.silent": "onHover($event.offsetX,$event.target)", "mouseleave.silent": "onLeave()" } }, ngImport: i0, template: "<div\n    class=\"overflow-hidden rounded-xl\"\n    [class.mb-2]=\"images.length <= 1 && isShowActions\"\n    [style.aspect-ratio]=\"'20/19'\"\n>\n    <img\n        [src]=\"images[currentIndex()]\"\n        class=\"size-full rounded-xl object-contain\"\n    />\n</div>\n\n@if (images.length > 1 && isShowActions) {\n    <div\n        (mousemove.silent)=\"$event.stopPropagation()\"\n        class=\"flex justify-center\"\n    >\n        <button\n            *tuiRepeatTimes=\"let indexItem of images.length\"\n            #element\n            tuiButton\n            type=\"button\"\n            class=\"button button_small\"\n            [appearance]=\"indexItem === currentIndex() ? 'primary' : 'secondary'\"\n            (tuiHoveredChange)=\"onDotHovered($event, indexItem)\"\n        ></button>\n    </div>\n}\n", styles: [".button{flex-shrink:0}.button:first-child{margin-inline-start:0}.button:last-child{margin-inline-end:0}.button_small{inline-size:.5rem;block-size:.5rem;font-size:0;padding:0;margin:0}.button_small:not(:first-child){margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HoverImageCarouselComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-hover-image-carousel', imports: [TuiRepeatTimes, TuiButton, TuiHovered], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"overflow-hidden rounded-xl\"\n    [class.mb-2]=\"images.length <= 1 && isShowActions\"\n    [style.aspect-ratio]=\"'20/19'\"\n>\n    <img\n        [src]=\"images[currentIndex()]\"\n        class=\"size-full rounded-xl object-contain\"\n    />\n</div>\n\n@if (images.length > 1 && isShowActions) {\n    <div\n        (mousemove.silent)=\"$event.stopPropagation()\"\n        class=\"flex justify-center\"\n    >\n        <button\n            *tuiRepeatTimes=\"let indexItem of images.length\"\n            #element\n            tuiButton\n            type=\"button\"\n            class=\"button button_small\"\n            [appearance]=\"indexItem === currentIndex() ? 'primary' : 'secondary'\"\n            (tuiHoveredChange)=\"onDotHovered($event, indexItem)\"\n        ></button>\n    </div>\n}\n", styles: [".button{flex-shrink:0}.button:first-child{margin-inline-start:0}.button:last-child{margin-inline-end:0}.button_small{inline-size:.5rem;block-size:.5rem;font-size:0;padding:0;margin:0}.button_small:not(:first-child){margin-left:.5rem}\n"] }]
-        }], propDecorators: { images: [{
-                type: Input
-            }], isShowActions: [{
-                type: Input
-            }], onHover: [{
-                type: HostListener,
-                args: ['mousemove.silent', ['$event.offsetX', '$event.target']]
-            }], onLeave: [{
-                type: HostListener,
-                args: ['mouseleave.silent']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG92ZXItaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvaG92ZXItaW1hZ2UtY2Fyb3VzZWwvaG92ZXItaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2NhdGFsb2cvaG92ZXItaW1hZ2UtY2Fyb3VzZWwvaG92ZXItaW1hZ2UtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDaEgsT0FBTyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUUzQzs7R0FFRztBQVNILE1BQU0sT0FBTywyQkFBMkI7SUFSeEM7UUFTSTs7V0FFRztRQUVJLFdBQU0sR0FBYSxFQUFFLENBQUM7UUFFN0I7O1dBRUc7UUFFSSxrQkFBYSxHQUFZLElBQUksQ0FBQztRQUVyQzs7V0FFRztRQUNJLGlCQUFZLEdBQTJCLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztLQTJDM0Q7SUF6Q0c7Ozs7O09BS0c7SUFFSyxPQUFPLENBQUMsT0FBZSxFQUFFLE1BQW1CO1FBQ2hELElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLE9BQU8sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUN6QyxPQUFPO1FBQ1gsQ0FBQztRQUNELDZCQUE2QjtRQUM3QixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO1FBQ3hDLE1BQU0sZUFBZSxHQUFHLE9BQU8sR0FBRyxZQUFZLENBQUM7UUFDL0MsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFFSyxPQUFPO1FBQ1gsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUMxQixPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNPLFlBQVksQ0FBQyxPQUFnQixFQUFFLEtBQWE7UUFDbEQsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDTCxDQUFDOytHQTFEUSwyQkFBMkI7bUdBQTNCLDJCQUEyQix5UUNmeEMsaXpCQTJCQSxxU0RqQmMsY0FBYyw2R0FBRSxTQUFTLG9JQUFFLFVBQVU7OzRGQUt0QywyQkFBMkI7a0JBUnZDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLHlCQUF5QixXQUMxQixDQUFDLGNBQWMsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLG1CQUcvQix1QkFBdUIsQ0FBQyxNQUFNOzhCQU94QyxNQUFNO3NCQURaLEtBQUs7Z0JBT0MsYUFBYTtzQkFEbkIsS0FBSztnQkFlRSxPQUFPO3NCQURkLFlBQVk7dUJBQUMsa0JBQWtCLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxlQUFlLENBQUM7Z0JBZ0I3RCxPQUFPO3NCQURkLFlBQVk7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHVpSG92ZXJlZCwgVHVpUmVwZWF0VGltZXMgfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7IFR1aUJ1dHRvbiB9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC+0YHQvNC+0YLRgNCwINC40LfQvtCx0YDQsNC20LXQvdC40Lkg0YfQtdGA0LXQtyDRgdC+0LHRi9GC0LjQtSDQvdCw0LLQtdC00LXQvdC40Y8uXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdzYy1ob3Zlci1pbWFnZS1jYXJvdXNlbCcsXG4gICAgaW1wb3J0czogW1R1aVJlcGVhdFRpbWVzLCBUdWlCdXR0b24sIFR1aUhvdmVyZWRdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ob3Zlci1pbWFnZS1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2hvdmVyLWltYWdlLWNhcm91c2VsLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSG92ZXJJbWFnZUNhcm91c2VsQ29tcG9uZW50IHtcbiAgICAvKipcbiAgICAgKiDQnNCw0YHRgdC40LIg0LjQt9C+0LHRgNCw0LbQtdC90LjQuS5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpbWFnZXM6IHN0cmluZ1tdID0gW107XG5cbiAgICAvKipcbiAgICAgKiDQn9GA0LjQt9C90LDQuiDRh9GC0L4g0L3QtdC+0LHRhdC+0LTQuNC80L4g0L7RgtC+0LHRgNCw0LfQuNGC0Ywg0Y3Qu9C10LzQtdC90YLRiyDRg9C/0YDQsNCy0LvQtdC90LjRjy5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpc1Nob3dBY3Rpb25zOiBib29sZWFuID0gdHJ1ZTtcblxuICAgIC8qKlxuICAgICAqIHtAbGluayBXcml0YWJsZVNpZ25hbH0g0LTQu9GPINC+0YLRgdC70LXQttC40LLQsNC90LjRjyDRgtC10LrRg9GJ0LXQs9C+INC40L3QtNC10LrRgdCwINC40LfQvtCx0YDQsNC20LXQvdC40Y8uXG4gICAgICovXG4gICAgcHVibGljIGN1cnJlbnRJbmRleDogV3JpdGFibGVTaWduYWw8bnVtYmVyPiA9IHNpZ25hbCgwKTtcblxuICAgIC8qKlxuICAgICAqINCe0LHRgNCw0LHQvtGC0YfQuNC6INGB0L7QsdGL0YLQuNGPIGBtb3VzZW1vdmUuc2lsZW50YC5cbiAgICAgKlxuICAgICAqIEBwYXJhbSBvZmZzZXRYINCe0YLRgdGC0YPQvyDQutGD0YDRgdC+0YDQsCDQvNGL0YjQuCDQv9C+INC+0YHQuCBYINC+0YIg0LrRgNCw0Y8ge0BsaW5rIEhUTUxFbGVtZW50fS5cbiAgICAgKiBAcGFyYW0gdGFyZ2V0INCe0LHRitC10LrRgiB7QGxpbmsgSFRNTEVsZW1lbnR9INCyINC60L7RgtC+0YDQvtC8INC70LXQttCw0YIg0LjQt9C+0LHRgNCw0LbQtdC90LjRj1xuICAgICAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlbW92ZS5zaWxlbnQnLCBbJyRldmVudC5vZmZzZXRYJywgJyRldmVudC50YXJnZXQnXSlcbiAgICBwcml2YXRlIG9uSG92ZXIob2Zmc2V0WDogbnVtYmVyLCB0YXJnZXQ6IEhUTUxFbGVtZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmltYWdlcy5sZW5ndGggPD0gMSB8fCBvZmZzZXRYIDwgMCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIC8vIG5ldyBFdmVudCgpLnByZXZlbnREZWZhdWx0XG4gICAgICAgIGNvbnN0IGVsZW1lbnRXaWR0aCA9IHRhcmdldC5vZmZzZXRXaWR0aDtcbiAgICAgICAgY29uc3QgaG92ZXJQZXJjZW50YWdlID0gb2Zmc2V0WCAvIGVsZW1lbnRXaWR0aDtcbiAgICAgICAgY29uc3QgbmV3SW5kZXggPSBNYXRoLmZsb29yKGhvdmVyUGVyY2VudGFnZSAqIHRoaXMuaW1hZ2VzLmxlbmd0aCk7XG4gICAgICAgIHRoaXMuY3VycmVudEluZGV4LnNldChuZXdJbmRleCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICog0J7QsdGA0LDQsdC+0YLRh9C40Log0YHQvtCx0YvRgtC40Y8gYG1vdXNlbGVhdmUuc2lsZW50YC5cbiAgICAgKi9cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlLnNpbGVudCcpXG4gICAgcHJpdmF0ZSBvbkxlYXZlKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pbWFnZXMubGVuZ3RoIDw9IDEpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuY3VycmVudEluZGV4LnNldCgwKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiDQntCx0YDQsNCx0L7RgtGH0LjQuiDRgdC+0LHRi9GC0LjRjyDQvdCw0LLQtdC00LXQvdC40Y8g0YPQutCw0LfQsNGC0LXQu9GPINC80YvRiNC4INC90LAg0YLQvtGH0LrRgy5cbiAgICAgKlxuICAgICAqIEBwYXJhbSBob3ZlcmVkINCf0YDQuNC30L3QsNC6INGH0YLQviDRg9C60LDQt9Cw0YLQtdC70Ywg0LzRi9GI0Lgg0L3QsNCy0LXQtNC10L0g0L3QsCDRgtC+0YfQutGDLlxuICAgICAqIEBwYXJhbSBpbmRleCDQmNC90LTQtdC60YEg0LjQt9C+0LHRgNCw0LbQtdC90LjRjywg0LrQvtGC0L7RgNGL0Lkg0YHQvtC+0YLQstC10YLRgdGC0LLRg9C10YIg0YLQvtGH0LrQtS5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgb25Eb3RIb3ZlcmVkKGhvdmVyZWQ6IGJvb2xlYW4sIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgaWYgKGhvdmVyZWQpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEluZGV4LnNldChpbmRleCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC14bFwiXG4gICAgW2NsYXNzLm1iLTJdPVwiaW1hZ2VzLmxlbmd0aCA8PSAxICYmIGlzU2hvd0FjdGlvbnNcIlxuICAgIFtzdHlsZS5hc3BlY3QtcmF0aW9dPVwiJzIwLzE5J1wiXG4+XG4gICAgPGltZ1xuICAgICAgICBbc3JjXT1cImltYWdlc1tjdXJyZW50SW5kZXgoKV1cIlxuICAgICAgICBjbGFzcz1cInNpemUtZnVsbCByb3VuZGVkLXhsIG9iamVjdC1jb250YWluXCJcbiAgICAvPlxuPC9kaXY+XG5cbkBpZiAoaW1hZ2VzLmxlbmd0aCA+IDEgJiYgaXNTaG93QWN0aW9ucykge1xuICAgIDxkaXZcbiAgICAgICAgKG1vdXNlbW92ZS5zaWxlbnQpPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAgICAgY2xhc3M9XCJmbGV4IGp1c3RpZnktY2VudGVyXCJcbiAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICp0dWlSZXBlYXRUaW1lcz1cImxldCBpbmRleEl0ZW0gb2YgaW1hZ2VzLmxlbmd0aFwiXG4gICAgICAgICAgICAjZWxlbWVudFxuICAgICAgICAgICAgdHVpQnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYnV0dG9uIGJ1dHRvbl9zbWFsbFwiXG4gICAgICAgICAgICBbYXBwZWFyYW5jZV09XCJpbmRleEl0ZW0gPT09IGN1cnJlbnRJbmRleCgpID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSdcIlxuICAgICAgICAgICAgKHR1aUhvdmVyZWRDaGFuZ2UpPVwib25Eb3RIb3ZlcmVkKCRldmVudCwgaW5kZXhJdGVtKVwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbn1cbiJdfQ==