ngx-slice-kit
Version:
[](https://badge.fury.io/js/ngx-slice-kit)
44 lines • 37.7 kB
JavaScript
import { Component, ContentChildren, ElementRef, EventEmitter, HostListener, Input, Output, } from '@angular/core';
import { ButtonComponent } from '../button/button.component';
import * as i0 from "@angular/core";
export class ButtonGroupComponent {
constructor(renderer) {
this.renderer = renderer;
this.color = 'primary';
this.clicked = new EventEmitter();
}
onClick(event) {
const target = event.target;
if (target.tagName !== 'BUTTON') {
return;
}
this.btnGroup.forEach(btn => this.removeActiveClass(btn.nativeElement));
this.renderer.addClass(target, 'active');
this.clicked.emit({ element: event.target, index: target.getAttribute('btn-group-index') });
}
removeActiveClass(element) {
this.renderer.removeClass(element, 'active');
}
ngAfterContentInit() {
this.btnGroup.forEach((btn, index) => {
this.renderer.setAttribute(btn.nativeElement, 'btn-group-index', `${index}`);
});
}
}
ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ButtonGroupComponent, selector: "sdk-button-group", inputs: { color: "color" }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" } }, queries: [{ propertyName: "btnGroup", predicate: ButtonComponent, read: ElementRef }], ngImport: i0, template: "<div class=\"sdk-button-group-container sdk-button-group-container--{{color}}\">\n <ng-content select=\"[sdk-base-button]\"></ng-content>\n <ng-content select=\"[sdk-raised-button]\"></ng-content>\n <ng-content select=\"[sdk-flat-button]\"></ng-content>\n <ng-content select=\"[sdk-stroked-button]\"></ng-content>\n <ng-content select=\"[sdk-round-button]\"></ng-content>\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,.flex-row-reverse,.flex-column,.flex-column-reverse{position:relative;display:flex}.flex-row{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column{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,.sdk-button-group-container{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{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%}}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)}.sdk-button-group-container{flex-direction:row;display:inline-flex;flex-wrap:wrap;width:auto;overflow:hidden;padding:2px;border-radius:4px}.sdk-button-group-container [sdk-button]{margin:2px}.sdk-button-group-container--regular{background-color:var(--regular-a80)}.sdk-button-group-container--primary{background-color:var(--primary-a80)}.sdk-button-group-container--success{background-color:var(--success-a80)}.sdk-button-group-container--accent{background-color:var(--accent-a80)}.sdk-button-group-container--warn{background-color:var(--warn-a80)}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ButtonGroupComponent, decorators: [{
type: Component,
args: [{ selector: 'sdk-button-group', template: "<div class=\"sdk-button-group-container sdk-button-group-container--{{color}}\">\n <ng-content select=\"[sdk-base-button]\"></ng-content>\n <ng-content select=\"[sdk-raised-button]\"></ng-content>\n <ng-content select=\"[sdk-flat-button]\"></ng-content>\n <ng-content select=\"[sdk-stroked-button]\"></ng-content>\n <ng-content select=\"[sdk-round-button]\"></ng-content>\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,.flex-row-reverse,.flex-column,.flex-column-reverse{position:relative;display:flex}.flex-row{position:relative;display:flex;flex-direction:row}.flex-row-reverse{position:relative;display:flex;flex-direction:row-reverse}.flex-column{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,.sdk-button-group-container{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{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%}}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)}.sdk-button-group-container{flex-direction:row;display:inline-flex;flex-wrap:wrap;width:auto;overflow:hidden;padding:2px;border-radius:4px}.sdk-button-group-container [sdk-button]{margin:2px}.sdk-button-group-container--regular{background-color:var(--regular-a80)}.sdk-button-group-container--primary{background-color:var(--primary-a80)}.sdk-button-group-container--success{background-color:var(--success-a80)}.sdk-button-group-container--accent{background-color:var(--accent-a80)}.sdk-button-group-container--warn{background-color:var(--warn-a80)}\n"] }]
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { btnGroup: [{
type: ContentChildren,
args: [ButtonComponent, { read: ElementRef }]
}], color: [{
type: Input
}], clicked: [{
type: Output
}], onClick: [{
type: HostListener,
args: ['click', ['$event']]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LXNsaWNlLWtpdC9zcmMvbGliL2J1dHRvbnMvYnV0dG9uLWdyb3VwL2J1dHRvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL25neC1zbGljZS1raXQvc3JjL2xpYi9idXR0b25zL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FHVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBUTdELE1BQU0sT0FBTyxvQkFBb0I7SUFRN0IsWUFDWSxRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBTGYsVUFBSyxHQUFnQixTQUFTLENBQUM7UUFFOUIsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBS2pFLENBQUM7SUFHTSxPQUFPLENBQUMsS0FBSztRQUNoQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBRTVCLElBQUksTUFBTSxDQUFDLE9BQU8sS0FBSyxRQUFRLEVBQUU7WUFDN0IsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7UUFDeEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRXpDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsRUFBQyxDQUFDLENBQUM7SUFDOUYsQ0FBQztJQUVNLGlCQUFpQixDQUFDLE9BQU87UUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTSxrQkFBa0I7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDakYsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOztpSEFuQ1Esb0JBQW9CO3FHQUFwQixvQkFBb0IsbU1BRVosZUFBZSxRQUFTLFVBQVUsNkJDdEJ2RCw4WUFPQTsyRkRhYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0ksa0JBQWtCO2dHQU1pQyxRQUFRO3NCQUFwRSxlQUFlO3VCQUFDLGVBQWUsRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUM7Z0JBRXBDLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTTtnQkFRQSxPQUFPO3NCQURiLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFRoZW1lQ29sb3JzIH0gZnJvbSAnLi4vLi4vY29yZS90aGVtZS90aGVtZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RrLWJ1dHRvbi1ncm91cCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oQnV0dG9uQ29tcG9uZW50LCB7cmVhZDogRWxlbWVudFJlZn0pIHB1YmxpYyBidG5Hcm91cCE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICAgIEBJbnB1dCgpIHB1YmxpYyBjb2xvcjogVGhlbWVDb2xvcnMgPSAncHJpbWFyeSc7XG5cbiAgICBAT3V0cHV0KCkgcHVibGljIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICApIHtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gICAgcHVibGljIG9uQ2xpY2soZXZlbnQpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0O1xuXG4gICAgICAgIGlmICh0YXJnZXQudGFnTmFtZSAhPT0gJ0JVVFRPTicpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuYnRuR3JvdXAuZm9yRWFjaChidG4gPT4gdGhpcy5yZW1vdmVBY3RpdmVDbGFzcyhidG4ubmF0aXZlRWxlbWVudCkpO1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRhcmdldCwgJ2FjdGl2ZScpO1xuXG4gICAgICAgIHRoaXMuY2xpY2tlZC5lbWl0KHtlbGVtZW50OiBldmVudC50YXJnZXQsIGluZGV4OiB0YXJnZXQuZ2V0QXR0cmlidXRlKCdidG4tZ3JvdXAtaW5kZXgnKX0pO1xuICAgIH1cblxuICAgIHB1YmxpYyByZW1vdmVBY3RpdmVDbGFzcyhlbGVtZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3MoZWxlbWVudCwgJ2FjdGl2ZScpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnRuR3JvdXAuZm9yRWFjaCgoYnRuLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUoYnRuLm5hdGl2ZUVsZW1lbnQsICdidG4tZ3JvdXAtaW5kZXgnLCBgJHtpbmRleH1gKTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNkay1idXR0b24tZ3JvdXAtY29udGFpbmVyIHNkay1idXR0b24tZ3JvdXAtY29udGFpbmVyLS17e2NvbG9yfX1cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2RrLWJhc2UtYnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2RrLXJhaXNlZC1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZGstZmxhdC1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZGstc3Ryb2tlZC1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZGstcm91bmQtYnV0dG9uXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19