@koobiq/components 17.0.0-rc.2 → 17.0.0-rc.4

package/core/locales/locale-service.d.ts

@@ -27,6 +27,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 fractionSeparator: string;
             };
         };
+        sizeUnits: {
+            defaultUnitSystem: string;
+            defaultPrecision: number;
+            unitSystems: {
+                SI: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+                IEC: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+            };
+        };
         select: {
             hiddenItemsText: string;
         };
@@ -76,6 +92,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 fractionSeparator: string;
             };
         };
+        sizeUnits: {
+            defaultUnitSystem: string;
+            defaultPrecision: number;
+            unitSystems: {
+                SI: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+                IEC: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+            };
+        };
         select: {
             hiddenItemsText: string;
         };
@@ -125,6 +157,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 fractionSeparator: string;
             };
         };
+        sizeUnits: {
+            defaultUnitSystem: string;
+            defaultPrecision: number;
+            unitSystems: {
+                SI: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+                IEC: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+            };
+        };
         select: {
             hiddenItemsText: string;
         };
@@ -174,6 +222,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 fractionSeparator: string;
             };
         };
+        sizeUnits: {
+            defaultUnitSystem: string;
+            defaultPrecision: number;
+            unitSystems: {
+                SI: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+                IEC: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+            };
+        };
         select: {
             hiddenItemsText: string;
         };
@@ -224,6 +288,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 startFormattingFrom: number;
             };
         };
+        sizeUnits: {
+            defaultUnitSystem: string;
+            defaultPrecision: number;
+            unitSystems: {
+                SI: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+                IEC: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+            };
+        };
         select: {
             hiddenItemsText: string;
         };
@@ -275,6 +355,22 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 fractionSeparator: string;
             };
         };
+        sizeUnits: {
+            defaultUnitSystem: string;
+            defaultPrecision: number;
+            unitSystems: {
+                SI: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+                IEC: {
+                    abbreviations: string[];
+                    base: number;
+                    power: number;
+                };
+            };
+        };
         select: {
             hiddenItemsText: string;
         };

package/core/pop-up/pop-up-trigger.d.ts

@@ -33,12 +33,13 @@ export declare abstract class KbqPopUpTrigger<T> {
     protected overlayRef: OverlayRef | null;
     protected portal: ComponentPortal<T>;
     protected instance: any | null;
-    protected listeners: Map<string, EventListenerOrEventListenerObject>;
+    protected listeners: Map<string, EventListener>;
     protected closingActionsSubscription: Subscription;
     protected readonly availablePositions: {
         [key: string]: ConnectionPositionPair;
     };
     protected readonly destroyed: Subject<void>;
+    protected triggerName: string;
     protected constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction?: Directionality | undefined);
     abstract updateClassMap(newPlacement?: string): void;
     abstract updateData(): void;
@@ -63,6 +64,7 @@ export declare abstract class KbqPopUpTrigger<T> {
     protected getPriorityPlacementStrategy(value: string | string[]): ConnectionPositionPair[];
     protected getPrioritizedPositions(): ConnectionPositionPair[];
     protected clearListeners(): void;
+    private createListener;
     private addEventListener;
     private removeEventListener;
     private subscribeOnClosingActions;

package/core/styles/_variables.scss

@@ -1 +1 @@
-$z-index-loader-overlay: 10;
+

package/core/styles/common/_tokens.scss

@@ -0,0 +1,28 @@
+@use 'sass:map';
+@use 'sass:meta';
+@use 'sass:string';
+@use 'sass:list';
+
+@use '../tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+
+@function cssVar($name) {
+    @if string.index($name, light-) {
+        $short-name: '';
+
+        @each $part in string.split($name, '-light') {
+            $short-name: $short-name + $part;
+        }
+
+        @return var(--kbq-#{$short-name}, map.get($tokens, $name));
+    } @else {
+        @return var(--kbq-#{$name}, map.get($tokens, $name));
+    }
+}
+
+@function getToken($name) {
+    @return map.get($tokens, $name);
+}

package/core/styles/theming/_components-theming.scss

@@ -1,15 +1,60 @@
 @function kbq-components-theme($tokens, $scheme) {
     $alert: (
-        contrast: (
-            background: map-get($tokens, 'alert-#{$scheme}-contrast-container-background'),
-            title: map-get($tokens, 'alert-#{$scheme}-contrast-container-title'),
-            text: map-get($tokens, 'alert-#{$scheme}-contrast-container-text')
+        default: (
+            contrast: (
+                background: map-get($tokens, 'alert-#{$scheme}-default-contrast-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-default-contrast-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-default-contrast-container-text')
+            ),
+            error: (
+                background: map-get($tokens, 'alert-#{$scheme}-default-error-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-default-error-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-default-error-container-text')
+            ),
+            warning: (
+                background: map-get($tokens, 'alert-#{$scheme}-default-warning-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-default-warning-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-default-warning-container-text')
+            ),
+            success: (
+                background: map-get($tokens, 'alert-#{$scheme}-default-success-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-default-success-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-default-success-container-text')
+            ),
+            theme: (
+                background: map-get($tokens, 'alert-#{$scheme}-default-theme-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-default-theme-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-default-theme-container-text')
+            )
         ),
-        error: (
-            background: map-get($tokens, 'alert-#{$scheme}-error-container-background'),
-            title: map-get($tokens, 'alert-#{$scheme}-error-container-title'),
-            text: map-get($tokens, 'alert-#{$scheme}-error-container-text')
+        colored: (
+            contrast: (
+                background: map-get($tokens, 'alert-#{$scheme}-colored-contrast-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-colored-contrast-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-colored-contrast-container-text')
+            ),
+            error: (
+                background: map-get($tokens, 'alert-#{$scheme}-colored-error-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-colored-error-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-colored-error-container-text')
+            ),
+            warning: (
+                background: map-get($tokens, 'alert-#{$scheme}-colored-warning-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-colored-warning-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-colored-warning-container-text')
+            ),
+            success: (
+                background: map-get($tokens, 'alert-#{$scheme}-colored-success-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-colored-success-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-colored-success-container-text')
+            ),
+            theme: (
+                background: map-get($tokens, 'alert-#{$scheme}-colored-theme-container-background'),
+                title: map-get($tokens, 'alert-#{$scheme}-colored-theme-container-title'),
+                text: map-get($tokens, 'alert-#{$scheme}-colored-theme-container-text')
+            )
         )
+
     );
 
     $popup: (
@@ -1739,13 +1784,25 @@
             background: map-get($tokens, 'toast-#{$scheme}-contrast-container-background'),
             title: map-get($tokens, 'toast-#{$scheme}-contrast-container-title'),
             text: map-get($tokens, 'toast-#{$scheme}-contrast-container-text'),
-            box-shadow: map-get($tokens, 'toast-#{$scheme}-contrast-container-box-shadow')
+            box-shadow: map-get($tokens, 'toast-#{$scheme}-contrast-container-shadow')
+        ),
+        success: (
+            background: map-get($tokens, 'toast-#{$scheme}-success-container-background'),
+            title: map-get($tokens, 'toast-#{$scheme}-success-container-title'),
+            text: map-get($tokens, 'toast-#{$scheme}-success-container-text'),
+            box-shadow: map-get($tokens, 'toast-#{$scheme}-success-container-shadow')
+        ),
+        warning: (
+            background: map-get($tokens, 'toast-#{$scheme}-warning-container-background'),
+            title: map-get($tokens, 'toast-#{$scheme}-warning-container-title'),
+            text: map-get($tokens, 'toast-#{$scheme}-warning-container-text'),
+            box-shadow: map-get($tokens, 'toast-#{$scheme}-warning-container-shadow')
         ),
         error: (
             background: map-get($tokens, 'toast-#{$scheme}-error-container-background'),
             title: map-get($tokens, 'toast-#{$scheme}-error-container-title'),
             text: map-get($tokens, 'toast-#{$scheme}-error-container-text'),
-            box-shadow: map-get($tokens, 'toast-#{$scheme}-error-container-box-shadow')
+            box-shadow: map-get($tokens, 'toast-#{$scheme}-error-container-shadow')
         )
     );
 

package/core/styles/theming/_theming.scss

@@ -248,7 +248,7 @@
 }
 
 @function kbq-light-theme($tokens) {
-    $scheme: 'light-color-scheme';
+    $scheme: 'light';
 
     @return (
         is-dark: false,
@@ -281,7 +281,7 @@
 }
 
 @function kbq-dark-theme($tokens) {
-    $scheme: 'dark-color-scheme';
+    $scheme: 'dark';
 
     @return (
         is-dark: true,

package/core/styles/typography/_typography.scss

@@ -13,6 +13,10 @@
         display-2:              map.get($typography, display-2),
         display-3:              map.get($typography, display-3),
 
+        display-1-strong:       map.get($typography, display-1-strong),
+        display-2-strong:       map.get($typography, display-2-strong),
+        display-3-strong:       map.get($typography, display-3-strong),
+
         headline:               map.get($typography, headline),
         subheading:             map.get($typography, subheading),
         title:                  map.get($typography, title),
@@ -35,12 +39,17 @@
         extra-small-text:       map.get($typography, extra-small-text),
         extra-small-text-caps:  map.get($typography, extra-small-text-caps),
         extra-small-text-mono:  map.get($typography, extra-small-text-mono),
-        extra-small-text-strong:  map.get($typography, extra-small-text-strong),
+        extra-small-text-strong:map.get($typography, extra-small-text-strong),
 
         //new
         display-big:             map.get($typography, display-big),
         display-normal:          map.get($typography, display-normal),
         display-compact:         map.get($typography, display-compact),
+
+        display-big-strong:      map.get($typography, display-big-strong),
+        display-normal-strong:   map.get($typography, display-normal-strong),
+        display-compact-strong:  map.get($typography, display-compact-strong),
+
         text-big:                map.get($typography, text-big),
         text-big-strong:         map.get($typography, text-big-strong),
         text-normal:             map.get($typography, text-normal),
@@ -73,7 +82,7 @@
         italic-compact-strong:   map.get($typography, italic-compact-strong),
         mono-codeblock:          map.get($typography, mono-codeblock),
 
-        navbar-title:          map.get($typography, navbar-title)
+        navbar-title:            map.get($typography, navbar-title)
     );
 
     @each $key, $level in $config {
@@ -132,6 +141,18 @@
         @include kbq-typography-level-to-styles($config, display-3);
     }
 
+    .kbq-display-1-strong {
+        @include kbq-typography-level-to-styles($config, display-1-strong);
+    }
+
+    .kbq-display-2-strong {
+        @include kbq-typography-level-to-styles($config, display-2-strong);
+    }
+
+    .kbq-display-3-strong {
+        @include kbq-typography-level-to-styles($config, display-3-strong);
+    }
+
     .kbq-headline {
         @include kbq-typography-level-to-styles($config, headline);
     }
@@ -209,14 +230,26 @@
         @include kbq-typography-level-to-styles($config, display-big);
     }
 
+    .kbq-display-big-strong {
+        @include kbq-typography-level-to-styles($config, display-big-strong);
+    }
+
     .kbq-display-normal {
         @include kbq-typography-level-to-styles($config, display-normal);
     }
 
+    .kbq-display-normal-strong {
+        @include kbq-typography-level-to-styles($config, display-normal-strong);
+    }
+
     .kbq-display-compact {
         @include kbq-typography-level-to-styles($config, display-compact);
     }
 
+    .kbq-display-compact-strong {
+        @include kbq-typography-level-to-styles($config, display-compact-strong);
+    }
+
     .kbq-text-big {
         @include kbq-typography-level-to-styles($config, text-big);
     }

package/core/utils/data-size/config.d.ts

@@ -1,9 +1,26 @@
+import { InjectionToken } from '@angular/core';
 export declare enum MeasurementSystem {
     SI = "SI",
     IEC = "IEC"
 }
-export declare const sizeUnitsConfig: {
-    defaultUnitSystem: MeasurementSystem;
+export interface SizeUnitsConfig {
+    defaultUnitSystem: string;
+    defaultPrecision: number;
+    unitSystems: {
+        [MeasurementSystem.SI]: {
+            abbreviations: string[];
+            base: number;
+            power: number;
+        };
+        [MeasurementSystem.IEC]: {
+            abbreviations: string[];
+            base: number;
+            power: number;
+        };
+    };
+}
+export declare const KBQ_SIZE_UNITS_DEFAULT_CONFIG: {
+    defaultUnitSystem: string;
     defaultPrecision: number;
     unitSystems: {
         SI: {
@@ -18,3 +35,4 @@ export declare const sizeUnitsConfig: {
         };
     };
 };
+export declare const KBQ_SIZE_UNITS_CONFIG: InjectionToken<SizeUnitsConfig>;

package/core/utils/data-size/data-size.pipe.d.ts

@@ -1,13 +1,14 @@
 import { PipeTransform } from '@angular/core';
-import { MeasurementSystem } from './config';
+import { KbqLocaleService } from '../../locales';
+import { SizeUnitsConfig } from './config';
 import * as i0 from "@angular/core";
 export declare class KbqDataSizePipe implements PipeTransform {
-    transform(source: number, precision?: number, measurementSystem?: MeasurementSystem): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDataSizePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<KbqDataSizePipe, "kbqDataSize", false>;
-}
-export declare class KbqDataSizeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDataSizeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDataSizeModule, [typeof KbqDataSizePipe], never, [typeof KbqDataSizePipe]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDataSizeModule>;
+    readonly externalConfig: SizeUnitsConfig;
+    private localeService?;
+    private config;
+    constructor(externalConfig: SizeUnitsConfig, localeService?: KbqLocaleService | undefined);
+    transform(source: number, precision?: number, unitSystemName?: string): string;
+    private updateLocaleParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDataSizePipe, [{ optional: true; }, { optional: true; }]>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KbqDataSizePipe, "kbqDataSize", true>;
 }

package/core/utils/data-size/size.d.ts

@@ -1,5 +1,4 @@
-import { MeasurementSystem } from './config';
-export declare const formatDataSize: (value: number, systemCode?: MeasurementSystem, precision?: number) => {
+export declare const formatDataSize: (value: number, precision: number, system: any) => {
     value: string;
     unit: string;
 };
@@ -7,10 +6,10 @@ export declare const formatDataSize: (value: number, systemCode?: MeasurementSys
  * Переводит байты в Кб, Мб, Гб
  *
  * @param value количество байт
- * @param systemCode система измерения
+ * @param system система измерения
  * @param threshold нижний порог подсчета
  */
-export declare const getHumanizedBytes: (value: number, systemCode?: MeasurementSystem, threshold?: number) => {
+export declare const getHumanizedBytes: (value: number, system: any, threshold?: number) => {
     result: number;
     unit: string;
 };

package/ellipsis-center/ellipsis-center.directive.d.ts

@@ -1,3 +1,4 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
 import { ElementRef, OnInit, OnDestroy, NgZone, ViewContainerRef, Renderer2, AfterViewInit } from '@angular/core';
@@ -12,12 +13,12 @@ export declare class KbqEllipsisCenterDirective extends KbqTooltipTrigger implem
     private _kbqEllipsisCenter;
     private resizeSubscription;
     private readonly debounceInterval;
-    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, renderer: Renderer2);
+    constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor, renderer: Renderer2);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private refresh;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, [null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, [null, null, null, null, null, null, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[kbqEllipsisCenter]", never, { "kbqEllipsisCenter": { "alias": "kbqEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class KbqEllipsisCenterModule {

package/esm2022/alert/alert.component.mjs

@@ -1,7 +1,20 @@
-import { ChangeDetectionStrategy, Component, ContentChild, Directive, ViewEncapsulation } from '@angular/core';
-import { KbqIconItem } from '@koobiq/components/icon';
+import { ChangeDetectionStrategy, Component, ContentChild, Directive, Input, ViewEncapsulation } from '@angular/core';
+import { KbqIcon, KbqIconItem } from '@koobiq/components/icon';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+export var KbqAlertStyles;
+(function (KbqAlertStyles) {
+    KbqAlertStyles["Default"] = "default";
+    KbqAlertStyles["Colored"] = "colored";
+})(KbqAlertStyles || (KbqAlertStyles = {}));
+export var KbqAlertColors;
+(function (KbqAlertColors) {
+    KbqAlertColors["Contrast"] = "contrast";
+    KbqAlertColors["Error"] = "error";
+    KbqAlertColors["Warning"] = "warning";
+    KbqAlertColors["Success"] = "success";
+    KbqAlertColors["Theme"] = "theme";
+})(KbqAlertColors || (KbqAlertColors = {}));
 export class KbqAlertTitle {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlertTitle, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, ngImport: i0 }); }
@@ -42,18 +55,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                 }]
         }] });
 export class KbqAlert {
+    constructor() {
+        this.compact = false;
+        this.alertStyle = KbqAlertStyles.Default;
+        this._alertColor = KbqAlertColors.Contrast;
+    }
+    get alertColor() {
+        return `kbq-alert_${this._alertColor}`;
+    }
+    set alertColor(value) {
+        this._alertColor = value || KbqAlertColors.Contrast;
+    }
+    get isColored() {
+        return this.alertStyle === KbqAlertStyles.Colored;
+    }
+    ngAfterContentInit() {
+        const icon = this.icon || this.iconItem;
+        if (icon) {
+            icon.color = this._alertColor;
+        }
+    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", host: { properties: { "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 8px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\" *ngIf=\"iconItem || icon\">\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__button-stack\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title .kbq-icon{margin-top:var(--kbq-alert-size-normal-icon-margin-addon-title, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 6px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title .kbq-icon{margin-top:var(--kbq-alert-size-compact-icon-margin-addon-title, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 0) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-alert',
+                        '[class]': 'alertColor',
+                        '[class.kbq-alert_normal]': '!compact',
+                        '[class.kbq-alert_compact]': 'compact',
+                        '[class.kbq-alert_default]': '!isColored',
+                        '[class.kbq-alert_colored]': 'isColored',
                         '[class.kbq-alert_dismissible]': 'closeButton'
-                    }, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 8px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"] }]
+                    }, template: "<div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\" *ngIf=\"iconItem || icon\">\n    <ng-content select=\"[kbq-icon-item],[kbq-icon]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__button-stack\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title .kbq-icon{margin-top:var(--kbq-alert-size-normal-icon-margin-addon-title, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 6px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title .kbq-icon{margin-top:var(--kbq-alert-size-compact-icon-margin-addon-title, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 0) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"] }]
         }], propDecorators: { iconItem: [{
                 type: ContentChild,
                 args: [KbqIconItem]
+            }], icon: [{
+                type: ContentChild,
+                args: [KbqIcon]
             }], title: [{
                 type: ContentChild,
                 args: [KbqAlertTitle]
@@ -63,5 +104,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
             }], closeButton: [{
                 type: ContentChild,
                 args: [KbqAlertCloseButton]
+            }], compact: [{
+                type: Input
+            }], alertStyle: [{
+                type: Input
+            }], alertColor: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBU3RELE1BQU0sT0FBTyxhQUFhO2lJQUFiLGFBQWE7cUhBQWIsYUFBYTs7MkZBQWIsYUFBYTtrQkFOekIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLGtCQUFrQjtxQkFDNUI7aUJBQ0o7O0FBU0QsTUFBTSxPQUFPLG1CQUFtQjtpSUFBbkIsbUJBQW1CO3FIQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBTi9CLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSx3QkFBd0I7cUJBQ2xDO2lCQUNKOztBQVNELE1BQU0sT0FBTyxlQUFlO2lJQUFmLGVBQWU7cUhBQWYsZUFBZTs7MkZBQWYsZUFBZTtrQkFOM0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLG1CQUFtQjtxQkFDN0I7aUJBQ0o7O0FBY0QsTUFBTSxPQUFPLFFBQVE7aUlBQVIsUUFBUTtxSEFBUixRQUFRLDRMQUNILFdBQVcsd0VBQ1gsYUFBYSwwRUFDYixlQUFlLDhFQUNmLG1CQUFtQixnRENqRHJDLG1sQkFtQkE7OzJGRDBCYSxRQUFRO2tCQVhwQixTQUFTOytCQUNJLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsV0FBVzt3QkFDbEIsK0JBQStCLEVBQUUsYUFBYTtxQkFDakQ7OEJBRzBCLFFBQVE7c0JBQWxDLFlBQVk7dUJBQUMsV0FBVztnQkFDSSxLQUFLO3NCQUFqQyxZQUFZO3VCQUFDLGFBQWE7Z0JBQ0ksT0FBTztzQkFBckMsWUFBWTt1QkFBQyxlQUFlO2dCQUNNLFdBQVc7c0JBQTdDLFlBQVk7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIERpcmVjdGl2ZSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEticUljb25JdGVtIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuXG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC10aXRsZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWxlcnRfX3RpdGxlJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRUaXRsZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1trYnEtYWxlcnQtY2xvc2UtYnV0dG9uXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydC1jbG9zZS1idXR0b24nXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFBbGVydENsb3NlQnV0dG9uIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC1jb250cm9sXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydC1jb250cm9sJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRDb250cm9sIHt9XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWydhbGVydC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X2Rpc21pc3NpYmxlXSc6ICdjbG9zZUJ1dHRvbidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0IHtcbiAgICBAQ29udGVudENoaWxkKEticUljb25JdGVtKSBpY29uSXRlbTogS2JxSWNvbkl0ZW07XG4gICAgQENvbnRlbnRDaGlsZChLYnFBbGVydFRpdGxlKSB0aXRsZTogS2JxQWxlcnRUaXRsZTtcbiAgICBAQ29udGVudENoaWxkKEticUFsZXJ0Q29udHJvbCkgY29udHJvbDogS2JxQWxlcnRDb250cm9sO1xuICAgIEBDb250ZW50Q2hpbGQoS2JxQWxlcnRDbG9zZUJ1dHRvbikgY2xvc2VCdXR0b246IEticUFsZXJ0Q2xvc2VCdXR0b247XG59XG4iLCI8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19pY29uXCIgKm5nSWY9XCJpY29uSXRlbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtaWNvbi1pdGVtXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ticS1hbGVydC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X190ZXh0XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJrYnEtYWxlcnRfX2NvbnRyb2xzXCIgKm5nSWY9XCJjb250cm9sXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtYWxlcnQtY29udHJvbF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImticS1hbGVydF9fY2xvc2UtYnV0dG9uXCIgW2hpZGRlbl09XCIhY2xvc2VCdXR0b25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWFsZXJ0LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFHL0QsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN0QixxQ0FBbUIsQ0FBQTtJQUNuQixxQ0FBbUIsQ0FBQTtBQUN2QixDQUFDLEVBSFcsY0FBYyxLQUFkLGNBQWMsUUFHekI7QUFFRCxNQUFNLENBQU4sSUFBWSxjQU1YO0FBTkQsV0FBWSxjQUFjO0lBQ3RCLHVDQUFxQixDQUFBO0lBQ3JCLGlDQUFlLENBQUE7SUFDZixxQ0FBbUIsQ0FBQTtJQUNuQixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ25CLENBQUMsRUFOVyxjQUFjLEtBQWQsY0FBYyxRQU16QjtBQVFELE1BQU0sT0FBTyxhQUFhO2lJQUFiLGFBQWE7cUhBQWIsYUFBYTs7MkZBQWIsYUFBYTtrQkFOekIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLGtCQUFrQjtxQkFDNUI7aUJBQ0o7O0FBU0QsTUFBTSxPQUFPLG1CQUFtQjtpSUFBbkIsbUJBQW1CO3FIQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBTi9CLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSx3QkFBd0I7cUJBQ2xDO2lCQUNKOztBQVNELE1BQU0sT0FBTyxlQUFlO2lJQUFmLGVBQWU7cUhBQWYsZUFBZTs7MkZBQWYsZUFBZTtrQkFOM0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLG1CQUFtQjtxQkFDN0I7aUJBQ0o7O0FBbUJELE1BQU0sT0FBTyxRQUFRO0lBaEJyQjtRQXVCYSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGVBQVUsR0FBNEIsY0FBYyxDQUFDLE9BQU8sQ0FBQztRQVc5RCxnQkFBVyxHQUE0QixjQUFjLENBQUMsUUFBUSxDQUFDO0tBYTFFO0lBdEJHLElBQ0ksVUFBVTtRQUNWLE9BQU8sYUFBYSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksVUFBVSxDQUFDLEtBQThCO1FBQ3pDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxJQUFJLGNBQWMsQ0FBQyxRQUFRLENBQUM7SUFDeEQsQ0FBQztJQUlELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsS0FBSyxjQUFjLENBQUMsT0FBTyxDQUFBO0lBQ3JELENBQUM7SUFFRCxrQkFBa0I7UUFDZCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7UUFFeEMsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNsQyxDQUFDO0lBQ0wsQ0FBQztpSUEvQlEsUUFBUTtxSEFBUixRQUFRLG9jQUNILFdBQVcsdUVBQ1gsT0FBTyx3RUFDUCxhQUFhLDBFQUNiLGVBQWUsOEVBQ2YsbUJBQW1CLGdEQ3RFckMsNnJCQW1CQTs7MkZEOENhLFFBQVE7a0JBaEJwQixTQUFTOytCQUNJLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsV0FBVzt3QkFDbEIsU0FBUyxFQUFFLFlBQVk7d0JBQ3ZCLDBCQUEwQixFQUFFLFVBQVU7d0JBQ3RDLDJCQUEyQixFQUFFLFNBQVM7d0JBQ3RDLDJCQUEyQixFQUFFLFlBQVk7d0JBQ3pDLDJCQUEyQixFQUFFLFdBQVc7d0JBQ3hDLCtCQUErQixFQUFFLGFBQWE7cUJBQ2pEOzhCQUcwQixRQUFRO3NCQUFsQyxZQUFZO3VCQUFDLFdBQVc7Z0JBQ0YsSUFBSTtzQkFBMUIsWUFBWTt1QkFBQyxPQUFPO2dCQUNRLEtBQUs7c0JBQWpDLFlBQVk7dUJBQUMsYUFBYTtnQkFDSSxPQUFPO3NCQUFyQyxZQUFZO3VCQUFDLGVBQWU7Z0JBQ00sV0FBVztzQkFBN0MsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBRXhCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdGLFVBQVU7c0JBRGIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIERpcmVjdGl2ZSxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEticUljb24sIEticUljb25JdGVtIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuXG5cbmV4cG9ydCBlbnVtIEticUFsZXJ0U3R5bGVzIHtcbiAgICBEZWZhdWx0ID0gJ2RlZmF1bHQnLFxuICAgIENvbG9yZWQgPSAnY29sb3JlZCdcbn1cblxuZXhwb3J0IGVudW0gS2JxQWxlcnRDb2xvcnMge1xuICAgIENvbnRyYXN0ID0gJ2NvbnRyYXN0JyxcbiAgICBFcnJvciA9ICdlcnJvcicsXG4gICAgV2FybmluZyA9ICd3YXJuaW5nJyxcbiAgICBTdWNjZXNzID0gJ3N1Y2Nlc3MnLFxuICAgIFRoZW1lID0gJ3RoZW1lJ1xufVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1trYnEtYWxlcnQtdGl0bGVdJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWFsZXJ0X190aXRsZSdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0VGl0bGUge31cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdba2JxLWFsZXJ0LWNsb3NlLWJ1dHRvbl0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWxlcnQtY2xvc2UtYnV0dG9uJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRDbG9zZUJ1dHRvbiB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1trYnEtYWxlcnQtY29udHJvbF0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWxlcnQtY29udHJvbCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0Q29udHJvbCB7fVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ticS1hbGVydCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWxlcnQnLFxuICAgICAgICAnW2NsYXNzXSc6ICdhbGVydENvbG9yJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWxlcnRfbm9ybWFsXSc6ICchY29tcGFjdCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X2NvbXBhY3RdJzogJ2NvbXBhY3QnLFxuICAgICAgICAnW2NsYXNzLmticS1hbGVydF9kZWZhdWx0XSc6ICchaXNDb2xvcmVkJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWxlcnRfY29sb3JlZF0nOiAnaXNDb2xvcmVkJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWxlcnRfZGlzbWlzc2libGVdJzogJ2Nsb3NlQnV0dG9uJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBAQ29udGVudENoaWxkKEticUljb25JdGVtKSBpY29uSXRlbTogS2JxSWNvbkl0ZW07XG4gICAgQENvbnRlbnRDaGlsZChLYnFJY29uKSBpY29uOiBLYnFJY29uO1xuICAgIEBDb250ZW50Q2hpbGQoS2JxQWxlcnRUaXRsZSkgdGl0bGU6IEticUFsZXJ0VGl0bGU7XG4gICAgQENvbnRlbnRDaGlsZChLYnFBbGVydENvbnRyb2wpIGNvbnRyb2w6IEticUFsZXJ0Q29udHJvbDtcbiAgICBAQ29udGVudENoaWxkKEticUFsZXJ0Q2xvc2VCdXR0b24pIGNsb3NlQnV0dG9uOiBLYnFBbGVydENsb3NlQnV0dG9uO1xuXG4gICAgQElucHV0KCkgY29tcGFjdDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGFsZXJ0U3R5bGU6IEticUFsZXJ0U3R5bGVzIHwgc3RyaW5nID0gS2JxQWxlcnRTdHlsZXMuRGVmYXVsdDtcblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGFsZXJ0Q29sb3IoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGBrYnEtYWxlcnRfJHt0aGlzLl9hbGVydENvbG9yfWA7XG4gICAgfVxuXG4gICAgc2V0IGFsZXJ0Q29sb3IodmFsdWU6IHN0cmluZyB8IEticUFsZXJ0Q29sb3JzKSB7XG4gICAgICAgIHRoaXMuX2FsZXJ0Q29sb3IgPSB2YWx1ZSB8fCBLYnFBbGVydENvbG9ycy5Db250cmFzdDtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9hbGVydENvbG9yOiBzdHJpbmcgfCBLYnFBbGVydENvbG9ycyA9IEticUFsZXJ0Q29sb3JzLkNvbnRyYXN0O1xuXG4gICAgZ2V0IGlzQ29sb3JlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWxlcnRTdHlsZSA9PT0gS2JxQWxlcnRTdHlsZXMuQ29sb3JlZFxuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgaWNvbiA9IHRoaXMuaWNvbiB8fCB0aGlzLmljb25JdGVtO1xuXG4gICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgICBpY29uLmNvbG9yID0gdGhpcy5fYWxlcnRDb2xvcjtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cImticS1hbGVydF9faWNvblwiIFtjbGFzcy5rYnEtYWxlcnRfX2ljb25fdGl0bGVdPVwidGl0bGVcIiAqbmdJZj1cImljb25JdGVtIHx8IGljb25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWljb24taXRlbV0sW2ticS1pY29uXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19jb250ZW50XCIgW2NsYXNzLmticS1hbGVydF9fY29udGVudF90aXRsZV09XCJ0aXRsZVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtYWxlcnQtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdiBjbGFzcz1cImticS1hbGVydF9fdGV4dFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19idXR0b24tc3RhY2tcIiAqbmdJZj1cImNvbnRyb2xcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ticS1hbGVydC1jb250cm9sXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19jbG9zZS1idXR0b25cIiBbaGlkZGVuXT1cIiFjbG9zZUJ1dHRvblwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtYWxlcnQtY2xvc2UtYnV0dG9uXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19