@koobiq/components 17.0.1 → 17.0.3

package/code-block/_code-block-theme.scss

@@ -28,6 +28,12 @@
 
     & .kbq-code-block-actionbar {
         background: kbq-css-variable(#{$base}-actionbar-background, map.get($style, actionbar, background));
+
+        &.kbq-actionbar-block_floating {
+            .kbq-actionbar-block__button-stack {
+                background: kbq-css-variable(#{$base}-actionbar-background, map.get($style, actionbar, background));
+            }
+        }
     }
 
     &.kbq-code-block_header-with-shadow {
@@ -38,8 +44,6 @@
 
     &.kbq-code-block_no-header {
         & .kbq-code-block__fade-gradient {
-            display: block;
-
             background: kbq-css-variable(#{$base}-actionbar-fade-gradient, map.get($style, actionbar, fade-gradient));
         }
     }
@@ -361,7 +365,7 @@
         .kbq-tab-group.kbq-focused {
             // paint focus border from the top since because of border constraints
             .kbq-tab-header {
-                box-shadow: 0 3px 0 -1px kbq-css-variable(states-focused-color, map.get($theme, states, focused-color));
+                box-shadow: 0 2px 0 -1px kbq-css-variable(states-focused-color, map.get($theme, states, focused-color));
             }
 
             .kbq-tab-body__wrapper {
@@ -371,19 +375,6 @@
             }
         }
     }
-
-    .kbq-code-block-actionbar {
-        .kbq-code-block-actionbar_less-contrast {
-            background-color: kbq-css-variable(
-                code-block-actionbar-bg-less-contrast,
-                map.get($code-block, actionbar, bg-less-contrast)
-            );
-        }
-
-        &.kbq-actionbar-block_floating {
-            background-color: kbq-css-variable(code-block-actionbar-bg, map.get($code-block, actionbar, bg));
-        }
-    }
 }
 
 @mixin kbq-code-block-typography($config) {

package/code-block/actionbar.component.d.ts

@@ -6,7 +6,6 @@ export declare class KbqActionBarComponent implements AfterViewInit {
     copyTooltip: KbqTooltipTrigger;
     config: KbqCodeBlockConfiguration;
     codeFiles: KbqCodeFile[];
-    lessContrast: boolean;
     selectedTabIndex: number;
     multiLine: boolean;
     softWrap: boolean;
@@ -19,5 +18,5 @@ export declare class KbqActionBarComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     onCopy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqActionBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqActionBarComponent, "kbq-actionbar-block", never, { "config": { "alias": "config"; "required": false; }; "codeFiles": { "alias": "codeFiles"; "required": false; }; "lessContrast": { "alias": "lessContrast"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "multiLine": { "alias": "multiLine"; "required": false; }; "softWrap": { "alias": "softWrap"; "required": false; }; "canLoad": { "alias": "canLoad"; "required": false; }; }, { "toggleSoftWrap": "toggleSoftWrap"; "downloadCode": "downloadCode"; "copyCode": "copyCode"; "openExternalSystem": "openExternalSystem"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqActionBarComponent, "kbq-actionbar-block", never, { "config": { "alias": "config"; "required": false; }; "codeFiles": { "alias": "codeFiles"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "multiLine": { "alias": "multiLine"; "required": false; }; "softWrap": { "alias": "softWrap"; "required": false; }; "canLoad": { "alias": "canLoad"; "required": false; }; }, { "toggleSoftWrap": "toggleSoftWrap"; "downloadCode": "downloadCode"; "copyCode": "copyCode"; "openExternalSystem": "openExternalSystem"; }, never, never, false, never>;
 }

package/code-block/actionbar.component.scss

@@ -4,6 +4,8 @@
 @use '../core/styles/common/tokens' as *;
 
 $tokens: meta.module-variables(tokens) !default;
+$actionbar-indents: kbq-css-variable(code-block-size-actionbar-padding-vertical)
+    kbq-css-variable(code-block-size-actionbar-padding-horizontal);
 
 .kbq-code-block-actionbar {
     display: flex;
@@ -12,25 +14,34 @@ $tokens: meta.module-variables(tokens) !default;
 
     position: absolute;
 
-    top: 0;
+    // position to top to the height of tab-header
+    top: -48px;
     right: 0;
 
-    margin: kbq-css-variable(code-block-size-actionbar-padding-vertical)
-        kbq-css-variable(code-block-size-actionbar-padding-horizontal);
+    margin: $actionbar-indents;
 
-    gap: kbq-css-variable(code-block-size-actionbar-content-gap-horizontal);
+    .kbq-actionbar-block__button-stack {
+        gap: kbq-css-variable(code-block-size-actionbar-content-gap-horizontal);
+    }
 
-    & .kbq-code-block__fade-gradient {
+    .kbq-code-block__fade-gradient {
         display: none;
 
         width: kbq-css-variable(code-block-size-actionbar-fade-gradient-width);
-        height: 32px;
-
-        margin-top: calc(
-            var(
-                    --kbq-code-block-size-actionbar-padding-vertical,
-                    map.get($tokens, code-block-size-actionbar-padding-vertical)
-                ) * -1
-        );
+    }
+
+    &.kbq-actionbar-block_floating {
+        top: 0;
+        margin: unset;
+        background: transparent !important;
+
+        .kbq-code-block__fade-gradient {
+            display: block;
+            align-self: stretch;
+        }
+
+        .kbq-actionbar-block__button-stack {
+            padding: $actionbar-indents;
+        }
     }
 }

package/code-block/code-block.component.d.ts

@@ -45,11 +45,13 @@ export declare class KbqCodeBlockComponent implements AfterViewInit, OnDestroy {
     config: KbqCodeBlockConfiguration;
     tabGroup: KbqTabGroup;
     lineNumbers: boolean;
-    codeFiles: KbqCodeFile[];
     filled: boolean;
     maxHeight: number;
     softWrap: boolean;
     canLoad: boolean;
+    get codeFiles(): KbqCodeFile[];
+    set codeFiles(files: KbqCodeFile[]);
+    private _codeFiles;
     get noHeader(): any;
     get singleFile(): boolean;
     selectedTabIndex: number;
@@ -57,12 +59,17 @@ export declare class KbqCodeBlockComponent implements AfterViewInit, OnDestroy {
     viewAll: boolean;
     multiLine: boolean;
     isTopOverflow: boolean;
-    hasFocus: boolean;
+    hasKeyboardFocus: boolean;
+    /**
+     * @docs-private
+     */
+    actionbarHidden?: boolean;
     readonly resizeStream: Subject<Event>;
     readonly currentCodeBlock: Subject<HTMLElement>;
     private readonly resizeDebounceInterval;
     private resizeSubscription;
     private codeBlockSubscription;
+    private hoverSubscription;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, clipboard: Clipboard, renderer: Renderer2, focusMonitor: FocusMonitor, config: KbqCodeBlockConfiguration);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -78,9 +85,14 @@ export declare class KbqCodeBlockComponent implements AfterViewInit, OnDestroy {
     checkOverflow(currentCodeContentElement: HTMLElement): void;
     onShowMoreClick(currentCodeContentElement: HTMLPreElement): void;
     canShowFocus(currentCodeContent: HTMLPreElement): boolean;
+    onEnter(currentCodeBlock: HTMLPreElement): void;
+    /** @docs-private */
+    showActionBarIfNecessary(): void;
+    /** @docs-private */
+    hideActionBarIfNoHeader(event?: FocusEvent | null): void;
     private updateMultiline;
     private getFullFileName;
-    onEnter(currentCodeBlock: HTMLPreElement): void;
+    private subscribeToHover;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqCodeBlockComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCodeBlockComponent, "kbq-code-block", ["kbqCodeBlock"], { "lineNumbers": { "alias": "lineNumbers"; "required": false; }; "codeFiles": { "alias": "codeFiles"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "softWrap": { "alias": "softWrap"; "required": false; }; "canLoad": { "alias": "canLoad"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCodeBlockComponent, "kbq-code-block", ["kbqCodeBlock"], { "lineNumbers": { "alias": "lineNumbers"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "softWrap": { "alias": "softWrap"; "required": false; }; "canLoad": { "alias": "canLoad"; "required": false; }; "codeFiles": { "alias": "codeFiles"; "required": false; }; }, {}, never, never, false, never>;
 }

package/code-block/code-block.scss

@@ -27,7 +27,7 @@ $border-width: kbq-css-variable(code-block-size-container-border-width);
         // 4 buttons + margin
         $buttons-margin: calc(32 * 4) + 24px;
 
-        padding: kbq-css-variable(code-block-size-header-padding-vertical)
+        padding: calc(kbq-css-variable(code-block-size-header-padding-vertical) - $border-width)
             calc(
                 var(--kbq-code-block-size-header-padding-right, map.get($tokens, code-block-size-header-padding-right)) +
                     $buttons-margin
@@ -47,6 +47,14 @@ $border-width: kbq-css-variable(code-block-size-container-border-width);
                 overflow-x: scroll;
             }
         }
+
+        &:has(.kbq-code-block__show-more_collapsed) {
+            .kbq-code-block__code {
+                & > code {
+                    overflow-x: hidden;
+                }
+            }
+        }
     }
 
     .kbq-code-block__code {
@@ -87,6 +95,8 @@ $border-width: kbq-css-variable(code-block-size-container-border-width);
     &:not(.kbq-code-block_no-header) {
         .kbq-tab-body__wrapper {
             border-top-width: 0;
+            // actionbar can be visible when positioned in the header
+            overflow: visible;
         }
     }
 
@@ -126,8 +136,6 @@ $border-width: kbq-css-variable(code-block-size-container-border-width);
 
     .kbq-tab-body__wrapper {
         flex-direction: column;
-        position: unset;
-
         border-width: $border-width;
         border-style: solid;
         border-radius: 0 0 $border-radius $border-radius;
@@ -171,12 +179,11 @@ $border-width: kbq-css-variable(code-block-size-container-border-width);
 .kbq-code-block__show-more {
     display: flex;
     justify-content: center;
-    overflow: hidden;
 
-    width: calc(100% - $border-width * 2);
+    width: 100%;
 
     position: absolute;
-    bottom: $border-width;
+    bottom: 0;
     border-radius: $border-radius;
 
     &.kbq-code-block__show-more_collapsed {

package/datepicker/calendar-header.component.d.ts

@@ -6,6 +6,7 @@ export declare class KbqCalendarHeader<D> implements AfterContentInit {
     private readonly adapter;
     monthNames: {
         name: string;
+        nameShort: string;
         value: number;
     }[];
     selectedMonth: number;

package/esm2022/code-block/actionbar.component.mjs

@@ -30,14 +30,13 @@ export class KbqActionBarComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", lessContrast: "lessContrast", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap", canLoad: "canLoad" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { properties: { "class.kbq-code-block-actionbar_less-contrast": "lessContrast" }, classAttribute: "kbq-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<button\n    *ngIf=\"multiLine\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n    (click)=\"toggleSoftWrap.emit()\"\n>\n    <i\n        *ngIf=\"!softWrap\"\n        kbq-icon=\"mc-word-wrap_16\"\n    ></i>\n    <i\n        *ngIf=\"softWrap\"\n        kbq-icon=\"mc-word-wrap-slash_16\"\n    ></i>\n</button>\n\n<button\n    *ngIf=\"canLoad\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"config.downloadTooltip\"\n    (click)=\"downloadCode.emit()\"\n>\n    <i kbq-icon=\"mc-download_16\"></i>\n</button>\n\n<button\n    #copyTooltip=\"kbqTooltip\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"copyTooltipText\"\n    (click)=\"onCopy()\"\n>\n    <i kbq-icon=\"mc-copy-o_16\"></i>\n</button>\n\n<button\n    *ngIf=\"codeFiles[selectedTabIndex].link\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"config.openExternalSystemTooltip\"\n    (click)=\"openExternalSystem.emit()\"\n>\n    <i kbq-icon=\"mc-external-link_16\"></i>\n</button>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:0;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px);gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 36px);height:32px;margin-top:calc(var(--kbq-code-block-size-actionbar-padding-vertical, 8px) * -1)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipColor"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap", canLoad: "canLoad" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { classAttribute: "kbq-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n    <button\n        *ngIf=\"multiLine\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\"\n    >\n        <i\n            *ngIf=\"!softWrap\"\n            kbq-icon=\"mc-word-wrap_16\"\n        ></i>\n        <i\n            *ngIf=\"softWrap\"\n            kbq-icon=\"mc-word-wrap-slash_16\"\n        ></i>\n    </button>\n\n    <button\n        *ngIf=\"canLoad\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\"\n    >\n        <i kbq-icon=\"mc-download_16\"></i>\n    </button>\n\n    <button\n        #copyTooltip=\"kbqTooltip\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\"\n    >\n        <i kbq-icon=\"mc-copy-o_16\"></i>\n    </button>\n\n    <button\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\"\n    >\n        <i kbq-icon=\"mc-external-link_16\"></i>\n    </button>\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipColor"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-actionbar-block', host: {
-                        class: 'kbq-code-block-actionbar',
-                        '[class.kbq-code-block-actionbar_less-contrast]': 'lessContrast'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<button\n    *ngIf=\"multiLine\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n    (click)=\"toggleSoftWrap.emit()\"\n>\n    <i\n        *ngIf=\"!softWrap\"\n        kbq-icon=\"mc-word-wrap_16\"\n    ></i>\n    <i\n        *ngIf=\"softWrap\"\n        kbq-icon=\"mc-word-wrap-slash_16\"\n    ></i>\n</button>\n\n<button\n    *ngIf=\"canLoad\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"config.downloadTooltip\"\n    (click)=\"downloadCode.emit()\"\n>\n    <i kbq-icon=\"mc-download_16\"></i>\n</button>\n\n<button\n    #copyTooltip=\"kbqTooltip\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"copyTooltipText\"\n    (click)=\"onCopy()\"\n>\n    <i kbq-icon=\"mc-copy-o_16\"></i>\n</button>\n\n<button\n    *ngIf=\"codeFiles[selectedTabIndex].link\"\n    kbq-button\n    [color]=\"'contrast'\"\n    [kbqStyle]=\"'transparent'\"\n    [kbqTooltip]=\"config.openExternalSystemTooltip\"\n    (click)=\"openExternalSystem.emit()\"\n>\n    <i kbq-icon=\"mc-external-link_16\"></i>\n</button>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:0;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px);gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 36px);height:32px;margin-top:calc(var(--kbq-code-block-size-actionbar-padding-vertical, 8px) * -1)}\n"] }]
+                        class: 'kbq-code-block-actionbar'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n    <button\n        *ngIf=\"multiLine\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\"\n    >\n        <i\n            *ngIf=\"!softWrap\"\n            kbq-icon=\"mc-word-wrap_16\"\n        ></i>\n        <i\n            *ngIf=\"softWrap\"\n            kbq-icon=\"mc-word-wrap-slash_16\"\n        ></i>\n    </button>\n\n    <button\n        *ngIf=\"canLoad\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\"\n    >\n        <i kbq-icon=\"mc-download_16\"></i>\n    </button>\n\n    <button\n        #copyTooltip=\"kbqTooltip\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\"\n    >\n        <i kbq-icon=\"mc-copy-o_16\"></i>\n    </button>\n\n    <button\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\"\n    >\n        <i kbq-icon=\"mc-external-link_16\"></i>\n    </button>\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"] }]
         }], propDecorators: { copyTooltip: [{
                 type: ViewChild,
                 args: ['copyTooltip']
@@ -45,8 +44,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                 type: Input
             }], codeFiles: [{
                 type: Input
-            }], lessContrast: [{
-                type: Input
             }], selectedTabIndex: [{
                 type: Input
             }], multiLine: [{
@@ -64,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
             }], openExternalSystem: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29kZS1ibG9jay9hY3Rpb25iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2RlLWJsb2NrL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBY3hDLE1BQU0sT0FBTyxxQkFBcUI7SUFYbEM7UUFpQmEscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBS3BCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDcEMsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQXNCM0Q7SUFsQkcsZUFBZTtRQUNYLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFFL0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDMUUsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7WUFDbkQsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELE1BQU07UUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRXJCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDO1lBQ2pELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDNUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO2lJQW5DUSxxQkFBcUI7cUhBQXJCLHFCQUFxQixzbkJDekJsQyxvdkNBb0RBOzsyRkQzQmEscUJBQXFCO2tCQVhqQyxTQUFTOytCQUNJLHFCQUFxQixRQUd6Qjt3QkFDRixLQUFLLEVBQUUsMEJBQTBCO3dCQUNqQyxnREFBZ0QsRUFBRSxjQUFjO3FCQUNuRSxpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdyQixXQUFXO3NCQUFwQyxTQUFTO3VCQUFDLGFBQWE7Z0JBRWYsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2JxVG9vbHRpcFRyaWdnZXIgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBLYnFDb2RlQmxvY2tDb25maWd1cmF0aW9uLCBLYnFDb2RlRmlsZSB9IGZyb20gJy4vY29kZS1ibG9jay50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFjdGlvbmJhci1ibG9jaycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1jb2RlLWJsb2NrLWFjdGlvbmJhcicsXG4gICAgICAgICdbY2xhc3Mua2JxLWNvZGUtYmxvY2stYWN0aW9uYmFyX2xlc3MtY29udHJhc3RdJzogJ2xlc3NDb250cmFzdCdcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnY29weVRvb2x0aXAnKSBjb3B5VG9vbHRpcDogS2JxVG9vbHRpcFRyaWdnZXI7XG5cbiAgICBASW5wdXQoKSBjb25maWc6IEticUNvZGVCbG9ja0NvbmZpZ3VyYXRpb247XG4gICAgQElucHV0KCkgY29kZUZpbGVzOiBLYnFDb2RlRmlsZVtdO1xuICAgIEBJbnB1dCgpIGxlc3NDb250cmFzdDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBzZWxlY3RlZFRhYkluZGV4ID0gMDtcbiAgICBASW5wdXQoKSBtdWx0aUxpbmU6IGJvb2xlYW47XG4gICAgQElucHV0KCkgc29mdFdyYXA6IGJvb2xlYW47XG4gICAgQElucHV0KCkgY2FuTG9hZDogYm9vbGVhbjtcblxuICAgIEBPdXRwdXQoKSB0b2dnbGVTb2Z0V3JhcCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgZG93bmxvYWRDb2RlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBjb3B5Q29kZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgb3BlbkV4dGVybmFsU3lzdGVtID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgY29weVRvb2x0aXBUZXh0OiBzdHJpbmc7XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29weVRvb2x0aXBUZXh0ID0gdGhpcy5jb25maWcuY29weVRvb2x0aXA7XG5cbiAgICAgICAgdGhpcy5jb3B5VG9vbHRpcC52aXNpYmxlQ2hhbmdlLnBpcGUoZmlsdGVyKChzdGF0ZSkgPT4gIXN0YXRlKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLmNvcHlUb29sdGlwVGV4dCA9PT0gdGhpcy5jb25maWcuY29waWVkVG9vbHRpcCkge1xuICAgICAgICAgICAgICAgIHRoaXMuY29weVRvb2x0aXBUZXh0ID0gdGhpcy5jb25maWcuY29weVRvb2x0aXA7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQ29weSgpIHtcbiAgICAgICAgdGhpcy5jb3B5Q29kZS5lbWl0KCk7XG5cbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNvcHlUb29sdGlwVGV4dCA9IHRoaXMuY29uZmlnLmNvcGllZFRvb2x0aXA7XG4gICAgICAgICAgICB0aGlzLmNvcHlUb29sdGlwLnNob3coKTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImticS1jb2RlLWJsb2NrX19mYWRlLWdyYWRpZW50XCI+PC9kaXY+XG5cbjxidXR0b25cbiAgICAqbmdJZj1cIm11bHRpTGluZVwiXG4gICAga2JxLWJ1dHRvblxuICAgIFtjb2xvcl09XCInY29udHJhc3QnXCJcbiAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgW2ticVRvb2x0aXBdPVwic29mdFdyYXAgPyBjb25maWcuc29mdFdyYXBPZmZUb29sdGlwIDogY29uZmlnLnNvZnRXcmFwT25Ub29sdGlwXCJcbiAgICAoY2xpY2spPVwidG9nZ2xlU29mdFdyYXAuZW1pdCgpXCJcbj5cbiAgICA8aVxuICAgICAgICAqbmdJZj1cIiFzb2Z0V3JhcFwiXG4gICAgICAgIGticS1pY29uPVwibWMtd29yZC13cmFwXzE2XCJcbiAgICA+PC9pPlxuICAgIDxpXG4gICAgICAgICpuZ0lmPVwic29mdFdyYXBcIlxuICAgICAgICBrYnEtaWNvbj1cIm1jLXdvcmQtd3JhcC1zbGFzaF8xNlwiXG4gICAgPjwvaT5cbjwvYnV0dG9uPlxuXG48YnV0dG9uXG4gICAgKm5nSWY9XCJjYW5Mb2FkXCJcbiAgICBrYnEtYnV0dG9uXG4gICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgIFtrYnFTdHlsZV09XCIndHJhbnNwYXJlbnQnXCJcbiAgICBba2JxVG9vbHRpcF09XCJjb25maWcuZG93bmxvYWRUb29sdGlwXCJcbiAgICAoY2xpY2spPVwiZG93bmxvYWRDb2RlLmVtaXQoKVwiXG4+XG4gICAgPGkga2JxLWljb249XCJtYy1kb3dubG9hZF8xNlwiPjwvaT5cbjwvYnV0dG9uPlxuXG48YnV0dG9uXG4gICAgI2NvcHlUb29sdGlwPVwia2JxVG9vbHRpcFwiXG4gICAga2JxLWJ1dHRvblxuICAgIFtjb2xvcl09XCInY29udHJhc3QnXCJcbiAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgW2ticVRvb2x0aXBdPVwiY29weVRvb2x0aXBUZXh0XCJcbiAgICAoY2xpY2spPVwib25Db3B5KClcIlxuPlxuICAgIDxpIGticS1pY29uPVwibWMtY29weS1vXzE2XCI+PC9pPlxuPC9idXR0b24+XG5cbjxidXR0b25cbiAgICAqbmdJZj1cImNvZGVGaWxlc1tzZWxlY3RlZFRhYkluZGV4XS5saW5rXCJcbiAgICBrYnEtYnV0dG9uXG4gICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgIFtrYnFTdHlsZV09XCIndHJhbnNwYXJlbnQnXCJcbiAgICBba2JxVG9vbHRpcF09XCJjb25maWcub3BlbkV4dGVybmFsU3lzdGVtVG9vbHRpcFwiXG4gICAgKGNsaWNrKT1cIm9wZW5FeHRlcm5hbFN5c3RlbS5lbWl0KClcIlxuPlxuICAgIDxpIGticS1pY29uPVwibWMtZXh0ZXJuYWwtbGlua18xNlwiPjwvaT5cbjwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29kZS1ibG9jay9hY3Rpb25iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2RlLWJsb2NrL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBYXhDLE1BQU0sT0FBTyxxQkFBcUI7SUFWbEM7UUFlYSxxQkFBZ0IsR0FBRyxDQUFDLENBQUM7UUFLcEIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzFDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN4QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNwQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBc0IzRDtJQWxCRyxlQUFlO1FBQ1gsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztRQUUvQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUMxRSxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDckQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUNuRCxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFckIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUM7WUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7aUlBbENRLHFCQUFxQjtxSEFBckIscUJBQXFCLHdnQkN4QmxDLHMvQ0FzREE7OzJGRDlCYSxxQkFBcUI7a0JBVmpDLFNBQVM7K0JBQ0kscUJBQXFCLFFBR3pCO3dCQUNGLEtBQUssRUFBRSwwQkFBMEI7cUJBQ3BDLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBR3JCLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFFZixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2JxVG9vbHRpcFRyaWdnZXIgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBLYnFDb2RlQmxvY2tDb25maWd1cmF0aW9uLCBLYnFDb2RlRmlsZSB9IGZyb20gJy4vY29kZS1ibG9jay50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFjdGlvbmJhci1ibG9jaycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1jb2RlLWJsb2NrLWFjdGlvbmJhcidcbiAgICB9LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgS2JxQWN0aW9uQmFyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnY29weVRvb2x0aXAnKSBjb3B5VG9vbHRpcDogS2JxVG9vbHRpcFRyaWdnZXI7XG5cbiAgICBASW5wdXQoKSBjb25maWc6IEticUNvZGVCbG9ja0NvbmZpZ3VyYXRpb247XG4gICAgQElucHV0KCkgY29kZUZpbGVzOiBLYnFDb2RlRmlsZVtdO1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkVGFiSW5kZXggPSAwO1xuICAgIEBJbnB1dCgpIG11bHRpTGluZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBzb2Z0V3JhcDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBjYW5Mb2FkOiBib29sZWFuO1xuXG4gICAgQE91dHB1dCgpIHRvZ2dsZVNvZnRXcmFwID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBkb3dubG9hZENvZGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIGNvcHlDb2RlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIEBPdXRwdXQoKSBvcGVuRXh0ZXJuYWxTeXN0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBjb3B5VG9vbHRpcFRleHQ6IHN0cmluZztcblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb3B5VG9vbHRpcFRleHQgPSB0aGlzLmNvbmZpZy5jb3B5VG9vbHRpcDtcblxuICAgICAgICB0aGlzLmNvcHlUb29sdGlwLnZpc2libGVDaGFuZ2UucGlwZShmaWx0ZXIoKHN0YXRlKSA9PiAhc3RhdGUpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuY29weVRvb2x0aXBUZXh0ID09PSB0aGlzLmNvbmZpZy5jb3BpZWRUb29sdGlwKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jb3B5VG9vbHRpcFRleHQgPSB0aGlzLmNvbmZpZy5jb3B5VG9vbHRpcDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25Db3B5KCkge1xuICAgICAgICB0aGlzLmNvcHlDb2RlLmVtaXQoKTtcblxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY29weVRvb2x0aXBUZXh0ID0gdGhpcy5jb25maWcuY29waWVkVG9vbHRpcDtcbiAgICAgICAgICAgIHRoaXMuY29weVRvb2x0aXAuc2hvdygpO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2JxLWNvZGUtYmxvY2tfX2ZhZGUtZ3JhZGllbnRcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImticS1hY3Rpb25iYXItYmxvY2tfX2J1dHRvbi1zdGFjayBsYXlvdXQtcm93XCI+XG4gICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIm11bHRpTGluZVwiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cInNvZnRXcmFwID8gY29uZmlnLnNvZnRXcmFwT2ZmVG9vbHRpcCA6IGNvbmZpZy5zb2Z0V3JhcE9uVG9vbHRpcFwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVTb2Z0V3JhcC5lbWl0KClcIlxuICAgID5cbiAgICAgICAgPGlcbiAgICAgICAgICAgICpuZ0lmPVwiIXNvZnRXcmFwXCJcbiAgICAgICAgICAgIGticS1pY29uPVwibWMtd29yZC13cmFwXzE2XCJcbiAgICAgICAgPjwvaT5cbiAgICAgICAgPGlcbiAgICAgICAgICAgICpuZ0lmPVwic29mdFdyYXBcIlxuICAgICAgICAgICAga2JxLWljb249XCJtYy13b3JkLXdyYXAtc2xhc2hfMTZcIlxuICAgICAgICA+PC9pPlxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cImNhbkxvYWRcIlxuICAgICAgICBrYnEtYnV0dG9uXG4gICAgICAgIFtjb2xvcl09XCInY29udHJhc3QnXCJcbiAgICAgICAgW2ticVN0eWxlXT1cIid0cmFuc3BhcmVudCdcIlxuICAgICAgICBba2JxVG9vbHRpcF09XCJjb25maWcuZG93bmxvYWRUb29sdGlwXCJcbiAgICAgICAgKGNsaWNrKT1cImRvd25sb2FkQ29kZS5lbWl0KClcIlxuICAgID5cbiAgICAgICAgPGkga2JxLWljb249XCJtYy1kb3dubG9hZF8xNlwiPjwvaT5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxidXR0b25cbiAgICAgICAgI2NvcHlUb29sdGlwPVwia2JxVG9vbHRpcFwiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cImNvcHlUb29sdGlwVGV4dFwiXG4gICAgICAgIChjbGljayk9XCJvbkNvcHkoKVwiXG4gICAgPlxuICAgICAgICA8aSBrYnEtaWNvbj1cIm1jLWNvcHktb18xNlwiPjwvaT5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJjb2RlRmlsZXNbc2VsZWN0ZWRUYWJJbmRleF0ubGlua1wiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cImNvbmZpZy5vcGVuRXh0ZXJuYWxTeXN0ZW1Ub29sdGlwXCJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5FeHRlcm5hbFN5c3RlbS5lbWl0KClcIlxuICAgID5cbiAgICAgICAgPGkga2JxLWljb249XCJtYy1leHRlcm5hbC1saW5rXzE2XCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=