ngx-slice-kit
Version:
[](https://badge.fury.io/js/ngx-slice-kit)
80 lines • 49.3 kB
JavaScript
import { Component, EventEmitter, HostBinding, HostListener, InjectionToken, Input, Output } from '@angular/core';
import { BehaviorSubject, interval } from 'rxjs';
import { AlertOptions } from './alert.model';
import { animate, state, style, transition, trigger } from '@angular/animations';
import { takeWhile } from 'rxjs/operators';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../buttons/icon/icon.component";
import * as i3 from "./alert.component";
export const ALERTS_CONTAINER_CLASSNAME = new InjectionToken('sdk-alerts-container');
export class AlertsComponent {
constructor() {
// sub: Subscription;
this.$alerts = new BehaviorSubject([]);
this.closed = new EventEmitter();
this.state = 'closed';
}
set options(options) {
const refs = [...this.$alerts.getValue(), new AlertOptions(options)];
this.$alerts.next(refs);
}
get options() {
const alertRefs = this.$alerts.getValue();
return alertRefs[0];
}
get classNames() {
return `${ALERTS_CONTAINER_CLASSNAME} ${ALERTS_CONTAINER_CLASSNAME}--${this.options.refName}`;
}
get alerts() {
return this.$alerts.getValue();
}
set alerts(alerts) {
this.$alerts.next(alerts);
}
onClose(ev) {
const alerts = this.alerts;
alerts.splice(ev, 1);
this.alerts = alerts;
if (this.alerts.length < 1) {
this.closed.emit();
this.closed.complete();
}
}
closeAll() {
interval(10).pipe(takeWhile(() => this.alerts.length > 0, false)).subscribe(() => this.onClose(0));
}
ngOnDestroy() {
this.state = 'closed';
// this.sub?.unsubscribe();
}
}
AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: AlertsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: AlertsComponent, selector: "sdk-alert-container", inputs: { options: "options" }, outputs: { closed: "closed" }, host: { listeners: { "[@state]": "state()" }, properties: { "class": "this.classNames" } }, ngImport: i0, template: "<ng-container>\n <ng-container *ngFor=\"let options of alerts; index as i\">\n <ng-container *ngIf=\"i < 5\">\n <div class=\"sdk-alert__wrapper\">\n <sdk-alert [options]=\"options\" [index]=\"i\" (closed)=\"onClose($event)\"></sdk-alert>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"alerts?.length > 1\">\n <div class=\"sdk-alert-close\" (click)=\"closeAll()\">\n <sdk-icon icon=\"close\" size=\"12\" [color]=\"'var(--base-90)'\"></sdk-icon>\n <span>close all</span>\n </div>\n </ng-container>\n</ng-container>\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,:host .sdk-alert-close,.flex-row-reverse,.flex-column,:host,.flex-column-reverse{position:relative;display:flex}.flex-row,:host .sdk-alert-close{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,:host{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,:host .sdk-alert-close{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{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,:host .sdk-alert-close,.flex-row-reverse,.flex-column,:host,.flex-column-reverse{position:relative;display:flex}.flex-row,:host .sdk-alert-close{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,:host{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,:host .sdk-alert-close{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{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,:host .sdk-alert-close{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%}}:host{position:fixed;z-index:9999}:host[class*=top-]{justify-content:flex-start;top:24px}:host[class*=top-] .sdk-alert-close{order:3}:host[class*=bottom-]{justify-content:flex-end;bottom:24px}:host[class*=bottom-] .sdk-alert-close{order:1}:host[class*=-center]{align-items:center;margin-left:calc(50% - 144px)}:host[class*=-left]{left:24px;align-items:flex-start}:host[class*=-right]{right:24px;align-items:flex-end}:host .sdk-alert-close{cursor:pointer;padding:0 4px;border-radius:4px;transition:all .2s;color:var(--base-a90)}:host .sdk-alert-close:hover{background:var(--background);color:var(--base-a100)}:host .sdk-alert__wrapper{order:2;max-width:320px;display:flex;justify-content:center}.sdk-alert__close-wrapper{padding:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }, { kind: "component", type: i3.AlertComponent, selector: "sdk-alert", inputs: ["index", "options"], outputs: ["closed", "action"] }], 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: AlertsComponent, decorators: [{
type: Component,
args: [{ selector: 'sdk-alert-container', 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: "<ng-container>\n <ng-container *ngFor=\"let options of alerts; index as i\">\n <ng-container *ngIf=\"i < 5\">\n <div class=\"sdk-alert__wrapper\">\n <sdk-alert [options]=\"options\" [index]=\"i\" (closed)=\"onClose($event)\"></sdk-alert>\n </div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"alerts?.length > 1\">\n <div class=\"sdk-alert-close\" (click)=\"closeAll()\">\n <sdk-icon icon=\"close\" size=\"12\" [color]=\"'var(--base-90)'\"></sdk-icon>\n <span>close all</span>\n </div>\n </ng-container>\n</ng-container>\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,:host .sdk-alert-close,.flex-row-reverse,.flex-column,:host,.flex-column-reverse{position:relative;display:flex}.flex-row,:host .sdk-alert-close{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,:host{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,:host .sdk-alert-close{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{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,:host .sdk-alert-close,.flex-row-reverse,.flex-column,:host,.flex-column-reverse{position:relative;display:flex}.flex-row,:host .sdk-alert-close{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column,:host{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,:host .sdk-alert-close{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{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,:host .sdk-alert-close{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%}}:host{position:fixed;z-index:9999}:host[class*=top-]{justify-content:flex-start;top:24px}:host[class*=top-] .sdk-alert-close{order:3}:host[class*=bottom-]{justify-content:flex-end;bottom:24px}:host[class*=bottom-] .sdk-alert-close{order:1}:host[class*=-center]{align-items:center;margin-left:calc(50% - 144px)}:host[class*=-left]{left:24px;align-items:flex-start}:host[class*=-right]{right:24px;align-items:flex-end}:host .sdk-alert-close{cursor:pointer;padding:0 4px;border-radius:4px;transition:all .2s;color:var(--base-a90)}:host .sdk-alert-close:hover{background:var(--background);color:var(--base-a100)}:host .sdk-alert__wrapper{order:2;max-width:320px;display:flex;justify-content:center}.sdk-alert__close-wrapper{padding:4px}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { options: [{
type: Input
}], closed: [{
type: Output
}], state: [{
type: HostListener,
args: ['[@state]']
}], classNames: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LXNsaWNlLWtpdC9zcmMvbGliL21vZGFscy9hbGVydC9hbGVydHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9uZ3gtc2xpY2Uta2l0L3NyYy9saWIvbW9kYWxzL2FsZXJ0L2FsZXJ0cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdILE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBRTNDLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLElBQUksY0FBYyxDQUFTLHNCQUFzQixDQUFDLENBQUM7QUFjN0YsTUFBTSxPQUFPLGVBQWU7SUE4QnhCO1FBNUJBLHFCQUFxQjtRQUNkLFlBQU8sR0FBb0MsSUFBSSxlQUFlLENBQWlCLEVBQUUsQ0FBQyxDQUFDO1FBWXpFLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pCLFVBQUssR0FBUSxRQUFRLENBQUM7SUFldkQsQ0FBQztJQTFCRCxJQUFvQixPQUFPLENBQUMsT0FBcUI7UUFDN0MsTUFBTSxJQUFJLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFB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V0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIEluamVjdGlvblRva2VuLCBJbnB1dCwgT25EZXN0cm95LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgaW50ZXJ2YWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEFsZXJ0T3B0aW9ucyB9IGZyb20gJy4vYWxlcnQubW9kZWwnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyB0YWtlV2hpbGUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmV4cG9ydCBjb25zdCBBTEVSVFNfQ09OVEFJTkVSX0NMQVNTTkFNRSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxzdHJpbmc+KCdzZGstYWxlcnRzLWNvbnRhaW5lcicpO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Nkay1hbGVydC1jb250YWluZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hbGVydHMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FsZXJ0cy5jb21wb25lbnQuc2NzcyddLFxuICAgIGFuaW1hdGlvbnM6IFtcbiAgICAgICAgdHJpZ2dlcignc3RhdGUnLCBbXG4gICAgICAgICAgICBzdGF0ZSgnb3BlbmVkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCUpJywgb3BhY2l0eTogMX0pKSxcbiAgICAgICAgICAgIHN0YXRlKCd2b2lkLCBjbG9zZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWSgxMDAlKScsIG9wYWNpdHk6IDB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCcqID0+IConLCBhbmltYXRlKCcyMDBtcyBlYXNlLWluJykpLFxuICAgICAgICBdKVxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgICAvLyBzdWI6IFN1YnNjcmlwdGlvbjtcbiAgICBwdWJsaWMgJGFsZXJ0czogQmVoYXZpb3JTdWJqZWN0PEFsZXJ0T3B0aW9uc1tdPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8QWxlcnRPcHRpb25zW10+KFtdKTtcblxuICAgIEBJbnB1dCgpIHB1YmxpYyBzZXQgb3B0aW9ucyhvcHRpb25zOiBBbGVydE9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgcmVmcyA9IFsuLi50aGlzLiRhbGVydHMuZ2V0VmFsdWUoKSwgbmV3IEFsZXJ0T3B0aW9ucyhvcHRpb25zKV07XG4gICAgICAgIHRoaXMuJGFsZXJ0cy5uZXh0KHJlZnMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgb3B0aW9ucygpOiBBbGVydE9wdGlvbnMge1xuICAgICAgICBjb25zdCBhbGVydFJlZnMgPSB0aGlzLiRhbGVydHMuZ2V0VmFsdWUoKTtcbiAgICAgICAgcmV0dXJuIGFsZXJ0UmVmc1swXTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgcHVibGljIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIEBIb3N0TGlzdGVuZXIoJ1tAc3RhdGVdJykgcHVibGljIHN0YXRlOiBhbnkgPSAnY2xvc2VkJztcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBwdWJsaWMgZ2V0IGNsYXNzTmFtZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGAke0FMRVJUU19DT05UQUlORVJfQ0xBU1NOQU1FfSAke0FMRVJUU19DT05UQUlORVJfQ0xBU1NOQU1FfS0tJHt0aGlzLm9wdGlvbnMucmVmTmFtZX1gO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgYWxlcnRzKCk6IEFsZXJ0T3B0aW9uc1tdIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuJGFsZXJ0cy5nZXRWYWx1ZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgYWxlcnRzKGFsZXJ0czogQWxlcnRPcHRpb25zW10pIHtcbiAgICAgICAgdGhpcy4kYWxlcnRzLm5leHQoYWxlcnRzKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25DbG9zZShldik6IHZvaWQge1xuICAgICAgICBjb25zdCBhbGVydHMgPSB0aGlzLmFsZXJ0cztcbiAgICAgICAgYWxlcnRzLnNwbGljZShldiwgMSk7XG4gICAgICAgIHRoaXMuYWxlcnRzID0gYWxlcnRzO1xuICAgICAgICBpZiAodGhpcy5hbGVydHMubGVuZ3RoIDwgMSkge1xuICAgICAgICAgICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICAgICAgICAgICAgdGhpcy5jbG9zZWQuY29tcGxldGUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBjbG9zZUFsbCgpOiB2b2lkIHtcbiAgICAgICAgaW50ZXJ2YWwoMTApLnBpcGUoXG4gICAgICAgICAgICB0YWtlV2hpbGUoKCkgPT4gdGhpcy5hbGVydHMubGVuZ3RoID4gMCwgZmFsc2UpXG4gICAgICAgICkuc3Vic2NyaWJlKFxuICAgICAgICAgICAgKCkgPT4gdGhpcy5vbkNsb3NlKDApXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgICAgIC8vIHRoaXMuc3ViPy51bnN1YnNjcmliZSgpO1xuICAgIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb25zIG9mIGFsZXJ0czsgaW5kZXggYXMgaVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaSA8IDVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZGstYWxlcnRfX3dyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8c2RrLWFsZXJ0IFtvcHRpb25zXT1cIm9wdGlvbnNcIiBbaW5kZXhdPVwiaVwiIChjbG9zZWQpPVwib25DbG9zZSgkZXZlbnQpXCI+PC9zZGstYWxlcnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWxlcnRzPy5sZW5ndGggPiAxXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZGstYWxlcnQtY2xvc2VcIiAoY2xpY2spPVwiY2xvc2VBbGwoKVwiPlxuICAgICAgICAgICAgPHNkay1pY29uIGljb249XCJjbG9zZVwiIHNpemU9XCIxMlwiIFtjb2xvcl09XCIndmFyKC0tYmFzZS05MCknXCI+PC9zZGstaWNvbj5cbiAgICAgICAgICAgIDxzcGFuPmNsb3NlIGFsbDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==