@seniorsistemas/angular-components 17.27.1-feature-sds-110-9a13a8bc → 17.27.1-feature-sds-110-57186492

package/esm2022/autocomplete/lib/autocomplete/components/autocomplete-chip/autocomplete-chip.component.mjs

@@ -0,0 +1,17 @@
+import { Component, input, output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AutocompleteChipComponent {
+    suggestion = input.required();
+    suggestionLabel = input();
+    suggestionRemoved = output();
+    removeSuggestion() {
+        this.suggestionRemoved.emit(this.suggestion());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutocompleteChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: AutocompleteChipComponent, isStandalone: true, selector: "s-autocomplete-chip", inputs: { suggestion: { classPropertyName: "suggestion", publicName: "suggestion", isSignal: true, isRequired: true, transformFunction: null }, suggestionLabel: { classPropertyName: "suggestionLabel", publicName: "suggestionLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { suggestionRemoved: "suggestionRemoved" }, ngImport: i0, template: "<div class=\"flex items-center gap-2 rounded-[4px] border border-grayscale-50 bg-grayscale-10 px-2\">\n    <span class=\"text-nowrap\">{{ suggestionLabel() ? suggestion()[suggestionLabel()!] : suggestion() }}</span>\n    <button (click)=\"removeSuggestion()\">\n        <i class=\"far fa-times\"></i>\n    </button>\n</div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutocompleteChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-autocomplete-chip', standalone: true, template: "<div class=\"flex items-center gap-2 rounded-[4px] border border-grayscale-50 bg-grayscale-10 px-2\">\n    <span class=\"text-nowrap\">{{ suggestionLabel() ? suggestion()[suggestionLabel()!] : suggestion() }}</span>\n    <button (click)=\"removeSuggestion()\">\n        <i class=\"far fa-times\"></i>\n    </button>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9zcmMvbGliL2F1dG9jb21wbGV0ZS9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS1jaGlwL2F1dG9jb21wbGV0ZS1jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9hdXRvY29tcGxldGUvc3JjL2xpYi9hdXRvY29tcGxldGUvY29tcG9uZW50cy9hdXRvY29tcGxldGUtY2hpcC9hdXRvY29tcGxldGUtY2hpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3pELE1BQU0sT0FBTyx5QkFBeUI7SUFDM0IsVUFBVSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUssQ0FBQztJQUNqQyxlQUFlLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFFbkMsaUJBQWlCLEdBQUcsTUFBTSxFQUFLLENBQUM7SUFFaEMsZ0JBQWdCO1FBQ25CLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDbkQsQ0FBQzt3R0FSUSx5QkFBeUI7NEZBQXpCLHlCQUF5Qiw0YUNQdEMsdVVBTUE7OzRGRENhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSxxQkFBcUIsY0FFbkIsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3MtYXV0b2NvbXBsZXRlLWNoaXAnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdXRvY29tcGxldGUtY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQXV0b2NvbXBsZXRlQ2hpcENvbXBvbmVudDxUPiB7XG4gICAgcHVibGljIHN1Z2dlc3Rpb24gPSBpbnB1dC5yZXF1aXJlZDxUPigpO1xuICAgIHB1YmxpYyBzdWdnZXN0aW9uTGFiZWwgPSBpbnB1dDxrZXlvZiBUPigpO1xuXG4gICAgcHVibGljIHN1Z2dlc3Rpb25SZW1vdmVkID0gb3V0cHV0PFQ+KCk7XG5cbiAgICBwdWJsaWMgcmVtb3ZlU3VnZ2VzdGlvbigpIHtcbiAgICAgICAgdGhpcy5zdWdnZXN0aW9uUmVtb3ZlZC5lbWl0KHRoaXMuc3VnZ2VzdGlvbigpKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTIgcm91bmRlZC1bNHB4XSBib3JkZXIgYm9yZGVyLWdyYXlzY2FsZS01MCBiZy1ncmF5c2NhbGUtMTAgcHgtMlwiPlxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1ub3dyYXBcIj57eyBzdWdnZXN0aW9uTGFiZWwoKSA/IHN1Z2dlc3Rpb24oKVtzdWdnZXN0aW9uTGFiZWwoKSFdIDogc3VnZ2VzdGlvbigpIH19PC9zcGFuPlxuICAgIDxidXR0b24gKGNsaWNrKT1cInJlbW92ZVN1Z2dlc3Rpb24oKVwiPlxuICAgICAgICA8aSBjbGFzcz1cImZhciBmYS10aW1lc1wiPjwvaT5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/esm2022/autocomplete/public-api.mjs

@@ -0,0 +1,2 @@
+export { AutocompleteComponent } from './lib/autocomplete/autocomplete.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9hdXRvY29tcGxldGUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBBdXRvY29tcGxldGVDb21wb25lbnQgfSBmcm9tICcuL2xpYi9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLmNvbXBvbmVudCc7Il19

package/esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VuaW9yc2lzdGVtYXMtYW5ndWxhci1jb21wb25lbnRzLWF1dG9jb21wbGV0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9hdXRvY29tcGxldGUvc3JjL3NlbmlvcnNpc3RlbWFzLWFuZ3VsYXItY29tcG9uZW50cy1hdXRvY29tcGxldGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/button/lib/button/button.component.mjs

@@ -28,7 +28,7 @@ export class ButtonComponent {
     slide = false;
     animation;
     badge;
-    iconColor = "#212533";
+    iconColor;
     clicked = new EventEmitter();
     validateSlideButton() {
         return !!(this.slide && (this.priority === 'default' || this.priority === 'link') && this.label?.length);
@@ -51,14 +51,8 @@ export class ButtonComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-button', host: {
-                        '[class.s-button-with-badge]': '!!badge'
-                    }, standalone: true, imports: [
-                        NgClass,
-                        NgStyle,
-                        BadgeModule,
-                        TieredMenuModule,
-                        TooltipModule,
-                    ], template: "<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-only-icon': iconClass && !label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && menuOptions.length) || rightIconClass,\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation(),\n    }\"\n    sTieredMenu\n    [items]=\"menuOptions\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    (click)=\"clicked.emit($event)\"\n>\n    @if (iconClass) {\n        <span\n            [class]=\"iconClass\"\n            [ngClass]=\"{\n                's-button-icon': true,\n                's-button-icon-margin-right': !label && menuOptions.length,\n            }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if (label) {\n        <span\n            class=\"s-button-text\"\n            [ngClass]=\"{\n                's-button-icon-margin-right': !!rightIconClass || menuOptions.length,\n                's-button-icon-margin-left': !!iconClass,\n            }\"\n        >\n            {{ label }}\n        </span>\n    }\n    <ng-content></ng-content>\n    @if (rightIconClass) {\n        <span\n            [class]=\"rightIconClass\"\n            [ngClass]=\"{ 's-button-right-icon': true }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if ((caret && menuOptions.length) || (menuOptions && menuOptions.length)) {\n        <span\n            class=\"menu-options-icon fa fa-fw fa-caret-down\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n</button>\n@if (badge) {\n    <div class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\"\n        >\n        </s-badge>\n    </div>\n}\n", styles: [":host{display:inline-flex;position:relative}:host.s-button-with-badge{margin-right:-15px}button{align-items:center;display:inline-flex;justify-content:center;border:1px solid;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:35px;max-width:100%;min-width:40px;outline:none;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}button:disabled{background-image:none;cursor:text;filter:Alpha(Opacity=50);opacity:.5}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{height:25px}button.s-button-size-small.s-button-only-icon{max-width:24px;max-height:24px;min-width:24px}button.s-button-size-default{height:35px}button.s-button-with-text,button.s-button-with-icon.s-button-multiple{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button.s-button-multiple.s-button-size-small.s-button-empty{width:25px;min-width:25px}button .s-button-icon,button .s-button-right-icon,button .s-button-menu-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{align-items:center;display:inline-flex;justify-content:center}button.s-button-multiple .s-button-text{align-items:left;display:inline-flex;justify-content:left}button.s-button-with-icon .s-button-text{align-items:right;display:inline-flex;justify-content:right}button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text,button.s-button-priority-primary .s-button-menu-icon{color:#fff}button.s-button-priority-primary:hover{background-color:#2a6496}button.s-button-priority-primary:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-priority-primary:active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-primary .menu-options-icon{color:#fff}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text,button.s-button-priority-secondary .s-button-menu-icon{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary:active:not(:disabled),button.s-button-priority-secondary.s-button-active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-secondary .menu-options-icon{color:#fff}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text,button.s-button-priority-default .s-button-menu-icon{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default:active:not(:disabled),button.s-button-priority-default.s-button-active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-default .menu-options-icon{color:#333}button.s-button-auxiliary.s-button-only-icon{border-radius:50%}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text,button.s-button-priority-link .s-button-menu-icon{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text,button.s-button-priority-link:hover .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:focus{background-color:transparent;border-color:#22dce6}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text,button.s-button-priority-link:focus .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:active:not(:disabled),button.s-button-priority-link.s-button-active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon{color:#245682}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text,.s-button-priority-danger .s-button-menu-icon{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger:active:not(:disabled),.s-button-priority-danger.s-button-active:not(:disabled){background-color:#521e1e;border-color:#521e1e}.s-button-priority-danger .menu-options-icon{color:#fff}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}.s-button--slide.s-button-with-text,.s-button--slide.s-button-with-icon.s-button-multiple{min-width:40px}.s-button--slide .s-button-text{opacity:0;position:absolute;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s ease;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s ease}.badge{z-index:99;position:relative;right:15px;bottom:16px}.menu-options-icon{color:#212533}\n"] }]
+                        '[class.s-button-with-badge]': '!!badge',
+                    }, standalone: true, imports: [NgClass, NgStyle, BadgeModule, TieredMenuModule, TooltipModule], template: "<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-only-icon': iconClass && !label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && menuOptions.length) || rightIconClass,\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation(),\n    }\"\n    sTieredMenu\n    [items]=\"menuOptions\"\n    [disabled]=\"disabled\"\n    [sTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    (click)=\"clicked.emit($event)\"\n>\n    @if (iconClass) {\n        <span\n            [class]=\"iconClass\"\n            [ngClass]=\"{\n                's-button-icon': true,\n                's-button-icon-margin-right': !label && menuOptions.length,\n            }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if (label) {\n        <span\n            class=\"s-button-text\"\n            [ngClass]=\"{\n                's-button-icon-margin-right': !!rightIconClass || menuOptions.length,\n                's-button-icon-margin-left': !!iconClass,\n            }\"\n        >\n            {{ label }}\n        </span>\n    }\n    <ng-content></ng-content>\n    @if (rightIconClass) {\n        <span\n            [class]=\"rightIconClass\"\n            [ngClass]=\"{ 's-button-right-icon': true }\"\n            [ngStyle]=\"{ color: iconColor }\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n    @if ((caret && menuOptions.length) || (menuOptions && menuOptions.length)) {\n        <span\n            class=\"menu-options-icon fa fa-fw fa-caret-down\"\n            aria-hidden=\"true\"\n        >\n        </span>\n    }\n</button>\n@if (badge) {\n    <div class=\"badge\">\n        <s-badge\n            [color]=\"badge.color\"\n            [text]=\"badge.text\"\n            [iconClass]=\"badge.iconClass\"\n        >\n        </s-badge>\n    </div>\n}\n", styles: [":host{display:inline-flex;position:relative}:host.s-button-with-badge{margin-right:-15px}button{align-items:center;display:inline-flex;justify-content:center;border:1px solid;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:35px;max-width:100%;min-width:40px;outline:none;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}button:disabled{background-image:none;cursor:text;filter:Alpha(Opacity=50);opacity:.5}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{height:25px}button.s-button-size-small.s-button-only-icon{max-width:24px;max-height:24px;min-width:24px}button.s-button-size-default{height:35px}button.s-button-with-text,button.s-button-with-icon.s-button-multiple{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button.s-button-multiple.s-button-size-small.s-button-empty{width:25px;min-width:25px}button .s-button-icon,button .s-button-right-icon,button .s-button-menu-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{align-items:center;display:inline-flex;justify-content:center}button.s-button-multiple .s-button-text{align-items:left;display:inline-flex;justify-content:left}button.s-button-with-icon .s-button-text{align-items:right;display:inline-flex;justify-content:right}button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text,button.s-button-priority-primary .s-button-menu-icon{color:#fff}button.s-button-priority-primary:hover{background-color:#2a6496}button.s-button-priority-primary:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-priority-primary:active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-primary .menu-options-icon{color:#fff}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text,button.s-button-priority-secondary .s-button-menu-icon{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary:active:not(:disabled),button.s-button-priority-secondary.s-button-active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-secondary .menu-options-icon{color:#fff}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text,button.s-button-priority-default .s-button-menu-icon{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default:active:not(:disabled),button.s-button-priority-default.s-button-active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-default .menu-options-icon{color:#333}button.s-button-auxiliary.s-button-only-icon{border-radius:50%}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text,button.s-button-priority-link .s-button-menu-icon{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text,button.s-button-priority-link:hover .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:focus{background-color:transparent;border-color:#22dce6}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text,button.s-button-priority-link:focus .s-button-menu-icon{color:#2a6496}button.s-button-priority-link:active:not(:disabled),button.s-button-priority-link.s-button-active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon{color:#245682}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text,.s-button-priority-danger .s-button-menu-icon{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger:active:not(:disabled),.s-button-priority-danger.s-button-active:not(:disabled){background-color:#521e1e;border-color:#521e1e}.s-button-priority-danger .menu-options-icon{color:#fff}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}.s-button--slide.s-button-with-text,.s-button--slide.s-button-with-icon.s-button-multiple{min-width:40px}.s-button--slide .s-button-text{opacity:0;position:absolute;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s ease;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s ease}.badge{z-index:99;position:relative;right:15px;bottom:16px}.menu-options-icon{color:#212533}\n"] }]
         }], propDecorators: { minWidth: [{
                 type: HostBinding,
                 args: ['style.min-width']
@@ -103,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUU5RyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUN2RSxPQUFPLEVBQXNCLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDdEcsT0FBTyxFQUFFLGFBQWEsRUFBb0IsTUFBTSw0Q0FBNEMsQ0FBQztBQUM3RixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBcUJ0RSxNQUFNLE9BQU8sZUFBZTtJQUVqQixRQUFRLEdBQUcsTUFBTSxDQUFDO0lBR2xCLEVBQUUsR0FBSSxZQUFZLFVBQVUsRUFBRSxFQUFFLENBQUM7SUFHakMsS0FBSyxDQUFVO0lBR2YsT0FBTyxDQUFVO0lBR2pCLGVBQWUsR0FBcUIsS0FBSyxDQUFDO0lBRzFDLFNBQVMsQ0FBVTtJQUduQixjQUFjLENBQVU7SUFHeEIsS0FBSyxHQUFHLElBQUksQ0FBQztJQUdiLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFHaEIsVUFBVSxHQUFHLENBQUMsQ0FBQztJQUdmLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFHakIsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUdsQixJQUFJLEdBQUksUUFBUSxDQUFDO0lBR2pCLFFBQVEsR0FBb0IsU0FBUyxDQUFDO0lBR3RDLFdBQVcsR0FBeUIsRUFBRSxDQUFDO0lBR3ZDLElBQUksR0FBeUIsU0FBUyxDQUFDO0lBR3ZDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFHZCxTQUFTLENBQW9CO0lBRzdCLEtBQUssQ0FBcUI7SUFHMUIsU0FBUyxHQUFJLFNBQVMsQ0FBQztJQUd2QixPQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFaEQsbUJBQW1CO1FBQ3RCLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM3RyxDQUFDO0lBRU0sV0FBVyxDQUFDLENBQWdCO1FBQy9CLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDL0IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUUzQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQztRQUU1QyxJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxVQUFVLENBQUM7WUFBRSxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztRQUMvRCxJQUFJLE9BQU8sSUFBSSxPQUFPLElBQUksVUFBVTtZQUFFLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO0lBQ2xFLENBQUM7SUFFTSxpQkFBaUI7UUFDcEIsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQztJQUN2QyxDQUFDO3dHQWhGUSxlQUFlOzRGQUFmLGVBQWUsd29CQzNCNUIsNitFQStFQSxrbE5EM0RRLE9BQU8sb0ZBQ1AsT0FBTywwRUFDUCxXQUFXLDZOQUNYLGdCQUFnQixnS0FDaEIsYUFBYTs7NEZBR1IsZUFBZTtrQkFoQjNCLFNBQVM7K0JBQ0ksVUFBVSxRQUdkO3dCQUNGLDZCQUE2QixFQUFFLFNBQVM7cUJBQzNDLGNBQ1csSUFBSSxXQUNQO3dCQUNMLE9BQU87d0JBQ1AsT0FBTzt3QkFDUCxXQUFXO3dCQUNYLGdCQUFnQjt3QkFDaEIsYUFBYTtxQkFDaEI7OEJBSU0sUUFBUTtzQkFEZCxXQUFXO3VCQUFDLGlCQUFpQjtnQkFJdkIsRUFBRTtzQkFEUixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsZUFBZTtzQkFEckIsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsT0FBTztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmdDbGFzcywgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCYWRnZU1vZHVsZSB9IGZyb20gJ0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvYmFkZ2UnO1xuaW1wb3J0IHsgVGllcmVkTWVudUl0ZW1EYXRhLCBUaWVyZWRNZW51TW9kdWxlIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy90aWVyZWQtbWVudSc7XG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlLCBUb29sdGlwUG9zaXRpb25zIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy90b29sdGlwJztcbmltcG9ydCB7IHJhbmRvbUhhc2ggfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL3V0aWxzJztcbmltcG9ydCB7IEJ1dHRvbkFuaW1hdGlvbnMgfSBmcm9tICcuL21vZGVscy9idXR0b24tYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBCdXR0b25CYWRnZUNvbmZpZyB9IGZyb20gJy4vbW9kZWxzL2J1dHRvbi1iYWRnZS1jb25maWcnO1xuaW1wb3J0IHsgQnV0dG9uUHJpb3JpdHkgfSBmcm9tICcuL21vZGVscy9idXR0b24tcHJpb3JpdHknO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3MtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbY2xhc3Mucy1idXR0b24td2l0aC1iYWRnZV0nOiAnISFiYWRnZSdcbiAgICB9LFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOZ0NsYXNzLFxuICAgICAgICBOZ1N0eWxlLFxuICAgICAgICBCYWRnZU1vZHVsZSxcbiAgICAgICAgVGllcmVkTWVudU1vZHVsZSxcbiAgICAgICAgVG9vbHRpcE1vZHVsZSxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5taW4td2lkdGgnKVxuICAgIHB1YmxpYyBtaW5XaWR0aCA9ICc0MHB4JztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlkPyA9IGBzLWJ1dHRvbi0ke3JhbmRvbUhhc2goKX1gO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGFiZWw/OiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0b29sdGlwPzogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdG9vbHRpcFBvc2l0aW9uOiBUb29sdGlwUG9zaXRpb25zID0gJ3RvcCc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uQ2xhc3M/OiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyByaWdodEljb25DbGFzcz86IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNhcmV0ID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHN0eWxlQ2xhc3MgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGJhc2VaSW5kZXggPSAwO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGF1eGlsaWFyeSA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdHlwZT8gPSAnYnV0dG9uJztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHByaW9yaXR5PzogQnV0dG9uUHJpb3JpdHkgPSAncHJpbWFyeSc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBtZW51T3B0aW9uczogVGllcmVkTWVudUl0ZW1EYXRhW10gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNpemU/OiAnZGVmYXVsdCcgfCAnc21hbGwnID0gJ2RlZmF1bHQnO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2xpZGUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGFuaW1hdGlvbj86IEJ1dHRvbkFuaW1hdGlvbnM7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBiYWRnZT86IEJ1dHRvbkJhZGdlQ29uZmlnO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWNvbkNvbG9yPyA9IFwiIzIxMjUzM1wiO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgcHVibGljIHZhbGlkYXRlU2xpZGVCdXR0b24oKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAhISh0aGlzLnNsaWRlICYmICh0aGlzLnByaW9yaXR5ID09PSAnZGVmYXVsdCcgfHwgdGhpcy5wcmlvcml0eSA9PT0gJ2xpbmsnKSAmJiB0aGlzLmxhYmVsPy5sZW5ndGgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uQ2hhbmdlcyhfOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGhhc0ljb24gPSB0aGlzLmljb25DbGFzcztcbiAgICAgICAgY29uc3QgaGFzVGV4dCA9IHRoaXMubGFiZWw7XG5cbiAgICAgICAgY29uc3QgaXNNdWx0aXBsZSA9IHRoaXMubWVudU9wdGlvbnM/Lmxlbmd0aDtcblxuICAgICAgICBpZiAoaGFzVGV4dCB8fCAoaGFzSWNvbiAmJiBpc011bHRpcGxlKSkgdGhpcy5taW5XaWR0aCA9ICc4MHB4JztcbiAgICAgICAgaWYgKGhhc1RleHQgJiYgaGFzSWNvbiAmJiBpc011bHRpcGxlKSB0aGlzLm1pbldpZHRoID0gJzEwMHB4JztcbiAgICB9XG5cbiAgICBwdWJsaWMgaXNSb3RhdGVBbmltYXRpb24oKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFuaW1hdGlvbiA9PT0gJ3JvdGF0ZSc7XG4gICAgfVxufVxuIiwiPGJ1dHRvblxuICAgIFtpZF09XCJpZFwiXG4gICAgW3R5cGVdPVwidHlwZVwiXG4gICAgW2NsYXNzXT1cInN0eWxlQ2xhc3NcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ3MtYnV0dG9uLWF1eGlsaWFyeSc6IGF1eGlsaWFyeSxcbiAgICAgICAgJ3MtYnV0dG9uLXdpdGgtaWNvbic6IGljb25DbGFzcyxcbiAgICAgICAgJ3MtYnV0dG9uLXdpdGgtdGV4dCc6IGxhYmVsLFxuICAgICAgICAncy1idXR0b24tb25seS1pY29uJzogaWNvbkNsYXNzICYmICFsYWJlbCxcbiAgICAgICAgJ3MtYnV0dG9uLWVtcHR5JzogIWljb25DbGFzcyAmJiAhbGFiZWwsXG4gICAgICAgICdzLWJ1dHRvbi1zaXplLWRlZmF1bHQnOiBzaXplID09PSAnZGVmYXVsdCcsXG4gICAgICAgICdzLWJ1dHRvbi1zaXplLXNtYWxsJzogc2l6ZSA9PT0gJ3NtYWxsJyxcbiAgICAgICAgJ3MtYnV0dG9uLXByaW9yaXR5LWRlZmF1bHQnOiBwcmlvcml0eSA9PT0gJ2RlZmF1bHQnLFxuICAgICAgICAncy1idXR0b24tcHJpb3JpdHktcHJpbWFyeSc6IHByaW9yaXR5ID09PSAncHJpbWFyeScsXG4gICAgICAgICdzLWJ1dHRvbi1wcmlvcml0eS1zZWNvbmRhcnknOiBwcmlvcml0eSA9PT0gJ3NlY29uZGFyeScsXG4gICAgICAgICdzLWJ1dHRvbi1wcmlvcml0eS1saW5rJzogcHJpb3JpdHkgPT09ICdsaW5rJyxcbiAgICAgICAgJ3MtYnV0dG9uLXByaW9yaXR5LWRhbmdlcic6IHByaW9yaXR5ID09PSAnZGFuZ2VyJyxcbiAgICAgICAgJ3MtYnV0dG9uLW11bHRpcGxlJzogKGNhcmV0ICYmIG1lbnVPcHRpb25zLmxlbmd0aCkgfHwgcmlnaHRJY29uQ2xhc3MsXG4gICAgICAgICdzLWJ1dHRvbi0tc2xpZGUnOiB2YWxpZGF0ZVNsaWRlQnV0dG9uKCksXG4gICAgICAgICdzLWJ1dHRvbi0tcm90YXRlLWFuaW1hdGlvbic6IGlzUm90YXRlQW5pbWF0aW9uKCksXG4gICAgfVwiXG4gICAgc1RpZXJlZE1lbnVcbiAgICBbaXRlbXNdPVwibWVudU9wdGlvbnNcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW3NUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICAoY2xpY2spPVwiY2xpY2tlZC5lbWl0KCRldmVudClcIlxuPlxuICAgIEBpZiAoaWNvbkNsYXNzKSB7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBbY2xhc3NdPVwiaWNvbkNsYXNzXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAncy1idXR0b24taWNvbic6IHRydWUsXG4gICAgICAgICAgICAgICAgJ3MtYnV0dG9uLWljb24tbWFyZ2luLXJpZ2h0JzogIWxhYmVsICYmIG1lbnVPcHRpb25zLmxlbmd0aCxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogaWNvbkNvbG9yIH1cIlxuICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgPlxuICAgICAgICA8L3NwYW4+XG4gICAgfVxuICAgIEBpZiAobGFiZWwpIHtcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwicy1idXR0b24tdGV4dFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgJ3MtYnV0dG9uLWljb24tbWFyZ2luLXJpZ2h0JzogISFyaWdodEljb25DbGFzcyB8fCBtZW51T3B0aW9ucy5sZW5ndGgsXG4gICAgICAgICAgICAgICAgJ3MtYnV0dG9uLWljb24tbWFyZ2luLWxlZnQnOiAhIWljb25DbGFzcyxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICA+XG4gICAgICAgICAgICB7eyBsYWJlbCB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgfVxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICBAaWYgKHJpZ2h0SWNvbkNsYXNzKSB7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBbY2xhc3NdPVwicmlnaHRJY29uQ2xhc3NcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAncy1idXR0b24tcmlnaHQtaWNvbic6IHRydWUgfVwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7IGNvbG9yOiBpY29uQ29sb3IgfVwiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgIDwvc3Bhbj5cbiAgICB9XG4gICAgQGlmICgoY2FyZXQgJiYgbWVudU9wdGlvbnMubGVuZ3RoKSB8fCAobWVudU9wdGlvbnMgJiYgbWVudU9wdGlvbnMubGVuZ3RoKSkge1xuICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJtZW51LW9wdGlvbnMtaWNvbiBmYSBmYS1mdyBmYS1jYXJldC1kb3duXCJcbiAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgIH1cbjwvYnV0dG9uPlxuQGlmIChiYWRnZSkge1xuICAgIDxkaXYgY2xhc3M9XCJiYWRnZVwiPlxuICAgICAgICA8cy1iYWRnZVxuICAgICAgICAgICAgW2NvbG9yXT1cImJhZGdlLmNvbG9yXCJcbiAgICAgICAgICAgIFt0ZXh0XT1cImJhZGdlLnRleHRcIlxuICAgICAgICAgICAgW2ljb25DbGFzc109XCJiYWRnZS5pY29uQ2xhc3NcIlxuICAgICAgICA+XG4gICAgICAgIDwvcy1iYWRnZT5cbiAgICA8L2Rpdj5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUU5RyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUN2RSxPQUFPLEVBQXNCLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDdEcsT0FBTyxFQUFFLGFBQWEsRUFBb0IsTUFBTSw0Q0FBNEMsQ0FBQztBQUM3RixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBZXRFLE1BQU0sT0FBTyxlQUFlO0lBRWpCLFFBQVEsR0FBRyxNQUFNLENBQUM7SUFHbEIsRUFBRSxHQUFJLFlBQVksVUFBVSxFQUFFLEVBQUUsQ0FBQztJQUdqQyxLQUFLLENBQVU7SUFHZixPQUFPLENBQVU7SUFHakIsZUFBZSxHQUFxQixLQUFLLENBQUM7SUFHMUMsU0FBUyxDQUFVO0lBR25CLGNBQWMsQ0FBVTtJQUd4QixLQUFLLEdBQUcsSUFBSSxDQUFDO0lBR2IsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUdoQixVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBR2YsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUdqQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBR2xCLElBQUksR0FBSSxRQUFRLENBQUM7SUFHakIsUUFBUSxHQUFvQixTQUFTLENBQUM7SUFHdEMsV0FBVyxHQUF5QixFQUFFLENBQUM7SUFHdkMsSUFBSSxHQUF5QixTQUFTLENBQUM7SUFHdkMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUdkLFNBQVMsQ0FBb0I7SUFHN0IsS0FBSyxDQUFxQjtJQUcxQixTQUFTLENBQVU7SUFHbkIsT0FBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWhELG1CQUFtQjtRQUN0QixPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDN0csQ0FBQztJQUVNLFdBQVcsQ0FBQyxDQUFnQjtRQUMvQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQy9CLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFFM0IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUM7UUFFNUMsSUFBSSxPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksVUFBVSxDQUFDO1lBQUUsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUM7UUFDL0QsSUFBSSxPQUFPLElBQUksT0FBTyxJQUFJLFVBQVU7WUFBRSxJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztJQUNsRSxDQUFDO0lBRU0saUJBQWlCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxRQUFRLENBQUM7SUFDdkMsQ0FBQzt3R0FoRlEsZUFBZTs0RkFBZixlQUFlLHdvQkNyQjVCLDYrRUErRUEsa2xORDVEYyxPQUFPLG9GQUFFLE9BQU8sMEVBQUUsV0FBVyw2TkFBRSxnQkFBZ0IsZ0tBQUUsYUFBYTs7NEZBRS9ELGVBQWU7a0JBVjNCLFNBQVM7K0JBQ0ksVUFBVSxRQUdkO3dCQUNGLDZCQUE2QixFQUFFLFNBQVM7cUJBQzNDLGNBQ1csSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDOzhCQUlsRSxRQUFRO3NCQURkLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUl2QixFQUFFO3NCQURSLEtBQUs7Z0JBSUMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLE9BQU87c0JBRGIsS0FBSztnQkFJQyxlQUFlO3NCQURyQixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxjQUFjO3NCQURwQixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUs7Z0JBSUMsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBSUMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxPQUFPO3NCQURiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJhZGdlTW9kdWxlIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy9iYWRnZSc7XG5pbXBvcnQgeyBUaWVyZWRNZW51SXRlbURhdGEsIFRpZXJlZE1lbnVNb2R1bGUgfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL3RpZXJlZC1tZW51JztcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUsIFRvb2x0aXBQb3NpdGlvbnMgfSBmcm9tICdAc2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzL3Rvb2x0aXAnO1xuaW1wb3J0IHsgcmFuZG9tSGFzaCB9IGZyb20gJ0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvdXRpbHMnO1xuaW1wb3J0IHsgQnV0dG9uQW5pbWF0aW9ucyB9IGZyb20gJy4vbW9kZWxzL2J1dHRvbi1hbmltYXRpb25zJztcbmltcG9ydCB7IEJ1dHRvbkJhZGdlQ29uZmlnIH0gZnJvbSAnLi9tb2RlbHMvYnV0dG9uLWJhZGdlLWNvbmZpZyc7XG5pbXBvcnQgeyBCdXR0b25Qcmlvcml0eSB9IGZyb20gJy4vbW9kZWxzL2J1dHRvbi1wcmlvcml0eSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncy1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5zLWJ1dHRvbi13aXRoLWJhZGdlXSc6ICchIWJhZGdlJyxcbiAgICB9LFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nQ2xhc3MsIE5nU3R5bGUsIEJhZGdlTW9kdWxlLCBUaWVyZWRNZW51TW9kdWxlLCBUb29sdGlwTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1pbi13aWR0aCcpXG4gICAgcHVibGljIG1pbldpZHRoID0gJzQwcHgnO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWQ/ID0gYHMtYnV0dG9uLSR7cmFuZG9tSGFzaCgpfWA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBsYWJlbD86IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHRvb2x0aXA/OiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0b29sdGlwUG9zaXRpb246IFRvb2x0aXBQb3NpdGlvbnMgPSAndG9wJztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGljb25DbGFzcz86IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHJpZ2h0SWNvbkNsYXNzPzogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgY2FyZXQgPSB0cnVlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc3R5bGVDbGFzcyA9ICcnO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYmFzZVpJbmRleCA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYXV4aWxpYXJ5ID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0eXBlPyA9ICdidXR0b24nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgcHJpb3JpdHk/OiBCdXR0b25Qcmlvcml0eSA9ICdwcmltYXJ5JztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG1lbnVPcHRpb25zOiBUaWVyZWRNZW51SXRlbURhdGFbXSA9IFtdO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2l6ZT86ICdkZWZhdWx0JyB8ICdzbWFsbCcgPSAnZGVmYXVsdCc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzbGlkZSA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYW5pbWF0aW9uPzogQnV0dG9uQW5pbWF0aW9ucztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGJhZGdlPzogQnV0dG9uQmFkZ2VDb25maWc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uQ29sb3I/OiBzdHJpbmc7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgY2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgdmFsaWRhdGVTbGlkZUJ1dHRvbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICEhKHRoaXMuc2xpZGUgJiYgKHRoaXMucHJpb3JpdHkgPT09ICdkZWZhdWx0JyB8fCB0aGlzLnByaW9yaXR5ID09PSAnbGluaycpICYmIHRoaXMubGFiZWw/Lmxlbmd0aCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKF86IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgaGFzSWNvbiA9IHRoaXMuaWNvbkNsYXNzO1xuICAgICAgICBjb25zdCBoYXNUZXh0ID0gdGhpcy5sYWJlbDtcblxuICAgICAgICBjb25zdCBpc011bHRpcGxlID0gdGhpcy5tZW51T3B0aW9ucz8ubGVuZ3RoO1xuXG4gICAgICAgIGlmIChoYXNUZXh0IHx8IChoYXNJY29uICYmIGlzTXVsdGlwbGUpKSB0aGlzLm1pbldpZHRoID0gJzgwcHgnO1xuICAgICAgICBpZiAoaGFzVGV4dCAmJiBoYXNJY29uICYmIGlzTXVsdGlwbGUpIHRoaXMubWluV2lkdGggPSAnMTAwcHgnO1xuICAgIH1cblxuICAgIHB1YmxpYyBpc1JvdGF0ZUFuaW1hdGlvbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYW5pbWF0aW9uID09PSAncm90YXRlJztcbiAgICB9XG59XG4iLCI8YnV0dG9uXG4gICAgW2lkXT1cImlkXCJcbiAgICBbdHlwZV09XCJ0eXBlXCJcbiAgICBbY2xhc3NdPVwic3R5bGVDbGFzc1wiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAncy1idXR0b24tYXV4aWxpYXJ5JzogYXV4aWxpYXJ5LFxuICAgICAgICAncy1idXR0b24td2l0aC1pY29uJzogaWNvbkNsYXNzLFxuICAgICAgICAncy1idXR0b24td2l0aC10ZXh0JzogbGFiZWwsXG4gICAgICAgICdzLWJ1dHRvbi1vbmx5LWljb24nOiBpY29uQ2xhc3MgJiYgIWxhYmVsLFxuICAgICAgICAncy1idXR0b24tZW1wdHknOiAhaWNvbkNsYXNzICYmICFsYWJlbCxcbiAgICAgICAgJ3MtYnV0dG9uLXNpemUtZGVmYXVsdCc6IHNpemUgPT09ICdkZWZhdWx0JyxcbiAgICAgICAgJ3MtYnV0dG9uLXNpemUtc21hbGwnOiBzaXplID09PSAnc21hbGwnLFxuICAgICAgICAncy1idXR0b24tcHJpb3JpdHktZGVmYXVsdCc6IHByaW9yaXR5ID09PSAnZGVmYXVsdCcsXG4gICAgICAgICdzLWJ1dHRvbi1wcmlvcml0eS1wcmltYXJ5JzogcHJpb3JpdHkgPT09ICdwcmltYXJ5JyxcbiAgICAgICAgJ3MtYnV0dG9uLXByaW9yaXR5LXNlY29uZGFyeSc6IHByaW9yaXR5ID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICAgJ3MtYnV0dG9uLXByaW9yaXR5LWxpbmsnOiBwcmlvcml0eSA9PT0gJ2xpbmsnLFxuICAgICAgICAncy1idXR0b24tcHJpb3JpdHktZGFuZ2VyJzogcHJpb3JpdHkgPT09ICdkYW5nZXInLFxuICAgICAgICAncy1idXR0b24tbXVsdGlwbGUnOiAoY2FyZXQgJiYgbWVudU9wdGlvbnMubGVuZ3RoKSB8fCByaWdodEljb25DbGFzcyxcbiAgICAgICAgJ3MtYnV0dG9uLS1zbGlkZSc6IHZhbGlkYXRlU2xpZGVCdXR0b24oKSxcbiAgICAgICAgJ3MtYnV0dG9uLS1yb3RhdGUtYW5pbWF0aW9uJzogaXNSb3RhdGVBbmltYXRpb24oKSxcbiAgICB9XCJcbiAgICBzVGllcmVkTWVudVxuICAgIFtpdGVtc109XCJtZW51T3B0aW9uc1wiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbc1Rvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICAgIChjbGljayk9XCJjbGlja2VkLmVtaXQoJGV2ZW50KVwiXG4+XG4gICAgQGlmIChpY29uQ2xhc3MpIHtcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIFtjbGFzc109XCJpY29uQ2xhc3NcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICdzLWJ1dHRvbi1pY29uJzogdHJ1ZSxcbiAgICAgICAgICAgICAgICAncy1idXR0b24taWNvbi1tYXJnaW4tcmlnaHQnOiAhbGFiZWwgJiYgbWVudU9wdGlvbnMubGVuZ3RoLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7IGNvbG9yOiBpY29uQ29sb3IgfVwiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICA+XG4gICAgICAgIDwvc3Bhbj5cbiAgICB9XG4gICAgQGlmIChsYWJlbCkge1xuICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJzLWJ1dHRvbi10ZXh0XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAncy1idXR0b24taWNvbi1tYXJnaW4tcmlnaHQnOiAhIXJpZ2h0SWNvbkNsYXNzIHx8IG1lbnVPcHRpb25zLmxlbmd0aCxcbiAgICAgICAgICAgICAgICAncy1idXR0b24taWNvbi1tYXJnaW4tbGVmdCc6ICEhaWNvbkNsYXNzLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIEBpZiAocmlnaHRJY29uQ2xhc3MpIHtcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIFtjbGFzc109XCJyaWdodEljb25DbGFzc1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdzLWJ1dHRvbi1yaWdodC1pY29uJzogdHJ1ZSB9XCJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsgY29sb3I6IGljb25Db2xvciB9XCJcbiAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgID5cbiAgICAgICAgPC9zcGFuPlxuICAgIH1cbiAgICBAaWYgKChjYXJldCAmJiBtZW51T3B0aW9ucy5sZW5ndGgpIHx8IChtZW51T3B0aW9ucyAmJiBtZW51T3B0aW9ucy5sZW5ndGgpKSB7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzcz1cIm1lbnUtb3B0aW9ucy1pY29uIGZhIGZhLWZ3IGZhLWNhcmV0LWRvd25cIlxuICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgPlxuICAgICAgICA8L3NwYW4+XG4gICAgfVxuPC9idXR0b24+XG5AaWYgKGJhZGdlKSB7XG4gICAgPGRpdiBjbGFzcz1cImJhZGdlXCI+XG4gICAgICAgIDxzLWJhZGdlXG4gICAgICAgICAgICBbY29sb3JdPVwiYmFkZ2UuY29sb3JcIlxuICAgICAgICAgICAgW3RleHRdPVwiYmFkZ2UudGV4dFwiXG4gICAgICAgICAgICBbaWNvbkNsYXNzXT1cImJhZGdlLmljb25DbGFzc1wiXG4gICAgICAgID5cbiAgICAgICAgPC9zLWJhZGdlPlxuICAgIDwvZGl2PlxufVxuIl19

package/esm2022/chips/lib/chips/chips/chips.component.mjs

@@ -165,7 +165,7 @@ export class ChipsComponent {
                 useExisting: forwardRef(() => ChipsComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ul class=\"chips-container\" [class.chips-container--focused]=\"isFocused\">\n    @for(item of value; track $index) {\n        <li>\n            <s-chip-item\n                [templateRef]=\"chipTemplate\"\n                [dataRender]=\"item\"\n                [objectField]=\"field\"\n                [itemIndex]=\"$index\"\n                [disabled]=\"disabled\"\n                [showTooltip]=\"showTooltip\"\n                [maxLengthRenderWithoutTooltip]=\"maxLengthRenderWithoutTooltip\"\n                (clickRemove)=\"removeItem($event)\"\n                (chipClicked)=\"onChipClicked($event)\">\n            </s-chip-item>\n        </li>\n    }\n\n    @if(keyFilter) {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            [pKeyFilter]=\"keyFilter\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }@else {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }\n</ul>\n@if(infoLabel) {\n    <span class=\"info-label\">\n        {{ infoLabel }}\n    </span>\n}\n", styles: [".chips-container{width:100%;padding:6px;display:flex;flex-wrap:wrap;align-items:center;border-radius:3px;border:1px solid #c1c1cc;background-color:#fff;list-style:none;gap:8px;min-height:35px}.chips-container input{background-color:#fff;width:100%;border:none;flex:1}.chips-container input:focus-visible{outline:none}.chips-container--focused{outline:2px solid #428bca}.info-label{color:#888b99;font-size:12px;font-style:normal;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.ChipItemComponent, selector: "s-chip-item", inputs: ["dataRender", "objectField", "disabled", "templateRef", "itemIndex", "showTooltip", "maxLengthRenderWithoutTooltip"], outputs: ["clickRemove", "chipClicked"] }] });
+        ], queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ul class=\"chips-container\" [class.chips-container--focused]=\"isFocused\">\n    @for(item of value; track $index) {\n        <li>\n            <s-chip-item\n                [templateRef]=\"chipTemplate\"\n                [dataRender]=\"item\"\n                [objectField]=\"field\"\n                [itemIndex]=\"$index\"\n                [disabled]=\"disabled\"\n                [showTooltip]=\"showTooltip\"\n                [maxLengthRenderWithoutTooltip]=\"maxLengthRenderWithoutTooltip\"\n                (clickRemove)=\"removeItem($event)\"\n                (chipClicked)=\"onChipClicked($event)\">\n            </s-chip-item>\n        </li>\n    }\n\n    @if(keyFilter) {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            [pKeyFilter]=\"keyFilter\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }@else {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }\n</ul>\n@if(infoLabel) {\n    <span class=\"info-label\">\n        {{ infoLabel }}\n    </span>\n}\n", styles: [":host.ng-invalid.ng-dirty .chips-container{border:1px solid #c13018}.chips-container{width:100%;padding:6px;display:flex;flex-wrap:wrap;align-items:center;border-radius:3px;border:1px solid #c1c1cc;background-color:#fff;list-style:none;gap:8px;min-height:35px}.chips-container input{background-color:#fff;width:100%;border:none;flex:1}.chips-container input:focus-visible{outline:none}.chips-container--focused{outline:2px solid #428bca}.info-label{color:#888b99;font-size:12px;font-style:normal;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.ChipItemComponent, selector: "s-chip-item", inputs: ["dataRender", "objectField", "disabled", "templateRef", "itemIndex", "showTooltip", "maxLengthRenderWithoutTooltip"], outputs: ["clickRemove", "chipClicked"] }] });
 }
 __decorate([
     CheckDisabled()
@@ -181,7 +181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             useExisting: forwardRef(() => ChipsComponent),
                             multi: true,
                         },
-                    ], template: "<ul class=\"chips-container\" [class.chips-container--focused]=\"isFocused\">\n    @for(item of value; track $index) {\n        <li>\n            <s-chip-item\n                [templateRef]=\"chipTemplate\"\n                [dataRender]=\"item\"\n                [objectField]=\"field\"\n                [itemIndex]=\"$index\"\n                [disabled]=\"disabled\"\n                [showTooltip]=\"showTooltip\"\n                [maxLengthRenderWithoutTooltip]=\"maxLengthRenderWithoutTooltip\"\n                (clickRemove)=\"removeItem($event)\"\n                (chipClicked)=\"onChipClicked($event)\">\n            </s-chip-item>\n        </li>\n    }\n\n    @if(keyFilter) {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            [pKeyFilter]=\"keyFilter\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }@else {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }\n</ul>\n@if(infoLabel) {\n    <span class=\"info-label\">\n        {{ infoLabel }}\n    </span>\n}\n", styles: [".chips-container{width:100%;padding:6px;display:flex;flex-wrap:wrap;align-items:center;border-radius:3px;border:1px solid #c1c1cc;background-color:#fff;list-style:none;gap:8px;min-height:35px}.chips-container input{background-color:#fff;width:100%;border:none;flex:1}.chips-container input:focus-visible{outline:none}.chips-container--focused{outline:2px solid #428bca}.info-label{color:#888b99;font-size:12px;font-style:normal;font-weight:400}\n"] }]
+                    ], template: "<ul class=\"chips-container\" [class.chips-container--focused]=\"isFocused\">\n    @for(item of value; track $index) {\n        <li>\n            <s-chip-item\n                [templateRef]=\"chipTemplate\"\n                [dataRender]=\"item\"\n                [objectField]=\"field\"\n                [itemIndex]=\"$index\"\n                [disabled]=\"disabled\"\n                [showTooltip]=\"showTooltip\"\n                [maxLengthRenderWithoutTooltip]=\"maxLengthRenderWithoutTooltip\"\n                (clickRemove)=\"removeItem($event)\"\n                (chipClicked)=\"onChipClicked($event)\">\n            </s-chip-item>\n        </li>\n    }\n\n    @if(keyFilter) {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            [pKeyFilter]=\"keyFilter\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }@else {\n        <input\n            #input\n            [disabled]=\"disabled || max === value.length\"\n            [placeholder]=\"placeholder || ''\"\n            [maxlength]=\"maxLength\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"newItem\"\n            (focus)=\"onInputFocus($event)\"\n            (blur)=\"onInputLostFocus($event)\">\n    }\n</ul>\n@if(infoLabel) {\n    <span class=\"info-label\">\n        {{ infoLabel }}\n    </span>\n}\n", styles: [":host.ng-invalid.ng-dirty .chips-container{border:1px solid #c13018}.chips-container{width:100%;padding:6px;display:flex;flex-wrap:wrap;align-items:center;border-radius:3px;border:1px solid #c1c1cc;background-color:#fff;list-style:none;gap:8px;min-height:35px}.chips-container input{background-color:#fff;width:100%;border:none;flex:1}.chips-container input:focus-visible{outline:none}.chips-container--focused{outline:2px solid #428bca}.info-label{color:#888b99;font-size:12px;font-style:normal;font-weight:400}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
                 type: Input
             }], field: [{

package/esm2022/control-errors/lib/control-errors/control-errors.component.mjs

@@ -16,7 +16,7 @@ export class ControlErrorsComponent {
     errorMessagesList = [];
     onDestroy$ = new Subject();
     ngOnChanges(changes) {
-        if (changes['control'].firstChange) {
+        if (changes['control'] && changes['control'].firstChange) {
             this.control.valueChanges?.pipe(takeUntil(this.onDestroy$)).subscribe(() => this.setErrorMessagesList());
         }
     }
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], form: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1lcnJvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2NvbnRyb2wtZXJyb3JzL3NyYy9saWIvY29udHJvbC1lcnJvcnMvY29udHJvbC1lcnJvcnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2NvbnRyb2wtZXJyb3JzL3NyYy9saWIvY29udHJvbC1lcnJvcnMvY29udHJvbC1lcnJvcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXVDLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVkxQyxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLE1BQU0sQ0FBVSxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLE1BQU0sQ0FBVSxtQkFBbUIsR0FBRyxDQUFDLENBQUM7SUFDeEMsTUFBTSxDQUFVLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFFN0IsTUFBTSxDQUFDLE9BQU8sR0FBRyxzQkFBc0IsQ0FBQyxVQUFVLENBQUM7SUFFcEQsTUFBTSxDQUFDLFNBQVM7UUFDbkIsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUdNLEVBQUUsR0FBRyxvQkFBb0Isc0JBQXNCLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztJQUc5RCxPQUFPLENBQTZCO0lBR3BDLGFBQWEsR0FBUSxFQUFFLENBQUM7SUFHeEIsSUFBSSxDQUFNO0lBRWpCLGlCQUFpQixHQUF1QixFQUFFLENBQUM7SUFFMUIsVUFBVSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFFbEQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2pDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7UUFDN0csQ0FBQztJQUNMLENBQUM7SUFFRCxvQkFBb0I7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUNoQyxDQUFDO1FBRUQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzVFLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsc0JBQXNCLENBQUMsbUJBQW1CLENBQUMsRUFBRTtZQUN0SSxPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLEtBQUssQ0FBQztTQUN2QyxDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQy9CLENBQUM7d0dBL0NRLHNCQUFzQjs0RkFBdEIsc0JBQXNCLHFLQ2RuQyxnTEFLQTs7NEZEU2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLGtCQUFrQjs4QkFnQnJCLEVBQUU7c0JBRFIsS0FBSztnQkFJQyxPQUFPO3NCQURiLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUlsQixhQUFhO3NCQURuQixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgTmdNb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxudHlwZSBFcnJvck1lc3NhZ2VUeXBlID0ge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbWVzc2FnZTogc3RyaW5nO1xufTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzLWNvbnRyb2wtZXJyb3JzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29udHJvbC1lcnJvcnMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NvbnRyb2wtZXJyb3JzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRyb2xFcnJvcnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIE9uQ2hhbmdlcyB7XG4gICAgcHVibGljIHN0YXRpYyByZWFkb25seSBuZXh0SWRTZWVkID0gMDtcbiAgICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBSQU5ET01fSURfRU5EX0lOREVYID0gOTtcbiAgICBwcml2YXRlIHN0YXRpYyByZWFkb25seSBCQVNFXzM2ID0gMzY7XG5cbiAgICBwcml2YXRlIHN0YXRpYyBfbmV4dElkID0gQ29udHJvbEVycm9yc0NvbXBvbmVudC5uZXh0SWRTZWVkO1xuXG4gICAgcHVibGljIHN0YXRpYyBnZXROZXh0SWQoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX25leHRJZCsrO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlkID0gYHMtY29udHJvbC1lcnJvcnMtJHtDb250cm9sRXJyb3JzQ29tcG9uZW50LmdldE5leHRJZCgpfWA7XG5cbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICAgIHB1YmxpYyBjb250cm9sITogQWJzdHJhY3RDb250cm9sIHwgTmdNb2RlbDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGVycm9yTWVzc2FnZXM6IGFueSA9IHt9O1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZm9ybTogYW55O1xuXG4gICAgZXJyb3JNZXNzYWdlc0xpc3Q6IEVycm9yTWVzc2FnZVR5cGVbXSA9IFtdO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBvbkRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNoYW5nZXNbJ2NvbnRyb2wnXS5maXJzdENoYW5nZSkge1xuICAgICAgICAgICAgdGhpcy5jb250cm9sLnZhbHVlQ2hhbmdlcz8ucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuc2V0RXJyb3JNZXNzYWdlc0xpc3QoKSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBzZXRFcnJvck1lc3NhZ2VzTGlzdCgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmNvbnRyb2w/LmRpcnR5KSB7XG4gICAgICAgICAgICB0aGlzLmVycm9yTWVzc2FnZXNMaXN0ID0gW107XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmVycm9yTWVzc2FnZXNMaXN0ID0gT2JqZWN0LmtleXModGhpcy5jb250cm9sLmVycm9ycyB8fCB7fSkubWFwKChlcnJvcikgPT4gKHtcbiAgICAgICAgICAgIGlkOiBgJHtEYXRlLm5vdygpfS0ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoQ29udHJvbEVycm9yc0NvbXBvbmVudC5CQVNFXzM2KS5zdWJzdHJpbmcoMiwgQ29udHJvbEVycm9yc0NvbXBvbmVudC5SQU5ET01fSURfRU5EX0lOREVYKX1gLFxuICAgICAgICAgICAgbWVzc2FnZTogdGhpcy5lcnJvck1lc3NhZ2VzPy5bZXJyb3JdLFxuICAgICAgICB9KSk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25EZXN0cm95JC5uZXh0KCk7XG4gICAgICAgIHRoaXMub25EZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cbn1cbiIsIkBmb3IgKGVycm9yTWVzc2FnZSBvZiBlcnJvck1lc3NhZ2VzTGlzdDsgdHJhY2sgZXJyb3JNZXNzYWdlLmlkKSB7XG4gICAgQGlmIChlcnJvck1lc3NhZ2UpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIj57eyBlcnJvck1lc3NhZ2UubWVzc2FnZSB9fTwvZGl2PlxuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1lcnJvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2NvbnRyb2wtZXJyb3JzL3NyYy9saWIvY29udHJvbC1lcnJvcnMvY29udHJvbC1lcnJvcnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL2NvbnRyb2wtZXJyb3JzL3NyYy9saWIvY29udHJvbC1lcnJvcnMvY29udHJvbC1lcnJvcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXVDLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVkxQyxNQUFNLE9BQU8sc0JBQXNCO0lBQ3hCLE1BQU0sQ0FBVSxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLE1BQU0sQ0FBVSxtQkFBbUIsR0FBRyxDQUFDLENBQUM7SUFDeEMsTUFBTSxDQUFVLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFFN0IsTUFBTSxDQUFDLE9BQU8sR0FBRyxzQkFBc0IsQ0FBQyxVQUFVLENBQUM7SUFFcEQsTUFBTSxDQUFDLFNBQVM7UUFDbkIsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUdNLEVBQUUsR0FBRyxvQkFBb0Isc0JBQXNCLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztJQUc5RCxPQUFPLENBQTZCO0lBR3BDLGFBQWEsR0FBUSxFQUFFLENBQUM7SUFHeEIsSUFBSSxDQUFNO0lBRWpCLGlCQUFpQixHQUF1QixFQUFFLENBQUM7SUFFMUIsVUFBVSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFFbEQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN2RCxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1FBQzdHLENBQUM7SUFDTCxDQUFDO0lBRUQsb0JBQW9CO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDaEMsQ0FBQztRQUVELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztZQUM1RSxFQUFFLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLHNCQUFzQixDQUFDLG1CQUFtQixDQUFDLEVBQUU7WUFDdEksT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxLQUFLLENBQUM7U0FDdkMsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDO3dHQS9DUSxzQkFBc0I7NEZBQXRCLHNCQUFzQixxS0NkbkMsZ0xBS0E7OzRGRFNhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxrQkFBa0I7OEJBZ0JyQixFQUFFO3NCQURSLEtBQUs7Z0JBSUMsT0FBTztzQkFEYixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFJbEIsYUFBYTtzQkFEbkIsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIE5nTW9kZWwgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbnR5cGUgRXJyb3JNZXNzYWdlVHlwZSA9IHtcbiAgICBpZDogc3RyaW5nO1xuICAgIG1lc3NhZ2U6IHN0cmluZztcbn07XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncy1jb250cm9sLWVycm9ycycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbnRyb2wtZXJyb3JzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jb250cm9sLWVycm9ycy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb250cm9sRXJyb3JzQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95LCBPbkNoYW5nZXMge1xuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgbmV4dElkU2VlZCA9IDA7XG4gICAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgUkFORE9NX0lEX0VORF9JTkRFWCA9IDk7XG4gICAgcHJpdmF0ZSBzdGF0aWMgcmVhZG9ubHkgQkFTRV8zNiA9IDM2O1xuXG4gICAgcHJpdmF0ZSBzdGF0aWMgX25leHRJZCA9IENvbnRyb2xFcnJvcnNDb21wb25lbnQubmV4dElkU2VlZDtcblxuICAgIHB1YmxpYyBzdGF0aWMgZ2V0TmV4dElkKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLl9uZXh0SWQrKztcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpZCA9IGBzLWNvbnRyb2wtZXJyb3JzLSR7Q29udHJvbEVycm9yc0NvbXBvbmVudC5nZXROZXh0SWQoKX1gO1xuXG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgICBwdWJsaWMgY29udHJvbCE6IEFic3RyYWN0Q29udHJvbCB8IE5nTW9kZWw7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBlcnJvck1lc3NhZ2VzOiBhbnkgPSB7fTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGZvcm06IGFueTtcblxuICAgIGVycm9yTWVzc2FnZXNMaXN0OiBFcnJvck1lc3NhZ2VUeXBlW10gPSBbXTtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgb25EZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzWydjb250cm9sJ10gJiYgY2hhbmdlc1snY29udHJvbCddLmZpcnN0Q2hhbmdlKSB7XG4gICAgICAgICAgICB0aGlzLmNvbnRyb2wudmFsdWVDaGFuZ2VzPy5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSQpKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5zZXRFcnJvck1lc3NhZ2VzTGlzdCgpKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHNldEVycm9yTWVzc2FnZXNMaXN0KCkge1xuICAgICAgICBpZiAoIXRoaXMuY29udHJvbD8uZGlydHkpIHtcbiAgICAgICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlc0xpc3QgPSBbXTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlc0xpc3QgPSBPYmplY3Qua2V5cyh0aGlzLmNvbnRyb2wuZXJyb3JzIHx8IHt9KS5tYXAoKGVycm9yKSA9PiAoe1xuICAgICAgICAgICAgaWQ6IGAke0RhdGUubm93KCl9LSR7TWF0aC5yYW5kb20oKS50b1N0cmluZyhDb250cm9sRXJyb3JzQ29tcG9uZW50LkJBU0VfMzYpLnN1YnN0cmluZygyLCBDb250cm9sRXJyb3JzQ29tcG9uZW50LlJBTkRPTV9JRF9FTkRfSU5ERVgpfWAsXG4gICAgICAgICAgICBtZXNzYWdlOiB0aGlzLmVycm9yTWVzc2FnZXM/LltlcnJvcl0sXG4gICAgICAgIH0pKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5vbkRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgfVxufVxuIiwiQGZvciAoZXJyb3JNZXNzYWdlIG9mIGVycm9yTWVzc2FnZXNMaXN0OyB0cmFjayBlcnJvck1lc3NhZ2UuaWQpIHtcbiAgICBAaWYgKGVycm9yTWVzc2FnZSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiPnt7IGVycm9yTWVzc2FnZS5tZXNzYWdlIH19PC9kaXY+XG4gICAgfVxufVxuIl19

package/esm2022/country-phone-picker/lib/country-phone-picker/country-phone-picker.component.mjs

@@ -269,7 +269,7 @@ export class CountryPhonePickerComponent {
                 useExisting: forwardRef(() => CountryPhonePickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true, static: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true }, { propertyName: "viewContainerRef", first: true, predicate: ["dropElement"], descendants: true, read: ViewContainerRef }, { propertyName: "dropElement", first: true, predicate: ["dropElement"], descendants: true, read: ElementRef }, { propertyName: "dropdownContainer", first: true, predicate: ["#dropdownContainer"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"country-phone-picker\">\n    <div\n        #dropElement\n        class=\"phone-input\"\n        [class.phone-input--focused]=\"isFocused\"\n    >\n        <div\n            class=\"drop\"\n            (click)=\"open = !open\"\n        >\n            <span\n                class=\"drop-flag\"\n                [ngClass]=\"'fi fi-' + selectedItem?.id\"\n            >\n            </span>\n            <span class=\"drop-icon fas fa-caret-down\"></span>\n        </div>\n        <p class=\"phone-ddi\">{{ selectedItem?.ddi }}</p>\n        <input\n            #phoneInput\n            type=\"tel\"\n            [mask]=\"mask\"\n            [placeholder]=\"getPlaceholder()\"\n            [formControl]=\"phone\"\n            (focus)=\"onPhoneInputFocus()\"\n            (blur)=\"onBlur(value)\"\n        />\n    </div>\n    <ng-template #dropdownTemplate>\n        @if (open) {\n            <div\n                #dropdownContainer\n                class=\"dropdown\"\n                [ngStyle]=\"{\n                    position: 'absolute',\n                    top: dropTop + 'px',\n                    left: dropLeft + 'px',\n                }\"\n            >\n                <div class=\"search\">\n                    <input\n                        class=\"search-field\"\n                        type=\"text\"\n                        [formControl]=\"filter\"\n                        #filterInput\n                    />\n                    <span class=\"search-icon fas fa-search\"></span>\n                    <span\n                        class=\"search-clear fa fa-times\"\n                        (click)=\"onCleanFilter()\"\n                    ></span>\n                </div>\n                <ul class=\"select-list\">\n                    @for (country of filteredCountriesList; track $index) {\n                        <li\n                            class=\"select-option\"\n                            [ngClass]=\"{ 'select-option--focused': $index === currentItemIndex }\"\n                            (click)=\"onSelectItem(country)\"\n                        >\n                            <span\n                                class=\"select-option__flag\"\n                                [ngClass]=\"'fi fi-' + country.id\"\n                            >\n                            </span>\n                            <span class=\"select-option__name\">\n                                {{ 'platform.angular_components.country_name_' + country.id | translate }}\n                            </span>\n                            <span class=\"select-option__ddi\">\n                                {{ country.ddi }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-template>\n</div>\n", styles: [".country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:flex;line-height:normal;overflow:hidden}.country-phone-picker .phone-input .drop{align-items:center;cursor:pointer;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .phone-input--focused{outline:2px solid #428bca}.dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #0003;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.dropdown .search{align-items:center;display:flex;padding:8px 12px}.dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.dropdown .select-list .select-option{cursor:pointer;display:flex;padding:12px;-webkit-user-select:none;user-select:none}.dropdown .select-list .select-option .select-option__flag{margin-right:12px}.dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:Open Sans,sans-serif;font-weight:400;line-height:150%}.dropdown .select-list .select-option:hover,.dropdown .select-list .select-option--focused{background-color:#e5eaea}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true, static: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true }, { propertyName: "viewContainerRef", first: true, predicate: ["dropElement"], descendants: true, read: ViewContainerRef }, { propertyName: "dropElement", first: true, predicate: ["dropElement"], descendants: true, read: ElementRef }, { propertyName: "dropdownContainer", first: true, predicate: ["#dropdownContainer"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"country-phone-picker\">\n    <div\n        #dropElement\n        class=\"phone-input\"\n        [class.phone-input--focused]=\"isFocused\"\n    >\n        <div\n            class=\"drop\"\n            (click)=\"open = !open\"\n        >\n            <span\n                class=\"drop-flag\"\n                [ngClass]=\"'fi fi-' + selectedItem?.id\"\n            >\n            </span>\n            <span class=\"drop-icon fas fa-caret-down\"></span>\n        </div>\n        <p class=\"phone-ddi\">{{ selectedItem?.ddi }}</p>\n        <input\n            #phoneInput\n            type=\"tel\"\n            [mask]=\"mask\"\n            [placeholder]=\"getPlaceholder()\"\n            [formControl]=\"phone\"\n            (focus)=\"onPhoneInputFocus()\"\n            (blur)=\"onBlur(value)\"\n        />\n    </div>\n    <ng-template #dropdownTemplate>\n        @if (open) {\n            <div\n                #dropdownContainer\n                class=\"dropdown\"\n                [ngStyle]=\"{\n                    position: 'absolute',\n                    top: dropTop + 'px',\n                    left: dropLeft + 'px',\n                }\"\n            >\n                <div class=\"search\">\n                    <input\n                        class=\"search-field\"\n                        type=\"text\"\n                        [formControl]=\"filter\"\n                        #filterInput\n                    />\n                    <span class=\"search-icon fas fa-search\"></span>\n                    <span\n                        class=\"search-clear fa fa-times\"\n                        (click)=\"onCleanFilter()\"\n                    ></span>\n                </div>\n                <ul class=\"select-list\">\n                    @for (country of filteredCountriesList; track $index) {\n                        <li\n                            class=\"select-option\"\n                            [ngClass]=\"{ 'select-option--focused': $index === currentItemIndex }\"\n                            (click)=\"onSelectItem(country)\"\n                        >\n                            <span\n                                class=\"select-option__flag\"\n                                [ngClass]=\"'fi fi-' + country.id\"\n                            >\n                            </span>\n                            <span class=\"select-option__name\">\n                                {{ 'platform.angular_components.country_name_' + country.id | translate }}\n                            </span>\n                            <span class=\"select-option__ddi\">\n                                {{ country.ddi }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-template>\n</div>\n", styles: [":host.ng-invalid.ng-dirty .phone-input{border-color:#c13018}.country-phone-picker:has(input:focus) .phone-input{border:1px solid #428bca}.country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:flex;line-height:normal;overflow:hidden}.country-phone-picker .phone-input .drop{align-items:center;cursor:pointer;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .phone-input--focused{outline:2px solid #428bca}.dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #0003;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.dropdown .search{align-items:center;display:flex;padding:8px 12px}.dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.dropdown .select-list .select-option{cursor:pointer;display:flex;padding:12px;-webkit-user-select:none;user-select:none}.dropdown .select-list .select-option .select-option__flag{margin-right:12px}.dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:Open Sans,sans-serif;font-weight:400;line-height:150%}.dropdown .select-list .select-option:hover,.dropdown .select-list .select-option--focused{background-color:#e5eaea}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CountryPhonePickerComponent, decorators: [{
             type: Component,
@@ -279,7 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             useExisting: forwardRef(() => CountryPhonePickerComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"country-phone-picker\">\n    <div\n        #dropElement\n        class=\"phone-input\"\n        [class.phone-input--focused]=\"isFocused\"\n    >\n        <div\n            class=\"drop\"\n            (click)=\"open = !open\"\n        >\n            <span\n                class=\"drop-flag\"\n                [ngClass]=\"'fi fi-' + selectedItem?.id\"\n            >\n            </span>\n            <span class=\"drop-icon fas fa-caret-down\"></span>\n        </div>\n        <p class=\"phone-ddi\">{{ selectedItem?.ddi }}</p>\n        <input\n            #phoneInput\n            type=\"tel\"\n            [mask]=\"mask\"\n            [placeholder]=\"getPlaceholder()\"\n            [formControl]=\"phone\"\n            (focus)=\"onPhoneInputFocus()\"\n            (blur)=\"onBlur(value)\"\n        />\n    </div>\n    <ng-template #dropdownTemplate>\n        @if (open) {\n            <div\n                #dropdownContainer\n                class=\"dropdown\"\n                [ngStyle]=\"{\n                    position: 'absolute',\n                    top: dropTop + 'px',\n                    left: dropLeft + 'px',\n                }\"\n            >\n                <div class=\"search\">\n                    <input\n                        class=\"search-field\"\n                        type=\"text\"\n                        [formControl]=\"filter\"\n                        #filterInput\n                    />\n                    <span class=\"search-icon fas fa-search\"></span>\n                    <span\n                        class=\"search-clear fa fa-times\"\n                        (click)=\"onCleanFilter()\"\n                    ></span>\n                </div>\n                <ul class=\"select-list\">\n                    @for (country of filteredCountriesList; track $index) {\n                        <li\n                            class=\"select-option\"\n                            [ngClass]=\"{ 'select-option--focused': $index === currentItemIndex }\"\n                            (click)=\"onSelectItem(country)\"\n                        >\n                            <span\n                                class=\"select-option__flag\"\n                                [ngClass]=\"'fi fi-' + country.id\"\n                            >\n                            </span>\n                            <span class=\"select-option__name\">\n                                {{ 'platform.angular_components.country_name_' + country.id | translate }}\n                            </span>\n                            <span class=\"select-option__ddi\">\n                                {{ country.ddi }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-template>\n</div>\n", styles: [".country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:flex;line-height:normal;overflow:hidden}.country-phone-picker .phone-input .drop{align-items:center;cursor:pointer;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .phone-input--focused{outline:2px solid #428bca}.dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #0003;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.dropdown .search{align-items:center;display:flex;padding:8px 12px}.dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.dropdown .select-list .select-option{cursor:pointer;display:flex;padding:12px;-webkit-user-select:none;user-select:none}.dropdown .select-list .select-option .select-option__flag{margin-right:12px}.dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:Open Sans,sans-serif;font-weight:400;line-height:150%}.dropdown .select-list .select-option:hover,.dropdown .select-list .select-option--focused{background-color:#e5eaea}\n"] }]
+                    ], template: "<div class=\"country-phone-picker\">\n    <div\n        #dropElement\n        class=\"phone-input\"\n        [class.phone-input--focused]=\"isFocused\"\n    >\n        <div\n            class=\"drop\"\n            (click)=\"open = !open\"\n        >\n            <span\n                class=\"drop-flag\"\n                [ngClass]=\"'fi fi-' + selectedItem?.id\"\n            >\n            </span>\n            <span class=\"drop-icon fas fa-caret-down\"></span>\n        </div>\n        <p class=\"phone-ddi\">{{ selectedItem?.ddi }}</p>\n        <input\n            #phoneInput\n            type=\"tel\"\n            [mask]=\"mask\"\n            [placeholder]=\"getPlaceholder()\"\n            [formControl]=\"phone\"\n            (focus)=\"onPhoneInputFocus()\"\n            (blur)=\"onBlur(value)\"\n        />\n    </div>\n    <ng-template #dropdownTemplate>\n        @if (open) {\n            <div\n                #dropdownContainer\n                class=\"dropdown\"\n                [ngStyle]=\"{\n                    position: 'absolute',\n                    top: dropTop + 'px',\n                    left: dropLeft + 'px',\n                }\"\n            >\n                <div class=\"search\">\n                    <input\n                        class=\"search-field\"\n                        type=\"text\"\n                        [formControl]=\"filter\"\n                        #filterInput\n                    />\n                    <span class=\"search-icon fas fa-search\"></span>\n                    <span\n                        class=\"search-clear fa fa-times\"\n                        (click)=\"onCleanFilter()\"\n                    ></span>\n                </div>\n                <ul class=\"select-list\">\n                    @for (country of filteredCountriesList; track $index) {\n                        <li\n                            class=\"select-option\"\n                            [ngClass]=\"{ 'select-option--focused': $index === currentItemIndex }\"\n                            (click)=\"onSelectItem(country)\"\n                        >\n                            <span\n                                class=\"select-option__flag\"\n                                [ngClass]=\"'fi fi-' + country.id\"\n                            >\n                            </span>\n                            <span class=\"select-option__name\">\n                                {{ 'platform.angular_components.country_name_' + country.id | translate }}\n                            </span>\n                            <span class=\"select-option__ddi\">\n                                {{ country.ddi }}\n                            </span>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-template>\n</div>\n", styles: [":host.ng-invalid.ng-dirty .phone-input{border-color:#c13018}.country-phone-picker:has(input:focus) .phone-input{border:1px solid #428bca}.country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:flex;line-height:normal;overflow:hidden}.country-phone-picker .phone-input .drop{align-items:center;cursor:pointer;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .phone-input--focused{outline:2px solid #428bca}.dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #0003;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.dropdown .search{align-items:center;display:flex;padding:8px 12px}.dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;flex-grow:1;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.dropdown .select-list .select-option{cursor:pointer;display:flex;padding:12px;-webkit-user-select:none;user-select:none}.dropdown .select-list .select-option .select-option__flag{margin-right:12px}.dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:Open Sans,sans-serif;font-weight:400;line-height:150%}.dropdown .select-list .select-option:hover,.dropdown .select-list .select-option--focused{background-color:#e5eaea}\n"] }]
         }], ctorParameters: () => [{ type: i1.CountryPhonePickerService }, { type: i2.TranslateService }, { type: i0.ElementRef }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]