@ptsecurity/mosaic 14.6.2 → 14.7.1

package/fesm2015/ptsecurity-mosaic-code-block.mjs

@@ -0,0 +1,280 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, Output, InjectionToken, Optional, Inject, NgModule } from '@angular/core';
+import * as i2$1 from '@ptsecurity/mosaic/button';
+import { McButtonModule } from '@ptsecurity/mosaic/button';
+import * as i4 from '@ptsecurity/mosaic/icon';
+import { McIconModule } from '@ptsecurity/mosaic/icon';
+import * as i5 from '@ptsecurity/mosaic/tabs';
+import { McTabGroup, McTabsModule } from '@ptsecurity/mosaic/tabs';
+import * as i3 from '@ptsecurity/mosaic/tooltip';
+import { McToolTipModule } from '@ptsecurity/mosaic/tooltip';
+import * as i4$1 from 'ngx-highlightjs';
+import { HighlightModule, HIGHLIGHT_OPTIONS } from 'ngx-highlightjs';
+import { filter, debounceTime } from 'rxjs/operators';
+import { Subject, Subscription } from 'rxjs';
+import * as i1 from '@angular/cdk/clipboard';
+
+class McActionBarComponent {
+    constructor() {
+        this.selectedTabIndex = 0;
+        this.toggleSoftWrap = new EventEmitter();
+        this.downloadCode = new EventEmitter();
+        this.copyCode = new EventEmitter();
+        this.openExternalSystem = new EventEmitter();
+    }
+    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();
+        });
+    }
+}
+/** @nocollapse */ McActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: McActionBarComponent, selector: "mc-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", lessContrast: "lessContrast", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { properties: { "class.mc-code-block-actionbar_less-contrast": "lessContrast" }, classAttribute: "mc-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<button mc-button\n        class=\"mc-icon-button mc-button_transparent\"\n        *ngIf=\"multiLine\"\n        [mcTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\">\n    <i *ngIf=\"!softWrap\" mc-icon=\"mc-word-wrap_16\"></i>\n    <i *ngIf=\"softWrap\" mc-icon=\"mc-word-wrap-slash_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        [mcTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\">\n    <i mc-icon=\"mc-download_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        #copyTooltip=\"mcTooltip\"\n        [mcTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\">\n    <i mc-icon=\"mc-copy-o_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        [mcTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\">\n    <i mc-icon=\"mc-external-link_16\"></i>\n</button>\n", styles: [".mc-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:4px;right:8px;gap:0;border-radius:4px}.mc-code-block-actionbar.mc-actionbar-block_floating{top:6px;right:6px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2$1.McButtonCssStyler, selector: "[mc-button]" }, { kind: "directive", type: i3.McTooltipTrigger, selector: "[mcTooltip]", inputs: ["mcVisible", "mcPlacement", "mcPlacementPriority", "mcTooltip", "mcTooltipDisabled", "mcEnterDelay", "mcLeaveDelay", "mcTrigger", "mcTooltipClass"], outputs: ["mcPlacementChange", "mcVisibleChange"], exportAs: ["mcTooltip"] }, { kind: "component", type: i4.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i4.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McActionBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-actionbar-block', host: {
+                        class: 'mc-code-block-actionbar',
+                        '[class.mc-code-block-actionbar_less-contrast]': 'lessContrast'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mc-button\n        class=\"mc-icon-button mc-button_transparent\"\n        *ngIf=\"multiLine\"\n        [mcTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\">\n    <i *ngIf=\"!softWrap\" mc-icon=\"mc-word-wrap_16\"></i>\n    <i *ngIf=\"softWrap\" mc-icon=\"mc-word-wrap-slash_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        [mcTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\">\n    <i mc-icon=\"mc-download_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        #copyTooltip=\"mcTooltip\"\n        [mcTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\">\n    <i mc-icon=\"mc-copy-o_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        [mcTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\">\n    <i mc-icon=\"mc-external-link_16\"></i>\n</button>\n", styles: [".mc-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:4px;right:8px;gap:0;border-radius:4px}.mc-code-block-actionbar.mc-actionbar-block_floating{top:6px;right:6px}\n"] }]
+        }], propDecorators: { copyTooltip: [{
+                type: ViewChild,
+                args: ['copyTooltip']
+            }], config: [{
+                type: Input
+            }], codeFiles: [{
+                type: Input
+            }], lessContrast: [{
+                type: Input
+            }], selectedTabIndex: [{
+                type: Input
+            }], multiLine: [{
+                type: Input
+            }], softWrap: [{
+                type: Input
+            }], toggleSoftWrap: [{
+                type: Output
+            }], downloadCode: [{
+                type: Output
+            }], copyCode: [{
+                type: Output
+            }], openExternalSystem: [{
+                type: Output
+            }] } });
+
+const COPIED_MESSAGE_TOOLTIP_TIMEOUT = 100;
+const DEFAULT_EXTENSION = 'txt';
+const LANGUAGES_EXTENSIONS = {
+    html: 'html',
+    css: 'css',
+    php: 'php',
+    java: 'java',
+    bash: 'sh',
+    javascript: 'js',
+    typescript: 'ts',
+    python: 'py',
+    ruby: 'rb',
+    c: 'c',
+    'c++': 'cpp',
+    'c#': 'cs',
+    csharp: 'cs',
+    lua: 'lua',
+    xml: 'xml',
+    json: 'json'
+};
+const MC_CODE_BLOCK_CONFIGURATION = new InjectionToken('McCodeBlockConfiguration');
+const MC_CODE_BLOCK_DEFAULT_CONFIGURATION = {
+    softWrapOnTooltip: 'Включить перенос по словам',
+    softWrapOffTooltip: 'Выключить перенос по словам',
+    downloadTooltip: 'Скачать',
+    copiedTooltip: '✓ Скопировано',
+    copyTooltip: 'Скопировать',
+    viewAllText: 'Показать все',
+    viewLessText: 'Свернуть',
+    openExternalSystemTooltip: 'Открыть во внешней системе'
+};
+const actionBarBlockLeftMargin = 24;
+class McCodeBlockComponent {
+    constructor(elementRef, changeDetectorRef, clipboard, renderer, config) {
+        this.elementRef = elementRef;
+        this.changeDetectorRef = changeDetectorRef;
+        this.clipboard = clipboard;
+        this.renderer = renderer;
+        this.config = config;
+        this.lineNumbers = true;
+        this.softWrap = false;
+        this.selectedTabIndex = 0;
+        this.copied = false;
+        this.viewAll = false;
+        this.multiLine = false;
+        this.resizeStream = new Subject();
+        this.resizeDebounceInterval = 100;
+        this.resizeSubscription = Subscription.EMPTY;
+        this.updateHeader = () => {
+            const clientWidth = this.elementRef.nativeElement.querySelector('mc-actionbar-block').clientWidth;
+            this.renderer.setStyle(this.tabGroup.tabHeader.elementRef.nativeElement, 'margin-right', `${actionBarBlockLeftMargin + clientWidth}px`);
+            this.changeDetectorRef.markForCheck();
+        };
+        this.updateMultiline = () => {
+            this.multiLine = this.elementRef.nativeElement
+                .querySelectorAll('.hljs-ln-numbers').length > 1;
+            this.updateHeader();
+            this.changeDetectorRef.markForCheck();
+        };
+        this.config = config || MC_CODE_BLOCK_DEFAULT_CONFIGURATION;
+        this.resizeSubscription = this.resizeStream
+            .pipe(debounceTime(this.resizeDebounceInterval))
+            .subscribe(this.updateHeader);
+    }
+    get noHeader() {
+        return this.codeFiles.length === 1 && !this.codeFiles[0].filename;
+    }
+    get singleFile() {
+        return this.codeFiles.length === 1;
+    }
+    ngOnDestroy() {
+        this.resizeSubscription.unsubscribe();
+    }
+    toggleSoftWrap() {
+        this.softWrap = !this.softWrap;
+    }
+    toggleViewAll() {
+        this.viewAll = !this.viewAll;
+    }
+    downloadCode() {
+        const codeFile = this.codeFiles[this.selectedTabIndex];
+        const blob = new Blob([codeFile.content], { type: 'text/plain' });
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.setAttribute('href', url);
+        link.setAttribute('download', `${this.getFullFileName(codeFile)}`);
+        link.click();
+    }
+    copyCode() {
+        this.clipboard.copy(this.codeFiles[this.selectedTabIndex].content);
+        this.copied = true;
+    }
+    openExternalSystem() {
+        const externalLink = this.codeFiles[this.selectedTabIndex].link;
+        window.open(externalLink, '_blank');
+    }
+    onHighlighted() {
+        setTimeout(this.updateMultiline, 1);
+    }
+    getMaxHeight() {
+        return this.maxHeight > 0 && !this.viewAll ? `${this.maxHeight}px` : 'none';
+    }
+    onSelectTab($event) {
+        this.selectedTabIndex = $event.index;
+        this.updateMultiline();
+        setTimeout(this.updateHeader);
+    }
+    getFullFileName(codeFile) {
+        const fileName = codeFile.filename || 'code';
+        const extension = LANGUAGES_EXTENSIONS[codeFile.language] || DEFAULT_EXTENSION;
+        return `${fileName}.${extension}`;
+    }
+}
+/** @nocollapse */ McCodeBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McCodeBlockComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Clipboard }, { token: i0.Renderer2 }, { token: MC_CODE_BLOCK_CONFIGURATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McCodeBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: McCodeBlockComponent, selector: "mc-code-block", inputs: { lineNumbers: "lineNumbers", codeFiles: "codeFiles", lessContrast: "lessContrast", maxHeight: "maxHeight", softWrap: "softWrap" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, properties: { "class.mc-code-block_less-contrast": "lessContrast", "class.mc-code-block_hide-line-numbers": "!lineNumbers", "class.mc-code-block_single-file": "singleFile", "class.mc-code-block_no-header": "noHeader" }, classAttribute: "mc-code-block" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: McTabGroup, descendants: true }], exportAs: ["mcCodeBlock"], ngImport: i0, template: "<mc-tab-group (selectedTabChange)=\"onSelectTab($event)\">\n    <mc-tab\n        *ngFor=\"let codeFile of codeFiles; let i = index\"\n        [disabled]=\"singleFile\">\n\n        <ng-template mc-tab-label>{{ codeFile.filename }}</ng-template>\n\n        <pre class=\"mc-code-block__code mc-scrollbar\"\n             #codeContent\n             [style.max-height]=\"getMaxHeight()\"\n             [class.mc-code-block__code_soft-wrap]=\"softWrap\"\n             [class.mc-code-block__code_view-all]=\"viewAll\"\n            ><code class=\"hljs\"\n               [id]=\"codeFile.filename + '_' + i\"\n               [class.hljs-line-numbers]=\"lineNumbers\"\n               [highlight]=\"codeFiles[i].content\"\n               [lineNumbers]=\"true\"\n               (highlighted)=\"onHighlighted()\">\n            </code><mc-actionbar-block\n                [class.mc-actionbar-block_floating]=\"noHeader\"\n                [config]=\"config\"\n                [codeFiles]=\"codeFiles\"\n                [selectedTabIndex]=\"selectedTabIndex\"\n                [lessContrast]=\"lessContrast\"\n                [multiLine]=\"multiLine\"\n                [softWrap]=\"softWrap\"\n                (toggleSoftWrap)=\"toggleSoftWrap()\"\n                (downloadCode)=\"downloadCode()\"\n                (copyCode)=\"copyCode()\"\n                (openExternalSystem)=\"openExternalSystem()\">\n            </mc-actionbar-block></pre>\n\n        <button\n            class=\"mc-button_transparent mc-code-block__show-more\"\n            mc-button\n            *ngIf=\"viewAll || codeContent.offsetHeight < codeContent.scrollHeight\"\n            (click)=\"toggleViewAll()\">\n\n            {{ viewAll ? config.viewLessText : config.viewAllText}}\n            <i class=\"mc mc-angle-down-S_16\" *ngIf=\"!viewAll\"></i>\n            <i class=\"mc mc-angle-up-S_16\" *ngIf=\"viewAll\"></i>\n        </button>\n    </mc-tab>\n</mc-tab-group>\n", styles: [".mc-code-block{display:block;position:relative;box-sizing:border-box;hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;border-width:1px;border-style:solid;border-radius:4px}.mc-code-block:not(.mc-code-block_no-header) .mc-tab-group:after{content:\"\";position:absolute;top:39px;left:0;right:0;height:1px}.mc-code-block .mc-tab-header{margin-right:152px}.mc-code-block.mc-code-block_hide-line-numbers .hljs-ln-line.hljs-ln-numbers{display:none}.mc-code-block.mc-code-block_single-file .mc-tab-label:before{content:none}.mc-code-block.mc-code-block_single-file .mc-tab-label:hover{background:transparent!important}.mc-code-block.mc-code-block_no-header .mc-code-block__code{position:relative}.mc-code-block.mc-code-block_no-header .mc-tab-header{display:none}.mc-code-block pre{margin:0}.mc-code-block .mc-tab-body__wrapper{flex-direction:column;position:static;position:initial}.mc-code-block .mc-tab-body.mc-tab-body__active{position:static;position:initial}.mc-code-block__code{overflow-y:hidden}.mc-code-block__code.mc-code-block__code_view-all{max-height:none;max-height:initial;overflow-y:visible;overflow-y:initial}.mc-code-block__code.mc-code-block__code_soft-wrap{white-space:pre-wrap}.mc-code-block__code>code{padding:12px!important}.mc-code-block__code .hljs-ln{border-collapse:inherit}.mc-code-block__code .hljs-ln .hljs{padding:0}.mc-code-block__code .hljs-ln-numbers{border-right-width:0;padding:2px 12px 0 0;vertical-align:baseline;text-align:right}.mc-code-block__code .hljs-ln-n:before{white-space:nowrap}.mc-code-block__show-more{overflow:hidden;width:100%;border-top-style:solid!important;border-top-width:1px!important;border-top-left-radius:0!important;border-top-right-radius:0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2$1.McButtonCssStyler, selector: "[mc-button]" }, { kind: "directive", type: i4$1.Highlight, selector: "[highlight]", inputs: ["highlight", "languages", "lineNumbers"], outputs: ["highlighted"] }, { kind: "component", type: i5.McTabGroup, selector: "mc-tab-group", inputs: ["disabled", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["mcTabGroup"] }, { kind: "directive", type: i5.McTabLabel, selector: "[mc-tab-label], [mcTabLabel]" }, { kind: "component", type: i5.McTab, selector: "mc-tab", inputs: ["disabled", "tooltipTitle", "tooltipPlacement", "label", "empty", "tabId"], exportAs: ["mcTab"] }, { kind: "component", type: McActionBarComponent, selector: "mc-actionbar-block", inputs: ["config", "codeFiles", "lessContrast", "selectedTabIndex", "multiLine", "softWrap"], outputs: ["toggleSoftWrap", "downloadCode", "copyCode", "openExternalSystem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McCodeBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-code-block', exportAs: 'mcCodeBlock', host: {
+                        class: 'mc-code-block',
+                        '[class.mc-code-block_less-contrast]': 'lessContrast',
+                        '[class.mc-code-block_hide-line-numbers]': '!lineNumbers',
+                        '[class.mc-code-block_single-file]': 'singleFile',
+                        '[class.mc-code-block_no-header]': 'noHeader',
+                        '(window:resize)': 'resizeStream.next($event)'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<mc-tab-group (selectedTabChange)=\"onSelectTab($event)\">\n    <mc-tab\n        *ngFor=\"let codeFile of codeFiles; let i = index\"\n        [disabled]=\"singleFile\">\n\n        <ng-template mc-tab-label>{{ codeFile.filename }}</ng-template>\n\n        <pre class=\"mc-code-block__code mc-scrollbar\"\n             #codeContent\n             [style.max-height]=\"getMaxHeight()\"\n             [class.mc-code-block__code_soft-wrap]=\"softWrap\"\n             [class.mc-code-block__code_view-all]=\"viewAll\"\n            ><code class=\"hljs\"\n               [id]=\"codeFile.filename + '_' + i\"\n               [class.hljs-line-numbers]=\"lineNumbers\"\n               [highlight]=\"codeFiles[i].content\"\n               [lineNumbers]=\"true\"\n               (highlighted)=\"onHighlighted()\">\n            </code><mc-actionbar-block\n                [class.mc-actionbar-block_floating]=\"noHeader\"\n                [config]=\"config\"\n                [codeFiles]=\"codeFiles\"\n                [selectedTabIndex]=\"selectedTabIndex\"\n                [lessContrast]=\"lessContrast\"\n                [multiLine]=\"multiLine\"\n                [softWrap]=\"softWrap\"\n                (toggleSoftWrap)=\"toggleSoftWrap()\"\n                (downloadCode)=\"downloadCode()\"\n                (copyCode)=\"copyCode()\"\n                (openExternalSystem)=\"openExternalSystem()\">\n            </mc-actionbar-block></pre>\n\n        <button\n            class=\"mc-button_transparent mc-code-block__show-more\"\n            mc-button\n            *ngIf=\"viewAll || codeContent.offsetHeight < codeContent.scrollHeight\"\n            (click)=\"toggleViewAll()\">\n\n            {{ viewAll ? config.viewLessText : config.viewAllText}}\n            <i class=\"mc mc-angle-down-S_16\" *ngIf=\"!viewAll\"></i>\n            <i class=\"mc mc-angle-up-S_16\" *ngIf=\"viewAll\"></i>\n        </button>\n    </mc-tab>\n</mc-tab-group>\n", styles: [".mc-code-block{display:block;position:relative;box-sizing:border-box;hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;border-width:1px;border-style:solid;border-radius:4px}.mc-code-block:not(.mc-code-block_no-header) .mc-tab-group:after{content:\"\";position:absolute;top:39px;left:0;right:0;height:1px}.mc-code-block .mc-tab-header{margin-right:152px}.mc-code-block.mc-code-block_hide-line-numbers .hljs-ln-line.hljs-ln-numbers{display:none}.mc-code-block.mc-code-block_single-file .mc-tab-label:before{content:none}.mc-code-block.mc-code-block_single-file .mc-tab-label:hover{background:transparent!important}.mc-code-block.mc-code-block_no-header .mc-code-block__code{position:relative}.mc-code-block.mc-code-block_no-header .mc-tab-header{display:none}.mc-code-block pre{margin:0}.mc-code-block .mc-tab-body__wrapper{flex-direction:column;position:static;position:initial}.mc-code-block .mc-tab-body.mc-tab-body__active{position:static;position:initial}.mc-code-block__code{overflow-y:hidden}.mc-code-block__code.mc-code-block__code_view-all{max-height:none;max-height:initial;overflow-y:visible;overflow-y:initial}.mc-code-block__code.mc-code-block__code_soft-wrap{white-space:pre-wrap}.mc-code-block__code>code{padding:12px!important}.mc-code-block__code .hljs-ln{border-collapse:inherit}.mc-code-block__code .hljs-ln .hljs{padding:0}.mc-code-block__code .hljs-ln-numbers{border-right-width:0;padding:2px 12px 0 0;vertical-align:baseline;text-align:right}.mc-code-block__code .hljs-ln-n:before{white-space:nowrap}.mc-code-block__show-more{overflow:hidden;width:100%;border-top-style:solid!important;border-top-width:1px!important;border-top-left-radius:0!important;border-top-right-radius:0!important}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Clipboard }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [MC_CODE_BLOCK_CONFIGURATION]
+                    }] }];
+    }, propDecorators: { tabGroup: [{
+                type: ViewChild,
+                args: [McTabGroup]
+            }], lineNumbers: [{
+                type: Input
+            }], codeFiles: [{
+                type: Input
+            }], lessContrast: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], softWrap: [{
+                type: Input
+            }] } });
+
+class McCodeBlockModule {
+}
+/** @nocollapse */ McCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: McCodeBlockModule, declarations: [McCodeBlockComponent,
+        McActionBarComponent], imports: [CommonModule,
+        McButtonModule,
+        McToolTipModule,
+        McIconModule,
+        HighlightModule,
+        McTabsModule], exports: [McCodeBlockComponent] });
+/** @nocollapse */ McCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McCodeBlockModule, providers: [{
+            provide: HIGHLIGHT_OPTIONS,
+            useValue: {
+                fullLibraryLoader: (() => import('highlight.js')),
+                lineNumbersLoader: (() => import('highlightjs-line-numbers.js')),
+                lineNumbers: true
+            }
+        }], imports: [CommonModule,
+        McButtonModule,
+        McToolTipModule,
+        McIconModule,
+        HighlightModule,
+        McTabsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McCodeBlockModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        McButtonModule,
+                        McToolTipModule,
+                        McIconModule,
+                        HighlightModule,
+                        McTabsModule
+                    ],
+                    declarations: [
+                        McCodeBlockComponent,
+                        McActionBarComponent
+                    ],
+                    providers: [{
+                            provide: HIGHLIGHT_OPTIONS,
+                            useValue: {
+                                fullLibraryLoader: (() => import('highlight.js')),
+                                lineNumbersLoader: (() => import('highlightjs-line-numbers.js')),
+                                lineNumbers: true
+                            }
+                        }],
+                    exports: [McCodeBlockComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COPIED_MESSAGE_TOOLTIP_TIMEOUT, DEFAULT_EXTENSION, LANGUAGES_EXTENSIONS, MC_CODE_BLOCK_CONFIGURATION, MC_CODE_BLOCK_DEFAULT_CONFIGURATION, McCodeBlockComponent, McCodeBlockModule };
+//# sourceMappingURL=ptsecurity-mosaic-code-block.mjs.map

package/fesm2015/ptsecurity-mosaic-code-block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ptsecurity-mosaic-code-block.mjs","sources":["../../../packages/mosaic/code-block/actionbar.component.ts","../../../packages/mosaic/code-block/actionbar.component.html","../../../packages/mosaic/code-block/code-block.component.ts","../../../packages/mosaic/code-block/code-block.component.html","../../../packages/mosaic/code-block/code-block.module.ts","../../../packages/mosaic/code-block/ptsecurity-mosaic-code-block.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';\nimport { filter } from 'rxjs/operators';\n\nimport {\n    McCodeBlockConfiguration,\n    McCodeFile\n} from './code-block.types';\n\n\n@Component({\n    selector: 'mc-actionbar-block',\n    templateUrl: './actionbar.component.html',\n    styleUrls: ['./actionbar.component.scss'],\n    host: {\n        class: 'mc-code-block-actionbar',\n        '[class.mc-code-block-actionbar_less-contrast]': 'lessContrast'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McActionBarComponent implements AfterViewInit {\n    @ViewChild('copyTooltip') copyTooltip: McTooltipTrigger;\n\n    @Input() config: McCodeBlockConfiguration;\n    @Input() codeFiles: McCodeFile[];\n    @Input() lessContrast: boolean;\n    @Input() selectedTabIndex = 0;\n    @Input() multiLine: boolean;\n    @Input() softWrap: boolean;\n\n    @Output() toggleSoftWrap = new EventEmitter<void>();\n    @Output() downloadCode = new EventEmitter<void>();\n    @Output() copyCode = new EventEmitter<void>();\n    @Output() openExternalSystem = new EventEmitter<void>();\n\n    copyTooltipText: string;\n\n    ngAfterViewInit(): void {\n        this.copyTooltipText = this.config.copyTooltip;\n\n        this.copyTooltip.visibleChange\n            .pipe(filter((state) => !state))\n            .subscribe(() => {\n                if (this.copyTooltipText === this.config.copiedTooltip) {\n                    this.copyTooltipText = this.config.copyTooltip;\n                }\n            });\n    }\n\n    onCopy() {\n        this.copyCode.emit();\n\n        setTimeout(() => {\n            this.copyTooltipText = this.config.copiedTooltip;\n            this.copyTooltip.show();\n        });\n    }\n}\n","<button mc-button\n        class=\"mc-icon-button mc-button_transparent\"\n        *ngIf=\"multiLine\"\n        [mcTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\">\n    <i *ngIf=\"!softWrap\" mc-icon=\"mc-word-wrap_16\"></i>\n    <i *ngIf=\"softWrap\" mc-icon=\"mc-word-wrap-slash_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        [mcTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\">\n    <i mc-icon=\"mc-download_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        #copyTooltip=\"mcTooltip\"\n        [mcTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\">\n    <i mc-icon=\"mc-copy-o_16\"></i>\n</button>\n\n<button mc-button\n        class=\"mc-button_transparent\"\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        [mcTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\">\n    <i mc-icon=\"mc-external-link_16\"></i>\n</button>\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    Component,\n    ViewEncapsulation,\n    Input,\n    Inject,\n    InjectionToken,\n    ChangeDetectionStrategy,\n    Optional,\n    ElementRef,\n    ChangeDetectorRef,\n    OnDestroy,\n    ViewChild,\n    Renderer2\n} from '@angular/core';\nimport { McTabChangeEvent, McTabGroup } from '@ptsecurity/mosaic/tabs';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nimport {\n    McCodeBlockConfiguration,\n    McCodeFile\n} from './code-block.types';\n\n\nexport const COPIED_MESSAGE_TOOLTIP_TIMEOUT = 100;\nexport const DEFAULT_EXTENSION = 'txt';\nexport const LANGUAGES_EXTENSIONS = {\n    html: 'html',\n    css: 'css',\n    php: 'php',\n    java: 'java',\n    bash: 'sh',\n    javascript: 'js',\n    typescript: 'ts',\n    python: 'py',\n    ruby: 'rb',\n    c: 'c',\n    'c++': 'cpp',\n    'c#': 'cs',\n    csharp: 'cs',\n    lua: 'lua',\n    xml: 'xml',\n    json: 'json'\n};\n\nexport const MC_CODE_BLOCK_CONFIGURATION = new InjectionToken<any>('McCodeBlockConfiguration');\n\nexport const MC_CODE_BLOCK_DEFAULT_CONFIGURATION = {\n    softWrapOnTooltip: 'Включить перенос по словам',\n    softWrapOffTooltip: 'Выключить перенос по словам',\n    downloadTooltip: 'Скачать',\n    copiedTooltip: '✓ Скопировано',\n    copyTooltip: 'Скопировать',\n    viewAllText: 'Показать все',\n    viewLessText: 'Свернуть',\n    openExternalSystemTooltip: 'Открыть во внешней системе'\n};\n\n\nconst actionBarBlockLeftMargin = 24;\n\n@Component({\n    selector: 'mc-code-block',\n    exportAs: 'mcCodeBlock',\n    templateUrl: './code-block.component.html',\n    styleUrls: ['./code-block.scss'],\n    host: {\n        class: 'mc-code-block',\n        '[class.mc-code-block_less-contrast]': 'lessContrast',\n        '[class.mc-code-block_hide-line-numbers]': '!lineNumbers',\n        '[class.mc-code-block_single-file]': 'singleFile',\n        '[class.mc-code-block_no-header]': 'noHeader',\n        '(window:resize)': 'resizeStream.next($event)'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class McCodeBlockComponent implements OnDestroy {\n\n    @ViewChild(McTabGroup) tabGroup: McTabGroup;\n\n    @Input() lineNumbers = true;\n    @Input() codeFiles: McCodeFile[];\n    @Input() lessContrast: boolean;\n    @Input() maxHeight: number;\n    @Input() softWrap: boolean = false;\n\n    get noHeader(): any {\n        return this.codeFiles.length === 1 && !this.codeFiles[0].filename;\n    }\n\n    get singleFile(): boolean {\n        return this.codeFiles.length === 1;\n    }\n\n    selectedTabIndex = 0;\n    copied: boolean = false;\n    viewAll: boolean = false;\n    multiLine: boolean = false;\n\n    readonly resizeStream = new Subject<Event>();\n\n    private readonly resizeDebounceInterval: number = 100;\n    private resizeSubscription = Subscription.EMPTY;\n\n    constructor(\n        private elementRef: ElementRef,\n        private changeDetectorRef: ChangeDetectorRef,\n        private clipboard: Clipboard,\n        private renderer: Renderer2,\n        @Optional() @Inject(MC_CODE_BLOCK_CONFIGURATION) public config: McCodeBlockConfiguration\n    ) {\n        this.config = config || MC_CODE_BLOCK_DEFAULT_CONFIGURATION;\n\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.resizeDebounceInterval))\n            .subscribe(this.updateHeader);\n    }\n\n    ngOnDestroy(): void {\n        this.resizeSubscription.unsubscribe();\n    }\n\n    updateHeader = () => {\n        const clientWidth: number = this.elementRef.nativeElement.querySelector('mc-actionbar-block').clientWidth;\n\n        this.renderer.setStyle(\n            this.tabGroup.tabHeader.elementRef.nativeElement,\n            'margin-right',\n            `${actionBarBlockLeftMargin + clientWidth}px`\n        );\n\n        this.changeDetectorRef.markForCheck();\n    }\n\n    toggleSoftWrap() {\n        this.softWrap = !this.softWrap;\n    }\n\n    toggleViewAll() {\n        this.viewAll = !this.viewAll;\n    }\n\n    downloadCode() {\n        const codeFile = this.codeFiles[this.selectedTabIndex];\n        const blob = new Blob([codeFile.content], { type: 'text/plain' });\n        const url = window.URL.createObjectURL(blob);\n        const link = document.createElement('a');\n\n        link.setAttribute('href', url);\n        link.setAttribute('download', `${this.getFullFileName(codeFile)}`);\n        link.click();\n    }\n\n    copyCode() {\n        this.clipboard.copy(this.codeFiles[this.selectedTabIndex].content);\n        this.copied = true;\n    }\n\n    openExternalSystem() {\n        const externalLink = this.codeFiles[this.selectedTabIndex].link;\n        window.open(externalLink, '_blank');\n    }\n\n    onHighlighted() {\n        setTimeout(this.updateMultiline, 1);\n    }\n\n    getMaxHeight(): string {\n        return this.maxHeight > 0 && !this.viewAll ? `${this.maxHeight}px` : 'none';\n    }\n\n    onSelectTab($event: McTabChangeEvent) {\n        this.selectedTabIndex = $event.index;\n        this.updateMultiline();\n\n        setTimeout(this.updateHeader);\n    }\n\n    private updateMultiline = () => {\n        this.multiLine = this.elementRef.nativeElement\n            .querySelectorAll('.hljs-ln-numbers').length > 1;\n\n        this.updateHeader();\n\n        this.changeDetectorRef.markForCheck();\n    }\n\n    private getFullFileName(codeFile: McCodeFile): string {\n        const fileName = codeFile.filename || 'code';\n        const extension = LANGUAGES_EXTENSIONS[codeFile.language] || DEFAULT_EXTENSION;\n\n        return `${fileName}.${extension}`;\n    }\n}\n","<mc-tab-group (selectedTabChange)=\"onSelectTab($event)\">\n    <mc-tab\n        *ngFor=\"let codeFile of codeFiles; let i = index\"\n        [disabled]=\"singleFile\">\n\n        <ng-template mc-tab-label>{{ codeFile.filename }}</ng-template>\n\n        <pre class=\"mc-code-block__code mc-scrollbar\"\n             #codeContent\n             [style.max-height]=\"getMaxHeight()\"\n             [class.mc-code-block__code_soft-wrap]=\"softWrap\"\n             [class.mc-code-block__code_view-all]=\"viewAll\"\n            ><code class=\"hljs\"\n               [id]=\"codeFile.filename + '_' + i\"\n               [class.hljs-line-numbers]=\"lineNumbers\"\n               [highlight]=\"codeFiles[i].content\"\n               [lineNumbers]=\"true\"\n               (highlighted)=\"onHighlighted()\">\n            </code><mc-actionbar-block\n                [class.mc-actionbar-block_floating]=\"noHeader\"\n                [config]=\"config\"\n                [codeFiles]=\"codeFiles\"\n                [selectedTabIndex]=\"selectedTabIndex\"\n                [lessContrast]=\"lessContrast\"\n                [multiLine]=\"multiLine\"\n                [softWrap]=\"softWrap\"\n                (toggleSoftWrap)=\"toggleSoftWrap()\"\n                (downloadCode)=\"downloadCode()\"\n                (copyCode)=\"copyCode()\"\n                (openExternalSystem)=\"openExternalSystem()\">\n            </mc-actionbar-block></pre>\n\n        <button\n            class=\"mc-button_transparent mc-code-block__show-more\"\n            mc-button\n            *ngIf=\"viewAll || codeContent.offsetHeight < codeContent.scrollHeight\"\n            (click)=\"toggleViewAll()\">\n\n            {{ viewAll ? config.viewLessText : config.viewAllText}}\n            <i class=\"mc mc-angle-down-S_16\" *ngIf=\"!viewAll\"></i>\n            <i class=\"mc mc-angle-up-S_16\" *ngIf=\"viewAll\"></i>\n        </button>\n    </mc-tab>\n</mc-tab-group>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { McButtonModule } from '@ptsecurity/mosaic/button';\nimport { McIconModule } from '@ptsecurity/mosaic/icon';\nimport { McTabsModule } from '@ptsecurity/mosaic/tabs';\nimport { McToolTipModule } from '@ptsecurity/mosaic/tooltip';\nimport { HIGHLIGHT_OPTIONS, HighlightModule } from 'ngx-highlightjs';\n\nimport { McActionBarComponent } from './actionbar.component';\nimport { McCodeBlockComponent } from './code-block.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        McButtonModule,\n        McToolTipModule,\n        McIconModule,\n        HighlightModule,\n        McTabsModule\n    ], // , I18nModule\n    declarations: [\n        McCodeBlockComponent,\n        McActionBarComponent\n    ],\n    providers: [{\n        provide: HIGHLIGHT_OPTIONS,\n        useValue: {\n            fullLibraryLoader: () => import('highlight.js'),\n            lineNumbersLoader: () => import('highlightjs-line-numbers.js'),\n            lineNumbers: true\n        }\n    }],\n    exports: [McCodeBlockComponent]\n})\nexport class McCodeBlockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4","i6.McActionBarComponent"],"mappings":"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"}

package/fesm2015/ptsecurity-mosaic-core.mjs

@@ -17,7 +17,7 @@ import { takeUntil, distinctUntilChanged, delay } from 'rxjs/operators';
 import * as i1$1 from '@angular/cdk/a11y';
 import { ComponentPortal } from '@angular/cdk/portal';
 
-const VERSION = new Version('14.6.2+sha-d62e2d9');
+const VERSION = new Version('14.7.1+sha-dad4a73');
 
 function isBoolean(val) { return typeof val === 'boolean'; }
 function toBoolean(value) {
@@ -563,6 +563,61 @@ const enUS = {
                 }`
             }
         }
+    },
+    durationTemplates: {
+        shortest: {
+            FULL: '{D, duration}{SHOW_MILLISECONDS, select, yes{,{MILLISECONDS}} other {}}',
+            ONLY_MINUTES: '{HOURS}:{MINUTES, number, ::integer-width/00}'
+        },
+        long: {
+            SEPARATOR: '',
+            YEARS: `{years, plural,
+                =1 {# year}
+                other {# years}
+            }`,
+            MONTHS: `{months, plural,
+                =1 {# month}
+                other {# months}
+            }`,
+            WEEKS: `{weeks, plural,
+                =1 {# week}
+                other {# weeks}
+            }`,
+            DAYS: `{days, plural,
+                =1 {# day}
+                other {# days}
+            }`,
+            HOURS: `{hours, plural,
+                =1 {# hour}
+                other {# hours}
+            }`,
+            MINUTES: `{minutes, plural,
+                =1 {# minute}
+                other {# minutes}
+            }`,
+            SECONDS: `{seconds, plural,
+                =1 {# second}
+                other {# seconds}
+            }`,
+            YEARS_FRACTION: `{years} years`,
+            MONTHS_FRACTION: `{months} months`
+        },
+        short: {
+            SEPARATOR: '',
+            YEARS: `{years} y`,
+            MONTHS: `{months} mo`,
+            WEEKS: `{weeks} w`,
+            DAYS: `{days} d`,
+            HOURS: `{hours} h`,
+            MINUTES: `{minutes} min`,
+            SECONDS: `{SHOW_MILLISECONDS, select, yes
+                {{seconds}.{milliseconds} s}
+                other
+                {{seconds} s}
+            }`,
+            YEARS_FRACTION: '{years} y',
+            MONTHS_FRACTION: '{months} mo'
+        }
     }
 };
 
@@ -844,6 +899,97 @@ const ruRU = {
                 }`
             }
         }
+    },
+    durationTemplates: {
+        shortest: {
+            FULL: '{D, duration}{SHOW_MILLISECONDS, select, yes{,{MILLISECONDS}} other {}}',
+            ONLY_MINUTES: '{HOURS}:{MINUTES, number, ::integer-width/00}'
+        },
+        long: {
+            SEPARATOR: 'и',
+            YEARS: `{years, plural,
+                one {# год}
+                few {# года}
+                many {# лет}
+                other {}
+            }`,
+            MONTHS: `{months, plural,
+                one {# месяц}
+                few {# месяца}
+                many {# месяцев}
+                other {}
+            }`,
+            WEEKS: `{weeks, plural,
+                one {# неделя}
+                few {# недели}
+                many {# недель}
+                other {}
+            }`,
+            DAYS: `{days, plural,
+                one {# день}
+                few {# дня}
+                many {# дней}
+                other {}
+            }`,
+            HOURS: `{hours, plural,
+                one {# час}
+                few {# часа}
+                many {# часов}
+                other {}
+            }`,
+            MINUTES: `{minutes, plural,
+                one {# минута}
+                few {# минуты}
+                many {# минут}
+                other {}
+            }`,
+            SECONDS: `{seconds, plural,
+                one {# секунда}
+                few {# секунды}
+                many {# секунд}
+                other {}
+            }`,
+            YEARS_FRACTION: `{floorValue, plural,
+                =1 {{years, number, ::#,#} года}
+                one {{years, number, ::#,#} год}
+                few {{years, number, ::#,#} года}
+                other {{years, number, ::#,#} лет}
+            }`,
+            MONTHS_FRACTION: `{floorValue, plural,
+                =1 {{months, number, ::#,#} месяца}
+                one {{months, number, ::#,#} месяц}
+                few {{months, number, ::#,#} месяца}
+                other {{months, number, ::#,#} месяцев}
+            }`
+        },
+        short: {
+            SEPARATOR: '',
+            YEARS: `{years, plural,
+                one {# г}
+                few {# г}
+                many {# л}
+                other {}
+            }`,
+            MONTHS: `{months} мес`,
+            WEEKS: `{weeks} нед`,
+            DAYS: `{days} д`,
+            HOURS: `{hours} ч`,
+            MINUTES: `{minutes} мин`,
+            SECONDS: `{SHOW_MILLISECONDS, select, yes
+                {{seconds},{milliseconds} с}
+                other
+                {{seconds} с}
+            }`,
+            YEARS_FRACTION: `{floorValue, plural,
+                one {{years, number, ::#,#} г}
+                few {{years, number, ::#,#} г}
+                other {{years, number, ::#,#} л}
+            }`,
+            MONTHS_FRACTION: `{floorValue, plural,
+                =1 {{months, number, ::#,#} мес}
+                other {{months, number, ::#,#} мес}
+            }`
+        }
     }
 };
 
@@ -1134,6 +1280,82 @@ class DateFormatter {
     rangeMiddleDateTime(startDate, endDate, options) {
         return this.rangeDateTime(startDate, endDate, this.config.rangeTemplates.closedRange.middle, options === null || options === void 0 ? void 0 : options.seconds, options === null || options === void 0 ? void 0 : options.milliseconds);
     }
+    /**
+     * @param startDate - start date
+     * @param endDate - end date
+     * @param seconds - add seconds to formatted value
+     * @param milliseconds - add milliseconds to formatted value
+     * @returns formatted duration as string like 48:02:25
+     */
+    durationShortest(startDate, endDate, seconds = true, milliseconds = false) {
+        this.checkDates(startDate, endDate);
+        if (startDate > endDate) {
+            throw new Error(this.invalidDateErrorText);
+        }
+        const durationObject = this.adapter.durationObjectFromDates(startDate, endDate, ['hours', 'minutes', 'seconds', 'milliseconds']);
+        const roundedSeconds = Math.floor(this.adapter.durationAs(durationObject, 'seconds'));
+        if (seconds) {
+            return this.compileMessage(this.config.durationTemplates.shortest.FULL, {
+                D: roundedSeconds,
+                SHOW_MILLISECONDS: milliseconds ? 'yes' : 'no',
+                MILLISECONDS: durationObject.milliseconds
+            });
+        }
+        return roundedSeconds - (roundedSeconds % 60) ? this.compileMessage(this.config.durationTemplates.shortest.ONLY_MINUTES, {
+            HOURS: durationObject.hours,
+            MINUTES: durationObject.minutes
+        }) : '';
+    }
+    /**
+     * @param startDate - start date
+     * @param endDate - end date
+     * @param units - if defined, units to show will be specified
+     * @param fraction - shows fraction part for years and months
+     * @param template - specify template
+     * @returns formatted duration as string
+     */
+    duration(startDate, endDate, units, fraction, template) {
+        this.checkDates(startDate, endDate);
+        if (startDate > endDate) {
+            throw new Error(this.invalidDateErrorText);
+        }
+        const values = this.adapter.durationObjectFromDates(startDate, endDate, units, fraction);
+        const variables = Object.assign({}, values);
+        variables.SHOW_MILLISECONDS = values.milliseconds ? 'yes' : 'no';
+        return Object
+            .keys(values)
+            .reduce((acc, unit, index, arr) => {
+            if (fraction) {
+                variables.floorValue = Math.floor(values[unit]);
+                acc.push(this.compileMessage(template[`${unit.toUpperCase()}_FRACTION`], variables));
+            }
+            else {
+                if (arr.length > 1 && index === arr.length - 1) {
+                    acc.push(this.compileMessage(template.SEPARATOR, variables));
+                }
+                acc.push(this.compileMessage(template[unit.toUpperCase()], variables));
+            }
+            return acc;
+        }, [])
+            .filter((text) => !!text)
+            .join(' ');
+    }
+    durationLong(startDate, endDate, units = [], fraction = false) {
+        return this.duration(startDate, endDate, units, fraction, this.config.durationTemplates.long);
+    }
+    durationShort(startDate, endDate, units = [], fraction = false) {
+        return this.duration(startDate, endDate, units, fraction, this.config.durationTemplates.short);
+    }
+    checkDates(...args) {
+        args.forEach((date) => {
+            if (!this.adapter.isDateInstance(date) || !this.adapter.isValid(date)) {
+                throw new Error(this.invalidDateErrorText);
+            }
+        });
+    }
+    compileMessage(message, variables) {
+        return this.messageFormat.compile(message)(variables);
+    }
     /**
      * @param date - date for compile
      * @param variables - date template variables
@@ -1997,7 +2219,7 @@ class McPseudoCheckboxBase {
         this.elementRef = elementRef;
     }
 }
-// tslint:disable-next-line:naming-convention
+/** @docs-private */
 const McPseudoCheckboxMixinBase = mixinColor(mixinDisabled(McPseudoCheckboxBase), ThemePalette.Primary);
 /**
  * Component that shows a simplified checkbox without including any kind of "real" checkbox.
@@ -2375,9 +2597,10 @@ function getOptionScrollPosition(optionIndex, optionHeight, currentScrollPositio
 }
 
 const MC_OPTION_ACTION_PARENT = new InjectionToken('MC_OPTION_ACTION_PARENT');
+/** @docs-private */
 class McOptionActionBase {
 }
-// tslint:disable-next-line:naming-convention
+/** @docs-private */
 const McOptionActionMixinBase = mixinTabIndex(mixinDisabled(McOptionActionBase));
 class McOptionActionComponent extends McOptionActionMixinBase {
     constructor(elementRef, focusMonitor, option) {