@koobiq/components 18.10.0 → 18.11.0

package/code-block/README.md

@@ -1,36 +0,0 @@
-# Popover component
-
-## API
-
-| Property           | Description                                                                                                                                                                           | Type                  | Default     |     |
-| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- | --- |
-| kbqPlacement       | Место для показа относительно элемента, к которому он привязан. Возможные значения: top, bottom, left, right                                                                          | string                | bottom      |     |
-| kbqTrigger         | Триггер для показа Возможные значения: hover, manual, click, focus                                                                                                                    | string                | hover       |     |
-| kbqVisible         | Ручное управление показом, используется только при kbqTrigger="manual"                                                                                                                | boolean               | false       |     |
-| kbqPopoverHeader   | Содержимое шапки Обрати внимание: если используешь строку, то используй аккуратно, желательно предварительно сделать escape строки, чтобы избежать потенциальной XSS уязвимости.      | string                | ng-template | –   |
-| kbqPopoverContent  | Содержимое компонента Обрати внимание: если используешь строку, то используй аккуратно, желательно предварительно сделать escape строки, чтобы избежать потенциальной XSS уязвимости. | string                | ng-template | –   |
-| kbqPopoverFooter   | Содержимое подвала Обрати внимание: если используешь строку, то используй аккуратно, желательно предварительно сделать escape строки, чтобы избежать потенциальной XSS уязвимости.    | string                | ng-template | –   |
-| kbqPopoverDisabled | Флаг для запрета показа                                                                                                                                                               | boolean               | false       |     |
-| kbqPopoverClass    | Добавление своих классов                                                                                                                                                              | string                | string[]    | –   |
-| kbqVisibleChange   | Callback на изменение видимости компонента                                                                                                                                            | EventEmitter<boolean> | –           |     |
-
-## Example
-
-<!-- cspell:ignore Э́йяфьядлайё̀кюдль, Эйяфьядлайёкюдль -->
-
-```html
-<ng-template #customContent>
-    Э́йяфьядлайё̀кюдль — шестой по величине ледник Исландии. Расположен на юге Исландии в 125 км к востоку от Рейкьявика.
-    Под этим ледником находится одноимённый вулкан конической формы.
-</ng-template>
-
-<button
-    kbqPopover
-    [kbqTrigger]="'hover'"
-    [kbqPlacement]="'top'"
-    [kbqPopoverHeader]="'Это header'"
-    [kbqPopoverContent]="customContent"
->
-    Найти Эйяфьядлайёкюдль
-</button>
-```

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

@@ -1,32 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { KbqLocaleService } from '@koobiq/components/core';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { KbqCodeBlockConfiguration, KbqCodeBlockFile } from './code-block.types';
-import * as i0 from "@angular/core";
-export declare class KbqActionBarComponent implements AfterViewInit {
-    private changeDetectorRef;
-    protected configuration?: KbqCodeBlockConfiguration | undefined;
-    protected localeService?: KbqLocaleService | undefined;
-    copyTooltip: KbqTooltipTrigger;
-    codeFiles: KbqCodeBlockFile[];
-    selectedTabIndex: number;
-    multiLine: boolean;
-    softWrap: boolean;
-    canLoad: boolean;
-    toggleSoftWrap: EventEmitter<void>;
-    downloadCode: EventEmitter<void>;
-    copyCode: EventEmitter<void>;
-    openExternalSystem: EventEmitter<void>;
-    copyTooltipText: string;
-    /**
-     * @docs-private
-     */
-    config: KbqCodeBlockConfiguration;
-    constructor(changeDetectorRef: ChangeDetectorRef, configuration?: KbqCodeBlockConfiguration | undefined, localeService?: KbqLocaleService | undefined);
-    ngAfterViewInit(): void;
-    onCopy(): void;
-    private updateLocaleParams;
-    private initDefaultParams;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqActionBarComponent, [null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqActionBarComponent, "kbq-actionbar-block", never, { "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

@@ -1,43 +0,0 @@
-@use '../core/styles/common/tokens' as *;
-
-$actionbar-indents: var(--kbq-code-block-size-actionbar-padding-vertical)
-    var(--kbq-code-block-size-actionbar-padding-horizontal);
-
-.kbq-code-block-actionbar {
-    display: flex;
-    justify-content: right;
-    align-items: center;
-
-    position: absolute;
-
-    // position to top to the height of tab-header
-    top: -48px;
-    right: 0;
-
-    margin: $actionbar-indents;
-
-    .kbq-actionbar-block__button-stack {
-        gap: var(--kbq-code-block-size-actionbar-content-gap-horizontal);
-    }
-
-    .kbq-code-block__fade-gradient {
-        display: none;
-
-        width: var(--kbq-code-block-size-actionbar-fade-gradient-width);
-    }
-
-    &.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-content.d.ts

@@ -1,28 +0,0 @@
-import { KbqCodeBlockFile } from './code-block.types';
-import * as i0 from "@angular/core";
-export declare class KbqCodeBlockContent {
-    protected readonly document: Document;
-    private readonly nativeElement;
-    private readonly renderer;
-    private readonly domSanitizer;
-    /** The code file. */
-    set file({ language, content }: KbqCodeBlockFile);
-    /** The starting line number. */
-    startFrom: number;
-    /** Whether to display line numbers for single line code block. */
-    singleLine: boolean;
-    constructor();
-    /** Use defaultView of injected document if available or fallback to global window reference */
-    private getWindow;
-    private initLineNumbersPlugin;
-    /**
-     * This method is not intended for editing.
-     * Changes may lead to unpredictable behavior.
-     * Source code: https://github.com/wcoder/highlightjs-line-numbers.js/blob/v2.9.0/src/highlightjs-line-numbers.js
-     */
-    private highlightJSLineNumbersPlugin;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCodeBlockContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqCodeBlockContent, "[kbqCodeBlockContent]", never, { "file": { "alias": "file"; "required": true; }; "startFrom": { "alias": "startFrom"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_startFrom: unknown;
-    static ngAcceptInputType_singleLine: unknown;
-}

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

@@ -1,98 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Clipboard } from '@angular/cdk/clipboard';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
-import { KbqLocaleService } from '@koobiq/components/core';
-import { KbqTabChangeEvent, KbqTabGroup } from '@koobiq/components/tabs';
-import { Subject } from 'rxjs';
-import { KbqCodeBlockConfiguration, KbqCodeBlockFile } from './code-block.types';
-import * as i0 from "@angular/core";
-export declare const COPIED_MESSAGE_TOOLTIP_TIMEOUT = 100;
-export declare const DEFAULT_EXTENSION = "txt";
-export declare const LANGUAGES_EXTENSIONS: {
-    html: string;
-    css: string;
-    php: string;
-    java: string;
-    bash: string;
-    javascript: string;
-    typescript: string;
-    python: string;
-    ruby: string;
-    c: string;
-    'c++': string;
-    'c#': string;
-    csharp: string;
-    lua: string;
-    xml: string;
-    json: string;
-};
-export declare class KbqCodeBlockComponent implements AfterViewInit, OnDestroy {
-    private elementRef;
-    private changeDetectorRef;
-    private clipboard;
-    private renderer;
-    private focusMonitor;
-    protected configuration?: KbqCodeBlockConfiguration | undefined;
-    protected localeService?: KbqLocaleService | undefined;
-    protected readonly document: Document;
-    tabGroup: KbqTabGroup;
-    lineNumbers: boolean;
-    filled: boolean;
-    maxHeight: number;
-    softWrap: boolean;
-    canLoad: boolean;
-    get codeFiles(): KbqCodeBlockFile[];
-    set codeFiles(files: KbqCodeBlockFile[]);
-    private _codeFiles;
-    get noHeader(): any;
-    get singleFile(): boolean;
-    selectedTabIndex: number;
-    copied: boolean;
-    viewAll: boolean;
-    multiLine: boolean;
-    isTopOverflow: boolean;
-    hasKeyboardFocus: boolean;
-    /**
-     * @docs-private
-     */
-    actionbarHidden?: boolean;
-    /**
-     * @docs-private
-     */
-    config: KbqCodeBlockConfiguration;
-    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, configuration?: KbqCodeBlockConfiguration | undefined, localeService?: KbqLocaleService | undefined);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    updateHeader: () => void;
-    toggleSoftWrap(): void;
-    toggleViewAll(): void;
-    downloadCode(): void;
-    copyCode(): void;
-    openExternalSystem(): void;
-    onHighlighted(): void;
-    getMaxHeight(): string;
-    onSelectTab($event: KbqTabChangeEvent): void;
-    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 updateLocaleParams;
-    private initDefaultParams;
-    private updateMultiline;
-    private getFullFileName;
-    private subscribeToHover;
-    /** Use defaultView of injected document if available or fallback to global window reference */
-    private getWindow;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCodeBlockComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    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.types.d.ts

@@ -1,36 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const KBQ_CODE_BLOCK_CONFIGURATION: InjectionToken<any>;
-export declare const KBQ_CODE_BLOCK_DEFAULT_CONFIGURATION: {
-    softWrapOnTooltip: string;
-    softWrapOffTooltip: string;
-    downloadTooltip: string;
-    copiedTooltip: string;
-    copyTooltip: string;
-    viewAllText: string;
-    viewLessText: string;
-    openExternalSystemTooltip: string;
-};
-export interface KbqCodeBlockConfiguration {
-    softWrapOnTooltip: string;
-    softWrapOffTooltip: string;
-    downloadTooltip: string;
-    copiedTooltip: string;
-    copyTooltip: string;
-    viewAllText: string;
-    viewLessText: string;
-    openExternalSystemTooltip: string;
-}
-/** Code block file type. */
-export type KbqCodeBlockFile = {
-    filename: string;
-    content: string;
-    /**
-     * File language
-     *
-     * @link https://highlightjs.readthedocs.io/en/stable/supported-languages.html
-     */
-    language: string;
-    link?: string;
-};
-/** @deprecated Will be removed in next major release, use `KbqCodeBlockFile` instead. */
-export type KbqCodeFile = KbqCodeBlockFile;

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

@@ -1,90 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { KBQ_LOCALE_SERVICE, KbqLocaleService } from '@koobiq/components/core';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { filter } from 'rxjs/operators';
-import { KBQ_CODE_BLOCK_CONFIGURATION, KBQ_CODE_BLOCK_DEFAULT_CONFIGURATION } from './code-block.types';
-import * as i0 from "@angular/core";
-import * as i1 from "@koobiq/components/button";
-import * as i2 from "@koobiq/components/tooltip";
-import * as i3 from "@koobiq/components/icon";
-import * as i4 from "@koobiq/components/core";
-export class KbqActionBarComponent {
-    constructor(changeDetectorRef, configuration, localeService) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.configuration = configuration;
-        this.localeService = localeService;
-        this.selectedTabIndex = 0;
-        this.toggleSoftWrap = new EventEmitter();
-        this.downloadCode = new EventEmitter();
-        this.copyCode = new EventEmitter();
-        this.openExternalSystem = new EventEmitter();
-        this.updateLocaleParams = () => {
-            this.config = this.configuration || this.localeService?.getParams('codeBlock');
-            this.copyTooltipText = this.config.copyTooltip;
-            this.changeDetectorRef.markForCheck();
-        };
-        this.localeService?.changes.pipe(takeUntilDestroyed()).subscribe(this.updateLocaleParams);
-        if (!this.localeService) {
-            this.initDefaultParams();
-        }
-    }
-    ngAfterViewInit() {
-        this.copyTooltipText = this.config.copyTooltip;
-        this.copyTooltip.visibleChange.pipe(filter((state) => !state)).subscribe(() => {
-            if (this.copyTooltipText === this.config.copiedTooltip) {
-                this.copyTooltipText = this.config.copyTooltip;
-            }
-        });
-    }
-    onCopy() {
-        this.copyCode.emit();
-        setTimeout(() => {
-            this.copyTooltipText = this.config.copiedTooltip;
-            this.copyTooltip.show();
-        });
-    }
-    initDefaultParams() {
-        this.config = KBQ_CODE_BLOCK_DEFAULT_CONFIGURATION;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: KBQ_CODE_BLOCK_CONFIGURATION, optional: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { 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    @if (multiLine) {\n        <button\n            kbq-button\n            [color]=\"'contrast'\"\n            [kbqStyle]=\"'transparent'\"\n            [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n            (click)=\"toggleSoftWrap.emit()\"\n        >\n            @if (!softWrap) {\n                <i kbq-icon=\"kbq-wrap-text_16\"></i>\n            }\n            @if (softWrap) {\n                <i kbq-icon=\"kbq-wrap-text-slash_16\"></i>\n            }\n        </button>\n    }\n\n    @if (canLoad) {\n        <button\n            kbq-button\n            [color]=\"'contrast'\"\n            [kbqStyle]=\"'transparent'\"\n            [kbqTooltip]=\"config.downloadTooltip\"\n            (click)=\"downloadCode.emit()\"\n        >\n            <i kbq-icon=\"kbq-arrow-down-to-line_16\"></i>\n        </button>\n    }\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=\"kbq-file-multiple-o_16\"></i>\n    </button>\n\n    @if (codeFiles[selectedTabIndex].link) {\n        <button\n            kbq-button\n            [color]=\"'contrast'\"\n            [kbqStyle]=\"'transparent'\"\n            [kbqTooltip]=\"config.openExternalSystemTooltip\"\n            (click)=\"openExternalSystem.emit()\"\n        >\n            <i kbq-icon=\"kbq-arrow-up-right-from-square_16\"></i>\n        </button>\n    }\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) var(--kbq-code-block-size-actionbar-padding-horizontal)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width)}.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) var(--kbq-code-block-size-actionbar-padding-horizontal)}\n"], dependencies: [{ kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i2.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqRelativeToPointer", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipContext", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kbq-actionbar-block', host: {
-                        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    @if (multiLine) {\n        <button\n            kbq-button\n            [color]=\"'contrast'\"\n            [kbqStyle]=\"'transparent'\"\n            [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n            (click)=\"toggleSoftWrap.emit()\"\n        >\n            @if (!softWrap) {\n                <i kbq-icon=\"kbq-wrap-text_16\"></i>\n            }\n            @if (softWrap) {\n                <i kbq-icon=\"kbq-wrap-text-slash_16\"></i>\n            }\n        </button>\n    }\n\n    @if (canLoad) {\n        <button\n            kbq-button\n            [color]=\"'contrast'\"\n            [kbqStyle]=\"'transparent'\"\n            [kbqTooltip]=\"config.downloadTooltip\"\n            (click)=\"downloadCode.emit()\"\n        >\n            <i kbq-icon=\"kbq-arrow-down-to-line_16\"></i>\n        </button>\n    }\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=\"kbq-file-multiple-o_16\"></i>\n    </button>\n\n    @if (codeFiles[selectedTabIndex].link) {\n        <button\n            kbq-button\n            [color]=\"'contrast'\"\n            [kbqStyle]=\"'transparent'\"\n            [kbqTooltip]=\"config.openExternalSystemTooltip\"\n            (click)=\"openExternalSystem.emit()\"\n        >\n            <i kbq-icon=\"kbq-arrow-up-right-from-square_16\"></i>\n        </button>\n    }\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) var(--kbq-code-block-size-actionbar-padding-horizontal)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width)}.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) var(--kbq-code-block-size-actionbar-padding-horizontal)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [KBQ_CODE_BLOCK_CONFIGURATION]
-                }] }, { type: i4.KbqLocaleService, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [KBQ_LOCALE_SERVICE]
-                }] }], propDecorators: { copyTooltip: [{
-                type: ViewChild,
-                args: ['copyTooltip']
-            }], codeFiles: [{
-                type: Input
-            }], selectedTabIndex: [{
-                type: Input
-            }], multiLine: [{
-                type: Input
-            }], softWrap: [{
-                type: Input
-            }], canLoad: [{
-                type: Input
-            }], toggleSoftWrap: [{
-                type: Output
-            }], downloadCode: [{
-                type: Output
-            }], copyCode: [{
-                type: Output
-            }], openExternalSystem: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29kZS1ibG9jay9hY3Rpb25iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb2RlLWJsb2NrL2FjdGlvbmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QyxPQUFPLEVBQ0gsNEJBQTRCLEVBQzVCLG9DQUFvQyxFQUd2QyxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7QUFZNUIsTUFBTSxPQUFPLHFCQUFxQjtJQW9COUIsWUFDWSxpQkFBb0MsRUFDZ0IsYUFBeUMsRUFDbkQsYUFBZ0M7UUFGMUUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNnQixrQkFBYSxHQUFiLGFBQWEsQ0FBNEI7UUFDbkQsa0JBQWEsR0FBYixhQUFhLENBQW1CO1FBbkI3RSxxQkFBZ0IsR0FBRyxDQUFDLENBQUM7UUFLcEIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzFDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN4QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNwQyx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBdUNoRCx1QkFBa0IsR0FBRyxHQUFHLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBRS9FLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7WUFFL0MsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFDLENBQUMsQ0FBQztRQWhDRSxJQUFJLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUUxRixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzdCLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFFL0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDMUUsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ3JELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7WUFDbkQsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELE1BQU07UUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRXJCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDO1lBQ2pELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDNUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBVU8saUJBQWlCO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsb0NBQW9DLENBQUM7SUFDdkQsQ0FBQztpSUE3RFEscUJBQXFCLG1EQXNCTiw0QkFBNEIsNkJBQzVCLGtCQUFrQjtxSEF2QmpDLHFCQUFxQixzZkNsQ2xDLGtvREF1REE7OzJGRHJCYSxxQkFBcUI7a0JBVmpDLFNBQVM7K0JBQ0kscUJBQXFCLFFBR3pCO3dCQUNGLEtBQUssRUFBRSwwQkFBMEI7cUJBQ3BDLGlCQUNjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OzBCQXdCMUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw0QkFBNEI7OzBCQUMvQyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGtCQUFrQjt5Q0F0QmhCLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFFZixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbiAgICBPcHRpb25hbCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgS0JRX0xPQ0FMRV9TRVJWSUNFLCBLYnFMb2NhbGVTZXJ2aWNlIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2NvcmUnO1xuaW1wb3J0IHsgS2JxVG9vbHRpcFRyaWdnZXIgfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQge1xuICAgIEtCUV9DT0RFX0JMT0NLX0NPTkZJR1VSQVRJT04sXG4gICAgS0JRX0NPREVfQkxPQ0tfREVGQVVMVF9DT05GSUdVUkFUSU9OLFxuICAgIEticUNvZGVCbG9ja0NvbmZpZ3VyYXRpb24sXG4gICAgS2JxQ29kZUJsb2NrRmlsZVxufSBmcm9tICcuL2NvZGUtYmxvY2sudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ticS1hY3Rpb25iYXItYmxvY2snLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb25iYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FjdGlvbmJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtY29kZS1ibG9jay1hY3Rpb25iYXInXG4gICAgfSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEticUFjdGlvbkJhckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIEBWaWV3Q2hpbGQoJ2NvcHlUb29sdGlwJykgY29weVRvb2x0aXA6IEticVRvb2x0aXBUcmlnZ2VyO1xuXG4gICAgQElucHV0KCkgY29kZUZpbGVzOiBLYnFDb2RlQmxvY2tGaWxlW107XG4gICAgQElucHV0KCkgc2VsZWN0ZWRUYWJJbmRleCA9IDA7XG4gICAgQElucHV0KCkgbXVsdGlMaW5lOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHNvZnRXcmFwOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGNhbkxvYWQ6IGJvb2xlYW47XG5cbiAgICBAT3V0cHV0KCkgdG9nZ2xlU29mdFdyYXAgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIGRvd25sb2FkQ29kZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgY29weUNvZGUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIG9wZW5FeHRlcm5hbFN5c3RlbSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIGNvcHlUb29sdGlwVGV4dDogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEBkb2NzLXByaXZhdGVcbiAgICAgKi9cbiAgICBjb25maWc6IEticUNvZGVCbG9ja0NvbmZpZ3VyYXRpb247XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoS0JRX0NPREVfQkxPQ0tfQ09ORklHVVJBVElPTikgcHJvdGVjdGVkIGNvbmZpZ3VyYXRpb24/OiBLYnFDb2RlQmxvY2tDb25maWd1cmF0aW9uLFxuICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KEtCUV9MT0NBTEVfU0VSVklDRSkgcHJvdGVjdGVkIGxvY2FsZVNlcnZpY2U/OiBLYnFMb2NhbGVTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIHRoaXMubG9jYWxlU2VydmljZT8uY2hhbmdlcy5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpKS5zdWJzY3JpYmUodGhpcy51cGRhdGVMb2NhbGVQYXJhbXMpO1xuXG4gICAgICAgIGlmICghdGhpcy5sb2NhbGVTZXJ2aWNlKSB7XG4gICAgICAgICAgICB0aGlzLmluaXREZWZhdWx0UGFyYW1zKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29weVRvb2x0aXBUZXh0ID0gdGhpcy5jb25maWcuY29weVRvb2x0aXA7XG5cbiAgICAgICAgdGhpcy5jb3B5VG9vbHRpcC52aXNpYmxlQ2hhbmdlLnBpcGUoZmlsdGVyKChzdGF0ZSkgPT4gIXN0YXRlKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLmNvcHlUb29sdGlwVGV4dCA9PT0gdGhpcy5jb25maWcuY29waWVkVG9vbHRpcCkge1xuICAgICAgICAgICAgICAgIHRoaXMuY29weVRvb2x0aXBUZXh0ID0gdGhpcy5jb25maWcuY29weVRvb2x0aXA7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQ29weSgpIHtcbiAgICAgICAgdGhpcy5jb3B5Q29kZS5lbWl0KCk7XG5cbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNvcHlUb29sdGlwVGV4dCA9IHRoaXMuY29uZmlnLmNvcGllZFRvb2x0aXA7XG4gICAgICAgICAgICB0aGlzLmNvcHlUb29sdGlwLnNob3coKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVMb2NhbGVQYXJhbXMgPSAoKSA9PiB7XG4gICAgICAgIHRoaXMuY29uZmlnID0gdGhpcy5jb25maWd1cmF0aW9uIHx8IHRoaXMubG9jYWxlU2VydmljZT8uZ2V0UGFyYW1zKCdjb2RlQmxvY2snKTtcblxuICAgICAgICB0aGlzLmNvcHlUb29sdGlwVGV4dCA9IHRoaXMuY29uZmlnLmNvcHlUb29sdGlwO1xuXG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfTtcblxuICAgIHByaXZhdGUgaW5pdERlZmF1bHRQYXJhbXMoKSB7XG4gICAgICAgIHRoaXMuY29uZmlnID0gS0JRX0NPREVfQkxPQ0tfREVGQVVMVF9DT05GSUdVUkFUSU9OO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJrYnEtY29kZS1ibG9ja19fZmFkZS1ncmFkaWVudFwiPjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFjdGlvbmJhci1ibG9ja19fYnV0dG9uLXN0YWNrIGxheW91dC1yb3dcIj5cbiAgICBAaWYgKG11bHRpTGluZSkge1xuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBrYnEtYnV0dG9uXG4gICAgICAgICAgICBbY29sb3JdPVwiJ2NvbnRyYXN0J1wiXG4gICAgICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgICAgICBba2JxVG9vbHRpcF09XCJzb2Z0V3JhcCA/IGNvbmZpZy5zb2Z0V3JhcE9mZlRvb2x0aXAgOiBjb25maWcuc29mdFdyYXBPblRvb2x0aXBcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVNvZnRXcmFwLmVtaXQoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIEBpZiAoIXNvZnRXcmFwKSB7XG4gICAgICAgICAgICAgICAgPGkga2JxLWljb249XCJrYnEtd3JhcC10ZXh0XzE2XCI+PC9pPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChzb2Z0V3JhcCkge1xuICAgICAgICAgICAgICAgIDxpIGticS1pY29uPVwia2JxLXdyYXAtdGV4dC1zbGFzaF8xNlwiPjwvaT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9idXR0b24+XG4gICAgfVxuXG4gICAgQGlmIChjYW5Mb2FkKSB7XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGticS1idXR0b25cbiAgICAgICAgICAgIFtjb2xvcl09XCInY29udHJhc3QnXCJcbiAgICAgICAgICAgIFtrYnFTdHlsZV09XCIndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgICAgIFtrYnFUb29sdGlwXT1cImNvbmZpZy5kb3dubG9hZFRvb2x0aXBcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImRvd25sb2FkQ29kZS5lbWl0KClcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8aSBrYnEtaWNvbj1cImticS1hcnJvdy1kb3duLXRvLWxpbmVfMTZcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIH1cblxuICAgIDxidXR0b25cbiAgICAgICAgI2NvcHlUb29sdGlwPVwia2JxVG9vbHRpcFwiXG4gICAgICAgIGticS1idXR0b25cbiAgICAgICAgW2NvbG9yXT1cIidjb250cmFzdCdcIlxuICAgICAgICBba2JxU3R5bGVdPVwiJ3RyYW5zcGFyZW50J1wiXG4gICAgICAgIFtrYnFUb29sdGlwXT1cImNvcHlUb29sdGlwVGV4dFwiXG4gICAgICAgIChjbGljayk9XCJvbkNvcHkoKVwiXG4gICAgPlxuICAgICAgICA8aSBrYnEtaWNvbj1cImticS1maWxlLW11bHRpcGxlLW9fMTZcIj48L2k+XG4gICAgPC9idXR0b24+XG5cbiAgICBAaWYgKGNvZGVGaWxlc1tzZWxlY3RlZFRhYkluZGV4XS5saW5rKSB7XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGticS1idXR0b25cbiAgICAgICAgICAgIFtjb2xvcl09XCInY29udHJhc3QnXCJcbiAgICAgICAgICAgIFtrYnFTdHlsZV09XCIndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgICAgIFtrYnFUb29sdGlwXT1cImNvbmZpZy5vcGVuRXh0ZXJuYWxTeXN0ZW1Ub29sdGlwXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvcGVuRXh0ZXJuYWxTeXN0ZW0uZW1pdCgpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGkga2JxLWljb249XCJrYnEtYXJyb3ctdXAtcmlnaHQtZnJvbS1zcXVhcmVfMTZcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIH1cbjwvZGl2PlxuIl19