@snabcentr/client-ui 3.17.11 → 3.18.0

package/esm2022/auth/sc-sign-in-form/sc-sign-in-form.component.mjs

@@ -72,11 +72,11 @@ export class ScSignInFormComponent {
         this.forgotPassword.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormComponent, deps: [{ token: i1.ScAuthService }, { token: i1.ScUserMetrikaService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormComponent, selector: "sc-sign-in-form", inputs: { authMethod: "authMethod" }, outputs: { forgotPassword: "forgotPassword", signUp: "signUp", successAuth: "successAuth" }, ngImport: i0, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i4.ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone" }, { kind: "component", type: i5.ScSignInFormByEmailComponent, selector: "sc-sign-in-form-by-email", outputs: ["forgotPassword"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormComponent, selector: "sc-sign-in-form", inputs: { authMethod: "authMethod" }, outputs: { forgotPassword: "forgotPassword", signUp: "signUp", successAuth: "successAuth" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i4.ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone" }, { kind: "component", type: i5.ScSignInFormByEmailComponent, selector: "sc-sign-in-form-by-email", outputs: ["forgotPassword"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-in-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n" }]
+            args: [{ selector: 'sc-sign-in-form', host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.ScAuthService }, { type: i1.ScUserMetrikaService }], propDecorators: { authMethod: [{
                 type: Input
             }], forgotPassword: [{
@@ -86,4 +86,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], successAuth: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtc2lnbi1pbi1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9hdXRoL3NjLXNpZ24taW4tZm9ybS9zYy1zaWduLWluLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2F1dGgvc2Mtc2lnbi1pbi1mb3JtL3NjLXNpZ24taW4tZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBaUIsc0JBQXNCLEVBQXdCLE1BQU0sd0JBQXdCLENBQUM7QUFDckcsT0FBTyxFQUFFLE1BQU0sRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUUxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7QUFFbEQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBMEI5Qjs7Ozs7T0FLRztJQUNILFlBQ3FCLFdBQTBCLEVBQzFCLGtCQUF3QztRQUR4QyxnQkFBVyxHQUFYLFdBQVcsQ0FBZTtRQUMxQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXNCO1FBakM3RDs7V0FFRztRQUNhLGVBQVUsR0FBZSxVQUFVLENBQUMsT0FBTyxDQUFDO1FBRTVEOztXQUVHO1FBQ0ksV0FBTSxHQUFzQixVQUFVLENBQUM7UUFFOUM7O1dBRUc7UUFDdUIsbUJBQWMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV4Rjs7V0FFRztRQUN1QixXQUFNLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFaEY7O1dBRUc7UUFDdUIsZ0JBQVcsR0FBd0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBVzFILENBQUM7SUFFSixrQkFBa0I7SUFDWCxRQUFRO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO1lBQ3pDLE1BQU0sRUFBRSxzQkFBc0IsQ0FBQyxVQUFVO1lBQ3pDLE1BQU0sRUFBRTtnQkFDSixJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVU7YUFDeEI7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLFVBQVUsQ0FBQyxVQUFzQjtRQUNwQyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUU3QixJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLENBQUM7WUFDekMsTUFBTSxFQUFFLHNCQUFzQixDQUFDLFVBQVU7WUFDekMsTUFBTSxFQUFFO2dCQUNKLElBQUksRUFBRSxVQUFVO2FBQ25CO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVEOztPQUVHO0lBQ0ksZ0JBQWdCO1FBQ25CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQzsrR0FwRVEscUJBQXFCO21HQUFyQixxQkFBcUIsMExDZGxDLHE2Q0F1Q0E7OzRGRHpCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0ksaUJBQWlCLG1CQUVWLHVCQUF1QixDQUFDLE1BQU07cUhBTS9CLFVBQVU7c0JBQXpCLEtBQUs7Z0JBVW9CLGNBQWM7c0JBQXZDLE1BQU07Z0JBS21CLE1BQU07c0JBQS9CLE1BQU07Z0JBS21CLFdBQVc7c0JBQXBDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2NBdXRoU2VydmljZSwgU2NVc2VyTWV0cmlrYUdvYWxzRW51bSwgU2NVc2VyTWV0cmlrYVNlcnZpY2UgfSBmcm9tICdAc25hYmNlbnRyL2NsaWVudC1jb3JlJztcbmltcG9ydCB7IGZpbHRlciwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBBdXRoTWV0aG9kIH0gZnJvbSAnLi4vZW51bXMvYXV0aC1tZXRob2QnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQsNGD0YLQtdC90YLQuNGE0LjQutCw0YbQuNC4INC/0L7Qu9GM0LfQvtCy0LDRgtC10LvRjy5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzYy1zaWduLWluLWZvcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zYy1zaWduLWluLWZvcm0uY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY1NpZ25JbkZvcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8qKlxuICAgICAqINCS0YvQsdGA0LDQvdC90YvQuSDRgdC/0L7RgdC+0LEg0LDRg9GC0LXQvdGC0LjRhNC40LrQsNGG0LjQuC5cbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgYXV0aE1ldGhvZDogQXV0aE1ldGhvZCA9IEF1dGhNZXRob2QuYnlFbWFpbDtcblxuICAgIC8qKlxuICAgICAqINCf0LXRgNC10YfQuNGB0LvQtdC90LjQtSDRgdC/0L7RgdC+0LHQvtCyINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40LguXG4gICAgICovXG4gICAgcHVibGljIG1ldGhvZDogdHlwZW9mIEF1dGhNZXRob2QgPSBBdXRoTWV0aG9kO1xuXG4gICAgLyoqXG4gICAgICog0KHQuNCz0L3QsNC7INC90LDQttCw0YLQuNGPINC90LAg0LrQvdC+0L/QutGDIFwi0JfQsNCx0YvQu9C4INC/0LDRgNC+0LvRjFwiLlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgcmVhZG9ubHkgZm9yZ290UGFzc3dvcmQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIC8qKlxuICAgICAqINCh0LjQs9C90LDQuyDQvdCw0LbQsNGC0LjRjyDQvdCwINC60L3QvtC/0LrRgyBcItCX0LDRgNC10LPQuNGB0YLRgNC40YDQvtCy0LDRgtGM0YHRj1wiLlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgcmVhZG9ubHkgc2lnblVwOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICAvKipcbiAgICAgKiDQodC40LPQvdCw0Lsg0YHQvtCx0YvRgtC40Y8g0LDRg9GC0LXQvdGC0LjRhNC40LrQsNGG0LjQuC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KCkgcHVibGljIHJlYWRvbmx5IHN1Y2Nlc3NBdXRoOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5hdXRoU2VydmljZS5nZXRBdXRoQ2hhbmdlKCkucGlwZShmaWx0ZXIoKHN0YXRlKSA9PiBzdGF0ZSkpO1xuXG4gICAgLyoqXG4gICAgICog0JjQvdC40YbQuNCw0LvQuNC30LjRgNGD0LXRgiDRjdC60LfQtdC80L/Qu9GP0YAg0LrQu9Cw0YHRgdCwIHtAbGluayBTY1NpZ25JbkZvcm1Db21wb25lbnR9LlxuICAgICAqXG4gICAgICogQHBhcmFtIGF1dGhTZXJ2aWNlINCh0LXRgNCy0LjRgSDQsNGD0YLQtdC90YLQuNGE0LjQutCw0YbQuNC4LlxuICAgICAqIEBwYXJhbSB1c2VyTWV0cmlrYVNlcnZpY2Ug0KHQtdGA0LLQuNGBINC00LvRjyDRgdCx0L7RgNCwINC80LXRgtGA0LjQuiDQviDQtNC10LnRgdGC0LLQuNGP0YUg0L/QvtC70YzQt9C+0LLQsNGC0LXQu9C10LkuXG4gICAgICovXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGF1dGhTZXJ2aWNlOiBTY0F1dGhTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHVzZXJNZXRyaWthU2VydmljZTogU2NVc2VyTWV0cmlrYVNlcnZpY2VcbiAgICApIHt9XG5cbiAgICAvKiogQGluaGVyaXREb2MgKi9cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXNlck1ldHJpa2FTZXJ2aWNlLmVtaXRVc2VyTWV0cmlrYUV2ZW50KHtcbiAgICAgICAgICAgIHRhcmdldDogU2NVc2VyTWV0cmlrYUdvYWxzRW51bS5zaWduSW5TaG93LFxuICAgICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICAgICAgdHlwZTogdGhpcy5hdXRoTWV0aG9kLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICog0J7RgdGD0YnQtdGB0YLQstC70Y/QtdGCINC/0LXRgNC10LrQu9GO0YfQtdC90LjQtSDRgdC/0L7RgdC+0LHQvtCyINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40LguXG4gICAgICpcbiAgICAgKiBAcGFyYW0gYXV0aE1ldGhvZCDQktGL0LHRgNCw0L3QvdGL0Lkg0YHQv9C+0YHQvtCxINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40LguXG4gICAgICovXG4gICAgcHVibGljIHN3aXRjaEF1dGgoYXV0aE1ldGhvZDogQXV0aE1ldGhvZCk6IHZvaWQge1xuICAgICAgICB0aGlzLmF1dGhNZXRob2QgPSBhdXRoTWV0aG9kO1xuXG4gICAgICAgIHRoaXMudXNlck1ldHJpa2FTZXJ2aWNlLmVtaXRVc2VyTWV0cmlrYUV2ZW50KHtcbiAgICAgICAgICAgIHRhcmdldDogU2NVc2VyTWV0cmlrYUdvYWxzRW51bS5zaWduSW5TaG93LFxuICAgICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICAgICAgdHlwZTogYXV0aE1ldGhvZCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqINCe0LHRgNCw0LHQsNGC0YvQstCw0LXRgiDQvdCw0LbQsNGC0LjQtSDQvdCwINC60L3QvtC/0LrRgyBcItCX0LDQsdGL0LvQuCDQv9Cw0YDQvtC70YxcIiDQuCDQstGL0LTQsNC10YIg0YHQuNCz0L3QsNC7INC+0LEg0Y3RgtC+0LwuXG4gICAgICovXG4gICAgcHVibGljIG9uRm9yZ290UGFzc3dvcmQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZm9yZ290UGFzc3dvcmQuZW1pdCgpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYi00IGZsZXgganVzdGlmeS1jZW50ZXJcIj5cbiAgICA8YnV0dG9uXG4gICAgICAgIHR1aUJ1dHRvblxuICAgICAgICBbYXBwZWFyYW5jZV09XCJhdXRoTWV0aG9kID09PSAnYnlfcGhvbmUnID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSdcIlxuICAgICAgICAoY2xpY2spPVwic3dpdGNoQXV0aChtZXRob2QuYnlQaG9uZSlcIlxuICAgICAgICBjbGFzcz1cInR1aS1zcGFjZV9yaWdodC0zIHR1aS1zcGFjZV9ib3R0b20tMyAhZm9udC1ib2xkXCJcbiAgICA+XG4gICAgICAgINCf0L4g0YLQtdC70LXRhNC+0L3Rg1xuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvblxuICAgICAgICB0dWlCdXR0b25cbiAgICAgICAgW2FwcGVhcmFuY2VdPVwiYXV0aE1ldGhvZCA9PT0gJ2J5X2VtYWlsJyA/ICdwcmltYXJ5JyA6ICdzZWNvbmRhcnknXCJcbiAgICAgICAgKGNsaWNrKT1cInN3aXRjaEF1dGgobWV0aG9kLmJ5RW1haWwpXCJcbiAgICAgICAgY2xhc3M9XCJ0dWktc3BhY2VfbGVmdC0zIHR1aS1zcGFjZV9ib3R0b20tMyAhZm9udC1ib2xkXCJcbiAgICA+XG4gICAgICAgINCf0L4gZS1tYWlsXG4gICAgPC9idXR0b24+XG48L2Rpdj5cblxuPHNjLXNpZ24taW4tZm9ybS1ieS1lbWFpbFxuICAgICpuZ0lmPVwiYXV0aE1ldGhvZCA9PT0gJ2J5X2VtYWlsJ1wiXG4gICAgKGZvcmdvdFBhc3N3b3JkKT1cIm9uRm9yZ290UGFzc3dvcmQoKVwiXG4+PC9zYy1zaWduLWluLWZvcm0tYnktZW1haWw+XG5cbjxzYy1zaWduLWluLWZvcm0tYnktcGhvbmUgW2NsYXNzLmhpZGRlbl09XCJhdXRoTWV0aG9kICE9PSAnYnlfcGhvbmUnXCI+PC9zYy1zaWduLWluLWZvcm0tYnktcGhvbmU+XG5cbjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGl0ZW1zLWNlbnRlciBnYXAtNFwiPlxuICAgIDxzcGFuIGNsYXNzPVwiZm9udC1tZWRpdW0gdGV4dC10dWktdGV4dC0wMlwiPtCV0YnQtSDQvdC1INC30LDRgNC10LPQuNGB0YLRgNC40YDQvtCy0LDQvdGLPzwvc3Bhbj5cbiAgICA8YnV0dG9uXG4gICAgICAgIHR1aUJ1dHRvblxuICAgICAgICAoY2xpY2spPVwic2lnblVwLmVtaXQoKVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBpY29uU3RhcnQ9XCJAdHVpLnVzZXItcGx1c1wiXG4gICAgICAgIGFwcGVhcmFuY2U9XCJzZWNvbmRhcnlcIlxuICAgID5cbiAgICAgICAg0JfQsNGA0LXQs9C40YHRgtGA0LjRgNC+0LLQsNGC0YzRgdGPXG4gICAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtc2lnbi1pbi1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9hdXRoL3NjLXNpZ24taW4tZm9ybS9zYy1zaWduLWluLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL2F1dGgvc2Mtc2lnbi1pbi1mb3JtL3NjLXNpZ24taW4tZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBaUIsc0JBQXNCLEVBQXdCLE1BQU0sd0JBQXdCLENBQUM7QUFDckcsT0FBTyxFQUFFLE1BQU0sRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUUxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7QUFFbEQ7O0dBRUc7QUFPSCxNQUFNLE9BQU8scUJBQXFCO0lBMEI5Qjs7Ozs7T0FLRztJQUNILFlBQ3FCLFdBQTBCLEVBQzFCLGtCQUF3QztRQUR4QyxnQkFBVyxHQUFYLFdBQVcsQ0FBZTtRQUMxQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXNCO1FBakM3RDs7V0FFRztRQUNhLGVBQVUsR0FBZSxVQUFVLENBQUMsT0FBTyxDQUFDO1FBRTVEOztXQUVHO1FBQ0ksV0FBTSxHQUFzQixVQUFVLENBQUM7UUFFOUM7O1dBRUc7UUFDdUIsbUJBQWMsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV4Rjs7V0FFRztRQUN1QixXQUFNLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFaEY7O1dBRUc7UUFDdUIsZ0JBQVcsR0FBd0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBVzFILENBQUM7SUFFSixrQkFBa0I7SUFDWCxRQUFRO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO1lBQ3pDLE1BQU0sRUFBRSxzQkFBc0IsQ0FBQyxVQUFVO1lBQ3pDLE1BQU0sRUFBRTtnQkFDSixJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVU7YUFDeEI7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLFVBQVUsQ0FBQyxVQUFzQjtRQUNwQyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUU3QixJQUFJLENBQUMsa0JBQWtCLENBQUMsb0JBQW9CLENBQUM7WUFDekMsTUFBTSxFQUFFLHNCQUFzQixDQUFDLFVBQVU7WUFDekMsTUFBTSxFQUFFO2dCQUNKLElBQUksRUFBRSxVQUFVO2FBQ25CO1NBQ0osQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVEOztPQUVHO0lBQ0ksZ0JBQWdCO1FBQ25CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQzsrR0FwRVEscUJBQXFCO21HQUFyQixxQkFBcUIsK09DZmxDLHE2Q0F1Q0E7OzRGRHhCYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksaUJBQWlCLFFBRXJCLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxtQkFDaEIsdUJBQXVCLENBQUMsTUFBTTtxSEFNL0IsVUFBVTtzQkFBekIsS0FBSztnQkFVb0IsY0FBYztzQkFBdkMsTUFBTTtnQkFLbUIsTUFBTTtzQkFBL0IsTUFBTTtnQkFLbUIsV0FBVztzQkFBcEMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY0F1dGhTZXJ2aWNlLCBTY1VzZXJNZXRyaWthR29hbHNFbnVtLCBTY1VzZXJNZXRyaWthU2VydmljZSB9IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgZmlsdGVyLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEF1dGhNZXRob2QgfSBmcm9tICcuLi9lbnVtcy9hdXRoLW1ldGhvZCc7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40Lgg0L/QvtC70YzQt9C+0LLQsNGC0LXQu9GPLlxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NjLXNpZ24taW4tZm9ybScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXNpZ24taW4tZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gICAgaG9zdDogeyBuZ1NraXBIeWRyYXRpb246ICd0cnVlJyB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY1NpZ25JbkZvcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8qKlxuICAgICAqINCS0YvQsdGA0LDQvdC90YvQuSDRgdC/0L7RgdC+0LEg0LDRg9GC0LXQvdGC0LjRhNC40LrQsNGG0LjQuC5cbiAgICAgKi9cbiAgICBASW5wdXQoKSBwdWJsaWMgYXV0aE1ldGhvZDogQXV0aE1ldGhvZCA9IEF1dGhNZXRob2QuYnlFbWFpbDtcblxuICAgIC8qKlxuICAgICAqINCf0LXRgNC10YfQuNGB0LvQtdC90LjQtSDRgdC/0L7RgdC+0LHQvtCyINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40LguXG4gICAgICovXG4gICAgcHVibGljIG1ldGhvZDogdHlwZW9mIEF1dGhNZXRob2QgPSBBdXRoTWV0aG9kO1xuXG4gICAgLyoqXG4gICAgICog0KHQuNCz0L3QsNC7INC90LDQttCw0YLQuNGPINC90LAg0LrQvdC+0L/QutGDIFwi0JfQsNCx0YvQu9C4INC/0LDRgNC+0LvRjFwiLlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgcmVhZG9ubHkgZm9yZ290UGFzc3dvcmQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIC8qKlxuICAgICAqINCh0LjQs9C90LDQuyDQvdCw0LbQsNGC0LjRjyDQvdCwINC60L3QvtC/0LrRgyBcItCX0LDRgNC10LPQuNGB0YLRgNC40YDQvtCy0LDRgtGM0YHRj1wiLlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgcmVhZG9ubHkgc2lnblVwOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICAvKipcbiAgICAgKiDQodC40LPQvdCw0Lsg0YHQvtCx0YvRgtC40Y8g0LDRg9GC0LXQvdGC0LjRhNC40LrQsNGG0LjQuC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KCkgcHVibGljIHJlYWRvbmx5IHN1Y2Nlc3NBdXRoOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5hdXRoU2VydmljZS5nZXRBdXRoQ2hhbmdlKCkucGlwZShmaWx0ZXIoKHN0YXRlKSA9PiBzdGF0ZSkpO1xuXG4gICAgLyoqXG4gICAgICog0JjQvdC40YbQuNCw0LvQuNC30LjRgNGD0LXRgiDRjdC60LfQtdC80L/Qu9GP0YAg0LrQu9Cw0YHRgdCwIHtAbGluayBTY1NpZ25JbkZvcm1Db21wb25lbnR9LlxuICAgICAqXG4gICAgICogQHBhcmFtIGF1dGhTZXJ2aWNlINCh0LXRgNCy0LjRgSDQsNGD0YLQtdC90YLQuNGE0LjQutCw0YbQuNC4LlxuICAgICAqIEBwYXJhbSB1c2VyTWV0cmlrYVNlcnZpY2Ug0KHQtdGA0LLQuNGBINC00LvRjyDRgdCx0L7RgNCwINC80LXRgtGA0LjQuiDQviDQtNC10LnRgdGC0LLQuNGP0YUg0L/QvtC70YzQt9C+0LLQsNGC0LXQu9C10LkuXG4gICAgICovXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGF1dGhTZXJ2aWNlOiBTY0F1dGhTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHVzZXJNZXRyaWthU2VydmljZTogU2NVc2VyTWV0cmlrYVNlcnZpY2VcbiAgICApIHt9XG5cbiAgICAvKiogQGluaGVyaXREb2MgKi9cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXNlck1ldHJpa2FTZXJ2aWNlLmVtaXRVc2VyTWV0cmlrYUV2ZW50KHtcbiAgICAgICAgICAgIHRhcmdldDogU2NVc2VyTWV0cmlrYUdvYWxzRW51bS5zaWduSW5TaG93LFxuICAgICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICAgICAgdHlwZTogdGhpcy5hdXRoTWV0aG9kLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICog0J7RgdGD0YnQtdGB0YLQstC70Y/QtdGCINC/0LXRgNC10LrQu9GO0YfQtdC90LjQtSDRgdC/0L7RgdC+0LHQvtCyINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40LguXG4gICAgICpcbiAgICAgKiBAcGFyYW0gYXV0aE1ldGhvZCDQktGL0LHRgNCw0L3QvdGL0Lkg0YHQv9C+0YHQvtCxINCw0YPRgtC10L3RgtC40YTQuNC60LDRhtC40LguXG4gICAgICovXG4gICAgcHVibGljIHN3aXRjaEF1dGgoYXV0aE1ldGhvZDogQXV0aE1ldGhvZCk6IHZvaWQge1xuICAgICAgICB0aGlzLmF1dGhNZXRob2QgPSBhdXRoTWV0aG9kO1xuXG4gICAgICAgIHRoaXMudXNlck1ldHJpa2FTZXJ2aWNlLmVtaXRVc2VyTWV0cmlrYUV2ZW50KHtcbiAgICAgICAgICAgIHRhcmdldDogU2NVc2VyTWV0cmlrYUdvYWxzRW51bS5zaWduSW5TaG93LFxuICAgICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICAgICAgdHlwZTogYXV0aE1ldGhvZCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqINCe0LHRgNCw0LHQsNGC0YvQstCw0LXRgiDQvdCw0LbQsNGC0LjQtSDQvdCwINC60L3QvtC/0LrRgyBcItCX0LDQsdGL0LvQuCDQv9Cw0YDQvtC70YxcIiDQuCDQstGL0LTQsNC10YIg0YHQuNCz0L3QsNC7INC+0LEg0Y3RgtC+0LwuXG4gICAgICovXG4gICAgcHVibGljIG9uRm9yZ290UGFzc3dvcmQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZm9yZ290UGFzc3dvcmQuZW1pdCgpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYi00IGZsZXgganVzdGlmeS1jZW50ZXJcIj5cbiAgICA8YnV0dG9uXG4gICAgICAgIHR1aUJ1dHRvblxuICAgICAgICBbYXBwZWFyYW5jZV09XCJhdXRoTWV0aG9kID09PSAnYnlfcGhvbmUnID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSdcIlxuICAgICAgICAoY2xpY2spPVwic3dpdGNoQXV0aChtZXRob2QuYnlQaG9uZSlcIlxuICAgICAgICBjbGFzcz1cInR1aS1zcGFjZV9yaWdodC0zIHR1aS1zcGFjZV9ib3R0b20tMyAhZm9udC1ib2xkXCJcbiAgICA+XG4gICAgICAgINCf0L4g0YLQtdC70LXRhNC+0L3Rg1xuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvblxuICAgICAgICB0dWlCdXR0b25cbiAgICAgICAgW2FwcGVhcmFuY2VdPVwiYXV0aE1ldGhvZCA9PT0gJ2J5X2VtYWlsJyA/ICdwcmltYXJ5JyA6ICdzZWNvbmRhcnknXCJcbiAgICAgICAgKGNsaWNrKT1cInN3aXRjaEF1dGgobWV0aG9kLmJ5RW1haWwpXCJcbiAgICAgICAgY2xhc3M9XCJ0dWktc3BhY2VfbGVmdC0zIHR1aS1zcGFjZV9ib3R0b20tMyAhZm9udC1ib2xkXCJcbiAgICA+XG4gICAgICAgINCf0L4gZS1tYWlsXG4gICAgPC9idXR0b24+XG48L2Rpdj5cblxuPHNjLXNpZ24taW4tZm9ybS1ieS1lbWFpbFxuICAgICpuZ0lmPVwiYXV0aE1ldGhvZCA9PT0gJ2J5X2VtYWlsJ1wiXG4gICAgKGZvcmdvdFBhc3N3b3JkKT1cIm9uRm9yZ290UGFzc3dvcmQoKVwiXG4+PC9zYy1zaWduLWluLWZvcm0tYnktZW1haWw+XG5cbjxzYy1zaWduLWluLWZvcm0tYnktcGhvbmUgW2NsYXNzLmhpZGRlbl09XCJhdXRoTWV0aG9kICE9PSAnYnlfcGhvbmUnXCI+PC9zYy1zaWduLWluLWZvcm0tYnktcGhvbmU+XG5cbjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGl0ZW1zLWNlbnRlciBnYXAtNFwiPlxuICAgIDxzcGFuIGNsYXNzPVwiZm9udC1tZWRpdW0gdGV4dC10dWktdGV4dC0wMlwiPtCV0YnQtSDQvdC1INC30LDRgNC10LPQuNGB0YLRgNC40YDQvtCy0LDQvdGLPzwvc3Bhbj5cbiAgICA8YnV0dG9uXG4gICAgICAgIHR1aUJ1dHRvblxuICAgICAgICAoY2xpY2spPVwic2lnblVwLmVtaXQoKVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBpY29uU3RhcnQ9XCJAdHVpLnVzZXItcGx1c1wiXG4gICAgICAgIGFwcGVhcmFuY2U9XCJzZWNvbmRhcnlcIlxuICAgID5cbiAgICAgICAg0JfQsNGA0LXQs9C40YHRgtGA0LjRgNC+0LLQsNGC0YzRgdGPXG4gICAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2022/icons/sc-client-ui-icons-name.mjs

@@ -74,6 +74,7 @@ export const scClientUiIconsName = [
     'img.whatsapp',
     'img.copy',
     'img.window-handle-lock',
+    'img.phone',
     'img.principles.assistance',
     'img.principles.delivery',
     'img.principles.installation',
@@ -95,4 +96,4 @@ export const scClientUiIconsName = [
     'solid.vk',
     'solid.whatsapp',
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtY2xpZW50LXVpLWljb25zLW5hbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvaWNvbnMvc2MtY2xpZW50LXVpLWljb25zLW5hbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRztJQUMvQixhQUFhO0lBQ2IsTUFBTTtJQUNOLEtBQUs7SUFDTCx1QkFBdUI7SUFDdkIsbUJBQW1CO0lBQ25CLHVCQUF1QjtJQUN2QixVQUFVO0lBQ1YsUUFBUTtJQUNSLGFBQWE7SUFDYixRQUFRO0lBQ1IsUUFBUTtJQUNSLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLGFBQWE7SUFDYixNQUFNO0lBQ04sVUFBVTtJQUNWLElBQUk7SUFDSixVQUFVO0lBQ1YsbUJBQW1CO0lBQ25CLGtCQUFrQjtJQUNsQixjQUFjO0lBQ2QsUUFBUTtJQUNSLFVBQVU7SUFDViwwQkFBMEI7SUFDMUIscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLHNCQUFzQjtJQUN0QiwyQkFBMkI7SUFDM0IsMEJBQTBCO0lBQzFCLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsNkJBQTZCO0lBQzdCLHVCQUF1QjtJQUN2QixlQUFlO0lBQ2Ysc0JBQXNCO0lBQ3RCLGNBQWM7SUFDZCxjQUFjO0lBQ2QsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtJQUNwQixxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLHNCQUFzQjtJQUN0Qiw4QkFBOEI7SUFDOUIsbUJBQW1CO0lBQ25CLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsMkJBQTJCO0lBQzNCLHlCQUF5QjtJQUN6Qix5QkFBeUI7SUFDekIsY0FBYztJQUNkLHVCQUF1QjtJQUN2QiwwQkFBMEI7SUFDMUIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtJQUNoQiw4QkFBOEI7SUFDOUIsNkJBQTZCO0lBQzdCLGNBQWM7SUFDZCxxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLFdBQVc7SUFDWCxjQUFjO0lBQ2QsZUFBZTtJQUNmLGFBQWE7SUFDYixjQUFjO0lBQ2QsV0FBVztJQUNYLFFBQVE7SUFDUixjQUFjO0lBQ2QsVUFBVTtJQUNWLHdCQUF3QjtJQUN4QiwyQkFBMkI7SUFDM0IseUJBQXlCO0lBQ3pCLDZCQUE2QjtJQUM3Qiw0QkFBNEI7SUFDNUIsaUJBQWlCO0lBQ2pCLGdDQUFnQztJQUNoQyxrQkFBa0I7SUFDbEIsc0JBQXNCO0lBQ3RCLHNCQUFzQjtJQUN0Qix5QkFBeUI7SUFDekIsd0JBQXdCO0lBQ3hCLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2Ysb0JBQW9CO0lBQ3BCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGtCQUFrQjtJQUNsQixVQUFVO0lBQ1YsZ0JBQWdCO0NBQ25CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqINCh0L/QuNGB0L7QuiDQuNC60L7QvdC+0LouXG4gKi9cbmV4cG9ydCBjb25zdCBzY0NsaWVudFVpSWNvbnNOYW1lID0gW1xuICAgICdhcHBsaWNhdGlvbicsXG4gICAgJ2JhY2snLFxuICAgICdiYWcnLFxuICAgICdiYW5rbm90ZS1hcnJvdy1pbi10b3AnLFxuICAgICdjaGFydC1jb2x1bW4tcGx1cycsXG4gICAgJ2NpcmNsZS1hcnJvdy1pbi1yaWdodCcsXG4gICAgJ2NvbnRhY3RzJyxcbiAgICAnZmlsZS1wJyxcbiAgICAnZmlsZS1zZWFyY2gnLFxuICAgICdmaWxlLXcnLFxuICAgICdmaWxlLXgnLFxuICAgICdpbnN0YWdyYW0nLFxuICAgICdsYXlvdXQtbGlzdC10cmVlJyxcbiAgICAnbGlzdCcsXG4gICAgJ3JlY2xhbWF0aW9uJyxcbiAgICAnc2VuZCcsXG4gICAgJ3RlbGVncmFtJyxcbiAgICAndmsnLFxuICAgICd3aGF0c2FwcCcsXG4gICAgJ2dyaWQtaGVpZ2h0LWFycm93JyxcbiAgICAnZ3JpZC13aWR0aC1hcnJvdycsXG4gICAgJ3JldGFpbC1zdG9yZScsXG4gICAgJ3B1enpsZScsXG4gICAgJ2RlYWRsaW5lJyxcbiAgICAnY2F0YWxvZy5hbHVtaW51bS1zeXN0ZW1zJyxcbiAgICAnY2F0YWxvZy5hcm0tcHJvZmlsZScsXG4gICAgJ2NhdGFsb2cuYmF0dGVuJyxcbiAgICAnY2F0YWxvZy5icnVzYm94JyxcbiAgICAnY2F0YWxvZy5jYW5vcHknLFxuICAgICdjYXRhbG9nLmNvbmZpZ3VyYXRvcicsXG4gICAgJ2NhdGFsb2cuY292ZXJpbmctbWF0ZXJpYWwnLFxuICAgICdjYXRhbG9nLmRvb3ItYWNjZXNzb3JpZXMnLFxuICAgICdjYXRhbG9nLmRyYWluYWdlLXN5c3RlbScsXG4gICAgJ2NhdGFsb2cuZmFzdGVuZXInLFxuICAgICdjYXRhbG9nLmZpbmlzaGluZy1tYXRlcmlhbHMnLFxuICAgICdjYXRhbG9nLmZpeGluZy1pbXBvc3QnLFxuICAgICdjYXRhbG9nLmZsYXNrJyxcbiAgICAnY2F0YWxvZy5mb2FtLWJhbGxvb24nLFxuICAgICdjYXRhbG9nLmZvYW0nLFxuICAgICdjYXRhbG9nLmdsdWUnLFxuICAgICdjYXRhbG9nLmhhbmRsZScsXG4gICAgJ2NhdGFsb2cuaW5zdHJ1bWVudCcsXG4gICAgJ2NhdGFsb2cua3ZlLXByb2ZpbGUnLFxuICAgICdjYXRhbG9nLmx1YnJpY2FudHMnLFxuICAgICdjYXRhbG9nLm1vc3F1aXRvLW5ldCcsXG4gICAgJ2NhdGFsb2cubW91bnRpbmctYWNjZXNzb3JpZXMnLFxuICAgICdjYXRhbG9nLm5ldC1vcmRlcicsXG4gICAgJ2NhdGFsb2cucGFuZWwtMScsXG4gICAgJ2NhdGFsb2cucGFuZWwnLFxuICAgICdjYXRhbG9nLnBvbHlldGh5bGVuZS1maWxtJyxcbiAgICAnY2F0YWxvZy5wcm9maWxlLXBsYXN0aWMnLFxuICAgICdjYXRhbG9nLnByb21vLW1hdGVyaWFscycsXG4gICAgJ2NhdGFsb2cucHN1bCcsXG4gICAgJ2NhdGFsb2cucmVoYXUtcHJvZmlsZScsXG4gICAgJ2NhdGFsb2cuc2FuZHdpY2gtcGxhc3RpYycsXG4gICAgJ2NhdGFsb2cuc2VhbGVyJyxcbiAgICAnY2F0YWxvZy5zaWRpbmcnLFxuICAgICdjYXRhbG9nLnN0YXJ0LWZpbmlzaC1wcm9maWxlJyxcbiAgICAnY2F0YWxvZy5zdGVhbS13YXRlcnByb29maW5nJyxcbiAgICAnY2F0YWxvZy5zdGl6JyxcbiAgICAnY2F0YWxvZy50aGVybW9tZXRlcicsXG4gICAgJ2NhdGFsb2cud2luZG93c2lsbCcsXG4gICAgJ2ltZy5lbWFpbCcsXG4gICAgJ2ltZy5mYWNlYm9vaycsXG4gICAgJ2ltZy5pbnN0YWdyYW0nLFxuICAgICdpbWcucXItY29kZScsXG4gICAgJ2ltZy50ZWxlZ3JhbScsXG4gICAgJ2ltZy52aWJlcicsXG4gICAgJ2ltZy52aycsXG4gICAgJ2ltZy53aGF0c2FwcCcsXG4gICAgJ2ltZy5jb3B5JyxcbiAgICAnaW1nLndpbmRvdy1oYW5kbGUtbG9jaycsXG4gICAgJ2ltZy5wcmluY2lwbGVzLmFzc2lzdGFuY2UnLFxuICAgICdpbWcucHJpbmNpcGxlcy5kZWxpdmVyeScsXG4gICAgJ2ltZy5wcmluY2lwbGVzLmluc3RhbGxhdGlvbicsXG4gICAgJ2ltZy5wcmluY2lwbGVzLm1haW50ZW5hbmNlJyxcbiAgICAnbGFuZGluZy5jYXRhbG9nJyxcbiAgICAnbGFuZGluZy5jb25zdHJ1Y3Rpb24tY2hlbWljYWxzJyxcbiAgICAnbGFuZGluZy5mYXN0ZW5lcicsXG4gICAgJ2xhbmRpbmcuZm9hbS1iYWxsb29uJyxcbiAgICAnbGFuZGluZy5tb3NxdWl0by1uZXQnLFxuICAgICdsYW5kaW5nLnByb2ZpbGUtcGxhc3RpYycsXG4gICAgJ2xhbmRpbmcuc2FuZHdpY2gtcGFuZWwnLFxuICAgICdsYW5kaW5nLnNpZGluZycsXG4gICAgJ2xhbmRpbmcuc3RyaXAnLFxuICAgICdsYW5kaW5nLndpbmRvd3NpbGwnLFxuICAgICdzb2xpZC5mYWNlYm9vaycsXG4gICAgJ3NvbGlkLmluc3RhZ3JhbScsXG4gICAgJ3NvbGlkLnRlbGVncmFtJyxcbiAgICAnc29saWQudmstcm91bmRlZCcsXG4gICAgJ3NvbGlkLnZrJyxcbiAgICAnc29saWQud2hhdHNhcHAnLFxuXTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtY2xpZW50LXVpLWljb25zLW5hbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvaWNvbnMvc2MtY2xpZW50LXVpLWljb25zLW5hbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRztJQUMvQixhQUFhO0lBQ2IsTUFBTTtJQUNOLEtBQUs7SUFDTCx1QkFBdUI7SUFDdkIsbUJBQW1CO0lBQ25CLHVCQUF1QjtJQUN2QixVQUFVO0lBQ1YsUUFBUTtJQUNSLGFBQWE7SUFDYixRQUFRO0lBQ1IsUUFBUTtJQUNSLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLGFBQWE7SUFDYixNQUFNO0lBQ04sVUFBVTtJQUNWLElBQUk7SUFDSixVQUFVO0lBQ1YsbUJBQW1CO0lBQ25CLGtCQUFrQjtJQUNsQixjQUFjO0lBQ2QsUUFBUTtJQUNSLFVBQVU7SUFDViwwQkFBMEI7SUFDMUIscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLHNCQUFzQjtJQUN0QiwyQkFBMkI7SUFDM0IsMEJBQTBCO0lBQzFCLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsNkJBQTZCO0lBQzdCLHVCQUF1QjtJQUN2QixlQUFlO0lBQ2Ysc0JBQXNCO0lBQ3RCLGNBQWM7SUFDZCxjQUFjO0lBQ2QsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtJQUNwQixxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLHNCQUFzQjtJQUN0Qiw4QkFBOEI7SUFDOUIsbUJBQW1CO0lBQ25CLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsMkJBQTJCO0lBQzNCLHlCQUF5QjtJQUN6Qix5QkFBeUI7SUFDekIsY0FBYztJQUNkLHVCQUF1QjtJQUN2QiwwQkFBMEI7SUFDMUIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtJQUNoQiw4QkFBOEI7SUFDOUIsNkJBQTZCO0lBQzdCLGNBQWM7SUFDZCxxQkFBcUI7SUFDckIsb0JBQW9CO0lBQ3BCLFdBQVc7SUFDWCxjQUFjO0lBQ2QsZUFBZTtJQUNmLGFBQWE7SUFDYixjQUFjO0lBQ2QsV0FBVztJQUNYLFFBQVE7SUFDUixjQUFjO0lBQ2QsVUFBVTtJQUNWLHdCQUF3QjtJQUN4QixXQUFXO0lBQ1gsMkJBQTJCO0lBQzNCLHlCQUF5QjtJQUN6Qiw2QkFBNkI7SUFDN0IsNEJBQTRCO0lBQzVCLGlCQUFpQjtJQUNqQixnQ0FBZ0M7SUFDaEMsa0JBQWtCO0lBQ2xCLHNCQUFzQjtJQUN0QixzQkFBc0I7SUFDdEIseUJBQXlCO0lBQ3pCLHdCQUF3QjtJQUN4QixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLG9CQUFvQjtJQUNwQixnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsVUFBVTtJQUNWLGdCQUFnQjtDQUNuQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiDQodC/0LjRgdC+0Log0LjQutC+0L3QvtC6LlxuICovXG5leHBvcnQgY29uc3Qgc2NDbGllbnRVaUljb25zTmFtZSA9IFtcbiAgICAnYXBwbGljYXRpb24nLFxuICAgICdiYWNrJyxcbiAgICAnYmFnJyxcbiAgICAnYmFua25vdGUtYXJyb3ctaW4tdG9wJyxcbiAgICAnY2hhcnQtY29sdW1uLXBsdXMnLFxuICAgICdjaXJjbGUtYXJyb3ctaW4tcmlnaHQnLFxuICAgICdjb250YWN0cycsXG4gICAgJ2ZpbGUtcCcsXG4gICAgJ2ZpbGUtc2VhcmNoJyxcbiAgICAnZmlsZS13JyxcbiAgICAnZmlsZS14JyxcbiAgICAnaW5zdGFncmFtJyxcbiAgICAnbGF5b3V0LWxpc3QtdHJlZScsXG4gICAgJ2xpc3QnLFxuICAgICdyZWNsYW1hdGlvbicsXG4gICAgJ3NlbmQnLFxuICAgICd0ZWxlZ3JhbScsXG4gICAgJ3ZrJyxcbiAgICAnd2hhdHNhcHAnLFxuICAgICdncmlkLWhlaWdodC1hcnJvdycsXG4gICAgJ2dyaWQtd2lkdGgtYXJyb3cnLFxuICAgICdyZXRhaWwtc3RvcmUnLFxuICAgICdwdXp6bGUnLFxuICAgICdkZWFkbGluZScsXG4gICAgJ2NhdGFsb2cuYWx1bWludW0tc3lzdGVtcycsXG4gICAgJ2NhdGFsb2cuYXJtLXByb2ZpbGUnLFxuICAgICdjYXRhbG9nLmJhdHRlbicsXG4gICAgJ2NhdGFsb2cuYnJ1c2JveCcsXG4gICAgJ2NhdGFsb2cuY2Fub3B5JyxcbiAgICAnY2F0YWxvZy5jb25maWd1cmF0b3InLFxuICAgICdjYXRhbG9nLmNvdmVyaW5nLW1hdGVyaWFsJyxcbiAgICAnY2F0YWxvZy5kb29yLWFjY2Vzc29yaWVzJyxcbiAgICAnY2F0YWxvZy5kcmFpbmFnZS1zeXN0ZW0nLFxuICAgICdjYXRhbG9nLmZhc3RlbmVyJyxcbiAgICAnY2F0YWxvZy5maW5pc2hpbmctbWF0ZXJpYWxzJyxcbiAgICAnY2F0YWxvZy5maXhpbmctaW1wb3N0JyxcbiAgICAnY2F0YWxvZy5mbGFzaycsXG4gICAgJ2NhdGFsb2cuZm9hbS1iYWxsb29uJyxcbiAgICAnY2F0YWxvZy5mb2FtJyxcbiAgICAnY2F0YWxvZy5nbHVlJyxcbiAgICAnY2F0YWxvZy5oYW5kbGUnLFxuICAgICdjYXRhbG9nLmluc3RydW1lbnQnLFxuICAgICdjYXRhbG9nLmt2ZS1wcm9maWxlJyxcbiAgICAnY2F0YWxvZy5sdWJyaWNhbnRzJyxcbiAgICAnY2F0YWxvZy5tb3NxdWl0by1uZXQnLFxuICAgICdjYXRhbG9nLm1vdW50aW5nLWFjY2Vzc29yaWVzJyxcbiAgICAnY2F0YWxvZy5uZXQtb3JkZXInLFxuICAgICdjYXRhbG9nLnBhbmVsLTEnLFxuICAgICdjYXRhbG9nLnBhbmVsJyxcbiAgICAnY2F0YWxvZy5wb2x5ZXRoeWxlbmUtZmlsbScsXG4gICAgJ2NhdGFsb2cucHJvZmlsZS1wbGFzdGljJyxcbiAgICAnY2F0YWxvZy5wcm9tby1tYXRlcmlhbHMnLFxuICAgICdjYXRhbG9nLnBzdWwnLFxuICAgICdjYXRhbG9nLnJlaGF1LXByb2ZpbGUnLFxuICAgICdjYXRhbG9nLnNhbmR3aWNoLXBsYXN0aWMnLFxuICAgICdjYXRhbG9nLnNlYWxlcicsXG4gICAgJ2NhdGFsb2cuc2lkaW5nJyxcbiAgICAnY2F0YWxvZy5zdGFydC1maW5pc2gtcHJvZmlsZScsXG4gICAgJ2NhdGFsb2cuc3RlYW0td2F0ZXJwcm9vZmluZycsXG4gICAgJ2NhdGFsb2cuc3RpeicsXG4gICAgJ2NhdGFsb2cudGhlcm1vbWV0ZXInLFxuICAgICdjYXRhbG9nLndpbmRvd3NpbGwnLFxuICAgICdpbWcuZW1haWwnLFxuICAgICdpbWcuZmFjZWJvb2snLFxuICAgICdpbWcuaW5zdGFncmFtJyxcbiAgICAnaW1nLnFyLWNvZGUnLFxuICAgICdpbWcudGVsZWdyYW0nLFxuICAgICdpbWcudmliZXInLFxuICAgICdpbWcudmsnLFxuICAgICdpbWcud2hhdHNhcHAnLFxuICAgICdpbWcuY29weScsXG4gICAgJ2ltZy53aW5kb3ctaGFuZGxlLWxvY2snLFxuICAgICdpbWcucGhvbmUnLFxuICAgICdpbWcucHJpbmNpcGxlcy5hc3Npc3RhbmNlJyxcbiAgICAnaW1nLnByaW5jaXBsZXMuZGVsaXZlcnknLFxuICAgICdpbWcucHJpbmNpcGxlcy5pbnN0YWxsYXRpb24nLFxuICAgICdpbWcucHJpbmNpcGxlcy5tYWludGVuYW5jZScsXG4gICAgJ2xhbmRpbmcuY2F0YWxvZycsXG4gICAgJ2xhbmRpbmcuY29uc3RydWN0aW9uLWNoZW1pY2FscycsXG4gICAgJ2xhbmRpbmcuZmFzdGVuZXInLFxuICAgICdsYW5kaW5nLmZvYW0tYmFsbG9vbicsXG4gICAgJ2xhbmRpbmcubW9zcXVpdG8tbmV0JyxcbiAgICAnbGFuZGluZy5wcm9maWxlLXBsYXN0aWMnLFxuICAgICdsYW5kaW5nLnNhbmR3aWNoLXBhbmVsJyxcbiAgICAnbGFuZGluZy5zaWRpbmcnLFxuICAgICdsYW5kaW5nLnN0cmlwJyxcbiAgICAnbGFuZGluZy53aW5kb3dzaWxsJyxcbiAgICAnc29saWQuZmFjZWJvb2snLFxuICAgICdzb2xpZC5pbnN0YWdyYW0nLFxuICAgICdzb2xpZC50ZWxlZ3JhbScsXG4gICAgJ3NvbGlkLnZrLXJvdW5kZWQnLFxuICAgICdzb2xpZC52aycsXG4gICAgJ3NvbGlkLndoYXRzYXBwJyxcbl07XG4iXX0=

package/esm2022/samples/sc-preview-samples-mosquito/sc-preview-samples-mosquito.component.mjs

@@ -41,19 +41,19 @@ export class ScPreviewSamplesMosquitoComponent {
          */
         this.openConsultationClick = output();
         /**
-         * Признак, что необходимо отображать переключатели на карусели.
+         * Интервал автоматического прочитывания списка товаров в миллисекундах.
          */
-        this.isShowCarouselSwitches = input(!inject(TUI_IS_MOBILE));
+        this.autoSlideIntervale = input(0);
         /**
-         * Интервал автоматического прочитывания списка товаров в миллисекундах.
+         * Признак, что необходимо отображать переключатели на карусели.
          */
-        this.autoSlideIntervale = 5000;
+        this.isShowCarouselSwitches = input(!inject(TUI_IS_MOBILE));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPreviewSamplesMosquitoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScPreviewSamplesMosquitoComponent, isStandalone: true, selector: "sc-preview-samples-mosquito", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isShowCarouselSwitches: { classPropertyName: "isShowCarouselSwitches", publicName: "isShowCarouselSwitches", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openConfiguratorClick: "openConfiguratorClick", openConsultationClick: "openConsultationClick" }, ngImport: i0, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"], dependencies: [{ kind: "directive", type: i1.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "directive", type: TuiHeader, selector: "[tuiHeader]", inputs: ["tuiHeader"] }, { kind: "directive", type: TuiSurface, selector: "[tuiSurface]", inputs: ["tuiSurface"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScPreviewSamplesMosquitoComponent, isStandalone: true, selector: "sc-preview-samples-mosquito", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, autoSlideIntervale: { classPropertyName: "autoSlideIntervale", publicName: "autoSlideIntervale", isSignal: true, isRequired: false, transformFunction: null }, isShowCarouselSwitches: { classPropertyName: "isShowCarouselSwitches", publicName: "isShowCarouselSwitches", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openConfiguratorClick: "openConfiguratorClick", openConsultationClick: "openConsultationClick" }, ngImport: i0, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale()\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"], dependencies: [{ kind: "directive", type: i1.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "directive", type: TuiHeader, selector: "[tuiHeader]", inputs: ["tuiHeader"] }, { kind: "directive", type: TuiSurface, selector: "[tuiSurface]", inputs: ["tuiSurface"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPreviewSamplesMosquitoComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-preview-samples-mosquito', imports: [TuiCarousel, TuiButton, TuiIcon, TuiChip, TuiBadge, NgFor, TuiAppearance, TuiHovered, TuiCardLarge, TuiHeader, TuiIcon, TuiSurface], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"] }]
+            args: [{ standalone: true, selector: 'sc-preview-samples-mosquito', imports: [TuiCarousel, TuiButton, TuiIcon, TuiChip, TuiBadge, NgFor, TuiAppearance, TuiHovered, TuiCardLarge, TuiHeader, TuiIcon, TuiSurface], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale()\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJldmlldy1zYW1wbGVzLW1vc3F1aXRvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9zYW1wbGVzL3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0by9zYy1wcmV2aWV3LXNhbXBsZXMtbW9zcXVpdG8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL3NhbXBsZXMvc2MtcHJldmlldy1zYW1wbGVzLW1vc3F1aXRvL3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBZSxNQUFNLEVBQTRCLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDbkssT0FBTyxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBSTNEOztHQUVHO0FBU0gsTUFBTSxPQUFPLGlDQUFpQztJQVI5QztRQVNJOztXQUVHO1FBQ2EsZUFBVSxHQUEyQixNQUFNLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFFdkU7O1dBRUc7UUFDYSxpQkFBWSxHQUEyQixNQUFNLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFFekU7O1dBRUc7UUFDYSx5QkFBb0IsR0FBbUIsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUVsSDs7V0FFRztRQUNhLHVCQUFrQixHQUFtQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRTVHOztXQUVHO1FBQ2EsV0FBTSxHQUF5QyxLQUFLLENBQUMsUUFBUSxFQUEyQixDQUFDO1FBRXpHOztXQUVHO1FBQ2EsMEJBQXFCLEdBQTJCLE1BQU0sRUFBRSxDQUFDO1FBRXpFOztXQUVHO1FBQ2EsMEJBQXFCLEdBQTJCLE1BQU0sRUFBRSxDQUFDO1FBRXpFOztXQUVHO1FBQ2dCLDJCQUFzQixHQUF5QixLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztRQUVoRzs7V0FFRztRQUNnQix1QkFBa0IsR0FBVyxJQUFJLENBQUM7S0FDeEQ7K0dBN0NZLGlDQUFpQzttR0FBakMsaUNBQWlDLHFmQ3BCOUMsaXdOQTBJQSwwekJEekgyQixTQUFTLG9JQUFFLE9BQU8scUZBQUUsT0FBTyxpRkFBRSxRQUFRLG1GQUFFLEtBQUssbUhBQWlCLFVBQVUsOEZBQUUsWUFBWSxxRkFBRSxTQUFTLCtFQUFXLFVBQVU7OzRGQUduSSxpQ0FBaUM7a0JBUjdDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLDZCQUE2QixXQUc5QixDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsVUFBVSxDQUFDLG1CQUM1SCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIElucHV0U2lnbmFsLCBvdXRwdXQsIE91dHB1dEVtaXR0ZXJSZWYsIFNpZ25hbCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVFVJX0lTX01PQklMRSwgVHVpSG92ZXJlZCB9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHsgVHVpQXBwZWFyYW5jZSwgVHVpQnV0dG9uLCBUdWlJY29uLCBUdWlTdXJmYWNlIH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHsgVHVpQmFkZ2UsIFR1aUNhcm91c2VsLCBUdWlDaGlwIH0gZnJvbSAnQHRhaWdhLXVpL2tpdCc7XG5pbXBvcnQgeyBUdWlDYXJkTGFyZ2UsIFR1aUhlYWRlciB9IGZyb20gJ0B0YWlnYS11aS9sYXlvdXQnO1xuXG5pbXBvcnQgeyBTY1ByZXZpZXdNb3NxdWl0b0NvbmZpZyB9IGZyb20gJy4uL2ludGVyZmFjZXMnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQv9GA0LXQtNGB0YLQsNCy0LvQtdC90LjRjyDQvNC+0YHQutC40YLQvdC+0Lkg0YHQtdGC0LrQuC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0bycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0by5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0by5jb21wb25lbnQuc2NzcycsXG4gICAgaW1wb3J0czogW1R1aUNhcm91c2VsLCBUdWlCdXR0b24sIFR1aUljb24sIFR1aUNoaXAsIFR1aUJhZGdlLCBOZ0ZvciwgVHVpQXBwZWFyYW5jZSwgVHVpSG92ZXJlZCwgVHVpQ2FyZExhcmdlLCBUdWlIZWFkZXIsIFR1aUljb24sIFR1aVN1cmZhY2VdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY1ByZXZpZXdTYW1wbGVzTW9zcXVpdG9Db21wb25lbnQge1xuICAgIC8qKlxuICAgICAqINCS0YvQsdGA0LDQvdC90YvQuSDQuNC90LTQtdC60YEg0YbQstC10YLQsCDQv9GA0L7RhNC40LvRjy5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgY29sb3JJbmRleDogV3JpdGFibGVTaWduYWw8bnVtYmVyPiA9IHNpZ25hbDxudW1iZXI+KDApO1xuXG4gICAgLyoqXG4gICAgICog0JLRi9Cx0YDQsNC90L3Ri9C5INC40L3QtNC10LrRgSDRgtC40L/QsCDRgdC10YLQutC4LlxuICAgICAqL1xuICAgIHB1YmxpYyByZWFkb25seSBuZXRUeXBlSW5kZXg6IFdyaXRhYmxlU2lnbmFsPG51bWJlcj4gPSBzaWduYWw8bnVtYmVyPigwKTtcblxuICAgIC8qKlxuICAgICAqINCS0YvQsdGA0LDQvdC90YvQuSDRgtC40L8g0YHQtdGC0LrQuC5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgbmV0VHlwZUluZGV4U2VsZWN0ZWQ6IFNpZ25hbDxzdHJpbmc+ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5uZXRUeXBlW3RoaXMubmV0VHlwZUluZGV4KCldKTtcblxuICAgIC8qKlxuICAgICAqINCS0YvQsdGA0LDQvdC90YvQuSDRhtCy0LXRgiDQv9GA0L7RhNC40LvRjy5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgY29sb3JJbmRleFNlbGVjdGVkOiBTaWduYWw8c3RyaW5nPiA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuY29sb3JbdGhpcy5jb2xvckluZGV4KCldKTtcblxuICAgIC8qKlxuICAgICAqINCa0L7QvdGE0LjQs9GD0YDQsNGG0LjRjyDQtNC70Y8g0L7RgtC+0LHRgNCw0LbQtdC90LjRjyDQvtCx0YDQsNC30YbQsCDQvNC+0YHQutC40YLQvdC+0Lkg0YHQtdGC0LrQuC5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgY29uZmlnOiBJbnB1dFNpZ25hbDxTY1ByZXZpZXdNb3NxdWl0b0NvbmZpZz4gPSBpbnB1dC5yZXF1aXJlZDxTY1ByZXZpZXdNb3NxdWl0b0NvbmZpZz4oKTtcblxuICAgIC8qKlxuICAgICAqINCh0L7QsdGL0YLQuNC1LCDQutC+0YLQvtGA0L7QtSDQv9GA0L7QuNGB0YXQvtC00LjRgiDQv9GA0Lgg0L3QsNC20LDRgtC40Lgg0L3QsCDQutC90L7Qv9C60YMgXCLQndCw0LfQsNC0INCyINCa0L7QvdGE0LjQs9GD0YDQsNGC0L7RgFwiLlxuICAgICAqL1xuICAgIHB1YmxpYyByZWFkb25seSBvcGVuQ29uZmlndXJhdG9yQ2xpY2s6IE91dHB1dEVtaXR0ZXJSZWY8dm9pZD4gPSBvdXRwdXQoKTtcblxuICAgIC8qKlxuICAgICAqINCh0L7QsdGL0YLQuNC1LCDQutC+0YLQvtGA0L7QtSDQv9GA0L7QuNGB0YXQvtC00LjRgiDQv9GA0Lgg0L3QsNC20LDRgtC40Lgg0L3QsCDQutC90L7Qv9C60YMgXCLQmtC+0L3RgdGD0LvRjNGC0LDRhtC40Y9cIi5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgb3BlbkNvbnN1bHRhdGlvbkNsaWNrOiBPdXRwdXRFbWl0dGVyUmVmPHZvaWQ+ID0gb3V0cHV0KCk7XG5cbiAgICAvKipcbiAgICAgKiDQn9GA0LjQt9C90LDQuiwg0YfRgtC+INC90LXQvtCx0YXQvtC00LjQvNC+INC+0YLQvtCx0YDQsNC20LDRgtGMINC/0LXRgNC10LrQu9GO0YfQsNGC0LXQu9C4INC90LAg0LrQsNGA0YPRgdC10LvQuC5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaXNTaG93Q2Fyb3VzZWxTd2l0Y2hlczogSW5wdXRTaWduYWw8Ym9vbGVhbj4gPSBpbnB1dCghaW5qZWN0KFRVSV9JU19NT0JJTEUpKTtcblxuICAgIC8qKlxuICAgICAqINCY0L3RgtC10YDQstCw0Lsg0LDQstGC0L7QvNCw0YLQuNGH0LXRgdC60L7Qs9C+INC/0YDQvtGH0LjRgtGL0LLQsNC90LjRjyDRgdC/0LjRgdC60LAg0YLQvtCy0LDRgNC+0LIg0LIg0LzQuNC70LvQuNGB0LXQutGD0L3QtNCw0YUuXG4gICAgICovXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGF1dG9TbGlkZUludGVydmFsZTogbnVtYmVyID0gNTAwMDtcbn1cbiIsIkBsZXQgZGVzY3JpcHRpb25zID0gY29uZmlnKCkuZGVzY3JpcHRpb25zO1xuQGxldCBjb2xvcnMgPSBjb25maWcoKS5jb2xvcjtcbkBsZXQgbmV0VHlwZXMgPSBjb25maWcoKS5uZXRUeXBlO1xuXG48IS0tINCe0YHQvdC+0LLQvdC+0Lkg0LrQvtC90YLQtdC50L3QtdGAINGBINGB0LXRgtC60L7QuS4gLS0+XG48ZGl2IGNsYXNzPVwiZ3JpZCBncmlkLWNvbHMtMSBnYXAtNCBsZzpncmlkLWNvbHMtMlwiPlxuICAgIDwhLS0g0JvQtdCy0LDRjyDQutC+0LvQvtC90LrQsCDRgSDQuNC90YTQvtGA0LzQsNGG0LjQtdC5LiAtLT5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAtNFwiPlxuICAgICAgICA8IS0tINCa0L3QvtC/0LrQuCDQstGL0LHQvtGA0LAg0YLQuNC/0LAg0YHQtdGC0LrQuC4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBnYXAtNFwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5ldFR5cGVzOyBsZXQgaXRlbUluZGV4ID0gaW5kZXhcIlxuICAgICAgICAgICAgICAgIHR1aUNhcmRMYXJnZVxuICAgICAgICAgICAgICAgIHR1aUhlYWRlclxuICAgICAgICAgICAgICAgIHR1aVN1cmZhY2U9XCJmbG9hdGluZ1wiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm5ldFR5cGVJbmRleC5zZXQoaXRlbUluZGV4KVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJuZXRUeXBlSW5kZXgoKSA9PT0gaXRlbUluZGV4XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImgtMTIgIWl0ZW1zLWNlbnRlciBnYXAtMiAhcm91bmRlZC14bCAhcHgtNCAhcHktMFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICBbc3JjXT1cImNvbmZpZygpLmljb25zW2l0ZW1dXCJcbiAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJkZXNjcmlwdGlvbnNbJ25ldFR5cGUnXVtpdGVtXVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2l6ZS04XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxkaXY+e3sgZGVzY3JpcHRpb25zWyduZXRUeXBlJ11baXRlbV0gfX08L2Rpdj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8IS0tINCe0L/QuNGB0LDQvdC40LUg0LLRi9Cx0YDQsNC90L3QvtCz0L4g0YLQuNC/0LAg0YHQtdGC0LrQuC4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWJvZHktbC1ib2xkXCI+0KHQtdGC0LrQsCB7eyBkZXNjcmlwdGlvbnNbJ25ldFR5cGUnXVtuZXRUeXBlSW5kZXhTZWxlY3RlZCgpXSB9fTwvZGl2PlxuICAgICAgICB7eyBjb25maWcoKS5zdWJ0aXRsZXNbbmV0VHlwZUluZGV4U2VsZWN0ZWQoKV0gfX1cblxuICAgICAgICA8IS0tINCY0L3RhNC+0YDQvNCw0YbQuNC+0L3QvdGL0LUg0LHQtdC50LTQttC4LiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC13cmFwIGl0ZW1zLWNlbnRlciBnYXAtMSB0ZXh0LWJvZHktbVwiPlxuICAgICAgICAgICAgPHR1aS1iYWRnZVxuICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJjdXN0b21cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwicm91bmRlZC1mdWxsIGJvcmRlci0yIGJvcmRlci1zb2xpZCBib3JkZXItdHVpLXRleHQtcHJpbWFyeSBiZy13aGl0ZSAhcC1bMC40cmVtXSBmb250LWJvbGQgdGV4dC10dWktdGV4dC1wcmltYXJ5XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBjb2xvcnMubGVuZ3RoIH19XG4gICAgICAgICAgICA8L3R1aS1iYWRnZT5cbiAgICAgICAgICAgIC0g0LrQvtC70LvQuNGH0LXRgdGC0LLQviDRhtCy0LXRgtC+0LIg0L/RgNC+0YTQuNC70Y9cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBpdGVtcy1jZW50ZXIgZ2FwLTEgdGV4dC1ib2R5LW1cIj5cbiAgICAgICAgICAgIDx0dWktYmFkZ2VcbiAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwiY3VzdG9tXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInJvdW5kZWQtZnVsbCBib3JkZXItMiBib3JkZXItc29saWQgYm9yZGVyLXR1aS10ZXh0LXByaW1hcnkgYmctd2hpdGUgIXAtWzAuNHJlbV0gZm9udC1ib2xkIHRleHQtdHVpLXRleHQtcHJpbWFyeVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgbmV0VHlwZXMubGVuZ3RoIH19XG4gICAgICAgICAgICA8L3R1aS1iYWRnZT5cbiAgICAgICAgICAgIC0g0LrQvtC70LvQuNGH0LXRgdGC0LLQviDRgtC40L/QvtCyINGB0LXRgtC+0LpcbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPCEtLSDQoNCw0LfQvNC10YDRiyDRgdC10YLQvtC6LiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtYm9keS1tXCI+XG4gICAgICAgICAgICA8dHVpLWljb24gaWNvbj1cIkB0dWkuc2MuZ3JpZC1oZWlnaHQtYXJyb3dcIiAvPlxuICAgICAgICAgICAg0JLRi9GB0L7RgtCwINGB0LXRgtC+0Log0L7RgiB7eyBjb25maWcoKS5taW5IZWlnaHQgfX0g0LTQviB7eyBjb25maWcoKS5tYXhIZWlnaHRzW25ldFR5cGVJbmRleFNlbGVjdGVkKCldIH19INC80LxcbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWJvZHktbVwiPlxuICAgICAgICAgICAgPHR1aS1pY29uIGljb249XCJAdHVpLnNjLmdyaWQtd2lkdGgtYXJyb3dcIiAvPlxuICAgICAgICAgICAg0KjQuNGA0LjQvdCwINGB0LXRgtC+0Log0L7RgiB7eyBjb25maWcoKS5taW5XaWR0aCB9fSDQtNC+IHt7IGNvbmZpZygpLm1heFdpZHRoc1tuZXRUeXBlSW5kZXhTZWxlY3RlZCgpXSB9fSDQvNC8XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0g0KLQtdCz0Lgg0YXQsNGA0LDQutGC0LXRgNC40YHRgtC40LouIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXdyYXAgZ2FwLTJcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgdGFnIG9mIGNvbmZpZygpLnRhZ3NbbmV0VHlwZUluZGV4U2VsZWN0ZWQoKV1cIlxuICAgICAgICAgICAgICAgIHR1aUNoaXBcbiAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwibmV1dHJhbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgdGFnIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPCEtLSDQktGL0LHQvtGAINGG0LLQtdGC0LAg0L/RgNC+0YTQuNC70Y8uIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtNFwiPlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpbWFnZSBvZiBjb25maWcoKS5jb2xvcjsgbGV0IGl0ZW1JbmRleCA9IGluZGV4XCJcbiAgICAgICAgICAgICAgICBbc3JjXT1cImNvbmZpZygpLmNvbG9yc0ljb25zW2ltYWdlXVwiXG4gICAgICAgICAgICAgICAgW2FsdF09XCJkZXNjcmlwdGlvbnNbJ2NvbG9yJ11baXRlbUluZGV4XVwiXG4gICAgICAgICAgICAgICAgKHR1aUhvdmVyZWRDaGFuZ2UpPVwiY29sb3JJbmRleC5zZXQoaXRlbUluZGV4KVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJjb2xvckluZGV4KCkgPT09IGl0ZW1JbmRleFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzaXplLTExIHJvdW5kZWQteGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPCEtLSDQmtC90L7Qv9C60Lgg0LTQtdC50YHRgtCy0LjQuS4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC0yXCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHVpQnV0dG9uXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5Db25maWd1cmF0b3JDbGljay5lbWl0KClcIlxuICAgICAgICAgICAgICAgIGljb25TdGFydD1cIkB0dWkuc2xpZGVycy1ob3Jpem9udGFsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICDQodC00LXQu9Cw0YLRjCDRgNCw0YHRh9C10YJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHVpQnV0dG9uXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5Db25zdWx0YXRpb25DbGljay5lbWl0KClcIlxuICAgICAgICAgICAgICAgIGljb25TdGFydD1cIkB0dWkubWVzc2FnZXMtc3F1YXJlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICDQmtC+0L3RgdGD0LvRjNGC0LDRhtC40Y9cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0g0J/RgNCw0LLQsNGPINC60L7Qu9C+0L3QutCwINGBINC60LDRgNGD0YHQtdC70YzRjiDQuNC30L7QsdGA0LDQttC10L3QuNC5LiAtLT5cbiAgICA8ZGl2IGNsYXNzPVwicmVsYXRpdmUgLW9yZGVyLTEgaC1bMTllbV0gZmxleC0xIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLXhsIHNoYWRvdy10dWktc2hhZG93IG1kOmgtOTYgbGc6b3JkZXItMiBsZzpoLVsyOHJlbV1cIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHVpSWNvbkJ1dHRvblxuICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5jaGV2cm9uLWxlZnRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImNhcm91c2VsLnByZXYoKVwiXG4gICAgICAgICAgICBhcHBlYXJhbmNlPVwiaWNvblwiXG4gICAgICAgICAgICBjbGFzcz1cIiFhYnNvbHV0ZSBsZWZ0LTAgdG9wLTEvMiB6LTEwIG1sLTIgLXRyYW5zbGF0ZS15LTEvMlwiXG4gICAgICAgID48L2J1dHRvbj5cblxuICAgICAgICA8dHVpLWNhcm91c2VsXG4gICAgICAgICAgICAjY2Fyb3VzZWxcbiAgICAgICAgICAgIFtkdXJhdGlvbl09XCJhdXRvU2xpZGVJbnRlcnZhbGVcIlxuICAgICAgICAgICAgY2xhc3M9XCJoLVsxOWVtXSB3LWZ1bGwgbWQ6aC05NiBsZzpoLVsyOHJlbV1cIlxuICAgICAgICA+XG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIGNvbmZpZygpLmltYWdlUHJldmlld3NCeUNvbG9yW2NvbG9ySW5kZXhTZWxlY3RlZCgpXTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqdHVpSXRlbVxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZEltYWdlXT1cIid1cmwoJyArIGl0ZW0gKyAnKSdcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImgtWzE5ZW1dIHctZnVsbCBiZy1jb3ZlciBiZy1yaWdodCBtZDpoLTk2IGxnOmgtWzI4cmVtXVwiXG4gICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICA8L3R1aS1jYXJvdXNlbD5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHVpSWNvbkJ1dHRvblxuICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5jaGV2cm9uLXJpZ2h0XCJcbiAgICAgICAgICAgIChjbGljayk9XCJjYXJvdXNlbC5uZXh0KClcIlxuICAgICAgICAgICAgYXBwZWFyYW5jZT1cImljb25cIlxuICAgICAgICAgICAgY2xhc3M9XCIhYWJzb2x1dGUgcmlnaHQtMCB0b3AtMS8yIHotMTAgbXItMiAtdHJhbnNsYXRlLXktMS8yXCJcbiAgICAgICAgPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2MtcHJldmlldy1zYW1wbGVzLW1vc3F1aXRvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9zYW1wbGVzL3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0by9zYy1wcmV2aWV3LXNhbXBsZXMtbW9zcXVpdG8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2xpZW50LXVpL3NhbXBsZXMvc2MtcHJldmlldy1zYW1wbGVzLW1vc3F1aXRvL3NjLXByZXZpZXctc2FtcGxlcy1tb3NxdWl0by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBZSxNQUFNLEVBQTRCLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDbkssT0FBTyxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBSTNEOztHQUVHO0FBU0gsTUFBTSxPQUFPLGlDQUFpQztJQVI5QztRQVNJOztXQUVHO1FBQ2EsZUFBVSxHQUEyQixNQUFNLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFFdkU7O1dBRUc7UUFDYSxpQkFBWSxHQUEyQixNQUFNLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFFekU7O1dBRUc7UUFDYSx5QkFBb0IsR0FBbUIsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUVsSDs7V0FFRztRQUNhLHVCQUFrQixHQUFtQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRTVHOztXQUVHO1FBQ2EsV0FBTSxHQUF5QyxLQUFLLENBQUMsUUFBUSxFQUEyQixDQUFDO1FBRXpHOztXQUVHO1FBQ2EsMEJBQXFCLEdBQTJCLE1BQU0sRUFBRSxDQUFDO1FBRXpFOztXQUVHO1FBQ2EsMEJBQXFCLEdBQTJCLE1BQU0sRUFBRSxDQUFDO1FBRXpFOztXQUVHO1FBQ2EsdUJBQWtCLEdBQXdCLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUUzRTs7V0FFRztRQUNnQiwyQkFBc0IsR0FBeUIsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7S0FDbkc7K0dBN0NZLGlDQUFpQzttR0FBakMsaUNBQWlDLG9wQkNwQjlDLG13TkEwSUEsMHpCRHpIMkIsU0FBUyxvSUFBRSxPQUFPLHFGQUFFLE9BQU8saUZBQUUsUUFBUSxtRkFBRSxLQUFLLG1IQUFpQixVQUFVLDhGQUFFLFlBQVkscUZBQUUsU0FBUywrRUFBVyxVQUFVOzs0RkFHbkksaUNBQWlDO2tCQVI3QyxTQUFTO2lDQUNNLElBQUksWUFDTiw2QkFBNkIsV0FHOUIsQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBQyxtQkFDNUgsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0LCBJbnB1dFNpZ25hbCwgb3V0cHV0LCBPdXRwdXRFbWl0dGVyUmVmLCBTaWduYWwsIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRVSV9JU19NT0JJTEUsIFR1aUhvdmVyZWQgfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7IFR1aUFwcGVhcmFuY2UsIFR1aUJ1dHRvbiwgVHVpSWNvbiwgVHVpU3VyZmFjZSB9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7IFR1aUJhZGdlLCBUdWlDYXJvdXNlbCwgVHVpQ2hpcCB9IGZyb20gJ0B0YWlnYS11aS9raXQnO1xuaW1wb3J0IHsgVHVpQ2FyZExhcmdlLCBUdWlIZWFkZXIgfSBmcm9tICdAdGFpZ2EtdWkvbGF5b3V0JztcblxuaW1wb3J0IHsgU2NQcmV2aWV3TW9zcXVpdG9Db25maWcgfSBmcm9tICcuLi9pbnRlcmZhY2VzJztcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0LzQvtGB0LrQuNGC0L3QvtC5INGB0LXRgtC60LguXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdzYy1wcmV2aWV3LXNhbXBsZXMtbW9zcXVpdG8nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zYy1wcmV2aWV3LXNhbXBsZXMtbW9zcXVpdG8uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9zYy1wcmV2aWV3LXNhbXBsZXMtbW9zcXVpdG8uY29tcG9uZW50LnNjc3MnLFxuICAgIGltcG9ydHM6IFtUdWlDYXJvdXNlbCwgVHVpQnV0dG9uLCBUdWlJY29uLCBUdWlDaGlwLCBUdWlCYWRnZSwgTmdGb3IsIFR1aUFwcGVhcmFuY2UsIFR1aUhvdmVyZWQsIFR1aUNhcmRMYXJnZSwgVHVpSGVhZGVyLCBUdWlJY29uLCBUdWlTdXJmYWNlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2NQcmV2aWV3U2FtcGxlc01vc3F1aXRvQ29tcG9uZW50IHtcbiAgICAvKipcbiAgICAgKiDQktGL0LHRgNCw0L3QvdGL0Lkg0LjQvdC00LXQutGBINGG0LLQtdGC0LAg0L/RgNC+0YTQuNC70Y8uXG4gICAgICovXG4gICAgcHVibGljIHJlYWRvbmx5IGNvbG9ySW5kZXg6IFdyaXRhYmxlU2lnbmFsPG51bWJlcj4gPSBzaWduYWw8bnVtYmVyPigwKTtcblxuICAgIC8qKlxuICAgICAqINCS0YvQsdGA0LDQvdC90YvQuSDQuNC90LTQtdC60YEg0YLQuNC/0LAg0YHQtdGC0LrQuC5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgbmV0VHlwZUluZGV4OiBXcml0YWJsZVNpZ25hbDxudW1iZXI+ID0gc2lnbmFsPG51bWJlcj4oMCk7XG5cbiAgICAvKipcbiAgICAgKiDQktGL0LHRgNCw0L3QvdGL0Lkg0YLQuNC/INGB0LXRgtC60LguXG4gICAgICovXG4gICAgcHVibGljIHJlYWRvbmx5IG5ldFR5cGVJbmRleFNlbGVjdGVkOiBTaWduYWw8c3RyaW5nPiA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkubmV0VHlwZVt0aGlzLm5ldFR5cGVJbmRleCgpXSk7XG5cbiAgICAvKipcbiAgICAgKiDQktGL0LHRgNCw0L3QvdGL0Lkg0YbQstC10YIg0L/RgNC+0YTQuNC70Y8uXG4gICAgICovXG4gICAgcHVibGljIHJlYWRvbmx5IGNvbG9ySW5kZXhTZWxlY3RlZDogU2lnbmFsPHN0cmluZz4gPSBjb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmNvbG9yW3RoaXMuY29sb3JJbmRleCgpXSk7XG5cbiAgICAvKipcbiAgICAgKiDQmtC+0L3RhNC40LPRg9GA0LDRhtC40Y8g0LTQu9GPINC+0YLQvtCx0YDQsNC20LXQvdC40Y8g0L7QsdGA0LDQt9GG0LAg0LzQvtGB0LrQuNGC0L3QvtC5INGB0LXRgtC60LguXG4gICAgICovXG4gICAgcHVibGljIHJlYWRvbmx5IGNvbmZpZzogSW5wdXRTaWduYWw8U2NQcmV2aWV3TW9zcXVpdG9Db25maWc+ID0gaW5wdXQucmVxdWlyZWQ8U2NQcmV2aWV3TW9zcXVpdG9Db25maWc+KCk7XG5cbiAgICAvKipcbiAgICAgKiDQodC+0LHRi9GC0LjQtSwg0LrQvtGC0L7RgNC+0LUg0L/RgNC+0LjRgdGF0L7QtNC40YIg0L/RgNC4INC90LDQttCw0YLQuNC4INC90LAg0LrQvdC+0L/QutGDIFwi0J3QsNC30LDQtCDQsiDQmtC+0L3RhNC40LPRg9GA0LDRgtC+0YBcIi5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgb3BlbkNvbmZpZ3VyYXRvckNsaWNrOiBPdXRwdXRFbWl0dGVyUmVmPHZvaWQ+ID0gb3V0cHV0KCk7XG5cbiAgICAvKipcbiAgICAgKiDQodC+0LHRi9GC0LjQtSwg0LrQvtGC0L7RgNC+0LUg0L/RgNC+0LjRgdGF0L7QtNC40YIg0L/RgNC4INC90LDQttCw0YLQuNC4INC90LAg0LrQvdC+0L/QutGDIFwi0JrQvtC90YHRg9C70YzRgtCw0YbQuNGPXCIuXG4gICAgICovXG4gICAgcHVibGljIHJlYWRvbmx5IG9wZW5Db25zdWx0YXRpb25DbGljazogT3V0cHV0RW1pdHRlclJlZjx2b2lkPiA9IG91dHB1dCgpO1xuXG4gICAgLyoqXG4gICAgICog0JjQvdGC0LXRgNCy0LDQuyDQsNCy0YLQvtC80LDRgtC40YfQtdGB0LrQvtCz0L4g0L/RgNC+0YfQuNGC0YvQstCw0L3QuNGPINGB0L/QuNGB0LrQsCDRgtC+0LLQsNGA0L7QsiDQsiDQvNC40LvQu9C40YHQtdC60YPQvdC00LDRhS5cbiAgICAgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgYXV0b1NsaWRlSW50ZXJ2YWxlOiBJbnB1dFNpZ25hbDxudW1iZXI+ID0gaW5wdXQ8bnVtYmVyPigwKTtcblxuICAgIC8qKlxuICAgICAqINCf0YDQuNC30L3QsNC6LCDRh9GC0L4g0L3QtdC+0LHRhdC+0LTQuNC80L4g0L7RgtC+0LHRgNCw0LbQsNGC0Ywg0L/QtdGA0LXQutC70Y7Rh9Cw0YLQtdC70Lgg0L3QsCDQutCw0YDRg9GB0LXQu9C4LlxuICAgICAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSBpc1Nob3dDYXJvdXNlbFN3aXRjaGVzOiBJbnB1dFNpZ25hbDxib29sZWFuPiA9IGlucHV0KCFpbmplY3QoVFVJX0lTX01PQklMRSkpO1xufVxuIiwiQGxldCBkZXNjcmlwdGlvbnMgPSBjb25maWcoKS5kZXNjcmlwdGlvbnM7XG5AbGV0IGNvbG9ycyA9IGNvbmZpZygpLmNvbG9yO1xuQGxldCBuZXRUeXBlcyA9IGNvbmZpZygpLm5ldFR5cGU7XG5cbjwhLS0g0J7RgdC90L7QstC90L7QuSDQutC+0L3RgtC10LnQvdC10YAg0YEg0YHQtdGC0LrQvtC5LiAtLT5cbjxkaXYgY2xhc3M9XCJncmlkIGdyaWQtY29scy0xIGdhcC00IGxnOmdyaWQtY29scy0yXCI+XG4gICAgPCEtLSDQm9C10LLQsNGPINC60L7Qu9C+0L3QutCwINGBINC40L3RhNC+0YDQvNCw0YbQuNC10LkuIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC00XCI+XG4gICAgICAgIDwhLS0g0JrQvdC+0L/QutC4INCy0YvQsdC+0YDQsCDRgtC40L/QsCDRgdC10YLQutC4LiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC13cmFwIGdhcC00XCI+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbmV0VHlwZXM7IGxldCBpdGVtSW5kZXggPSBpbmRleFwiXG4gICAgICAgICAgICAgICAgdHVpQ2FyZExhcmdlXG4gICAgICAgICAgICAgICAgdHVpSGVhZGVyXG4gICAgICAgICAgICAgICAgdHVpU3VyZmFjZT1cImZsb2F0aW5nXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwibmV0VHlwZUluZGV4LnNldChpdGVtSW5kZXgpXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cIm5ldFR5cGVJbmRleCgpID09PSBpdGVtSW5kZXhcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaC0xMiAhaXRlbXMtY2VudGVyIGdhcC0yICFyb3VuZGVkLXhsICFweC00ICFweS0wXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiY29uZmlnKCkuaWNvbnNbaXRlbV1cIlxuICAgICAgICAgICAgICAgICAgICBbYWx0XT1cImRlc2NyaXB0aW9uc1snbmV0VHlwZSddW2l0ZW1dXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzaXplLThcIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGRpdj57eyBkZXNjcmlwdGlvbnNbJ25ldFR5cGUnXVtpdGVtXSB9fTwvZGl2PlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0g0J7Qv9C40YHQsNC90LjQtSDQstGL0LHRgNCw0L3QvdC+0LPQviDRgtC40L/QsCDRgdC10YLQutC4LiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtYm9keS1sLWJvbGRcIj7QodC10YLQutCwIHt7IGRlc2NyaXB0aW9uc1snbmV0VHlwZSddW25ldFR5cGVJbmRleFNlbGVjdGVkKCldIH19PC9kaXY+XG4gICAgICAgIHt7IGNvbmZpZygpLnN1YnRpdGxlc1tuZXRUeXBlSW5kZXhTZWxlY3RlZCgpXSB9fVxuXG4gICAgICAgIDwhLS0g0JjQvdGE0L7RgNC80LDRhtC40L7QvdC90YvQtSDQsdC10LnQtNC20LguIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXdyYXAgaXRlbXMtY2VudGVyIGdhcC0xIHRleHQtYm9keS1tXCI+XG4gICAgICAgICAgICA8dHVpLWJhZGdlXG4gICAgICAgICAgICAgICAgYXBwZWFyYW5jZT1cImN1c3RvbVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJyb3VuZGVkLWZ1bGwgYm9yZGVyLTIgYm9yZGVyLXNvbGlkIGJvcmRlci10dWktdGV4dC1wcmltYXJ5IGJnLXdoaXRlICFwLVswLjRyZW1dIGZvbnQtYm9sZCB0ZXh0LXR1aS10ZXh0LXByaW1hcnlcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt7IGNvbG9ycy5sZW5ndGggfX1cbiAgICAgICAgICAgIDwvdHVpLWJhZGdlPlxuICAgICAgICAgICAgLSDQutC+0LvQu9C40YfQtdGB0YLQstC+INGG0LLQtdGC0L7QsiDQv9GA0L7RhNC40LvRj1xuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC13cmFwIGl0ZW1zLWNlbnRlciBnYXAtMSB0ZXh0LWJvZHktbVwiPlxuICAgICAgICAgICAgPHR1aS1iYWRnZVxuICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJjdXN0b21cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwicm91bmRlZC1mdWxsIGJvcmRlci0yIGJvcmRlci1zb2xpZCBib3JkZXItdHVpLXRleHQtcHJpbWFyeSBiZy13aGl0ZSAhcC1bMC40cmVtXSBmb250LWJvbGQgdGV4dC10dWktdGV4dC1wcmltYXJ5XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBuZXRUeXBlcy5sZW5ndGggfX1cbiAgICAgICAgICAgIDwvdHVpLWJhZGdlPlxuICAgICAgICAgICAgLSDQutC+0LvQu9C40YfQtdGB0YLQstC+INGC0LjQv9C+0LIg0YHQtdGC0L7QulxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8IS0tINCg0LDQt9C80LXRgNGLINGB0LXRgtC+0LouIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ib2R5LW1cIj5cbiAgICAgICAgICAgIDx0dWktaWNvbiBpY29uPVwiQHR1aS5zYy5ncmlkLWhlaWdodC1hcnJvd1wiIC8+XG4gICAgICAgICAgICDQktGL0YHQvtGC0LAg0YHQtdGC0L7QuiDQvtGCIHt7IGNvbmZpZygpLm1pbkhlaWdodCB9fSDQtNC+IHt7IGNvbmZpZygpLm1heEhlaWdodHNbbmV0VHlwZUluZGV4U2VsZWN0ZWQoKV0gfX0g0LzQvFxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtYm9keS1tXCI+XG4gICAgICAgICAgICA8dHVpLWljb24gaWNvbj1cIkB0dWkuc2MuZ3JpZC13aWR0aC1hcnJvd1wiIC8+XG4gICAgICAgICAgICDQqNC40YDQuNC90LAg0YHQtdGC0L7QuiDQvtGCIHt7IGNvbmZpZygpLm1pbldpZHRoIH19INC00L4ge3sgY29uZmlnKCkubWF4V2lkdGhzW25ldFR5cGVJbmRleFNlbGVjdGVkKCldIH19INC80LxcbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPCEtLSDQotC10LPQuCDRhdCw0YDQsNC60YLQtdGA0LjRgdGC0LjQui4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBnYXAtMlwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCB0YWcgb2YgY29uZmlnKCkudGFnc1tuZXRUeXBlSW5kZXhTZWxlY3RlZCgpXVwiXG4gICAgICAgICAgICAgICAgdHVpQ2hpcFxuICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyB0YWcgfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8IS0tINCS0YvQsdC+0YAg0YbQstC10YLQsCDQv9GA0L7RhNC40LvRjy4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGdhcC00XCI+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGltYWdlIG9mIGNvbmZpZygpLmNvbG9yOyBsZXQgaXRlbUluZGV4ID0gaW5kZXhcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiY29uZmlnKCkuY29sb3JzSWNvbnNbaW1hZ2VdXCJcbiAgICAgICAgICAgICAgICBbYWx0XT1cImRlc2NyaXB0aW9uc1snY29sb3InXVtpdGVtSW5kZXhdXCJcbiAgICAgICAgICAgICAgICAodHVpSG92ZXJlZENoYW5nZSk9XCJjb2xvckluZGV4LnNldChpdGVtSW5kZXgpXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImNvbG9ySW5kZXgoKSA9PT0gaXRlbUluZGV4XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInNpemUtMTEgcm91bmRlZC14bFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8IS0tINCa0L3QvtC/0LrQuCDQtNC10LnRgdGC0LLQuNC5LiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZ2FwLTJcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0dWlCdXR0b25cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib3BlbkNvbmZpZ3VyYXRvckNsaWNrLmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5zbGlkZXJzLWhvcml6b250YWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgINCh0LTQtdC70LDRgtGMINGA0LDRgdGH0LXRglxuICAgICAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0dWlCdXR0b25cbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib3BlbkNvbnN1bHRhdGlvbkNsaWNrLmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgaWNvblN0YXJ0PVwiQHR1aS5tZXNzYWdlcy1zcXVhcmVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgINCa0L7QvdGB0YPQu9GM0YLQsNGG0LjRj1xuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSDQn9GA0LDQstCw0Y8g0LrQvtC70L7QvdC60LAg0YEg0LrQsNGA0YPRgdC10LvRjNGOINC40LfQvtCx0YDQsNC20LXQvdC40LkuIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZSAtb3JkZXItMSBoLVsxOWVtXSBmbGV4LTEgb3ZlcmZsb3ctaGlkZGVuIHJvdW5kZWQteGwgc2hhZG93LXR1aS1zaGFkb3cgbWQ6aC05NiBsZzpvcmRlci0yIGxnOmgtWzI4cmVtXVwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0dWlJY29uQnV0dG9uXG4gICAgICAgICAgICBpY29uU3RhcnQ9XCJAdHVpLmNoZXZyb24tbGVmdFwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY2Fyb3VzZWwucHJldigpXCJcbiAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJpY29uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiIWFic29sdXRlIGxlZnQtMCB0b3AtMS8yIHotMTAgbWwtMiAtdHJhbnNsYXRlLXktMS8yXCJcbiAgICAgICAgPjwvYnV0dG9uPlxuXG4gICAgICAgIDx0dWktY2Fyb3VzZWxcbiAgICAgICAgICAgICNjYXJvdXNlbFxuICAgICAgICAgICAgW2R1cmF0aW9uXT1cImF1dG9TbGlkZUludGVydmFsZSgpXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaC1bMTllbV0gdy1mdWxsIG1kOmgtOTYgbGc6aC1bMjhyZW1dXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBjb25maWcoKS5pbWFnZVByZXZpZXdzQnlDb2xvcltjb2xvckluZGV4U2VsZWN0ZWQoKV07IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKnR1aUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRJbWFnZV09XCIndXJsKCcgKyBpdGVtICsgJyknXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJoLVsxOWVtXSB3LWZ1bGwgYmctY292ZXIgYmctcmlnaHQgbWQ6aC05NiBsZzpoLVsyOHJlbV1cIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC90dWktY2Fyb3VzZWw+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR1aUljb25CdXR0b25cbiAgICAgICAgICAgIGljb25TdGFydD1cIkB0dWkuY2hldnJvbi1yaWdodFwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY2Fyb3VzZWwubmV4dCgpXCJcbiAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJpY29uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiIWFic29sdXRlIHJpZ2h0LTAgdG9wLTEvMiB6LTEwIG1yLTIgLXRyYW5zbGF0ZS15LTEvMlwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/snabcentr-client-ui.mjs

@@ -1533,11 +1533,11 @@ class ScSignInFormComponent {
         this.forgotPassword.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormComponent, deps: [{ token: i1.ScAuthService }, { token: i1.ScUserMetrikaService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormComponent, selector: "sc-sign-in-form", inputs: { authMethod: "authMethod" }, outputs: { forgotPassword: "forgotPassword", signUp: "signUp", successAuth: "successAuth" }, ngImport: i0, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone" }, { kind: "component", type: ScSignInFormByEmailComponent, selector: "sc-sign-in-form-by-email", outputs: ["forgotPassword"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScSignInFormComponent, selector: "sc-sign-in-form", inputs: { authMethod: "authMethod" }, outputs: { forgotPassword: "forgotPassword", signUp: "signUp", successAuth: "successAuth" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScSignInFormByPhoneComponent, selector: "sc-sign-in-form-by-phone" }, { kind: "component", type: ScSignInFormByEmailComponent, selector: "sc-sign-in-form-by-email", outputs: ["forgotPassword"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScSignInFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-sign-in-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n" }]
+            args: [{ selector: 'sc-sign-in-form', host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mb-4 flex justify-center\">\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_phone' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byPhone)\"\n        class=\"tui-space_right-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443\n    </button>\n\n    <button\n        tuiButton\n        [appearance]=\"authMethod === 'by_email' ? 'primary' : 'secondary'\"\n        (click)=\"switchAuth(method.byEmail)\"\n        class=\"tui-space_left-3 tui-space_bottom-3 !font-bold\"\n    >\n        \u041F\u043E e-mail\n    </button>\n</div>\n\n<sc-sign-in-form-by-email\n    *ngIf=\"authMethod === 'by_email'\"\n    (forgotPassword)=\"onForgotPassword()\"\n></sc-sign-in-form-by-email>\n\n<sc-sign-in-form-by-phone [class.hidden]=\"authMethod !== 'by_phone'\"></sc-sign-in-form-by-phone>\n\n<div class=\"flex flex-col items-center gap-4\">\n    <span class=\"font-medium text-tui-text-02\">\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?</span>\n    <button\n        tuiButton\n        (click)=\"signUp.emit()\"\n        type=\"button\"\n        iconStart=\"@tui.user-plus\"\n        appearance=\"secondary\"\n    >\n        \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u0442\u044C\u0441\u044F\n    </button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.ScAuthService }, { type: i1.ScUserMetrikaService }], propDecorators: { authMethod: [{
                 type: Input
             }], forgotPassword: [{
@@ -5336,6 +5336,7 @@ const scClientUiIconsName = [
     'img.whatsapp',
     'img.copy',
     'img.window-handle-lock',
+    'img.phone',
     'img.principles.assistance',
     'img.principles.delivery',
     'img.principles.installation',
@@ -5919,20 +5920,20 @@ class ScPreviewSamplesMosquitoComponent {
          */
         this.openConsultationClick = output();
         /**
-         * Признак, что необходимо отображать переключатели на карусели.
+         * Интервал автоматического прочитывания списка товаров в миллисекундах.
          */
-        this.isShowCarouselSwitches = input(!inject(TUI_IS_MOBILE));
+        this.autoSlideIntervale = input(0);
         /**
-         * Интервал автоматического прочитывания списка товаров в миллисекундах.
+         * Признак, что необходимо отображать переключатели на карусели.
          */
-        this.autoSlideIntervale = 5000;
+        this.isShowCarouselSwitches = input(!inject(TUI_IS_MOBILE));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPreviewSamplesMosquitoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScPreviewSamplesMosquitoComponent, isStandalone: true, selector: "sc-preview-samples-mosquito", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isShowCarouselSwitches: { classPropertyName: "isShowCarouselSwitches", publicName: "isShowCarouselSwitches", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openConfiguratorClick: "openConfiguratorClick", openConsultationClick: "openConsultationClick" }, ngImport: i0, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"], dependencies: [{ kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "directive", type: TuiHeader, selector: "[tuiHeader]", inputs: ["tuiHeader"] }, { kind: "directive", type: TuiSurface, selector: "[tuiSurface]", inputs: ["tuiSurface"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScPreviewSamplesMosquitoComponent, isStandalone: true, selector: "sc-preview-samples-mosquito", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, autoSlideIntervale: { classPropertyName: "autoSlideIntervale", publicName: "autoSlideIntervale", isSignal: true, isRequired: false, transformFunction: null }, isShowCarouselSwitches: { classPropertyName: "isShowCarouselSwitches", publicName: "isShowCarouselSwitches", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openConfiguratorClick: "openConfiguratorClick", openConsultationClick: "openConsultationClick" }, ngImport: i0, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale()\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"], dependencies: [{ kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }, { kind: "directive", type: TuiBadge, selector: "tui-badge,[tuiBadge]", inputs: ["size"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: TuiCardLarge, selector: "[tuiCardLarge]", inputs: ["tuiCardLarge"] }, { kind: "directive", type: TuiHeader, selector: "[tuiHeader]", inputs: ["tuiHeader"] }, { kind: "directive", type: TuiSurface, selector: "[tuiSurface]", inputs: ["tuiSurface"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPreviewSamplesMosquitoComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-preview-samples-mosquito', imports: [TuiCarousel, TuiButton, TuiIcon, TuiChip, TuiBadge, NgFor, TuiAppearance, TuiHovered, TuiCardLarge, TuiHeader, TuiIcon, TuiSurface], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"] }]
+            args: [{ standalone: true, selector: 'sc-preview-samples-mosquito', imports: [TuiCarousel, TuiButton, TuiIcon, TuiChip, TuiBadge, NgFor, TuiAppearance, TuiHovered, TuiCardLarge, TuiHeader, TuiIcon, TuiSurface], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let descriptions = config().descriptions;\n@let colors = config().color;\n@let netTypes = config().netType;\n\n<!-- \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u0441\u0435\u0442\u043A\u043E\u0439. -->\n<div class=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n    <!-- \u041B\u0435\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439. -->\n    <div class=\"flex flex-col gap-4\">\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"flex flex-wrap gap-4\">\n            <button\n                *ngFor=\"let item of netTypes; let itemIndex = index\"\n                tuiCardLarge\n                tuiHeader\n                tuiSurface=\"floating\"\n                type=\"button\"\n                (click)=\"netTypeIndex.set(itemIndex)\"\n                [class.active]=\"netTypeIndex() === itemIndex\"\n                class=\"h-12 !items-center gap-2 !rounded-xl !px-4 !py-0\"\n            >\n                <img\n                    [src]=\"config().icons[item]\"\n                    [alt]=\"descriptions['netType'][item]\"\n                    class=\"size-8\"\n                />\n                <div>{{ descriptions['netType'][item] }}</div>\n            </button>\n        </div>\n\n        <!-- \u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0438\u043F\u0430 \u0441\u0435\u0442\u043A\u0438. -->\n        <div class=\"text-body-l-bold\">\u0421\u0435\u0442\u043A\u0430 {{ descriptions['netType'][netTypeIndexSelected()] }}</div>\n        {{ config().subtitles[netTypeIndexSelected()] }}\n\n        <!-- \u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0435 \u0431\u0435\u0439\u0434\u0436\u0438. -->\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ colors.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0446\u0432\u0435\u0442\u043E\u0432 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\n        </div>\n        <div class=\"flex flex-wrap items-center gap-1 text-body-m\">\n            <tui-badge\n                appearance=\"custom\"\n                class=\"rounded-full border-2 border-solid border-tui-text-primary bg-white !p-[0.4rem] font-bold text-tui-text-primary\"\n            >\n                {{ netTypes.length }}\n            </tui-badge>\n            - \u043A\u043E\u043B\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0438\u043F\u043E\u0432 \u0441\u0435\u0442\u043E\u043A\n        </div>\n\n        <!-- \u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0435\u0442\u043E\u043A. -->\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-height-arrow\" />\n            \u0412\u044B\u0441\u043E\u0442\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minHeight }} \u0434\u043E {{ config().maxHeights[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n        <div class=\"text-body-m\">\n            <tui-icon icon=\"@tui.sc.grid-width-arrow\" />\n            \u0428\u0438\u0440\u0438\u043D\u0430 \u0441\u0435\u0442\u043E\u043A \u043E\u0442 {{ config().minWidth }} \u0434\u043E {{ config().maxWidths[netTypeIndexSelected()] }} \u043C\u043C\n        </div>\n\n        <!-- \u0422\u0435\u0433\u0438 \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. -->\n        <div class=\"flex flex-wrap gap-2\">\n            <button\n                *ngFor=\"let tag of config().tags[netTypeIndexSelected()]\"\n                tuiChip\n                appearance=\"neutral\"\n            >\n                {{ tag }}\n            </button>\n        </div>\n\n        <!-- \u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430 \u043F\u0440\u043E\u0444\u0438\u043B\u044F. -->\n        <div class=\"flex gap-4\">\n            <img\n                *ngFor=\"let image of config().color; let itemIndex = index\"\n                [src]=\"config().colorsIcons[image]\"\n                [alt]=\"descriptions['color'][itemIndex]\"\n                (tuiHoveredChange)=\"colorIndex.set(itemIndex)\"\n                [class.active]=\"colorIndex() === itemIndex\"\n                class=\"size-11 rounded-xl\"\n            />\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. -->\n        <div class=\"flex gap-2\">\n            <button\n                tuiButton\n                (click)=\"openConfiguratorClick.emit()\"\n                iconStart=\"@tui.sliders-horizontal\"\n            >\n                \u0421\u0434\u0435\u043B\u0430\u0442\u044C \u0440\u0430\u0441\u0447\u0435\u0442\n            </button>\n\n            <button\n                tuiButton\n                (click)=\"openConsultationClick.emit()\"\n                iconStart=\"@tui.messages-square\"\n            >\n                \u041A\u043E\u043D\u0441\u0443\u043B\u044C\u0442\u0430\u0446\u0438\u044F\n            </button>\n        </div>\n    </div>\n\n    <!-- \u041F\u0440\u0430\u0432\u0430\u044F \u043A\u043E\u043B\u043E\u043D\u043A\u0430 \u0441 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439. -->\n    <div class=\"relative -order-1 h-[19em] flex-1 overflow-hidden rounded-xl shadow-tui-shadow md:h-96 lg:order-2 lg:h-[28rem]\">\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            (click)=\"carousel.prev()\"\n            appearance=\"icon\"\n            class=\"!absolute left-0 top-1/2 z-10 ml-2 -translate-y-1/2\"\n        ></button>\n\n        <tui-carousel\n            #carousel\n            [duration]=\"autoSlideIntervale()\"\n            class=\"h-[19em] w-full md:h-96 lg:h-[28rem]\"\n        >\n            @for (item of config().imagePreviewsByColor[colorIndexSelected()]; track $index) {\n                <div\n                    *tuiItem\n                    [style.backgroundImage]=\"'url(' + item + ')'\"\n                    class=\"h-[19em] w-full bg-cover bg-right md:h-96 lg:h-[28rem]\"\n                ></div>\n            }\n        </tui-carousel>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            (click)=\"carousel.next()\"\n            appearance=\"icon\"\n            class=\"!absolute right-0 top-1/2 z-10 mr-2 -translate-y-1/2\"\n        ></button>\n    </div>\n</div>\n", styles: [":host{--tui-carousel-padding: 0}img.active{--tw-ring-color: var(--tui-background-accent-1);--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}button[tuicardlarge]{border:solid 2px white}button[tuicardlarge].active{border-color:var(--tui-background-accent-1)}\n"] }]
         }] });
 
 /**