@koobiq/components 17.0.3 → 17.2.0

package/radio/radio.scss

@@ -44,12 +44,9 @@ $tokens: meta.module-variables(tokens) !default;
     order: 0;
     line-height: inherit;
 
-    padding-left: calc(
-        var(--kbq-radio-size-normal-outer-size, map.get($tokens, radio-size-normal-outer-size)) +
-            var(
-                --kbq-radio-size-normal-horizontal-content-padding,
-                map.get($tokens, radio-size-normal-horizontal-content-padding)
-            )
+    padding-left: kbq-sum-series-css-variables(
+        [radio-size-normal-outer-size,
+        radio-size-normal-horizontal-content-padding]
     );
     padding-right: 0;
 
@@ -73,12 +70,8 @@ $tokens: meta.module-variables(tokens) !default;
         }
 
         left: 0;
-        top: calc(
-            (
-                    var(--radio-font-normal-label-line-height, map.get($tokens, radio-font-normal-label-line-height)) -
-                        (var(--radio-size-normal-outer-size, map.get($tokens, radio-size-normal-outer-size)) + 2px)
-                ) / 2
-        );
+
+        top: kbq-css-half-difference(radio-font-normal-label-line-height, radio-size-normal-outer-size, 1px);
 
         width: kbq-css-variable(radio-size-normal-outer-size);
         height: kbq-css-variable(radio-size-normal-outer-size);
@@ -115,21 +108,13 @@ $tokens: meta.module-variables(tokens) !default;
 
 .kbq-radio-button.kbq-radio-button_big {
     .kbq-radio-label-content {
-        padding-left: calc(
-            var(--kbq-radio-size-big-outer-size, map.get($tokens, radio-size-big-outer-size)) +
-                var(
-                    --kbq-radio-size-big-horizontal-content-padding,
-                    map.get($tokens, radio-size-big-horizontal-content-padding)
-                )
+        padding-left: kbq-sum-series-css-variables(
+            [radio-size-big-outer-size,
+            radio-size-big-horizontal-content-padding]
         );
 
         .kbq-radio-button__outer-circle {
-            top: calc(
-                (
-                        var(--radio-font-big-label-line-height, map.get($tokens, radio-font-big-label-line-height)) -
-                            (var(--radio-size-big-outer-size, map.get($tokens, radio-size-big-outer-size)) + 2px)
-                    ) / 2
-            );
+            top: kbq-css-half-difference(radio-font-big-label-line-height, radio-size-big-outer-size, 1px);
 
             width: kbq-css-variable(radio-size-big-outer-size);
             height: kbq-css-variable(radio-size-big-outer-size);

package/schematics/ng-add/index.js

@@ -52,13 +52,13 @@ function ngAdd(options) {
         }
         // Installing dependencies
         addPackageToPackageJson(tree, '@angular/cdk', "^17.2.0");
-        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.0.3");
-        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.0.3");
+        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.2.0");
+        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.2.0");
         addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/icons', "^7.1.1");
-        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0");
-        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0");
+        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.3.1");
+        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.3.1");
         addPackageToPackageJson(tree, '@messageformat/core', "^3.0.1");
         addPackageToPackageJson(tree, 'luxon', "^3.4.4");
         addPackageToPackageJson(tree, 'marked', "^9.0.0");

package/tabs/_tabs-common.scss

@@ -20,21 +20,13 @@ $tokens: meta.module-variables(tokens) !default;
 
     cursor: pointer;
 
-    $padding-vertical: map.get($tokens, tabs-size-tab-item-padding-vertical);
-    $padding-horizontal: map.get($tokens, tabs-size-tab-item-padding-horizontal);
-    $border-width: map.get($tokens, tabs-size-tab-item-focus-outline-width);
-
-    padding: calc(
-            var(--kbq-tabs-size-tab-item-padding-vertical, $padding-vertical) - var(
-                    --kbq-tabs-size-tab-item-focus-outline-width,
-                    $border-width
-                )
+    padding: kbq-difference-series-css-variables(
+            [tabs-size-tab-item-padding-vertical,
+            tabs-size-tab-item-focus-outline-width]
         )
-        calc(
-            var(--kbq-tabs-size-tab-item-padding-horizontal, $padding-horizontal) - var(
-                    --kbq-tabs-size-tab-item-focus-outline-width,
-                    $border-width
-                )
+        kbq-difference-series-css-variables(
+            [tabs-size-tab-item-padding-horizontal,
+            tabs-size-tab-item-focus-outline-width]
         );
 
     border: {

package/tags/tag-list.scss

@@ -58,22 +58,9 @@ $tokens: meta.module-variables(tokens) !default;
 
 .kbq-form-field-type-tag-list {
     & .kbq-form-field__container {
-        $padding-vertical: map.get($tokens, tag-input-size-padding-vertical);
-        $border-width: map.get($tokens, form-field-size-border-width);
-
-        padding: calc(
-                var(--kbq-tag-input-size-padding-vertical, #{$padding-vertical}) - var(
-                        --kbq-form-field-size-border-width,
-                        $border-width
-                    )
-            )
+        padding: kbq-difference-series-css-variables([tag-input-size-padding-vertical, form-field-size-border-width])
             kbq-css-variable(tag-input-size-padding-right)
-            calc(
-                var(--kbq-tag-input-size-padding-vertical, #{$padding-vertical}) - var(
-                        --kbq-form-field-size-border-width,
-                        $border-width
-                    )
-            )
+            kbq-difference-series-css-variables([tag-input-size-padding-vertical, form-field-size-border-width])
             kbq-css-variable(tag-input-size-padding-left);
     }
 }

package/toast/toast.component.scss

@@ -84,6 +84,17 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 .kbq-toast__close-button {
-    margin-top: kbq-css-variable(toast-size-close-button-margin-top);
+    margin-top: kbq-difference-series-css-variables(
+        [toast-size-content-padding-top,
+        calc(
+                kbq-difference-series-css-variables(
+                        [kbq-sum-series-css-variables(
+                            [calc(kbq-css-variable(icon-button-size-small-vertical-padding) * 2),
+                            16px]
+                        ),
+                        toast-font-title-line-height]
+                    ) / 2
+            )]
+    );
     margin-right: kbq-css-variable(toast-size-close-button-margin-right);
 }

package/toast/toast.module.d.ts

@@ -3,11 +3,12 @@ import * as i1 from "./toast.component";
 import * as i2 from "./toast-container.component";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@koobiq/components/icon";
-import * as i7 from "@koobiq/components/button";
+import * as i5 from "@koobiq/components/title";
+import * as i6 from "@angular/cdk/a11y";
+import * as i7 from "@koobiq/components/icon";
+import * as i8 from "@koobiq/components/button";
 export declare class KbqToastModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqToastModule, [typeof i1.KbqToastComponent, typeof i2.KbqToastContainerComponent, typeof i1.KbqToastCloseButton], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.A11yModule, typeof i6.KbqIconModule, typeof i7.KbqButtonModule], [typeof i1.KbqToastComponent, typeof i2.KbqToastContainerComponent, typeof i1.KbqToastCloseButton]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqToastModule, [typeof i1.KbqToastComponent, typeof i2.KbqToastContainerComponent, typeof i1.KbqToastCloseButton], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.KbqTitleModule, typeof i6.A11yModule, typeof i7.KbqIconModule, typeof i8.KbqButtonModule], [typeof i1.KbqToastComponent, typeof i2.KbqToastContainerComponent, typeof i1.KbqToastCloseButton]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqToastModule>;
 }

package/toggle/_toggle-theme.scss

@@ -74,15 +74,18 @@
 
 @mixin kbq-toggle-theme($theme) {
     $toggle: map.get($theme, components, toggle);
+    $foreground: map.get($theme, foreground);
 
     .kbq-toggle {
-        color: kbq-css-variable(foreground-contrast, map.get($theme, foreground, contrast));
-
         @include kbq-toggle-color($toggle, theme);
 
         &.kbq-error {
             @include kbq-toggle-color($toggle, error);
         }
+
+        &.kbq-disabled {
+            color: map.get($foreground, text-disabled);
+        }
     }
 }
 

package/toggle/toggle.scss

@@ -31,14 +31,7 @@ $tokens: meta.module-variables(tokens) !default;
         }
 
         .kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
-            padding-top: calc(
-                (
-                        var(
-                                --toggle-font-normal-label-line-height,
-                                map.get($tokens, toggle-font-normal-label-line-height)
-                            ) - var(--toggle-size-normal-height, map.get($tokens, toggle-size-normal-height))
-                    ) / 2
-            );
+            padding-top: kbq-css-half-difference(toggle-font-normal-label-line-height, toggle-size-normal-height);
         }
     }
 
@@ -96,14 +89,7 @@ $tokens: meta.module-variables(tokens) !default;
 
     .kbq-toggle-layout {
         .kbq-toggle-bar-container:has(+ .kbq-toggle__content) {
-            padding-top: calc(
-                (
-                        var(--toggle-font-big-label-line-height, map.get($tokens, toggle-font-big-label-line-height)) - var(
-                                --toggle-size-big-height,
-                                map.get($tokens, toggle-size-big-height)
-                            )
-                    ) / 2
-            );
+            padding-top: kbq-css-half-difference(toggle-font-big-label-line-height, toggle-size-big-height);
         }
     }
 }

package/tooltip/_tooltip-theme.scss

@@ -36,10 +36,22 @@
     .kbq-tooltip.kbq-contrast-fade {
         @include kbq-tooltip-color($tooltip, contrast-fade-on);
     }
+
+    .kbq-tooltip.kbq-warning {
+        @include kbq-tooltip-color($tooltip, warning-fade-off);
+    }
+
+    .kbq-tooltip.kbq-error {
+        @include kbq-tooltip-color($tooltip, error-fade-off);
+    }
 }
 
 @mixin kbq-tooltip-typography($config) {
     .kbq-tooltip {
         @include kbq-typography-css-variables(tooltip, default);
+
+        .kbq-tooltip__header {
+            @include kbq-typography-css-variables(tooltip, title);
+        }
     }
 }

package/tooltip/tooltip.component.d.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, OverlayConfig, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, NgZone, OnDestroy, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { KbqComponentColors, KbqPopUp, KbqPopUpTrigger, PopUpPlacements } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 export declare enum TooltipModifier {
@@ -19,9 +19,11 @@ export declare const KBQ_TOOLTIP_OPEN_TIME_PROVIDER: {
 };
 export declare const MIN_TIME_FOR_DELAY = 2000;
 export declare class KbqTooltipComponent extends KbqPopUp {
+    private injector;
     private openTime;
     prefix: string;
-    constructor(changeDetectorRef: ChangeDetectorRef, openTime: any);
+    elementRef: ElementRef;
+    constructor(changeDetectorRef: ChangeDetectorRef, injector: Injector, openTime: any);
     show(delay: number): void;
     updateClassMap(placement: string, customClass: string, { modifier }: {
         modifier: any;
@@ -57,9 +59,14 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     protected _trigger: string;
     get customClass(): string;
     set customClass(value: string);
+    get context(): any;
+    set context(ctx: any);
+    private _context;
     get color(): string;
     set color(value: KbqComponentColors | string);
     private _color;
+    arrow: boolean;
+    offset: number | null;
     placementChange: EventEmitter<any>;
     visibleChange: EventEmitter<boolean>;
     private get hasClickInTrigger();
@@ -74,7 +81,9 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     getOverlayHandleComponentType(): Type<KbqTooltipComponent>;
     updateClassMap(newPlacement?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipTrigger, [null, null, null, null, null, null, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "kbqEnterDelay"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "kbqEnterDelay"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "context": { "alias": "kbqTooltipContext"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; "arrow": { "alias": "kbqTooltipArrow"; "required": false; }; "offset": { "alias": "kbqTooltipOffset"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
+    static ngAcceptInputType_arrow: unknown;
+    static ngAcceptInputType_offset: unknown;
 }
 export declare class KbqWarningTooltipTrigger extends KbqTooltipTrigger {
     get content(): string | TemplateRef<any>;

package/tooltip/tooltip.scss

@@ -6,6 +6,7 @@
 @use '../core/styles/common/tokens' as *;
 
 $trigger-margin: 8px;
+$trigger-margin_without-arrow: 4px;
 
 .kbq-tooltip__inner {
     border-radius: kbq-css-variable(tooltip-size-border-radius);
@@ -26,6 +27,10 @@ $trigger-margin: 8px;
     .kbq-tooltip__inner {
         padding: kbq-css-variable(tooltip-size-padding-vertical) kbq-css-variable(tooltip-size-padding-horizontal);
     }
+
+    &.kbq-tooltip_arrowless {
+        @include pop-up.popup-margins(kbq-tooltip, $trigger-margin_without-arrow);
+    }
 }
 
 .kbq-tooltip__arrow {
@@ -39,7 +44,7 @@ $trigger-margin: 8px;
     z-index: -1;
 }
 
-$arrow-offset: calc((var(--kbq-tooltip-size-arrow-size, #{map.get($tokens, tooltip-size-arrow-size)}) - 1px) / -2);
+$arrow-offset: calc((#{kbq-css-variable(tooltip-size-arrow-size)} - 1px) / -2);
 $arrow-padding: calc((18px + $trigger-margin) / 2);
 
 @include pop-up.popup-arrow-positions(kbq-tooltip, $arrow-offset, $arrow-padding);

package/tree/tree-option.scss

@@ -10,11 +10,6 @@ $tokens: meta.module-variables(tokens) !default;
 .kbq-tree-option {
     @include common.kbq-no-select;
 
-    $padding-vertical: map.get($tokens, tree-size-container-padding-vertical);
-    $padding-right: map.get($tokens, tree-size-container-padding-right);
-
-    $outline-width: map.get($tokens, tree-size-container-focus-outline-width);
-
     box-sizing: border-box;
 
     display: flex;
@@ -28,23 +23,17 @@ $tokens: meta.module-variables(tokens) !default;
     border-style: solid;
     border-color: transparent;
 
-    padding-top: calc(
-        var(--kbq-tree-size-container-padding-vertical, $padding-vertical) - var(
-                --kbq-tree-size-container-focus-outline-width,
-                $outline-width
-            )
+    padding-top: kbq-difference-series-css-variables(
+        [ tree-size-container-padding-vertical,
+        tree-size-container-focus-outline-width]
     );
-    padding-right: calc(
-        var(--kbq-tree-size-container-padding-right, $padding-right) - var(
-                --kbq-tree-size-container-focus-outline-width,
-                $outline-width
-            )
+    padding-right: kbq-difference-series-css-variables(
+        [ tree-size-container-padding-right,
+        tree-size-container-focus-outline-width]
     );
-    padding-bottom: calc(
-        var(--kbq-tree-size-container-padding-vertical, $padding-vertical) - var(
-                --kbq-tree-size-container-focus-outline-width,
-                $outline-width
-            )
+    padding-bottom: kbq-difference-series-css-variables(
+        [ tree-size-container-padding-vertical,
+        tree-size-container-focus-outline-width]
     );
 
     gap: kbq-css-variable(tree-size-container-content-gap-horizontal);

package/card/_card-theme.scss

@@ -1,62 +0,0 @@
-@use 'sass:map';
-
-@use '../core/styles/common/tokens' as *;
-
-@mixin kbq-card-style($component, $style-name) {
-    $style: map.get($component, $style-name);
-
-    box-shadow:
-        inset -1px 0 0 0 kbq-css-variable(card-#{$style-name}-shadow, map.get($style, shadow)),
-        inset 0 1px 0 0 kbq-css-variable(card-#{$style-name}-shadow, map.get($style, shadow)),
-        inset 0 -1px 0 0 kbq-css-variable(card-#{$style-name}-shadow, map.get($style, shadow));
-
-    background-color: kbq-css-variable(card-#{$style-name}-background, map.get($style, background));
-
-    border-left-color: kbq-css-variable(card-#{$style-name}-vertical-line, map.get($style, vertical-line));
-}
-
-@mixin kbq-card-theme($theme) {
-    $foreground: map.get($theme, foreground);
-    $background: map.get($theme, background);
-
-    $card: map.get(map.get($theme, components), card);
-    $popup: map.get(map.get($theme, components), popup);
-
-    .kbq-card {
-        color: kbq-css-variable(foreground-contrast, map.get($foreground, contrast));
-
-        &.kbq-card_error {
-            @include kbq-card-style($card, error);
-        }
-
-        &.kbq-card_warning {
-            @include kbq-card-style($card, warning);
-        }
-
-        &.kbq-card_success {
-            @include kbq-card-style($card, success);
-        }
-
-        &.kbq-card_info {
-            @include kbq-card-style($card, info);
-        }
-
-        &.kbq-card_white {
-            background-color: kbq-css-variable(popup-background, map.get($popup, background));
-        }
-
-        &.kbq-selected {
-            background-color: kbq-css-variable(states-selected-color, map.get($theme, states, selected-color));
-        }
-
-        &:not(.kbq-card_readonly):hover {
-            .kbq-card__overlay {
-                background: kbq-css-variable(background-overlay-hover, map.get($background, overlay-hover));
-            }
-        }
-
-        &.cdk-keyboard-focused {
-            box-shadow: 0 0 0.1px 2px kbq-css-variable(states-focused-color, map.get($theme, states, focused-color));
-        }
-    }
-}

package/card/card.component.d.ts

@@ -1,28 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
-import { CanColorCtor } from '@koobiq/components/core';
-import * as i0 from "@angular/core";
-/** @docs-private */
-export declare class KbqCardBase {
-    elementRef: ElementRef;
-    constructor(elementRef: ElementRef);
-}
-/** @docs-private */
-export declare const KbqCardBaseMixin: CanColorCtor & typeof KbqCardBase;
-export declare class KbqCard extends KbqCardBaseMixin implements OnDestroy {
-    private _focusMonitor;
-    readonly: boolean;
-    selected: boolean;
-    selectedChange: EventEmitter<boolean>;
-    get tabIndex(): number | null;
-    set tabIndex(value: number | null);
-    private _tabIndex;
-    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor);
-    ngOnDestroy(): void;
-    focus(): void;
-    onClick($event: MouseEvent): void;
-    onKeyDown($event: KeyboardEvent): void;
-    private get hostElement();
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCard, "kbq-card", never, { "color": { "alias": "color"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
-}

package/card/card.component.scss

@@ -1,37 +0,0 @@
-@use 'sass:meta';
-@use 'sass:map';
-
-@use '../core/styles/common/layout';
-
-@use '../core/styles/common/tokens' as *;
-
-.kbq-card {
-    position: relative;
-    box-sizing: border-box;
-
-    display: flex;
-    flex-direction: column;
-
-    cursor: pointer;
-
-    &:focus {
-        outline: none;
-    }
-
-    border-left: {
-        width: kbq-css-variable(card-size-vertical-line);
-        style: solid;
-        color: transparent;
-    }
-
-    & .kbq-card__overlay {
-        @include layout.kbq-fill;
-        pointer-events: none;
-
-        background: transparent;
-    }
-
-    &.kbq-card_readonly {
-        cursor: auto;
-    }
-}

package/card/card.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./card.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/a11y";
-import * as i4 from "@angular/cdk/platform";
-export declare class KbqCardModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCardModule, [typeof i1.KbqCard], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule], [typeof i1.KbqCard]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqCardModule>;
-}

package/card/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/card/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './card.component';
-export * from './card.module';

package/esm2022/card/card.component.mjs

@@ -1,79 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import { SPACE } from '@koobiq/cdk/keycodes';
-import { mixinColor } from '@koobiq/components/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/a11y";
-/** @docs-private */
-export class KbqCardBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-/** @docs-private */
-export const KbqCardBaseMixin = mixinColor(KbqCardBase);
-export class KbqCard extends KbqCardBaseMixin {
-    get tabIndex() {
-        return this.readonly ? null : this._tabIndex;
-    }
-    set tabIndex(value) {
-        this._tabIndex = value;
-    }
-    constructor(elementRef, _focusMonitor) {
-        super(elementRef);
-        this._focusMonitor = _focusMonitor;
-        this.readonly = false;
-        this.selected = false;
-        this.selectedChange = new EventEmitter();
-        this._tabIndex = 0;
-        this._focusMonitor.monitor(this.elementRef.nativeElement, false);
-    }
-    ngOnDestroy() {
-        this._focusMonitor.stopMonitoring(this.elementRef.nativeElement);
-    }
-    focus() {
-        this.hostElement.focus();
-    }
-    onClick($event) {
-        if (!this.readonly) {
-            $event.stopPropagation();
-            this.selectedChange.emit(!this.selected);
-        }
-    }
-    onKeyDown($event) {
-        switch ($event.keyCode) {
-            case SPACE:
-                if (!this.readonly) {
-                    $event.preventDefault();
-                    this.selectedChange.emit(!this.selected);
-                }
-                break;
-            default:
-        }
-    }
-    get hostElement() {
-        return this.elementRef.nativeElement;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqCard, selector: "kbq-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.kbq-card_readonly": "readonly", "class.kbq-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "kbq-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n", styles: [".kbq-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--kbq-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.kbq-card:focus{outline:none}.kbq-card .kbq-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.kbq-card.kbq-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, decorators: [{
-            type: Component,
-            args: [{ selector: 'kbq-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
-                        class: 'kbq-card',
-                        '[class.kbq-card_readonly]': 'readonly',
-                        '[class.kbq-selected]': 'selected',
-                        '[attr.tabindex]': 'tabIndex',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(click)': 'onClick($event)'
-                    }, template: "<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n", styles: [".kbq-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--kbq-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.kbq-card:focus{outline:none}.kbq-card .kbq-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.kbq-card.kbq-card_readonly{cursor:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }], propDecorators: { readonly: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }], tabIndex: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0MsT0FBTyxFQUFnQixVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBRW5FLG9CQUFvQjtBQUNwQixNQUFNLE9BQU8sV0FBVztJQUNwQixZQUFtQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztDQUNoRDtBQUVELG9CQUFvQjtBQUNwQixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBc0MsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBa0IzRixNQUFNLE9BQU8sT0FBUSxTQUFRLGdCQUFnQjtJQVV6QyxJQUNJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsS0FBb0I7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUlELFlBQ0ksVUFBc0IsRUFDZCxhQUEyQjtRQUVuQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFGVixrQkFBYSxHQUFiLGFBQWEsQ0FBYztRQXJCdkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQVdyQyxjQUFTLEdBQWtCLENBQUMsQ0FBQztRQVFqQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxPQUFPLENBQUMsTUFBa0I7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsQ0FBQztJQUNMLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBcUI7UUFDM0IsUUFBUSxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckIsS0FBSyxLQUFLO2dCQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ2pCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztvQkFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQzdDLENBQUM7Z0JBQ0QsTUFBTTtZQUNWLFFBQVE7UUFDWixDQUFDO0lBQ0wsQ0FBQztJQUVELElBQVksV0FBVztRQUNuQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3pDLENBQUM7aUlBNURRLE9BQU87cUhBQVAsT0FBTywyYkN0Q3BCLDJEQUVBOzsyRkRvQ2EsT0FBTztrQkFoQm5CLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFVBQzdCLENBQUMsT0FBTyxDQUFDLFFBQ1g7d0JBQ0YsS0FBSyxFQUFFLFVBQVU7d0JBQ2pCLDJCQUEyQixFQUFFLFVBQVU7d0JBQ3ZDLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLGlCQUFpQixFQUFFLFVBQVU7d0JBQzdCLFdBQVcsRUFBRSxtQkFBbUI7d0JBQ2hDLFNBQVMsRUFBRSxpQkFBaUI7cUJBQy9COzBHQUlELFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixNQUFNO2dCQUlILFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzTW9uaXRvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTUEFDRSB9IGZyb20gJ0Brb29iaXEvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IENhbkNvbG9yQ3RvciwgbWl4aW5Db2xvciB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9jb3JlJztcblxuLyoqIEBkb2NzLXByaXZhdGUgKi9cbmV4cG9ydCBjbGFzcyBLYnFDYXJkQmFzZSB7XG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG5cbi8qKiBAZG9jcy1wcml2YXRlICovXG5leHBvcnQgY29uc3QgS2JxQ2FyZEJhc2VNaXhpbjogQ2FuQ29sb3JDdG9yICYgdHlwZW9mIEticUNhcmRCYXNlID0gbWl4aW5Db2xvcihLYnFDYXJkQmFzZSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWNhcmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWNhcmQnLFxuICAgICAgICAnW2NsYXNzLmticS1jYXJkX3JlYWRvbmx5XSc6ICdyZWFkb25seScsXG4gICAgICAgICdbY2xhc3Mua2JxLXNlbGVjdGVkXSc6ICdzZWxlY3RlZCcsXG4gICAgICAgICdbYXR0ci50YWJpbmRleF0nOiAndGFiSW5kZXgnLFxuICAgICAgICAnKGtleWRvd24pJzogJ29uS2V5RG93bigkZXZlbnQpJyxcbiAgICAgICAgJyhjbGljayknOiAnb25DbGljaygkZXZlbnQpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQ2FyZCBleHRlbmRzIEticUNhcmRCYXNlTWl4aW4gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpXG4gICAgcmVhZG9ubHkgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKVxuICAgIHNlbGVjdGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgdGFiSW5kZXgoKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlYWRvbmx5ID8gbnVsbCA6IHRoaXMuX3RhYkluZGV4O1xuICAgIH1cblxuICAgIHNldCB0YWJJbmRleCh2YWx1ZTogbnVtYmVyIHwgbnVsbCkge1xuICAgICAgICB0aGlzLl90YWJJbmRleCA9IHZhbHVlO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3RhYkluZGV4OiBudW1iZXIgfCBudWxsID0gMDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIF9mb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvclxuICAgICkge1xuICAgICAgICBzdXBlcihlbGVtZW50UmVmKTtcblxuICAgICAgICB0aGlzLl9mb2N1c01vbml0b3IubW9uaXRvcih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgZmFsc2UpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLl9mb2N1c01vbml0b3Iuc3RvcE1vbml0b3JpbmcodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cblxuICAgIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhvc3RFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuXG4gICAgb25DbGljaygkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRDaGFuZ2UuZW1pdCghdGhpcy5zZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbktleURvd24oJGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIHN3aXRjaCAoJGV2ZW50LmtleUNvZGUpIHtcbiAgICAgICAgICAgIGNhc2UgU1BBQ0U6XG4gICAgICAgICAgICAgICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICAgICAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkQ2hhbmdlLmVtaXQoIXRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldCBob3N0RWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+XG48ZGl2IGNsYXNzPVwia2JxLWNhcmRfX292ZXJsYXlcIj48L2Rpdj5cbiJdfQ==

package/esm2022/card/card.module.mjs

@@ -1,28 +0,0 @@
-import { A11yModule } from '@angular/cdk/a11y';
-import { PlatformModule } from '@angular/cdk/platform';
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { KbqCard } from './card.component';
-import * as i0 from "@angular/core";
-export class KbqCardModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, declarations: [KbqCard], imports: [CommonModule,
-            A11yModule,
-            PlatformModule], exports: [KbqCard] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, imports: [CommonModule,
-            A11yModule,
-            PlatformModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        A11yModule,
-                        PlatformModule
-                    ],
-                    exports: [KbqCard],
-                    declarations: [KbqCard]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBVzNDLE1BQU0sT0FBTyxhQUFhO2lJQUFiLGFBQWE7a0lBQWIsYUFBYSxpQkFGUCxPQUFPLGFBTGxCLFlBQVk7WUFDWixVQUFVO1lBQ1YsY0FBYyxhQUVSLE9BQU87a0lBR1IsYUFBYSxZQVBsQixZQUFZO1lBQ1osVUFBVTtZQUNWLGNBQWM7OzJGQUtULGFBQWE7a0JBVHpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixjQUFjO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUM7b0JBQ2xCLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgUGxhdGZvcm1Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcGxhdGZvcm0nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFDYXJkIH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEExMXlNb2R1bGUsXG4gICAgICAgIFBsYXRmb3JtTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbS2JxQ2FyZF0sXG4gICAgZGVjbGFyYXRpb25zOiBbS2JxQ2FyZF1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQ2FyZE1vZHVsZSB7fVxuIl19