ngx-slice-kit
Version:
[](https://badge.fury.io/js/ngx-slice-kit)
68 lines • 50.1 kB
JavaScript
import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
import { timer } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../buttons/icon/icon.component";
/**
* Alert component
*/
export class AlertComponent {
constructor(elementRef) {
this.elementRef = elementRef;
this.index = 0;
this.closed = new EventEmitter();
this.action = new EventEmitter(); // emits alert index
this.state = 'closed';
}
close(action) {
if (this.options.action) {
this.options.$action?.emit(action);
this.options.$action?.complete();
}
this.closed.emit(this.index);
}
ngOnInit() {
this.state = 'opened';
this.closeTimer = timer(this.options.timeout);
this.sub = this.closeTimer.subscribe(() => {
this.closed.emit(0);
});
}
ngOnDestroy() {
this.state = 'closed';
this.sub?.unsubscribe();
this.closeTimer = undefined;
this.closed.complete();
}
}
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: AlertComponent, selector: "sdk-alert", inputs: { index: "index", options: "options" }, outputs: { closed: "closed", action: "action" }, host: { listeners: { "[@state]": "state()" } }, ngImport: i0, template: "<div class=\"sdk-alert\" [class.sdk-alert--small]=\"options.small\" [@state]=\"state\">\n <div class=\"sdk-alert__inner\">\n <div>\n <ng-container *ngIf=\"options.type ==='default'\">\n <img class=\"sdk-custom-icon\" *ngIf=\"options.customIcon\" [src]=\"options.customIcon\" alt=\"alert\"/>\n </ng-container>\n <ng-container *ngIf=\"options.type === 'error'\">\n <!-- alert svg -->\n <sdk-icon icon=\"alert\" [size]=\"12\" [color]=\"'var(--warn)'\"></sdk-icon>\n </ng-container>\n </div>\n\n <div class=\"sdk-alert-content\">\n <h4 class=\"sdk-h4 sdk-alert__title\" *ngIf=\"options.title\">{{options.title}}</h4>\n <p class=\"sdk-p sdk-text\">{{options.message}}</p>\n </div>\n </div>\n\n <ng-container *ngIf=\"options.action\">\n <div class=\"sdk-alert__interface\">\n <span class=\"sdk-alert__interface-item\" (click)=\"close(true)\">{{options.actionText}}</span>\n </div>\n </ng-container>\n\n <!-- close.svg -->\n <div class=\"sdk-alert__close-wrapper\">\n <sdk-icon class=\"sdk-alert__close\" icon=\"close\" [size]=\"16\" [color]=\"'var(--base-a90)'\"\n (click)=\"close()\"></sdk-icon>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden}input,button,textarea{outline:none;border:none}input.hidden{position:absolute;z-index:-10;top:-10000 px;left:-10000 px;height:1px;width:1px;opacity:0}ul,ol{list-style:none}b,i,strong{font-size:inherit;color:inherit}[hidden],.hide{display:none!important}[disabled]{pointer-events:none;opacity:.5}a,a:hover,a:visited,a:active,a:focus{text-decoration:none;outline:none;color:inherit}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes modal{0%{transform:scale(.5) translateY(100px);opacity:0}}@keyframes sdk-menu-more{0%{opacity:0;transform:scale(.9)}}@keyframes sdk-slide-in-right{0%{opacity:0;transform:translate(-1000px)}}@keyframes sdk-slide-in-left{0%{opacity:0;transform:translate(1000px)}}@keyframes sdk-slide-out-left{to{opacity:1;transform:translate(-1000px)}0%{transform:translate(0)}}@keyframes sdk-slide-out-right{to{opacity:1;transform:translate(1000px)}0%{transform:translate(0)}}@keyframes sdk-painting{0%{width:0%}to{width:100%}}@keyframes dot{0%{width:10px;height:10px;background-color:rgba(var(--base-rgb),1);transform:translateY(0)}to{width:23px;height:23px;background-color:rgba(var(--base-rgb),0);transform:translateY(-20 px)}}.flex,.flex-row,.sdk-alert,.flex-row-reverse,.flex-column,.sdk-alert-content,.flex-column-reverse{position:relative;display:flex}.flex-row,.sdk-alert{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,.sdk-alert-content{position:relative;display:flex;flex-direction:column}.flex-column-reverse{position:relative;display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.layout-center-center{align-content:center;align-items:center;justify-content:center}.layout-center-start{align-content:flex-start;align-items:flex-start;justify-content:center}.layout-center-end{align-content:flex-end;align-items:flex-end;justify-content:center}.layout-center-stretch{align-content:stretch;align-items:stretch;justify-content:center}.layout-space-around-center{align-content:center;align-items:center;justify-content:space-around}.layout-space-around-start{align-content:flex-start;align-items:flex-start;justify-content:space-around}.layout-space-around-end{align-content:flex-end;align-items:flex-end;justify-content:space-around}.layout-space-around-stretch{align-content:stretch;align-items:stretch;justify-content:space-around}.layout-space-between-center{align-content:center;align-items:center;justify-content:space-between}.layout-space-between-start{align-content:flex-start;align-items:flex-start;justify-content:space-between}.layout-space-between-end{align-content:flex-end;align-items:flex-end;justify-content:space-between}.layout-space-between-stretch{align-content:stretch;align-items:stretch;justify-content:space-between}.layout-start-center{align-content:center;align-items:center;justify-content:flex-start}.layout-start-start{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.layout-start-end{align-content:flex-end;align-items:flex-end;justify-content:flex-start}.layout-start-stretch,.sdk-alert-content{align-content:stretch;align-items:stretch;justify-content:flex-start}.layout-end-center{align-content:center;align-items:center;justify-content:flex-end}.layout-end-start{align-content:flex-start;align-items:flex-start;justify-content:flex-end}.layout-end-end{align-content:flex-end;align-items:flex-end;justify-content:flex-end}.layout-end-stretch{align-content:stretch;align-items:stretch;justify-content:flex-end}.flex-grow-1{flex:1}.flex-grow-2{flex:2}.flex-grow-3{flex:3}.flex-grow-4{flex:4}.flex-grow-5{flex:5}.flex-grow-6{flex:6}.flex-grow-7{flex:7}.flex-grow-8{flex:8}.flex-grow-9{flex:9}.flex-grow-10{flex:10}.flex-grow-11{flex:11}.flex-grow-12{flex:12}.sdk-xs-1{width:100%}.sdk-xs-2{width:50%}.sdk-xs-3{width:33.3333333333%}.sdk-xs-4{width:25%}.sdk-xm-1{width:100%}.sdk-xm-2{width:50%}.sdk-xm-3{width:33.3333333333%}.sdk-xm-4{width:25%}.sdk-xl-1{width:100%}.sdk-xl-2{width:50%}.sdk-xl-3{width:33.3333333333%}.sdk-xl-4{width:25%}h1,.sdk-h1{font-size:48px;font-weight:700;line-height:56px;letter-spacing:-.5px}h2,.sdk-h2{font-size:34px;font-weight:700;line-height:40px;letter-spacing:-.5px}h3,.sdk-h3{font-size:22px;font-weight:700;line-height:26px;letter-spacing:-.5px}h4,.sdk-h4{font-size:17px;font-weight:700;line-height:20px;letter-spacing:-.5px}.sdk-text{letter-spacing:-.1px;line-height:20px}.sdk-text--large{font-size:22px;line-height:32px}.sdk-text--medium{font-size:17px;line-height:24px}p,label,.sdk-paragraph,.sdk-label,.sdk-text--regular{font-size:17px;line-height:22px}small,.sdk-text--small{font-size:13px;line-height:20px}.sdk-regular-color{color:var(--regular-a90-rgb)}.sdk-regular-color:hover{color:var(--regular-a100-rgb);background-color:var(--regular-a10-rgb)}.sdk-regular-color.active,.sdk-regular-color--active{color:var(--regular-a80-rgb)}.sdk-regular-color.disabled,.sdk-regular-color[disabled],.sdk-regular-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-background{background-color:var(--regular-a90-rgb);color:var(--regular-text)}.sdk-regular-background:hover{background-color:var(--regular-a100-rgb);color:var(--regular-text)}.sdk-regular-background.active,.sdk-regular-background--active{background-color:var(--regular-a80-rgb);color:var(--regular-text)}.sdk-regular-background.disabled,.sdk-regular-background[disabled],.sdk-regular-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-border{border-color:var(--regular-a90-rgb)}.sdk-regular-border:hover{border-color:var(--regular-a100-rgb)}.sdk-regular-border.active,.sdk-regular-border--active{border-color:var(--regular-a80-rgb)}.sdk-regular-border.disabled,.sdk-regular-border[disabled],.sdk-regular-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-color{color:var(--primary-a90-rgb)}.sdk-primary-color:hover{color:var(--primary-a100-rgb);background-color:var(--primary-a10-rgb)}.sdk-primary-color.active,.sdk-primary-color--active{color:var(--primary-a80-rgb)}.sdk-primary-color.disabled,.sdk-primary-color[disabled],.sdk-primary-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-background{background-color:var(--primary-a90-rgb);color:var(--primary-text)}.sdk-primary-background:hover{background-color:var(--primary-a100-rgb);color:var(--primary-text)}.sdk-primary-background.active,.sdk-primary-background--active{background-color:var(--primary-a80-rgb);color:var(--primary-text)}.sdk-primary-background.disabled,.sdk-primary-background[disabled],.sdk-primary-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-border{border-color:var(--primary-a90-rgb)}.sdk-primary-border:hover{border-color:var(--primary-a100-rgb)}.sdk-primary-border.active,.sdk-primary-border--active{border-color:var(--primary-a80-rgb)}.sdk-primary-border.disabled,.sdk-primary-border[disabled],.sdk-primary-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-color{color:var(--success-a90-rgb)}.sdk-success-color:hover{color:var(--success-a100-rgb);background-color:var(--success-a10-rgb)}.sdk-success-color.active,.sdk-success-color--active{color:var(--success-a80-rgb)}.sdk-success-color.disabled,.sdk-success-color[disabled],.sdk-success-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-background{background-color:var(--success-a90-rgb);color:var(--success-text)}.sdk-success-background:hover{background-color:var(--success-a100-rgb);color:var(--success-text)}.sdk-success-background.active,.sdk-success-background--active{background-color:var(--success-a80-rgb);color:var(--success-text)}.sdk-success-background.disabled,.sdk-success-background[disabled],.sdk-success-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-border{border-color:var(--success-a90-rgb)}.sdk-success-border:hover{border-color:var(--success-a100-rgb)}.sdk-success-border.active,.sdk-success-border--active{border-color:var(--success-a80-rgb)}.sdk-success-border.disabled,.sdk-success-border[disabled],.sdk-success-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-color{color:var(--accent-a90-rgb)}.sdk-accent-color:hover{color:var(--accent-a100-rgb);background-color:var(--accent-a10-rgb)}.sdk-accent-color.active,.sdk-accent-color--active{color:var(--accent-a80-rgb)}.sdk-accent-color.disabled,.sdk-accent-color[disabled],.sdk-accent-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-background{background-color:var(--accent-a90-rgb);color:var(--accent-text)}.sdk-accent-background:hover{background-color:var(--accent-a100-rgb);color:var(--accent-text)}.sdk-accent-background.active,.sdk-accent-background--active{background-color:var(--accent-a80-rgb);color:var(--accent-text)}.sdk-accent-background.disabled,.sdk-accent-background[disabled],.sdk-accent-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-border{border-color:var(--accent-a90-rgb)}.sdk-accent-border:hover{border-color:var(--accent-a100-rgb)}.sdk-accent-border.active,.sdk-accent-border--active{border-color:var(--accent-a80-rgb)}.sdk-accent-border.disabled,.sdk-accent-border[disabled],.sdk-accent-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-color{color:var(--warn-a90-rgb)}.sdk-warn-color:hover{color:var(--warn-a100-rgb);background-color:var(--warn-a10-rgb)}.sdk-warn-color.active,.sdk-warn-color--active{color:var(--warn-a80-rgb)}.sdk-warn-color.disabled,.sdk-warn-color[disabled],.sdk-warn-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-background{background-color:var(--warn-a90-rgb);color:var(--warn-text)}.sdk-warn-background:hover{background-color:var(--warn-a100-rgb);color:var(--warn-text)}.sdk-warn-background.active,.sdk-warn-background--active{background-color:var(--warn-a80-rgb);color:var(--warn-text)}.sdk-warn-background.disabled,.sdk-warn-background[disabled],.sdk-warn-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-border{border-color:var(--warn-a90-rgb)}.sdk-warn-border:hover{border-color:var(--warn-a100-rgb)}.sdk-warn-border.active,.sdk-warn-border--active{border-color:var(--warn-a80-rgb)}.sdk-warn-border.disabled,.sdk-warn-border[disabled],.sdk-warn-border--disabled{pointer-events:none;cursor:default;opacity:.5}body{color:var(--base-rgb);background-color:var(--background-rgb)}.on-hover-opacity{transition:opacity .3s ease;cursor:pointer}@media only screen and (min-width: 960px){.on-hover-opacity:hover{opacity:.75}.on-hover-opacity:hover.disabled,.on-hover-opacity:hover[disabled],.on-hover-opacity:hover--disabled{pointer-events:none;cursor:default;opacity:.5}}.sdk-tooltip{padding:5px 12px;max-width:312px;display:inline-block;border-radius:6px;background-color:var(--background-a90);box-shadow:0 1px 3px #0b0b0b99,0 0 #0b0b0b99;color:var(--base);position:absolute;top:0;left:0;z-index:99;animation:sdk-menu-more .2s}.sdk-tooltip .sdk-tooltip__content{line-height:22px}.sdk-tooltip:after{content:\"\";position:absolute;width:0;height:0;border:6px solid black;transform-origin:0 0}.sdk-tooltip--bottom:after{margin-left:-.5em;top:1px;left:50%;border-color:var(--background-a90) var(--background-a90) transparent transparent;transform:rotate(-45deg);box-shadow:1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--top:after{margin-left:-.5em;bottom:-11px;left:50%;border-color:transparent transparent var(--background-a90) var(--background-a90);transform:rotate(-45deg);box-shadow:-2px 2px 2px -1px #1a1a1a99,0 0 #1a1a1a99}.sdk-tooltip--right:after{top:50%;left:-7px;border-color:var(--background-a90) transparent transparent var(--background-a90);transform:rotate(-45deg);box-shadow:-1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--left:after{top:50%;right:-3px;border-color:transparent var(--background-a90) var(--background-a90) transparent;transform:rotate(-45deg);box-shadow:1px 1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-menu-more__item,.sdk-dropdown-menu-item{text-align:left;font-size:14px;min-width:132px;background-color:transparent;white-space:nowrap;padding:4px 8px;transition:color .2s;cursor:pointer;border:none;outline:none;color:var(--regular-full-color)}.sdk-menu-more__item:hover .sdk-menu-more__item-name,.sdk-menu-more__item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name,.sdk-dropdown-menu-item:hover .sdk-menu-more__item-name,.sdk-dropdown-menu-item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name{background-color:var(--primary);color:#f6f6f6}.sdk-menu-more__item.sdk-menu-more__item--active,.sdk-dropdown-menu-item.sdk-menu-more__item--active{color:var(--regular-active)}.sdk-dropdown-menu-item{padding:6px 8px;margin:4px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-menu-more__item-name{padding:6px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-dropdown-menu-item--highlighted,.sdk-dropdown-submenu-trigger--highlighted{background-color:var(--regular-active)}.sdk-dropdown-submenu-trigger{position:relative}.sdk-dropdown-submenu-trigger:after{content:\"\";position:absolute;right:8px;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--regular);display:inline-block;top:calc(50% - 5px)}.sdk-caption{margin-left:4px;color:var(--base-a40);font-size:15px;margin-top:4px}.sdk-error{margin-left:4px;color:var(--warn);font-size:15px;margin-top:4px}.sdk-custom-scroll *::-webkit-scrollbar{width:14px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.sdk-custom-scroll *::-webkit-scrollbar-track{background-color:var(--regular-disabled)}.sdk-custom-scroll *::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--regular-hover);border:3px solid var(--regular-disabled)}.flex,.flex-row,.sdk-alert,.flex-row-reverse,.flex-column,.sdk-alert-content,.flex-column-reverse{position:relative;display:flex}.flex-row,.sdk-alert{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,.sdk-alert-content{position:relative;display:flex;flex-direction:column}.flex-column-reverse{position:relative;display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.layout-center-center{align-content:center;align-items:center;justify-content:center}.layout-center-start{align-content:flex-start;align-items:flex-start;justify-content:center}.layout-center-end{align-content:flex-end;align-items:flex-end;justify-content:center}.layout-center-stretch{align-content:stretch;align-items:stretch;justify-content:center}.layout-space-around-center{align-content:center;align-items:center;justify-content:space-around}.layout-space-around-start{align-content:flex-start;align-items:flex-start;justify-content:space-around}.layout-space-around-end{align-content:flex-end;align-items:flex-end;justify-content:space-around}.layout-space-around-stretch{align-content:stretch;align-items:stretch;justify-content:space-around}.layout-space-between-center{align-content:center;align-items:center;justify-content:space-between}.layout-space-between-start{align-content:flex-start;align-items:flex-start;justify-content:space-between}.layout-space-between-end{align-content:flex-end;align-items:flex-end;justify-content:space-between}.layout-space-between-stretch{align-content:stretch;align-items:stretch;justify-content:space-between}.layout-start-center{align-content:center;align-items:center;justify-content:flex-start}.layout-start-start{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.layout-start-end{align-content:flex-end;align-items:flex-end;justify-content:flex-start}.layout-start-stretch,.sdk-alert-content{align-content:stretch;align-items:stretch;justify-content:flex-start}.layout-end-center{align-content:center;align-items:center;justify-content:flex-end}.layout-end-start{align-content:flex-start;align-items:flex-start;justify-content:flex-end}.layout-end-end{align-content:flex-end;align-items:flex-end;justify-content:flex-end}.layout-end-stretch{align-content:stretch;align-items:stretch;justify-content:flex-end}.flex-grow-1{flex:1}.flex-grow-2{flex:2}.flex-grow-3{flex:3}.flex-grow-4{flex:4}.flex-grow-5{flex:5}.flex-grow-6{flex:6}.flex-grow-7{flex:7}.flex-grow-8{flex:8}.flex-grow-9{flex:9}.flex-grow-10{flex:10}.flex-grow-11{flex:11}.flex-grow-12{flex:12}.sdk-xs-1{width:100%}.sdk-xs-2{width:50%}.sdk-xs-3{width:33.3333333333%}.sdk-xs-4{width:25%}.sdk-xm-1{width:100%}.sdk-xm-2{width:50%}.sdk-xm-3{width:33.3333333333%}.sdk-xm-4{width:25%}.sdk-xl-1{width:100%}.sdk-xl-2{width:50%}.sdk-xl-3{width:33.3333333333%}.sdk-xl-4{width:25%}@media screen and (max-width: 1024px){.flex-row,.sdk-alert{flex-wrap:wrap}.sdk-xl-2,.sdk-xl-3,.sdk-xm-2{width:100%}.sdk-xl-4,.sdk-xm-3{width:50%}.sdk-xm-4{width:33.3333333333%}}@media screen and (max-width: 675.84px){.sdk-xl-4,.sdk-xm-3,.sdk-xs-2{width:100%}.sdk-xm-4,.sdk-xs-3{width:50%}.sdk-xs-4{width:33.3333333333%}}@media screen and (max-width: 512px){.sdk-xm-4,.sdk-xs-3{width:100%}.sdk-xs-4{width:50%}}.sdk-alert{max-width:320px;align-items:flex-start;z-index:9999;border-radius:6px;background-color:var(--background-a90);color:var(--base);padding:8px;min-width:256px;animation:modal-top .2s;flex-direction:column;box-shadow:0 2px 5px #1a1a1a24,0 0 2px #1a1a1a1a,0 1px #0000000a;margin-bottom:4px}.sdk-alert .sdk-alert__close{opacity:0;transition:all .2s;position:absolute;top:4px;right:4px;width:14px;height:14px;cursor:pointer}.sdk-alert:hover .sdk-alert__close{transition:all .2s;opacity:1}.sdk-alert:hover .sdk-alert__close:hover{color:var(--base-a100)}.sdk-alert-content{width:100%}.sdk-alert-content p{display:flex;text-overflow:ellipsis;overflow:hidden}.sdk-alert__inner{display:flex}sdk-icon,img{margin-right:12px}.sdk-p{font-size:15px}.sdk-alert--small{padding:6px 16px}.sdk-alert--small .sdk-h4{font-size:15px}.sdk-alert--small .sdk-p{font-size:13px}.sdk-alert--small .sdk-custom-icon{height:16px;width:16px}.sdk-alert__interface{margin-top:12px}.sdk-alert__interface .sdk-alert__interface-item{font-size:15px;margin-right:12px;cursor:pointer;transition:all .2s}.sdk-alert__interface .sdk-alert__interface-item:hover{color:var(--base-a100)}.sdk-alert__close-wrapper{padding:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "sdk-icon", inputs: ["icon", "image", "inline", "size", "color"] }], animations: [
trigger('state', [
state('opened', style({ transform: 'translateY(0%)', opacity: 1 })),
state('void, closed', style({ transform: 'translateY(100%)', opacity: 0 })),
transition('* => *', animate('200ms ease-in')),
])
] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: AlertComponent, decorators: [{
type: Component,
args: [{ selector: 'sdk-alert', animations: [
trigger('state', [
state('opened', style({ transform: 'translateY(0%)', opacity: 1 })),
state('void, closed', style({ transform: 'translateY(100%)', opacity: 0 })),
transition('* => *', animate('200ms ease-in')),
])
], template: "<div class=\"sdk-alert\" [class.sdk-alert--small]=\"options.small\" [@state]=\"state\">\n <div class=\"sdk-alert__inner\">\n <div>\n <ng-container *ngIf=\"options.type ==='default'\">\n <img class=\"sdk-custom-icon\" *ngIf=\"options.customIcon\" [src]=\"options.customIcon\" alt=\"alert\"/>\n </ng-container>\n <ng-container *ngIf=\"options.type === 'error'\">\n <!-- alert svg -->\n <sdk-icon icon=\"alert\" [size]=\"12\" [color]=\"'var(--warn)'\"></sdk-icon>\n </ng-container>\n </div>\n\n <div class=\"sdk-alert-content\">\n <h4 class=\"sdk-h4 sdk-alert__title\" *ngIf=\"options.title\">{{options.title}}</h4>\n <p class=\"sdk-p sdk-text\">{{options.message}}</p>\n </div>\n </div>\n\n <ng-container *ngIf=\"options.action\">\n <div class=\"sdk-alert__interface\">\n <span class=\"sdk-alert__interface-item\" (click)=\"close(true)\">{{options.actionText}}</span>\n </div>\n </ng-container>\n\n <!-- close.svg -->\n <div class=\"sdk-alert__close-wrapper\">\n <sdk-icon class=\"sdk-alert__close\" icon=\"close\" [size]=\"16\" [color]=\"'var(--base-a90)'\"\n (click)=\"close()\"></sdk-icon>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden}input,button,textarea{outline:none;border:none}input.hidden{position:absolute;z-index:-10;top:-10000 px;left:-10000 px;height:1px;width:1px;opacity:0}ul,ol{list-style:none}b,i,strong{font-size:inherit;color:inherit}[hidden],.hide{display:none!important}[disabled]{pointer-events:none;opacity:.5}a,a:hover,a:visited,a:active,a:focus{text-decoration:none;outline:none;color:inherit}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes modal{0%{transform:scale(.5) translateY(100px);opacity:0}}@keyframes sdk-menu-more{0%{opacity:0;transform:scale(.9)}}@keyframes sdk-slide-in-right{0%{opacity:0;transform:translate(-1000px)}}@keyframes sdk-slide-in-left{0%{opacity:0;transform:translate(1000px)}}@keyframes sdk-slide-out-left{to{opacity:1;transform:translate(-1000px)}0%{transform:translate(0)}}@keyframes sdk-slide-out-right{to{opacity:1;transform:translate(1000px)}0%{transform:translate(0)}}@keyframes sdk-painting{0%{width:0%}to{width:100%}}@keyframes dot{0%{width:10px;height:10px;background-color:rgba(var(--base-rgb),1);transform:translateY(0)}to{width:23px;height:23px;background-color:rgba(var(--base-rgb),0);transform:translateY(-20 px)}}.flex,.flex-row,.sdk-alert,.flex-row-reverse,.flex-column,.sdk-alert-content,.flex-column-reverse{position:relative;display:flex}.flex-row,.sdk-alert{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,.sdk-alert-content{position:relative;display:flex;flex-direction:column}.flex-column-reverse{position:relative;display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.layout-center-center{align-content:center;align-items:center;justify-content:center}.layout-center-start{align-content:flex-start;align-items:flex-start;justify-content:center}.layout-center-end{align-content:flex-end;align-items:flex-end;justify-content:center}.layout-center-stretch{align-content:stretch;align-items:stretch;justify-content:center}.layout-space-around-center{align-content:center;align-items:center;justify-content:space-around}.layout-space-around-start{align-content:flex-start;align-items:flex-start;justify-content:space-around}.layout-space-around-end{align-content:flex-end;align-items:flex-end;justify-content:space-around}.layout-space-around-stretch{align-content:stretch;align-items:stretch;justify-content:space-around}.layout-space-between-center{align-content:center;align-items:center;justify-content:space-between}.layout-space-between-start{align-content:flex-start;align-items:flex-start;justify-content:space-between}.layout-space-between-end{align-content:flex-end;align-items:flex-end;justify-content:space-between}.layout-space-between-stretch{align-content:stretch;align-items:stretch;justify-content:space-between}.layout-start-center{align-content:center;align-items:center;justify-content:flex-start}.layout-start-start{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.layout-start-end{align-content:flex-end;align-items:flex-end;justify-content:flex-start}.layout-start-stretch,.sdk-alert-content{align-content:stretch;align-items:stretch;justify-content:flex-start}.layout-end-center{align-content:center;align-items:center;justify-content:flex-end}.layout-end-start{align-content:flex-start;align-items:flex-start;justify-content:flex-end}.layout-end-end{align-content:flex-end;align-items:flex-end;justify-content:flex-end}.layout-end-stretch{align-content:stretch;align-items:stretch;justify-content:flex-end}.flex-grow-1{flex:1}.flex-grow-2{flex:2}.flex-grow-3{flex:3}.flex-grow-4{flex:4}.flex-grow-5{flex:5}.flex-grow-6{flex:6}.flex-grow-7{flex:7}.flex-grow-8{flex:8}.flex-grow-9{flex:9}.flex-grow-10{flex:10}.flex-grow-11{flex:11}.flex-grow-12{flex:12}.sdk-xs-1{width:100%}.sdk-xs-2{width:50%}.sdk-xs-3{width:33.3333333333%}.sdk-xs-4{width:25%}.sdk-xm-1{width:100%}.sdk-xm-2{width:50%}.sdk-xm-3{width:33.3333333333%}.sdk-xm-4{width:25%}.sdk-xl-1{width:100%}.sdk-xl-2{width:50%}.sdk-xl-3{width:33.3333333333%}.sdk-xl-4{width:25%}h1,.sdk-h1{font-size:48px;font-weight:700;line-height:56px;letter-spacing:-.5px}h2,.sdk-h2{font-size:34px;font-weight:700;line-height:40px;letter-spacing:-.5px}h3,.sdk-h3{font-size:22px;font-weight:700;line-height:26px;letter-spacing:-.5px}h4,.sdk-h4{font-size:17px;font-weight:700;line-height:20px;letter-spacing:-.5px}.sdk-text{letter-spacing:-.1px;line-height:20px}.sdk-text--large{font-size:22px;line-height:32px}.sdk-text--medium{font-size:17px;line-height:24px}p,label,.sdk-paragraph,.sdk-label,.sdk-text--regular{font-size:17px;line-height:22px}small,.sdk-text--small{font-size:13px;line-height:20px}.sdk-regular-color{color:var(--regular-a90-rgb)}.sdk-regular-color:hover{color:var(--regular-a100-rgb);background-color:var(--regular-a10-rgb)}.sdk-regular-color.active,.sdk-regular-color--active{color:var(--regular-a80-rgb)}.sdk-regular-color.disabled,.sdk-regular-color[disabled],.sdk-regular-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-background{background-color:var(--regular-a90-rgb);color:var(--regular-text)}.sdk-regular-background:hover{background-color:var(--regular-a100-rgb);color:var(--regular-text)}.sdk-regular-background.active,.sdk-regular-background--active{background-color:var(--regular-a80-rgb);color:var(--regular-text)}.sdk-regular-background.disabled,.sdk-regular-background[disabled],.sdk-regular-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-border{border-color:var(--regular-a90-rgb)}.sdk-regular-border:hover{border-color:var(--regular-a100-rgb)}.sdk-regular-border.active,.sdk-regular-border--active{border-color:var(--regular-a80-rgb)}.sdk-regular-border.disabled,.sdk-regular-border[disabled],.sdk-regular-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-color{color:var(--primary-a90-rgb)}.sdk-primary-color:hover{color:var(--primary-a100-rgb);background-color:var(--primary-a10-rgb)}.sdk-primary-color.active,.sdk-primary-color--active{color:var(--primary-a80-rgb)}.sdk-primary-color.disabled,.sdk-primary-color[disabled],.sdk-primary-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-background{background-color:var(--primary-a90-rgb);color:var(--primary-text)}.sdk-primary-background:hover{background-color:var(--primary-a100-rgb);color:var(--primary-text)}.sdk-primary-background.active,.sdk-primary-background--active{background-color:var(--primary-a80-rgb);color:var(--primary-text)}.sdk-primary-background.disabled,.sdk-primary-background[disabled],.sdk-primary-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-border{border-color:var(--primary-a90-rgb)}.sdk-primary-border:hover{border-color:var(--primary-a100-rgb)}.sdk-primary-border.active,.sdk-primary-border--active{border-color:var(--primary-a80-rgb)}.sdk-primary-border.disabled,.sdk-primary-border[disabled],.sdk-primary-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-color{color:var(--success-a90-rgb)}.sdk-success-color:hover{color:var(--success-a100-rgb);background-color:var(--success-a10-rgb)}.sdk-success-color.active,.sdk-success-color--active{color:var(--success-a80-rgb)}.sdk-success-color.disabled,.sdk-success-color[disabled],.sdk-success-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-background{background-color:var(--success-a90-rgb);color:var(--success-text)}.sdk-success-background:hover{background-color:var(--success-a100-rgb);color:var(--success-text)}.sdk-success-background.active,.sdk-success-background--active{background-color:var(--success-a80-rgb);color:var(--success-text)}.sdk-success-background.disabled,.sdk-success-background[disabled],.sdk-success-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-border{border-color:var(--success-a90-rgb)}.sdk-success-border:hover{border-color:var(--success-a100-rgb)}.sdk-success-border.active,.sdk-success-border--active{border-color:var(--success-a80-rgb)}.sdk-success-border.disabled,.sdk-success-border[disabled],.sdk-success-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-color{color:var(--accent-a90-rgb)}.sdk-accent-color:hover{color:var(--accent-a100-rgb);background-color:var(--accent-a10-rgb)}.sdk-accent-color.active,.sdk-accent-color--active{color:var(--accent-a80-rgb)}.sdk-accent-color.disabled,.sdk-accent-color[disabled],.sdk-accent-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-background{background-color:var(--accent-a90-rgb);color:var(--accent-text)}.sdk-accent-background:hover{background-color:var(--accent-a100-rgb);color:var(--accent-text)}.sdk-accent-background.active,.sdk-accent-background--active{background-color:var(--accent-a80-rgb);color:var(--accent-text)}.sdk-accent-background.disabled,.sdk-accent-background[disabled],.sdk-accent-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-border{border-color:var(--accent-a90-rgb)}.sdk-accent-border:hover{border-color:var(--accent-a100-rgb)}.sdk-accent-border.active,.sdk-accent-border--active{border-color:var(--accent-a80-rgb)}.sdk-accent-border.disabled,.sdk-accent-border[disabled],.sdk-accent-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-color{color:var(--warn-a90-rgb)}.sdk-warn-color:hover{color:var(--warn-a100-rgb);background-color:var(--warn-a10-rgb)}.sdk-warn-color.active,.sdk-warn-color--active{color:var(--warn-a80-rgb)}.sdk-warn-color.disabled,.sdk-warn-color[disabled],.sdk-warn-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-background{background-color:var(--warn-a90-rgb);color:var(--warn-text)}.sdk-warn-background:hover{background-color:var(--warn-a100-rgb);color:var(--warn-text)}.sdk-warn-background.active,.sdk-warn-background--active{background-color:var(--warn-a80-rgb);color:var(--warn-text)}.sdk-warn-background.disabled,.sdk-warn-background[disabled],.sdk-warn-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-border{border-color:var(--warn-a90-rgb)}.sdk-warn-border:hover{border-color:var(--warn-a100-rgb)}.sdk-warn-border.active,.sdk-warn-border--active{border-color:var(--warn-a80-rgb)}.sdk-warn-border.disabled,.sdk-warn-border[disabled],.sdk-warn-border--disabled{pointer-events:none;cursor:default;opacity:.5}body{color:var(--base-rgb);background-color:var(--background-rgb)}.on-hover-opacity{transition:opacity .3s ease;cursor:pointer}@media only screen and (min-width: 960px){.on-hover-opacity:hover{opacity:.75}.on-hover-opacity:hover.disabled,.on-hover-opacity:hover[disabled],.on-hover-opacity:hover--disabled{pointer-events:none;cursor:default;opacity:.5}}.sdk-tooltip{padding:5px 12px;max-width:312px;display:inline-block;border-radius:6px;background-color:var(--background-a90);box-shadow:0 1px 3px #0b0b0b99,0 0 #0b0b0b99;color:var(--base);position:absolute;top:0;left:0;z-index:99;animation:sdk-menu-more .2s}.sdk-tooltip .sdk-tooltip__content{line-height:22px}.sdk-tooltip:after{content:\"\";position:absolute;width:0;height:0;border:6px solid black;transform-origin:0 0}.sdk-tooltip--bottom:after{margin-left:-.5em;top:1px;left:50%;border-color:var(--background-a90) var(--background-a90) transparent transparent;transform:rotate(-45deg);box-shadow:1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--top:after{margin-left:-.5em;bottom:-11px;left:50%;border-color:transparent transparent var(--background-a90) var(--background-a90);transform:rotate(-45deg);box-shadow:-2px 2px 2px -1px #1a1a1a99,0 0 #1a1a1a99}.sdk-tooltip--right:after{top:50%;left:-7px;border-color:var(--background-a90) transparent transparent var(--background-a90);transform:rotate(-45deg);box-shadow:-1px -1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-tooltip--left:after{top:50%;right:-3px;border-color:transparent var(--background-a90) var(--background-a90) transparent;transform:rotate(-45deg);box-shadow:1px 1px 2px -1px #0b0b0b99,0 0 #0b0b0b99}.sdk-menu-more__item,.sdk-dropdown-menu-item{text-align:left;font-size:14px;min-width:132px;background-color:transparent;white-space:nowrap;padding:4px 8px;transition:color .2s;cursor:pointer;border:none;outline:none;color:var(--regular-full-color)}.sdk-menu-more__item:hover .sdk-menu-more__item-name,.sdk-menu-more__item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name,.sdk-dropdown-menu-item:hover .sdk-menu-more__item-name,.sdk-dropdown-menu-item.sdk-menu-more__item--highlighted .sdk-menu-more__item-name{background-color:var(--primary);color:#f6f6f6}.sdk-menu-more__item.sdk-menu-more__item--active,.sdk-dropdown-menu-item.sdk-menu-more__item--active{color:var(--regular-active)}.sdk-dropdown-menu-item{padding:6px 8px;margin:4px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-menu-more__item-name{padding:6px 8px;display:flex;border-radius:6px;line-height:24px}.sdk-dropdown-menu-item--highlighted,.sdk-dropdown-submenu-trigger--highlighted{background-color:var(--regular-active)}.sdk-dropdown-submenu-trigger{position:relative}.sdk-dropdown-submenu-trigger:after{content:\"\";position:absolute;right:8px;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--regular);display:inline-block;top:calc(50% - 5px)}.sdk-caption{margin-left:4px;color:var(--base-a40);font-size:15px;margin-top:4px}.sdk-error{margin-left:4px;color:var(--warn);font-size:15px;margin-top:4px}.sdk-custom-scroll *::-webkit-scrollbar{width:14px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.sdk-custom-scroll *::-webkit-scrollbar-track{background-color:var(--regular-disabled)}.sdk-custom-scroll *::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--regular-hover);border:3px solid var(--regular-disabled)}.flex,.flex-row,.sdk-alert,.flex-row-reverse,.flex-column,.sdk-alert-content,.flex-column-reverse{position:relative;display:flex}.flex-row,.sdk-alert{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,.sdk-alert-content{position:relative;display:flex;flex-direction:column}.flex-column-reverse{position:relative;display:flex;flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.layout-center-center{align-content:center;align-items:center;justify-content:center}.layout-center-start{align-content:flex-start;align-items:flex-start;justify-content:center}.layout-center-end{align-content:flex-end;align-items:flex-end;justify-content:center}.layout-center-stretch{align-content:stretch;align-items:stretch;justify-content:center}.layout-space-around-center{align-content:center;align-items:center;justify-content:space-around}.layout-space-around-start{align-content:flex-start;align-items:flex-start;justify-content:space-around}.layout-space-around-end{align-content:flex-end;align-items:flex-end;justify-content:space-around}.layout-space-around-stretch{align-content:stretch;align-items:stretch;justify-content:space-around}.layout-space-between-center{align-content:center;align-items:center;justify-content:space-between}.layout-space-between-start{align-content:flex-start;align-items:flex-start;justify-content:space-between}.layout-space-between-end{align-content:flex-end;align-items:flex-end;justify-content:space-between}.layout-space-between-stretch{align-content:stretch;align-items:stretch;justify-content:space-between}.layout-start-center{align-content:center;align-items:center;justify-content:flex-start}.layout-start-start{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.layout-start-end{align-content:flex-end;align-items:flex-end;justify-content:flex-start}.layout-start-stretch,.sdk-alert-content{align-content:stretch;align-items:stretch;justify-content:flex-start}.layout-end-center{align-content:center;align-items:center;justify-content:flex-end}.layout-end-start{align-content:flex-start;align-items:flex-start;justify-content:flex-end}.layout-end-end{align-content:flex-end;align-items:flex-end;justify-content:flex-end}.layout-end-stretch{align-content:stretch;align-items:stretch;justify-content:flex-end}.flex-grow-1{flex:1}.flex-grow-2{flex:2}.flex-grow-3{flex:3}.flex-grow-4{flex:4}.flex-grow-5{flex:5}.flex-grow-6{flex:6}.flex-grow-7{flex:7}.flex-grow-8{flex:8}.flex-grow-9{flex:9}.flex-grow-10{flex:10}.flex-grow-11{flex:11}.flex-grow-12{flex:12}.sdk-xs-1{width:100%}.sdk-xs-2{width:50%}.sdk-xs-3{width:33.3333333333%}.sdk-xs-4{width:25%}.sdk-xm-1{width:100%}.sdk-xm-2{width:50%}.sdk-xm-3{width:33.3333333333%}.sdk-xm-4{width:25%}.sdk-xl-1{width:100%}.sdk-xl-2{width:50%}.sdk-xl-3{width:33.3333333333%}.sdk-xl-4{width:25%}@media screen and (max-width: 1024px){.flex-row,.sdk-alert{flex-wrap:wrap}.sdk-xl-2,.sdk-xl-3,.sdk-xm-2{width:100%}.sdk-xl-4,.sdk-xm-3{width:50%}.sdk-xm-4{width:33.3333333333%}}@media screen and (max-width: 675.84px){.sdk-xl-4,.sdk-xm-3,.sdk-xs-2{width:100%}.sdk-xm-4,.sdk-xs-3{width:50%}.sdk-xs-4{width:33.3333333333%}}@media screen and (max-width: 512px){.sdk-xm-4,.sdk-xs-3{width:100%}.sdk-xs-4{width:50%}}.sdk-alert{max-width:320px;align-items:flex-start;z-index:9999;border-radius:6px;background-color:var(--background-a90);color:var(--base);padding:8px;min-width:256px;animation:modal-top .2s;flex-direction:column;box-shadow:0 2px 5px #1a1a1a24,0 0 2px #1a1a1a1a,0 1px #0000000a;margin-bottom:4px}.sdk-alert .sdk-alert__close{opacity:0;transition:all .2s;position:absolute;top:4px;right:4px;width:14px;height:14px;cursor:pointer}.sdk-alert:hover .sdk-alert__close{transition:all .2s;opacity:1}.sdk-alert:hover .sdk-alert__close:hover{color:var(--base-a100)}.sdk-alert-content{width:100%}.sdk-alert-content p{display:flex;text-overflow:ellipsis;overflow:hidden}.sdk-alert__inner{display:flex}sdk-icon,img{margin-right:12px}.sdk-p{font-size:15px}.sdk-alert--small{padding:6px 16px}.sdk-alert--small .sdk-h4{font-size:15px}.sdk-alert--small .sdk-p{font-size:13px}.sdk-alert--small .sdk-custom-icon{height:16px;width:16px}.sdk-alert__interface{margin-top:12px}.sdk-alert__interface .sdk-alert__interface-item{font-size:15px;margin-right:12px;cursor:pointer;transition:all .2s}.sdk-alert__interface .sdk-alert__interface-item:hover{color:var(--base-a100)}.sdk-alert__close-wrapper{padding:4px}\n"] }]
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { index: [{
type: Input
}], options: [{
type: Input
}], closed: [{
type: Output
}], action: [{
type: Output
}], state: [{
type: HostListener,
args: ['[@state]']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZ3gtc2xpY2Uta2l0L3NyYy9saWIvbW9kYWxzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LXNsaWNlLWtpdC9zcmMvbGliL21vZGFscy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQTRCLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQzs7OztBQUd2RDs7R0FFRztBQWFILE1BQU0sT0FBTyxjQUFjO0lBWXZCLFlBQ1ksVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVhsQixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBRWpCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDLENBQUMsb0JBQW9CO1FBQ3RDLFVBQUssR0FBUSxRQUFRLENBQUM7SUFTdkQsQ0FBQztJQUVNLEtBQUssQ0FBQyxNQUFnQjtRQUN6QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsQ0FBQztTQUNwQztRQUNELElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBRXRCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxHQUFHLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDNUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOzsyR0F2Q1EsY0FBYzsrRkFBZCxjQUFjLGtNQ3BCM0Isd3lDQThCQSwreWtCRGxCZ0I7UUFDUixPQUFPLENBQUMsT0FBTyxFQUFFO1lBQ2IsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7WUFDakUsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7WUFDekUsVUFBVSxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDakQsQ0FBQztLQUNMOzJGQUVRLGNBQWM7a0JBWjFCLFNBQVM7K0JBQ0ksV0FBVyxjQUdUO3dCQUNSLE9BQU8sQ0FBQyxPQUFPLEVBQUU7NEJBQ2IsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NEJBQ2pFLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDOzRCQUN6RSxVQUFVLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQzt5QkFDakQsQ0FBQztxQkFDTDtpR0FJZSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1csTUFBTTtzQkFBdEIsTUFBTTtnQkFDVSxNQUFNO3NCQUF0QixNQUFNO2dCQUMwQixLQUFLO3NCQUFyQyxZQUFZO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJzY3JpcHRpb24sIHRpbWVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBbGVydE9wdGlvbnMgfSBmcm9tICcuL2FsZXJ0Lm1vZGVsJztcblxuLyoqXG4gKiBBbGVydCBjb21wb25lbnRcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzZGstYWxlcnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ3N0YXRlJywgW1xuICAgICAgICAgICAgc3RhdGUoJ29wZW5lZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKDAlKScsIG9wYWNpdHk6IDF9KSksXG4gICAgICAgICAgICBzdGF0ZSgndm9pZCwgY2xvc2VkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwJSknLCBvcGFjaXR5OiAwfSkpLFxuICAgICAgICAgICAgdHJhbnNpdGlvbignKiA9PiAqJywgYW5pbWF0ZSgnMjAwbXMgZWFzZS1pbicpKSxcbiAgICAgICAgXSlcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIEBJbnB1dCgpIHB1YmxpYyBpbmRleDogbnVtYmVyID0gMDtcbiAgICBASW5wdXQoKSBwdWJsaWMgb3B0aW9uczogQWxlcnRPcHRpb25zO1xuICAgIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgpIHB1YmxpYyBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTsgLy8gZW1pdHMgYWxlcnQgaW5kZXhcbiAgICBASG9zdExpc3RlbmVyKCdbQHN0YXRlXScpIHB1YmxpYyBzdGF0ZTogYW55ID0gJ2Nsb3NlZCc7XG5cbiAgICBwdWJsaWMgc3ViOiBTdWJzY3JpcHRpb247XG4gICAgcHVibGljIGNsb3NlVGltZXI6IE9ic2VydmFibGU8YW55PjtcbiAgICBwdWJsaWMgaXNQdXJnaW5nOiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZlxuICAgICkge1xuICAgIH1cblxuICAgIHB1YmxpYyBjbG9zZShhY3Rpb24/OiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLm9wdGlvbnMuYWN0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMuJGFjdGlvbj8uZW1pdChhY3Rpb24pO1xuICAgICAgICAgICAgdGhpcy5vcHRpb25zLiRhY3Rpb24/LmNvbXBsZXRlKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5jbG9zZWQuZW1pdCh0aGlzLmluZGV4KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RhdGUgPSAnb3BlbmVkJztcblxuICAgICAgICB0aGlzLmNsb3NlVGltZXIgPSB0aW1lcih0aGlzLm9wdGlvbnMudGltZW91dCk7XG4gICAgICAgIHRoaXMuc3ViID0gdGhpcy5jbG9zZVRpbWVyLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNsb3NlZC5lbWl0KDApO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RhdGUgPSAnY2xvc2VkJztcbiAgICAgICAgdGhpcy5zdWI/LnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIHRoaXMuY2xvc2VUaW1lciA9IHVuZGVmaW5lZDtcbiAgICAgICAgdGhpcy5jbG9zZWQuY29tcGxldGUoKTtcbiAgICB9XG59XG5cbiIsIjxkaXYgY2xhc3M9XCJzZGstYWxlcnRcIiBbY2xhc3Muc2RrLWFsZXJ0LS1zbWFsbF09XCJvcHRpb25zLnNtYWxsXCIgW0BzdGF0ZV09XCJzdGF0ZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZGstYWxlcnRfX2lubmVyXCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9ucy50eXBlID09PSdkZWZhdWx0J1wiPlxuICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJzZGstY3VzdG9tLWljb25cIiAqbmdJZj1cIm9wdGlvbnMuY3VzdG9tSWNvblwiIFtzcmNdPVwib3B0aW9ucy5jdXN0b21JY29uXCIgYWx0PVwiYWxlcnRcIi8+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zLnR5cGUgPT09ICdlcnJvcidcIj5cbiAgICAgICAgICAgICAgICA8IS0tIGFsZXJ0IHN2ZyAtLT5cbiAgICAgICAgICAgICAgICA8c2RrLWljb24gaWNvbj1cImFsZXJ0XCIgW3NpemVdPVwiMTJcIiBbY29sb3JdPVwiJ3ZhcigtLXdhcm4pJ1wiPjwvc2RrLWljb24+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNkay1hbGVydC1jb250ZW50XCI+XG4gICAgICAgICAgICA8aDQgY2xhc3M9XCJzZGstaDQgc2RrLWFsZXJ0X190aXRsZVwiICpuZ0lmPVwib3B0aW9ucy50aXRsZVwiPnt7b3B0aW9ucy50aXRsZX19PC9oND5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwic2RrLXAgc2RrLXRleHRcIj57e29wdGlvbnMubWVzc2FnZX19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zLmFjdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2RrLWFsZXJ0X19pbnRlcmZhY2VcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2RrLWFsZXJ0X19pbnRlcmZhY2UtaXRlbVwiIChjbGljayk9XCJjbG9zZSh0cnVlKVwiPnt7b3B0aW9ucy5hY3Rpb25UZXh0fX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPCEtLSBjbG9zZS5zdmcgLS0+XG4gICAgPGRpdiBjbGFzcz1cInNkay1hbGVydF9fY2xvc2Utd3JhcHBlclwiPlxuICAgICAgICA8c2RrLWljb24gY2xhc3M9XCJzZGstYWxlcnRfX2Nsb3NlXCIgaWNvbj1cImNsb3NlXCIgW3NpemVdPVwiMTZcIiBb