ngx-slice-kit
Version:
[](https://badge.fury.io/js/ngx-slice-kit)
269 lines (260 loc) • 706 kB
JavaScript
import { query as query$1, style, group, animate, trigger, transition, state } from '@angular/animations';
import * as i0 from '@angular/core';
import { Injectable, Pipe, Component, Directive, PLATFORM_ID, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ViewEncapsulation, Input, HostBinding, HostListener, EventEmitter, ElementRef, ContentChildren, Output, ViewChild, forwardRef, InjectionToken } from '@angular/core';
import * as i1$2 from '@angular/common';
import { isPlatformBrowser, CommonModule, DOCUMENT, isPlatformServer } from '@angular/common';
import * as i1$1 from '@angular/router';
import { NavigationEnd, RouterModule, NavigationStart } from '@angular/router';
import { BehaviorSubject, fromEvent, Subject, of, interval, Subscription, timer } from 'rxjs';
import * as i1 from '@angular/platform-browser';
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { take, debounceTime, filter, takeUntil, repeatWhen, takeWhile, first, delay, throttleTime } from 'rxjs/operators';
import * as i1$3 from '@angular/cdk/platform';
import { getSupportedInputTypes, supportsPassiveEventListeners, supportsScrollBehavior } from '@angular/cdk/platform';
function query(s, a) {
return query$1(s, a, { optional: true });
}
const left = [
style({ position: 'relative' }),
query(':enter, :leave', style({ position: 'absolute', width: '100%' })),
group([
query(':enter', [style({ transform: 'translateX(-100%)' }), animate('0.6s ease-out', style({ transform: 'translateX(0%)' }))]),
query(':leave', [style({ transform: 'translateX(0%)' }), animate('0.6s ease-out', style({ transform: 'translateX(100%)' }))]),
]),
];
const right = [
style({ position: 'relative' }),
query(':enter, :leave', style({ position: 'absolute', width: '100%' })),
group([
query(':enter', [style({ transform: 'translateX(100%)' }), animate('0.6s ease-out', style({ transform: 'translateX(0%)' }))]),
query(':leave', [style({ transform: 'translateX(0%)' }), animate('0.6s ease-out', style({ transform: 'translateX(-100%)' }))]),
]),
];
const slideInAnimation = trigger('routeAnimations', [
transition(':increment', right),
transition(':decrement', left),
]);
class I17rService {
constructor() {
this.currentLang$ = new BehaviorSubject('en');
}
get currentLang() {
return this.currentLang$.getValue();
}
set currentLang(lang) {
this.currentLang$.next(lang);
}
}
I17rService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: I17rService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
I17rService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: I17rService, providedIn: 'root' });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: I17rService, decorators: [{
type: Injectable,
args: [{
providedIn: 'root'
}]
}], ctorParameters: function () { return []; } });
class I17rPipe {
constructor(i17r) {
this.i17r = i17r;
}
transform(value, lang) {
if (!lang || !lang.length) {
lang = this.i17r.currentLang;
}
console.log(`[I17rPipe] current value: ${value}; language: ${lang}`);
return '';
}
}
I17rPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: I17rPipe, deps: [{ token: I17rService }], target: i0.ɵɵFactoryTarget.Pipe });
I17rPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: I17rPipe, name: "i17r" });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: I17rPipe, decorators: [{
type: Pipe,
args: [{
name: 'i17r'
}]
}], ctorParameters: function () { return [{ type: I17rService }]; } });
class MarkdownComponent {
constructor() {
}
}
MarkdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MarkdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
MarkdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: MarkdownComponent, selector: "sdk-markdown", ngImport: i0, template: "<p>markdown works!</p>\n", styles: [""] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MarkdownComponent, decorators: [{
type: Component,
args: [{ selector: 'sdk-markdown', template: "<p>markdown works!</p>\n" }]
}], ctorParameters: function () { return []; } });
class MarkdownDirective {
constructor() {
}
}
MarkdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MarkdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
MarkdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: MarkdownDirective, selector: "[sdkMarkdown]", ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MarkdownDirective, decorators: [{
type: Directive,
args: [{
selector: '[sdkMarkdown]'
}]
}], ctorParameters: function () { return []; } });
class MarkdownPipe {
constructor(sanitizer) {
this.sanitizer = sanitizer;
}
transform(value, ...args) {
return this.sanitizer.bypassSecurityTrustHtml(value);
}
}
MarkdownPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MarkdownPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
MarkdownPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: MarkdownPipe, name: "markdown" });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: MarkdownPipe, decorators: [{
type: Pipe,
args: [{
name: 'markdown'
}]
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
class NavigationScrollDirective {
constructor(platformId, elementRef, router) {
this.platformId = platformId;
this.elementRef = elementRef;
this.router = router;
}
initNavSub() {
/**
* Init router event subscription
*/
this.elementRef.nativeElement.style['scroll-behavior'] = 'smooth';
this.sub = this.router.events.subscribe((event) => {
if (event instanceof NavigationEnd) {
this.elementRef.nativeElement.scrollTop = 0;
}
});
}
ngOnInit() {
if (isPlatformBrowser(this.platformId)) {
this.initNavSub();
}
}
ngOnDestroy() {
if (this.sub) {
this.sub.unsubscribe();
}
}
}
NavigationScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NavigationScrollDirective, deps: [{ token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Directive });
NavigationScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: NavigationScrollDirective, selector: "[sdkNavigationScroll]", ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: NavigationScrollDirective, decorators: [{
type: Directive,
args: [{
selector: '[sdkNavigationScroll]'
}]
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
type: Inject,
args: [PLATFORM_ID]
}] }, { type: i0.ElementRef }, { type: i1$1.Router }]; } });
const moduleDeclarations$2 = [
I17rPipe,
MarkdownComponent,
MarkdownDirective,
MarkdownPipe,
NavigationScrollDirective,
];
class CoreModule {
}
CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: CoreModule, declarations: [I17rPipe,
MarkdownComponent,
MarkdownDirective,
MarkdownPipe,
NavigationScrollDirective], imports: [CommonModule,
RouterModule], exports: [I17rPipe,
MarkdownComponent,
MarkdownDirective,
MarkdownPipe,
NavigationScrollDirective] });
CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CoreModule, imports: [CommonModule,
RouterModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CoreModule, decorators: [{
type: NgModule,
args: [{
imports: [
CommonModule,
RouterModule
],
declarations: moduleDeclarations$2,
exports: moduleDeclarations$2,
providers: [],
schemas: [
CUSTOM_ELEMENTS_SCHEMA,
NO_ERRORS_SCHEMA,
]
}]
}] });
const AVAILABLE_SIZE_CLASS_NAMES = [
'wide',
'full-width'
];
const BUTTON_CLASS_NAMES = [
'sdk-base-button',
'sdk-flat-button',
'sdk-raised-button',
'sdk-stroked-button',
'sdk-round-button',
'sdk-icon-button',
];
class ButtonComponent {
// @Input() public style: any;
// @Input() public className: string;
constructor(elementRef, renderer) {
this.elementRef = elementRef;
this.renderer = renderer;
this.color = 'primary';
const elem = this.elementRef.nativeElement;
/**
* set base 'sdk-button' class
*/
this.renderer.addClass(elem, 'sdk-button');
/**
* check if specified any button class types
*/
for (const attr of BUTTON_CLASS_NAMES) {
if (elem.hasAttribute(attr)) {
this.renderer.addClass(elem, attr);
}
}
}
onKeyup(ev) {
if (ev.code === 'Space' || ev.key === 'Space' || ev.code === 'Enter' || ev.key === 'Enter') {
ev.preventDefault();
ev.stopPropagation();
}
}
hasHostAttribute(attr) {
return this.elementRef.nativeElement.hasAttribute(attr);
}
ngOnInit() {
/**
* set button size if specified
*/
if (AVAILABLE_SIZE_CLASS_NAMES.includes(this.size)) {
this.renderer.addClass(this.elementRef.nativeElement, `sdk-button--${this.size}`);
}
/**
* set button color if specified
*/
this.renderer.addClass(this.elementRef.nativeElement, `sdk-button--${this.color}`);
/**
* set button small size if specified
*/
if (this.small) {
this.renderer.addClass(this.elementRef.nativeElement, `sdk-button--small`);
}
}
}
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ButtonComponent, selector: "[sdk-base-button], [sdk-flat-button], [sdk-raised-button], [sdk-stroked-button], [sdk-round-button], [sdk-icon-button]", inputs: { color: "color", size: "size", small: "small", disabled: "disabled" }, host: { listeners: { "keypress": "onKeyup($event)" }, properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: `
<ng-content></ng-content>
`, isInline: true, 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{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,button.sdk-button--regular.sdk-stroked-button,button.sdk-button--regular.sdk-base-button,a.sdk-button--regular.sdk-stroked-button,a.sdk-button--regular.sdk-base-button{color:var(--regular-a90-rgb)}.sdk-regular-color:hover,button.sdk-button--regular.sdk-stroked-button:hover,button.sdk-button--regular.sdk-base-button:hover,a.sdk-button--regular.sdk-stroked-button:hover,a.sdk-button--regular.sdk-base-button:hover{color:var(--regular-a100-rgb);background-color:var(--regular-a10-rgb)}.sdk-regular-color.active,button.active.sdk-button--regular.sdk-stroked-button,button.active.sdk-button--regular.sdk-base-button,a.active.sdk-button--regular.sdk-stroked-button,a.active.sdk-button--regular.sdk-base-button,.sdk-regular-color--active{color:var(--regular-a80-rgb)}.sdk-regular-color.disabled,button.disabled.sdk-button--regular.sdk-stroked-button,button.disabled.sdk-button--regular.sdk-base-button,a.disabled.sdk-button--regular.sdk-stroked-button,a.disabled.sdk-button--regular.sdk-base-button,.sdk-regular-color[disabled],button[disabled].sdk-button--regular.sdk-stroked-button,button[disabled].sdk-button--regular.sdk-base-button,a[disabled].sdk-button--regular.sdk-stroked-button,a[disabled].sdk-button--regular.sdk-base-button,.sdk-regular-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-background,button.sdk-button--regular.sdk-round-button,button.sdk-button--regular.sdk-raised-button,button.sdk-button--regular.sdk-flat-button,button.sdk-button--regular.sdk-icon-button,a.sdk-button--regular.sdk-round-button,a.sdk-button--regular.sdk-raised-button,a.sdk-button--regular.sdk-flat-button,a.sdk-button--regular.sdk-icon-button{background-color:var(--regular-a90-rgb);color:var(--regular-text)}.sdk-regular-background:hover,button.sdk-button--regular.sdk-round-button:hover,button.sdk-button--regular.sdk-raised-button:hover,button.sdk-button--regular.sdk-flat-button:hover,button.sdk-button--regular.sdk-icon-button:hover,a.sdk-button--regular.sdk-round-button:hover,a.sdk-button--regular.sdk-raised-button:hover,a.sdk-button--regular.sdk-flat-button:hover,a.sdk-button--regular.sdk-icon-button:hover{background-color:var(--regular-a100-rgb);color:var(--regular-text)}.sdk-regular-background.active,button.active.sdk-button--regular.sdk-round-button,button.active.sdk-button--regular.sdk-raised-button,button.active.sdk-button--regular.sdk-flat-button,button.active.sdk-button--regular.sdk-icon-button,a.active.sdk-button--regular.sdk-round-button,a.active.sdk-button--regular.sdk-raised-button,a.active.sdk-button--regular.sdk-flat-button,a.active.sdk-button--regular.sdk-icon-button,.sdk-regular-background--active{background-color:var(--regular-a80-rgb);color:var(--regular-text)}.sdk-regular-background.disabled,button.disabled.sdk-button--regular.sdk-round-button,button.disabled.sdk-button--regular.sdk-raised-button,button.disabled.sdk-button--regular.sdk-flat-button,button.disabled.sdk-button--regular.sdk-icon-button,a.disabled.sdk-button--regular.sdk-round-button,a.disabled.sdk-button--regular.sdk-raised-button,a.disabled.sdk-button--regular.sdk-flat-button,a.disabled.sdk-button--regular.sdk-icon-button,.sdk-regular-background[disabled],button[disabled].sdk-button--regular.sdk-round-button,button[disabled].sdk-button--regular.sdk-raised-button,button[disabled].sdk-button--regular.sdk-flat-button,button[disabled].sdk-button--regular.sdk-icon-button,a[disabled].sdk-button--regular.sdk-round-button,a[disabled].sdk-button--regular.sdk-raised-button,a[disabled].sdk-button--regular.sdk-flat-button,a[disabled].sdk-button--regular.sdk-icon-button,.sdk-regular-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-regular-border,button.sdk-button--regular.sdk-stroked-button,a.sdk-button--regular.sdk-stroked-button{border-color:var(--regular-a90-rgb)}.sdk-regular-border:hover,button.sdk-button--regular.sdk-stroked-button:hover,a.sdk-button--regular.sdk-stroked-button:hover{border-color:var(--regular-a100-rgb)}.sdk-regular-border.active,button.active.sdk-button--regular.sdk-stroked-button,a.active.sdk-button--regular.sdk-stroked-button,.sdk-regular-border--active{border-color:var(--regular-a80-rgb)}.sdk-regular-border.disabled,button.disabled.sdk-button--regular.sdk-stroked-button,a.disabled.sdk-button--regular.sdk-stroked-button,.sdk-regular-border[disabled],button[disabled].sdk-button--regular.sdk-stroked-button,a[disabled].sdk-button--regular.sdk-stroked-button,.sdk-regular-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-color,button.sdk-button--primary.sdk-stroked-button,button.sdk-button--primary.sdk-base-button,a.sdk-button--primary.sdk-stroked-button,a.sdk-button--primary.sdk-base-button{color:var(--primary-a90-rgb)}.sdk-primary-color:hover,button.sdk-button--primary.sdk-stroked-button:hover,button.sdk-button--primary.sdk-base-button:hover,a.sdk-button--primary.sdk-stroked-button:hover,a.sdk-button--primary.sdk-base-button:hover{color:var(--primary-a100-rgb);background-color:var(--primary-a10-rgb)}.sdk-primary-color.active,button.active.sdk-button--primary.sdk-stroked-button,button.active.sdk-button--primary.sdk-base-button,a.active.sdk-button--primary.sdk-stroked-button,a.active.sdk-button--primary.sdk-base-button,.sdk-primary-color--active{color:var(--primary-a80-rgb)}.sdk-primary-color.disabled,button.disabled.sdk-button--primary.sdk-stroked-button,button.disabled.sdk-button--primary.sdk-base-button,a.disabled.sdk-button--primary.sdk-stroked-button,a.disabled.sdk-button--primary.sdk-base-button,.sdk-primary-color[disabled],button[disabled].sdk-button--primary.sdk-stroked-button,button[disabled].sdk-button--primary.sdk-base-button,a[disabled].sdk-button--primary.sdk-stroked-button,a[disabled].sdk-button--primary.sdk-base-button,.sdk-primary-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-background,button.sdk-button--primary.sdk-round-button,button.sdk-button--primary.sdk-raised-button,button.sdk-button--primary.sdk-flat-button,button.sdk-button--primary.sdk-icon-button,a.sdk-button--primary.sdk-round-button,a.sdk-button--primary.sdk-raised-button,a.sdk-button--primary.sdk-flat-button,a.sdk-button--primary.sdk-icon-button{background-color:var(--primary-a90-rgb);color:var(--primary-text)}.sdk-primary-background:hover,button.sdk-button--primary.sdk-round-button:hover,button.sdk-button--primary.sdk-raised-button:hover,button.sdk-button--primary.sdk-flat-button:hover,button.sdk-button--primary.sdk-icon-button:hover,a.sdk-button--primary.sdk-round-button:hover,a.sdk-button--primary.sdk-raised-button:hover,a.sdk-button--primary.sdk-flat-button:hover,a.sdk-button--primary.sdk-icon-button:hover{background-color:var(--primary-a100-rgb);color:var(--primary-text)}.sdk-primary-background.active,button.active.sdk-button--primary.sdk-round-button,button.active.sdk-button--primary.sdk-raised-button,button.active.sdk-button--primary.sdk-flat-button,button.active.sdk-button--primary.sdk-icon-button,a.active.sdk-button--primary.sdk-round-button,a.active.sdk-button--primary.sdk-raised-button,a.active.sdk-button--primary.sdk-flat-button,a.active.sdk-button--primary.sdk-icon-button,.sdk-primary-background--active{background-color:var(--primary-a80-rgb);color:var(--primary-text)}.sdk-primary-background.disabled,button.disabled.sdk-button--primary.sdk-round-button,button.disabled.sdk-button--primary.sdk-raised-button,button.disabled.sdk-button--primary.sdk-flat-button,button.disabled.sdk-button--primary.sdk-icon-button,a.disabled.sdk-button--primary.sdk-round-button,a.disabled.sdk-button--primary.sdk-raised-button,a.disabled.sdk-button--primary.sdk-flat-button,a.disabled.sdk-button--primary.sdk-icon-button,.sdk-primary-background[disabled],button[disabled].sdk-button--primary.sdk-round-button,button[disabled].sdk-button--primary.sdk-raised-button,button[disabled].sdk-button--primary.sdk-flat-button,button[disabled].sdk-button--primary.sdk-icon-button,a[disabled].sdk-button--primary.sdk-round-button,a[disabled].sdk-button--primary.sdk-raised-button,a[disabled].sdk-button--primary.sdk-flat-button,a[disabled].sdk-button--primary.sdk-icon-button,.sdk-primary-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-primary-border,button.sdk-button--primary.sdk-stroked-button,a.sdk-button--primary.sdk-stroked-button{border-color:var(--primary-a90-rgb)}.sdk-primary-border:hover,button.sdk-button--primary.sdk-stroked-button:hover,a.sdk-button--primary.sdk-stroked-button:hover{border-color:var(--primary-a100-rgb)}.sdk-primary-border.active,button.active.sdk-button--primary.sdk-stroked-button,a.active.sdk-button--primary.sdk-stroked-button,.sdk-primary-border--active{border-color:var(--primary-a80-rgb)}.sdk-primary-border.disabled,button.disabled.sdk-button--primary.sdk-stroked-button,a.disabled.sdk-button--primary.sdk-stroked-button,.sdk-primary-border[disabled],button[disabled].sdk-button--primary.sdk-stroked-button,a[disabled].sdk-button--primary.sdk-stroked-button,.sdk-primary-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-color,button.sdk-button--success.sdk-stroked-button,button.sdk-button--success.sdk-base-button,a.sdk-button--success.sdk-stroked-button,a.sdk-button--success.sdk-base-button{color:var(--success-a90-rgb)}.sdk-success-color:hover,button.sdk-button--success.sdk-stroked-button:hover,button.sdk-button--success.sdk-base-button:hover,a.sdk-button--success.sdk-stroked-button:hover,a.sdk-button--success.sdk-base-button:hover{color:var(--success-a100-rgb);background-color:var(--success-a10-rgb)}.sdk-success-color.active,button.active.sdk-button--success.sdk-stroked-button,button.active.sdk-button--success.sdk-base-button,a.active.sdk-button--success.sdk-stroked-button,a.active.sdk-button--success.sdk-base-button,.sdk-success-color--active{color:var(--success-a80-rgb)}.sdk-success-color.disabled,button.disabled.sdk-button--success.sdk-stroked-button,button.disabled.sdk-button--success.sdk-base-button,a.disabled.sdk-button--success.sdk-stroked-button,a.disabled.sdk-button--success.sdk-base-button,.sdk-success-color[disabled],button[disabled].sdk-button--success.sdk-stroked-button,button[disabled].sdk-button--success.sdk-base-button,a[disabled].sdk-button--success.sdk-stroked-button,a[disabled].sdk-button--success.sdk-base-button,.sdk-success-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-background,button.sdk-button--success.sdk-round-button,button.sdk-button--success.sdk-raised-button,button.sdk-button--success.sdk-flat-button,button.sdk-button--success.sdk-icon-button,a.sdk-button--success.sdk-round-button,a.sdk-button--success.sdk-raised-button,a.sdk-button--success.sdk-flat-button,a.sdk-button--success.sdk-icon-button{background-color:var(--success-a90-rgb);color:var(--success-text)}.sdk-success-background:hover,button.sdk-button--success.sdk-round-button:hover,button.sdk-button--success.sdk-raised-button:hover,button.sdk-button--success.sdk-flat-button:hover,button.sdk-button--success.sdk-icon-button:hover,a.sdk-button--success.sdk-round-button:hover,a.sdk-button--success.sdk-raised-button:hover,a.sdk-button--success.sdk-flat-button:hover,a.sdk-button--success.sdk-icon-button:hover{background-color:var(--success-a100-rgb);color:var(--success-text)}.sdk-success-background.active,button.active.sdk-button--success.sdk-round-button,button.active.sdk-button--success.sdk-raised-button,button.active.sdk-button--success.sdk-flat-button,button.active.sdk-button--success.sdk-icon-button,a.active.sdk-button--success.sdk-round-button,a.active.sdk-button--success.sdk-raised-button,a.active.sdk-button--success.sdk-flat-button,a.active.sdk-button--success.sdk-icon-button,.sdk-success-background--active{background-color:var(--success-a80-rgb);color:var(--success-text)}.sdk-success-background.disabled,button.disabled.sdk-button--success.sdk-round-button,button.disabled.sdk-button--success.sdk-raised-button,button.disabled.sdk-button--success.sdk-flat-button,button.disabled.sdk-button--success.sdk-icon-button,a.disabled.sdk-button--success.sdk-round-button,a.disabled.sdk-button--success.sdk-raised-button,a.disabled.sdk-button--success.sdk-flat-button,a.disabled.sdk-button--success.sdk-icon-button,.sdk-success-background[disabled],button[disabled].sdk-button--success.sdk-round-button,button[disabled].sdk-button--success.sdk-raised-button,button[disabled].sdk-button--success.sdk-flat-button,button[disabled].sdk-button--success.sdk-icon-button,a[disabled].sdk-button--success.sdk-round-button,a[disabled].sdk-button--success.sdk-raised-button,a[disabled].sdk-button--success.sdk-flat-button,a[disabled].sdk-button--success.sdk-icon-button,.sdk-success-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-success-border,button.sdk-button--success.sdk-stroked-button,a.sdk-button--success.sdk-stroked-button{border-color:var(--success-a90-rgb)}.sdk-success-border:hover,button.sdk-button--success.sdk-stroked-button:hover,a.sdk-button--success.sdk-stroked-button:hover{border-color:var(--success-a100-rgb)}.sdk-success-border.active,button.active.sdk-button--success.sdk-stroked-button,a.active.sdk-button--success.sdk-stroked-button,.sdk-success-border--active{border-color:var(--success-a80-rgb)}.sdk-success-border.disabled,button.disabled.sdk-button--success.sdk-stroked-button,a.disabled.sdk-button--success.sdk-stroked-button,.sdk-success-border[disabled],button[disabled].sdk-button--success.sdk-stroked-button,a[disabled].sdk-button--success.sdk-stroked-button,.sdk-success-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-color,button.sdk-button--accent.sdk-stroked-button,button.sdk-button--accent.sdk-base-button,a.sdk-button--accent.sdk-stroked-button,a.sdk-button--accent.sdk-base-button{color:var(--accent-a90-rgb)}.sdk-accent-color:hover,button.sdk-button--accent.sdk-stroked-button:hover,button.sdk-button--accent.sdk-base-button:hover,a.sdk-button--accent.sdk-stroked-button:hover,a.sdk-button--accent.sdk-base-button:hover{color:var(--accent-a100-rgb);background-color:var(--accent-a10-rgb)}.sdk-accent-color.active,button.active.sdk-button--accent.sdk-stroked-button,button.active.sdk-button--accent.sdk-base-button,a.active.sdk-button--accent.sdk-stroked-button,a.active.sdk-button--accent.sdk-base-button,.sdk-accent-color--active{color:var(--accent-a80-rgb)}.sdk-accent-color.disabled,button.disabled.sdk-button--accent.sdk-stroked-button,button.disabled.sdk-button--accent.sdk-base-button,a.disabled.sdk-button--accent.sdk-stroked-button,a.disabled.sdk-button--accent.sdk-base-button,.sdk-accent-color[disabled],button[disabled].sdk-button--accent.sdk-stroked-button,button[disabled].sdk-button--accent.sdk-base-button,a[disabled].sdk-button--accent.sdk-stroked-button,a[disabled].sdk-button--accent.sdk-base-button,.sdk-accent-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-background,button.sdk-button--accent.sdk-round-button,button.sdk-button--accent.sdk-raised-button,button.sdk-button--accent.sdk-flat-button,button.sdk-button--accent.sdk-icon-button,a.sdk-button--accent.sdk-round-button,a.sdk-button--accent.sdk-raised-button,a.sdk-button--accent.sdk-flat-button,a.sdk-button--accent.sdk-icon-button{background-color:var(--accent-a90-rgb);color:var(--accent-text)}.sdk-accent-background:hover,button.sdk-button--accent.sdk-round-button:hover,button.sdk-button--accent.sdk-raised-button:hover,button.sdk-button--accent.sdk-flat-button:hover,button.sdk-button--accent.sdk-icon-button:hover,a.sdk-button--accent.sdk-round-button:hover,a.sdk-button--accent.sdk-raised-button:hover,a.sdk-button--accent.sdk-flat-button:hover,a.sdk-button--accent.sdk-icon-button:hover{background-color:var(--accent-a100-rgb);color:var(--accent-text)}.sdk-accent-background.active,button.active.sdk-button--accent.sdk-round-button,button.active.sdk-button--accent.sdk-raised-button,button.active.sdk-button--accent.sdk-flat-button,button.active.sdk-button--accent.sdk-icon-button,a.active.sdk-button--accent.sdk-round-button,a.active.sdk-button--accent.sdk-raised-button,a.active.sdk-button--accent.sdk-flat-button,a.active.sdk-button--accent.sdk-icon-button,.sdk-accent-background--active{background-color:var(--accent-a80-rgb);color:var(--accent-text)}.sdk-accent-background.disabled,button.disabled.sdk-button--accent.sdk-round-button,button.disabled.sdk-button--accent.sdk-raised-button,button.disabled.sdk-button--accent.sdk-flat-button,button.disabled.sdk-button--accent.sdk-icon-button,a.disabled.sdk-button--accent.sdk-round-button,a.disabled.sdk-button--accent.sdk-raised-button,a.disabled.sdk-button--accent.sdk-flat-button,a.disabled.sdk-button--accent.sdk-icon-button,.sdk-accent-background[disabled],button[disabled].sdk-button--accent.sdk-round-button,button[disabled].sdk-button--accent.sdk-raised-button,button[disabled].sdk-button--accent.sdk-flat-button,button[disabled].sdk-button--accent.sdk-icon-button,a[disabled].sdk-button--accent.sdk-round-button,a[disabled].sdk-button--accent.sdk-raised-button,a[disabled].sdk-button--accent.sdk-flat-button,a[disabled].sdk-button--accent.sdk-icon-button,.sdk-accent-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-accent-border,button.sdk-button--accent.sdk-stroked-button,a.sdk-button--accent.sdk-stroked-button{border-color:var(--accent-a90-rgb)}.sdk-accent-border:hover,button.sdk-button--accent.sdk-stroked-button:hover,a.sdk-button--accent.sdk-stroked-button:hover{border-color:var(--accent-a100-rgb)}.sdk-accent-border.active,button.active.sdk-button--accent.sdk-stroked-button,a.active.sdk-button--accent.sdk-stroked-button,.sdk-accent-border--active{border-color:var(--accent-a80-rgb)}.sdk-accent-border.disabled,button.disabled.sdk-button--accent.sdk-stroked-button,a.disabled.sdk-button--accent.sdk-stroked-button,.sdk-accent-border[disabled],button[disabled].sdk-button--accent.sdk-stroked-button,a[disabled].sdk-button--accent.sdk-stroked-button,.sdk-accent-border--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-color,button.sdk-button--warn.sdk-stroked-button,button.sdk-button--warn.sdk-base-button,a.sdk-button--warn.sdk-stroked-button,a.sdk-button--warn.sdk-base-button{color:var(--warn-a90-rgb)}.sdk-warn-color:hover,button.sdk-button--warn.sdk-stroked-button:hover,button.sdk-button--warn.sdk-base-button:hover,a.sdk-button--warn.sdk-stroked-button:hover,a.sdk-button--warn.sdk-base-button:hover{color:var(--warn-a100-rgb);background-color:var(--warn-a10-rgb)}.sdk-warn-color.active,button.active.sdk-button--warn.sdk-stroked-button,button.active.sdk-button--warn.sdk-base-button,a.active.sdk-button--warn.sdk-stroked-button,a.active.sdk-button--warn.sdk-base-button,.sdk-warn-color--active{color:var(--warn-a80-rgb)}.sdk-warn-color.disabled,button.disabled.sdk-button--warn.sdk-stroked-button,button.disabled.sdk-button--warn.sdk-base-button,a.disabled.sdk-button--warn.sdk-stroked-button,a.disabled.sdk-button--warn.sdk-base-button,.sdk-warn-color[disabled],button[disabled].sdk-button--warn.sdk-stroked-button,button[disabled].sdk-button--warn.sdk-base-button,a[disabled].sdk-button--warn.sdk-stroked-button,a[disabled].sdk-button--warn.sdk-base-button,.sdk-warn-color--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-background,button.sdk-button--warn.sdk-round-button,button.sdk-button--warn.sdk-raised-button,button.sdk-button--warn.sdk-flat-button,button.sdk-button--warn.sdk-icon-button,a.sdk-button--warn.sdk-round-button,a.sdk-button--warn.sdk-raised-button,a.sdk-button--warn.sdk-flat-button,a.sdk-button--warn.sdk-icon-button{background-color:var(--warn-a90-rgb);color:var(--warn-text)}.sdk-warn-background:hover,button.sdk-button--warn.sdk-round-button:hover,button.sdk-button--warn.sdk-raised-button:hover,button.sdk-button--warn.sdk-flat-button:hover,button.sdk-button--warn.sdk-icon-button:hover,a.sdk-button--warn.sdk-round-button:hover,a.sdk-button--warn.sdk-raised-button:hover,a.sdk-button--warn.sdk-flat-button:hover,a.sdk-button--warn.sdk-icon-button:hover{background-color:var(--warn-a100-rgb);color:var(--warn-text)}.sdk-warn-background.active,button.active.sdk-button--warn.sdk-round-button,button.active.sdk-button--warn.sdk-raised-button,button.active.sdk-button--warn.sdk-flat-button,button.active.sdk-button--warn.sdk-icon-button,a.active.sdk-button--warn.sdk-round-button,a.active.sdk-button--warn.sdk-raised-button,a.active.sdk-button--warn.sdk-flat-button,a.active.sdk-button--warn.sdk-icon-button,.sdk-warn-background--active{background-color:var(--warn-a80-rgb);color:var(--warn-text)}.sdk-warn-background.disabled,button.disabled.sdk-button--warn.sdk-round-button,button.disabled.sdk-button--warn.sdk-raised-button,button.disabled.sdk-button--warn.sdk-flat-button,button.disabled.sdk-button--warn.sdk-icon-button,a.disabled.sdk-button--warn.sdk-round-button,a.disabled.sdk-button--warn.sdk-raised-button,a.disabled.sdk-button--warn.sdk-flat-button,a.disabled.sdk-button--warn.sdk-icon-button,.sdk-warn-background[disabled],button[disabled].sdk-button--warn.sdk-round-button,button[disabled].sdk-button--warn.sdk-raised-button,button[disabled].sdk-button--warn.sdk-flat-button,button[disabled].sdk-button--warn.sdk-icon-button,a[disabled].sdk-button--warn.sdk-round-button,a[disabled].sdk-button--warn.sdk-raised-button,a[disabled].sdk-button--warn.sdk-flat-button,a[disabled].sdk-button--warn.sdk-icon-button,.sdk-warn-background--disabled{pointer-events:none;cursor:default;opacity:.5}.sdk-warn-border,button.sdk-button--warn.sdk-stroked-button,a.sdk-button--warn.sdk-stroked-button{border-color:var(--warn-a90-rgb)}.sdk-warn-border:hover,button.sdk-button--warn.sdk-stroked-button:hover,a.sdk-button--warn.sdk-stroked-button:hover{border-color:var(--warn-a100-rgb)}.sdk-warn-border.active,button.active.sdk-button--warn.sdk-stroked-button,a.active.sdk-button--warn.sdk-stroked-button,.sdk-warn-border--active{border-color:var(--warn-a80-rgb)}.sdk-warn-border.disabled,button.disabled.sdk-button--warn.sdk-stroked-button,a.disabled.sdk-button--warn.sdk-stroked-button,.sdk-warn-border[disabled],button[disabled].sdk-button--warn.sdk-stroked-button,a[disabled].sdk-button--warn.sdk-stroked-button,.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)}button.sdk-button,a.sdk-button{border-radius:4px;font-weight:600;padding:0 16px;outline:none;height:44px;font-size:17px;cursor:pointer;transition:background-color .4s,color .4s;display:flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;overflow:hidden;background:transparent}button.sdk-button sdk-icon:first-child,a.sdk-button sdk-icon:first-child{margin-right:8px}button.sdk-button sdk-icon:last-child,a.sdk-button sdk-icon:last-child{margin-left:8px}button.sdk-button sdk-icon:only-child,a.sdk-button sdk-icon:only-child{margin:0}button.sdk-button--small,a.sdk-button--small{height:32px;padding:0 12px;font-size:15px}button.sdk-button--wide,a.sdk-button--wide{min-width:200px}button.sdk-button--full-width,a.sdk-button--full-width{width:100%}button.sdk-button--centered,a.sdk-button--centered{justify-content:center}button.sdk-button--space-between,a.sdk-button--space-between{justify-content:space-between}button.sdk-button--left,a.sdk-button--left{justify-content:flex-start}button.sdk-button[disabled],button.sdk-button.disabled,a.sdk-button[disabled],a.sdk-button.disabled{cursor:default;pointer-events:none;opacity:.6}button.sdk-button.sdk-raised-button:not(disabled),a.sdk-button.sdk-raised-button:not(disabled){box-shadow:0 2px 4px #0000004d}button.sdk-button.sdk-stroked-button,a.sdk-button.sdk-stroked-button{border:1px solid}button.sdk-button.sdk-icon-button,a.sdk-button.sdk-icon-button{border-radius:100%;width:44px;padding:0}button.sdk-button.sdk-icon-button.sdk-button--small,a.sdk-button.sdk-icon-button.sdk-button--small{width:32px}button.sdk-button.sdk-round-button,a.sdk-button.sdk-round-button{border-radius:22px}button.sdk-button.sdk-round-button.sdk-button--small,a.sdk-button.sdk-round-button.sdk-button--small{border-radius:16px;font-size:14px}button.sdk-button sdk-icon,a.sdk-button sdk-icon{font-size:0}button.sdk-button--regular.sdk-base-button,button.sdk-button--regular.sdk-stroked-button,a.sdk-button--regular.sdk-base-button,a.sdk-button--regular.sdk-stroked-button,button.sdk-button--regular.sdk-base-button:hover,button.sdk-button--regular.sdk-stroked-button:hover,a.sdk-button--regular.sdk-base-button:hover,a.sdk-button--regular.sdk-stroked-button:hover,button.sdk-button--regular.sdk-base-button.active,button.sdk-button--regular.sdk-base-button--active,button.sdk-button--regular.sdk-stroked-button.active,button.sdk-button--regular.sdk-stroked-button--active,a.sdk-button--regular.sdk-base-button.active,a.sdk-button--regular.sdk-base-button--active,a.sdk-button--regular.sdk-stroked-button.active,a.sdk-button--regular.sdk-stroked-button--active{color:var(--regular-text)}button.sdk-button--regular.sdk-stroked-button,a.sdk-button--regular.sdk-stroked-button{border-color:var(--regular-a90-rgb)}\n"], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ButtonComponent, decorators: [{
type: Component,
args: [{ selector: '[sdk-base-button], [sdk-flat-button], [sdk-raised-button], [sdk-stroked-button], [sdk-round-button], [sdk-icon-button]', template: `
<ng-content></ng-content>
`, encapsulation: ViewEncapsulation.None, 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{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{fl