@ptsecurity/mosaic 14.6.2 → 14.7.0

package/_visual.scss

@@ -627,6 +627,347 @@ $checkbox-size-border-width: 1px;
 $checkbox-size-border-radius: 4px;
 $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
 $checkbox-font-default: body;
+$code-block-light-color-scheme-background: white;
+$code-block-light-color-scheme-border: #d7dee4;
+$code-block-light-color-scheme-color: #19252f;
+$code-block-light-color-scheme-actionbar-background: rgba(white, 0.5);
+$code-block-light-color-scheme-actionbar-border: null;
+$code-block-light-color-scheme-line-numbers-background: null;
+$code-block-light-color-scheme-line-numbers-border: null;
+$code-block-light-color-scheme-line-numbers-color: #8c99a5;
+$code-block-light-color-scheme-decoration-less-contrast-background: #f2f5f9;
+$code-block-light-color-scheme-decoration-less-contrast-border: #d7dee4;
+$code-block-light-color-scheme-decoration-less-contrast-actionbar-background: #f2f5f9;
+$code-block-light-color-scheme-decoration-less-contrast-actionbar-border: null;
+$code-block-light-color-scheme-hljs-addition-background: #d2f7db;
+$code-block-light-color-scheme-hljs-addition-color: #103920;
+$code-block-light-color-scheme-hljs-attr-background: null;
+$code-block-light-color-scheme-hljs-attr-color: null;
+$code-block-light-color-scheme-hljs-attribute-background: null;
+$code-block-light-color-scheme-hljs-attribute-color: null;
+$code-block-light-color-scheme-hljs-built-in-background: null;
+$code-block-light-color-scheme-hljs-built-in-color: null;
+$code-block-light-color-scheme-hljs-bullet-background: null;
+$code-block-light-color-scheme-hljs-bullet-color: null;
+$code-block-light-color-scheme-hljs-char-escape-background: null;
+$code-block-light-color-scheme-hljs-char-escape-color: null;
+$code-block-light-color-scheme-hljs-class-background: null;
+$code-block-light-color-scheme-hljs-class-color: null;
+$code-block-light-color-scheme-hljs-code-background: null;
+$code-block-light-color-scheme-hljs-code-color: null;
+$code-block-light-color-scheme-hljs-comment-background: null;
+$code-block-light-color-scheme-hljs-comment-color: #6d7a86;
+$code-block-light-color-scheme-hljs-deletion-background: #ffeaea;
+$code-block-light-color-scheme-hljs-deletion-color: #621420;
+$code-block-light-color-scheme-hljs-doctag-background: null;
+$code-block-light-color-scheme-hljs-doctag-color: null;
+$code-block-light-color-scheme-hljs-emphasis-background: null;
+$code-block-light-color-scheme-hljs-emphasis-color: null;
+$code-block-light-color-scheme-hljs-formula-background: null;
+$code-block-light-color-scheme-hljs-formula-color: null;
+$code-block-light-color-scheme-hljs-function-background: null;
+$code-block-light-color-scheme-hljs-function-color: null;
+$code-block-light-color-scheme-hljs-keyword-background: null;
+$code-block-light-color-scheme-hljs-keyword-color: null;
+$code-block-light-color-scheme-hljs-link-background: null;
+$code-block-light-color-scheme-hljs-link-color: null;
+$code-block-light-color-scheme-hljs-literal-background: null;
+$code-block-light-color-scheme-hljs-literal-color: #864775;
+$code-block-light-color-scheme-hljs-meta-background: null;
+$code-block-light-color-scheme-hljs-meta-color: #0059b8;
+$code-block-light-color-scheme-hljs-meta-keyword-background: null;
+$code-block-light-color-scheme-hljs-meta-keyword-color: null;
+$code-block-light-color-scheme-hljs-meta-string-background: null;
+$code-block-light-color-scheme-hljs-meta-string-color: #0374eb;
+$code-block-light-color-scheme-hljs-meta-prompt-background: null;
+$code-block-light-color-scheme-hljs-meta-prompt-color: null;
+$code-block-light-color-scheme-hljs-name-background: null;
+$code-block-light-color-scheme-hljs-name-color: #0059b8;
+$code-block-light-color-scheme-hljs-number-background: null;
+$code-block-light-color-scheme-hljs-number-color: #864775;
+$code-block-light-color-scheme-hljs-operator-background: null;
+$code-block-light-color-scheme-hljs-operator-color: null;
+$code-block-light-color-scheme-hljs-params-background: null;
+$code-block-light-color-scheme-hljs-params-color: null;
+$code-block-light-color-scheme-hljs-property-background: null;
+$code-block-light-color-scheme-hljs-property-color: null;
+$code-block-light-color-scheme-hljs-punctuation-background: null;
+$code-block-light-color-scheme-hljs-punctuation-color: null;
+$code-block-light-color-scheme-hljs-quote-background: null;
+$code-block-light-color-scheme-hljs-quote-color: null;
+$code-block-light-color-scheme-hljs-regexp-background: null;
+$code-block-light-color-scheme-hljs-regexp-color: #028b49;
+$code-block-light-color-scheme-hljs-section-background: null;
+$code-block-light-color-scheme-hljs-section-color: null;
+$code-block-light-color-scheme-hljs-selector-attr-background: null;
+$code-block-light-color-scheme-hljs-selector-attr-color: null;
+$code-block-light-color-scheme-hljs-selector-class-background: null;
+$code-block-light-color-scheme-hljs-selector-class-color: null;
+$code-block-light-color-scheme-hljs-selector-id-background: null;
+$code-block-light-color-scheme-hljs-selector-id-color: null;
+$code-block-light-color-scheme-hljs-selector-pseudo-background: null;
+$code-block-light-color-scheme-hljs-selector-pseudo-color: null;
+$code-block-light-color-scheme-hljs-selector-tag-background: null;
+$code-block-light-color-scheme-hljs-selector-tag-color: #0059b8;
+$code-block-light-color-scheme-hljs-string-background: null;
+$code-block-light-color-scheme-hljs-string-color: #028b49;
+$code-block-light-color-scheme-hljs-strong-background: null;
+$code-block-light-color-scheme-hljs-strong-color: null;
+$code-block-light-color-scheme-hljs-subst-background: null;
+$code-block-light-color-scheme-hljs-subst-color: null;
+$code-block-light-color-scheme-hljs-symbol-background: null;
+$code-block-light-color-scheme-hljs-symbol-color: #0059b8;
+$code-block-light-color-scheme-hljs-tag-background: null;
+$code-block-light-color-scheme-hljs-tag-color: null;
+$code-block-light-color-scheme-hljs-template-tag-background: null;
+$code-block-light-color-scheme-hljs-template-tag-color: null;
+$code-block-light-color-scheme-hljs-template-variable-background: null;
+$code-block-light-color-scheme-hljs-template-variable-color: null;
+$code-block-light-color-scheme-hljs-title-background: null;
+$code-block-light-color-scheme-hljs-title-color: #0059b8;
+$code-block-light-color-scheme-hljs-title-class-background: null;
+$code-block-light-color-scheme-hljs-title-class-color: null;
+$code-block-light-color-scheme-hljs-title-class-inherited-background: null;
+$code-block-light-color-scheme-hljs-title-class-inherited-color: null;
+$code-block-light-color-scheme-hljs-title-function-background: null;
+$code-block-light-color-scheme-hljs-title-function-color: null;
+$code-block-light-color-scheme-hljs-title-function-invoke-background: null;
+$code-block-light-color-scheme-hljs-title-function-invoke-color: null;
+$code-block-light-color-scheme-hljs-type-background: null;
+$code-block-light-color-scheme-hljs-type-color: null;
+$code-block-light-color-scheme-hljs-variable-background: null;
+$code-block-light-color-scheme-hljs-variable-color: null;
+$code-block-light-color-scheme-hljs-variable-constant-background: null;
+$code-block-light-color-scheme-hljs-variable-constant-color: null;
+$code-block-light-color-scheme-hljs-variable-language-background: null;
+$code-block-light-color-scheme-hljs-variable-language-color: null;
+$code-block-dark-color-scheme-background: #19252f;
+$code-block-dark-color-scheme-border: mix(#515e69, transparent, 50%);
+$code-block-dark-color-scheme-color: #d7dee4;
+$code-block-dark-color-scheme-actionbar-background: #19252f;
+$code-block-dark-color-scheme-actionbar-border: null;
+$code-block-dark-color-scheme-line-numbers-background: null;
+$code-block-dark-color-scheme-line-numbers-border: null;
+$code-block-dark-color-scheme-line-numbers-color: #6d7a86;
+$code-block-dark-color-scheme-decoration-less-contrast-background: #27333e;
+$code-block-dark-color-scheme-decoration-less-contrast-border: mix(#515e69, transparent, 50%);
+$code-block-dark-color-scheme-decoration-less-contrast-actionbar-background: #27333e;
+$code-block-dark-color-scheme-decoration-less-contrast-actionbar-border: null;
+$code-block-dark-color-scheme-hljs-addition-background: #103920;
+$code-block-dark-color-scheme-hljs-addition-color: #8ed5a1;
+$code-block-dark-color-scheme-hljs-attr-background: null;
+$code-block-dark-color-scheme-hljs-attr-color: null;
+$code-block-dark-color-scheme-hljs-attribute-background: null;
+$code-block-dark-color-scheme-hljs-attribute-color: null;
+$code-block-dark-color-scheme-hljs-built-in-background: null;
+$code-block-dark-color-scheme-hljs-built-in-color: null;
+$code-block-dark-color-scheme-hljs-bullet-background: null;
+$code-block-dark-color-scheme-hljs-bullet-color: null;
+$code-block-dark-color-scheme-hljs-char-escape-background: null;
+$code-block-dark-color-scheme-hljs-char-escape-color: null;
+$code-block-dark-color-scheme-hljs-class-background: null;
+$code-block-dark-color-scheme-hljs-class-color: null;
+$code-block-dark-color-scheme-hljs-code-background: null;
+$code-block-dark-color-scheme-hljs-code-color: null;
+$code-block-dark-color-scheme-hljs-comment-background: null;
+$code-block-dark-color-scheme-hljs-comment-color: #6d7a86;
+$code-block-dark-color-scheme-hljs-deletion-background: #621420;
+$code-block-dark-color-scheme-hljs-deletion-color: #fcb2b4;
+$code-block-dark-color-scheme-hljs-doctag-background: null;
+$code-block-dark-color-scheme-hljs-doctag-color: null;
+$code-block-dark-color-scheme-hljs-emphasis-background: null;
+$code-block-dark-color-scheme-hljs-emphasis-color: null;
+$code-block-dark-color-scheme-hljs-formula-background: null;
+$code-block-dark-color-scheme-hljs-formula-color: null;
+$code-block-dark-color-scheme-hljs-function-background: null;
+$code-block-dark-color-scheme-hljs-function-color: null;
+$code-block-dark-color-scheme-hljs-keyword-background: null;
+$code-block-dark-color-scheme-hljs-keyword-color: null;
+$code-block-dark-color-scheme-hljs-link-background: null;
+$code-block-dark-color-scheme-hljs-link-color: null;
+$code-block-dark-color-scheme-hljs-literal-background: null;
+$code-block-dark-color-scheme-hljs-literal-color: #c692b5;
+$code-block-dark-color-scheme-hljs-meta-background: null;
+$code-block-dark-color-scheme-hljs-meta-color: #5697ff;
+$code-block-dark-color-scheme-hljs-meta-keyword-background: null;
+$code-block-dark-color-scheme-hljs-meta-keyword-color: null;
+$code-block-dark-color-scheme-hljs-meta-string-background: null;
+$code-block-dark-color-scheme-hljs-meta-string-color: #4ba96c;
+$code-block-dark-color-scheme-hljs-meta-prompt-background: null;
+$code-block-dark-color-scheme-hljs-meta-prompt-color: null;
+$code-block-dark-color-scheme-hljs-name-background: null;
+$code-block-dark-color-scheme-hljs-name-color: #5697ff;
+$code-block-dark-color-scheme-hljs-number-background: null;
+$code-block-dark-color-scheme-hljs-number-color: #c692b5;
+$code-block-dark-color-scheme-hljs-operator-background: null;
+$code-block-dark-color-scheme-hljs-operator-color: null;
+$code-block-dark-color-scheme-hljs-params-background: null;
+$code-block-dark-color-scheme-hljs-params-color: null;
+$code-block-dark-color-scheme-hljs-property-background: null;
+$code-block-dark-color-scheme-hljs-property-color: null;
+$code-block-dark-color-scheme-hljs-punctuation-background: null;
+$code-block-dark-color-scheme-hljs-punctuation-color: null;
+$code-block-dark-color-scheme-hljs-quote-background: null;
+$code-block-dark-color-scheme-hljs-quote-color: null;
+$code-block-dark-color-scheme-hljs-regexp-background: null;
+$code-block-dark-color-scheme-hljs-regexp-color: #4ba96c;
+$code-block-dark-color-scheme-hljs-section-background: null;
+$code-block-dark-color-scheme-hljs-section-color: null;
+$code-block-dark-color-scheme-hljs-selector-attr-background: null;
+$code-block-dark-color-scheme-hljs-selector-attr-color: null;
+$code-block-dark-color-scheme-hljs-selector-class-background: null;
+$code-block-dark-color-scheme-hljs-selector-class-color: null;
+$code-block-dark-color-scheme-hljs-selector-id-background: null;
+$code-block-dark-color-scheme-hljs-selector-id-color: null;
+$code-block-dark-color-scheme-hljs-selector-pseudo-background: null;
+$code-block-dark-color-scheme-hljs-selector-pseudo-color: null;
+$code-block-dark-color-scheme-hljs-selector-tag-background: null;
+$code-block-dark-color-scheme-hljs-selector-tag-color: #5697ff;
+$code-block-dark-color-scheme-hljs-string-background: null;
+$code-block-dark-color-scheme-hljs-string-color: #4ba96c;
+$code-block-dark-color-scheme-hljs-strong-background: null;
+$code-block-dark-color-scheme-hljs-strong-color: null;
+$code-block-dark-color-scheme-hljs-subst-background: null;
+$code-block-dark-color-scheme-hljs-subst-color: null;
+$code-block-dark-color-scheme-hljs-symbol-background: null;
+$code-block-dark-color-scheme-hljs-symbol-color: #5697ff;
+$code-block-dark-color-scheme-hljs-tag-background: null;
+$code-block-dark-color-scheme-hljs-tag-color: null;
+$code-block-dark-color-scheme-hljs-template-tag-background: null;
+$code-block-dark-color-scheme-hljs-template-tag-color: null;
+$code-block-dark-color-scheme-hljs-template-variable-background: null;
+$code-block-dark-color-scheme-hljs-template-variable-color: null;
+$code-block-dark-color-scheme-hljs-title-background: null;
+$code-block-dark-color-scheme-hljs-title-color: #5697ff;
+$code-block-dark-color-scheme-hljs-title-class-background: null;
+$code-block-dark-color-scheme-hljs-title-class-color: null;
+$code-block-dark-color-scheme-hljs-title-class-inherited-background: null;
+$code-block-dark-color-scheme-hljs-title-class-inherited-color: null;
+$code-block-dark-color-scheme-hljs-title-function-background: null;
+$code-block-dark-color-scheme-hljs-title-function-color: null;
+$code-block-dark-color-scheme-hljs-title-function-invoke-background: null;
+$code-block-dark-color-scheme-hljs-title-function-invoke-color: null;
+$code-block-dark-color-scheme-hljs-type-background: null;
+$code-block-dark-color-scheme-hljs-type-color: null;
+$code-block-dark-color-scheme-hljs-variable-background: null;
+$code-block-dark-color-scheme-hljs-variable-color: null;
+$code-block-dark-color-scheme-hljs-variable-constant-background: null;
+$code-block-dark-color-scheme-hljs-variable-constant-color: null;
+$code-block-dark-color-scheme-hljs-variable-language-background: null;
+$code-block-dark-color-scheme-hljs-variable-language-color: null;
+$code-block-size-border-radius: 4px;
+$code-block-size-padding: 12px;
+$code-block-size-actionbar-border-radius: 4px;
+$code-block-size-actionbar-gap: 0;
+$code-block-size-actionbar-header-gap: 8px;
+$code-block-size-actionbar-margin-top: 6px;
+$code-block-size-actionbar-margin-right: 6px;
+$code-block-size-actionbar-padding: 8px;
+$code-block-size-line-numbers-padding: 2px 12px 0 0 ;
+$code-block-size-line-numbers-border-width: 0;
+$code-block-font-default: body-mono;
+$code-block-font-hljs-addition-font-style: null;
+$code-block-font-hljs-addition-font-weight: null;
+$code-block-font-hljs-attr-font-style: null;
+$code-block-font-hljs-attr-font-weight: null;
+$code-block-font-hljs-attribute-font-style: null;
+$code-block-font-hljs-attribute-font-weight: null;
+$code-block-font-hljs-built-in-font-style: null;
+$code-block-font-hljs-built-in-font-weight: null;
+$code-block-font-hljs-bullet-font-style: null;
+$code-block-font-hljs-bullet-font-weight: null;
+$code-block-font-hljs-char-escape-font-style: null;
+$code-block-font-hljs-char-escape-font-weight: null;
+$code-block-font-hljs-class-font-style: null;
+$code-block-font-hljs-class-font-weight: null;
+$code-block-font-hljs-code-font-style: null;
+$code-block-font-hljs-code-font-weight: null;
+$code-block-font-hljs-comment-font-style: null;
+$code-block-font-hljs-comment-font-weight: null;
+$code-block-font-hljs-deletion-font-style: null;
+$code-block-font-hljs-deletion-font-weight: null;
+$code-block-font-hljs-doctag-font-style: null;
+$code-block-font-hljs-doctag-font-weight: null;
+$code-block-font-hljs-emphasis-font-style: null;
+$code-block-font-hljs-emphasis-font-weight: null;
+$code-block-font-hljs-formula-font-style: null;
+$code-block-font-hljs-formula-font-weight: null;
+$code-block-font-hljs-function-font-style: null;
+$code-block-font-hljs-function-font-weight: null;
+$code-block-font-hljs-keyword-font-style: null;
+$code-block-font-hljs-keyword-font-weight: null;
+$code-block-font-hljs-link-font-style: null;
+$code-block-font-hljs-link-font-weight: null;
+$code-block-font-hljs-literal-font-style: null;
+$code-block-font-hljs-literal-font-weight: null;
+$code-block-font-hljs-meta-font-style: null;
+$code-block-font-hljs-meta-font-weight: null;
+$code-block-font-hljs-meta-keyword-font-style: null;
+$code-block-font-hljs-meta-keyword-font-weight: null;
+$code-block-font-hljs-meta-string-font-style: null;
+$code-block-font-hljs-meta-string-font-weight: null;
+$code-block-font-hljs-meta-prompt-font-style: null;
+$code-block-font-hljs-meta-prompt-font-weight: null;
+$code-block-font-hljs-name-font-style: null;
+$code-block-font-hljs-name-font-weight: null;
+$code-block-font-hljs-number-font-style: null;
+$code-block-font-hljs-number-font-weight: null;
+$code-block-font-hljs-operator-font-style: null;
+$code-block-font-hljs-operator-font-weight: null;
+$code-block-font-hljs-params-font-style: null;
+$code-block-font-hljs-params-font-weight: null;
+$code-block-font-hljs-property-font-style: null;
+$code-block-font-hljs-property-font-weight: null;
+$code-block-font-hljs-punctuation-font-style: null;
+$code-block-font-hljs-punctuation-font-weight: null;
+$code-block-font-hljs-quote-font-style: null;
+$code-block-font-hljs-quote-font-weight: null;
+$code-block-font-hljs-regexp-font-style: null;
+$code-block-font-hljs-regexp-font-weight: null;
+$code-block-font-hljs-section-font-style: null;
+$code-block-font-hljs-section-font-weight: null;
+$code-block-font-hljs-selector-attr-font-style: null;
+$code-block-font-hljs-selector-attr-font-weight: null;
+$code-block-font-hljs-selector-class-font-style: null;
+$code-block-font-hljs-selector-class-font-weight: null;
+$code-block-font-hljs-selector-id-font-style: null;
+$code-block-font-hljs-selector-id-font-weight: null;
+$code-block-font-hljs-selector-pseudo-font-style: null;
+$code-block-font-hljs-selector-pseudo-font-weight: null;
+$code-block-font-hljs-selector-tag-font-style: null;
+$code-block-font-hljs-selector-tag-font-weight: null;
+$code-block-font-hljs-string-font-style: null;
+$code-block-font-hljs-string-font-weight: null;
+$code-block-font-hljs-strong-font-style: null;
+$code-block-font-hljs-strong-font-weight: null;
+$code-block-font-hljs-subst-font-style: null;
+$code-block-font-hljs-subst-font-weight: null;
+$code-block-font-hljs-symbol-font-style: null;
+$code-block-font-hljs-symbol-font-weight: null;
+$code-block-font-hljs-tag-font-style: null;
+$code-block-font-hljs-tag-font-weight: null;
+$code-block-font-hljs-template-tag-font-style: null;
+$code-block-font-hljs-template-tag-font-weight: null;
+$code-block-font-hljs-template-variable-font-style: null;
+$code-block-font-hljs-template-variable-font-weight: null;
+$code-block-font-hljs-title-font-style: null;
+$code-block-font-hljs-title-font-weight: null;
+$code-block-font-hljs-title-class-font-style: normal;
+$code-block-font-hljs-title-class-font-weight: 500;
+$code-block-font-hljs-title-class-inherited-font-style: null;
+$code-block-font-hljs-title-class-inherited-font-weight: null;
+$code-block-font-hljs-title-function-font-style: null;
+$code-block-font-hljs-title-function-font-weight: null;
+$code-block-font-hljs-title-function-invoke-font-style: null;
+$code-block-font-hljs-title-function-invoke-font-weight: null;
+$code-block-font-hljs-type-font-style: null;
+$code-block-font-hljs-type-font-weight: null;
+$code-block-font-hljs-variable-font-style: null;
+$code-block-font-hljs-variable-font-weight: null;
+$code-block-font-hljs-variable-constant-font-style: null;
+$code-block-font-hljs-variable-constant-font-weight: null;
+$code-block-font-hljs-variable-language-font-style: null;
+$code-block-font-hljs-variable-language-font-weight: null;
 $datepicker-toggle-size-width: 30px;
 $datepicker-toggle-size-height: 30px;
 $datepicker-body-light-color-scheme-states-today-color: #0374eb;

package/button/button.component.d.ts

@@ -14,10 +14,12 @@ export declare class McButtonCssStyler implements AfterContentInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<McButtonCssStyler, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McButtonCssStyler, "[mc-button]", never, {}, {}, ["icons"], never, false>;
 }
+/** @docs-private */
 export declare class McButtonBase {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
 }
+/** @docs-private */
 export declare const McButtonMixinBase: HasTabIndexCtor & CanColorCtor & typeof McButtonBase;
 export declare class McButton extends McButtonMixinBase implements OnDestroy, CanDisable, CanColor {
     private focusMonitor;

package/card/card.component.d.ts

@@ -2,10 +2,12 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import { ElementRef, OnDestroy, EventEmitter } from '@angular/core';
 import { CanColorCtor } from '@ptsecurity/mosaic/core';
 import * as i0 from "@angular/core";
+/** @docs-private */
 export declare class McCardBase {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
 }
+/** @docs-private */
 export declare const McCardBaseMixin: CanColorCtor & typeof McCardBase;
 export declare class McCard extends McCardBaseMixin implements OnDestroy {
     private _focusMonitor;

package/checkbox/checkbox.d.ts

@@ -36,6 +36,7 @@ export declare class McCheckboxBase {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
 }
+/** @docs-private */
 export declare const McCheckboxMixinBase: HasTabIndexCtor & CanColorCtor & CanDisableCtor & typeof McCheckboxBase;
 /**
  * A mosaic checkbox component. Supports all of the functionality of an HTML5 checkbox,

package/code-block/README.md

@@ -0,0 +1,32 @@
+# Popover component
+
+## API
+
+| Property               | Description                                                                                                                                                                              | Type                  | Default |
+|------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------|---------|
+| mcPlacement            | Место для показа относительно элемента, к которому он привязан. Возможные значения: top, bottom, left, right                                                                             | string                | bottom  |
+| mcTrigger              | Триггер для показа Возможные значения: hover, manual, click, focus                                                                                                                       | string                | hover   |
+| mcVisible              | Ручное управление показом, используется только при mcTrigger="manual"                                                                                                             | boolean               | false   |
+| mcPopoverHeader        | Содержимое шапки Обрати  внимание: если используешь строку, то используй аккуратно, желательно  предварительно сделать escape строки, чтобы избежать потенциальной XSS  уязвимости.      | string | ng-template  | –       |
+| mcPopoverContent       | Содержимое компонента Обрати  внимание: если используешь строку, то используй аккуратно, желательно  предварительно сделать escape строки, чтобы избежать потенциальной XSS  уязвимости. | string | ng-template  | –       |
+| mcPopoverFooter        | Содержимое подвала Обрати  внимание: если используешь строку, то используй аккуратно, желательно  предварительно сделать escape строки, чтобы избежать потенциальной XSS  уязвимости.    | string | ng-template  | –       |
+| mcPopoverDisabled      | Флаг для запрета показа                                                                                                                                                                  | boolean               | false   |
+| mcPopoverClass         | Добавление своих классов                                                                                                                                                                 | string | string[]     | –       |
+| mcVisibleChange        | Callback на изменение видимости компонента                                                                                                                                               | EventEmitter<boolean> | –       |
+
+## Example
+
+```html
+<ng-template #customContent>
+    Э́йяфьядлайё̀кюдль — шестой по величине ледник Исландии. Расположен на юге Исландии в 125 км к востоку от Рейкьявика. Под этим ледником находится одноимённый вулкан конической формы.
+</ng-template>
+ 
+<button
+    mcPopover
+    [mcTrigger]="'hover'"
+    [mcPlacement]="'top'"
+    [mcPopoverHeader]="'Это header'"
+    [mcPopoverContent]="customContent">
+    Найти Эйяфьядлайёкюдль
+</button>
+```

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

@@ -0,0 +1,22 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
+import { McCodeBlockConfiguration, McCodeFile } from './code-block.types';
+import * as i0 from "@angular/core";
+export declare class McActionBarComponent implements AfterViewInit {
+    copyTooltip: McTooltipTrigger;
+    config: McCodeBlockConfiguration;
+    codeFiles: McCodeFile[];
+    lessContrast: boolean;
+    selectedTabIndex: number;
+    multiLine: boolean;
+    softWrap: boolean;
+    toggleSoftWrap: EventEmitter<void>;
+    downloadCode: EventEmitter<void>;
+    copyCode: EventEmitter<void>;
+    openExternalSystem: EventEmitter<void>;
+    copyTooltipText: string;
+    ngAfterViewInit(): void;
+    onCopy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McActionBarComponent, "mc-actionbar-block", never, { "config": "config"; "codeFiles": "codeFiles"; "lessContrast": "lessContrast"; "selectedTabIndex": "selectedTabIndex"; "multiLine": "multiLine"; "softWrap": "softWrap"; }, { "toggleSoftWrap": "toggleSoftWrap"; "downloadCode": "downloadCode"; "copyCode": "copyCode"; "openExternalSystem": "openExternalSystem"; }, never, never, false>;
+}

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

@@ -0,0 +1,74 @@
+import { Clipboard } from '@angular/cdk/clipboard';
+import { InjectionToken, ElementRef, ChangeDetectorRef, OnDestroy, Renderer2 } from '@angular/core';
+import { McTabChangeEvent, McTabGroup } from '@ptsecurity/mosaic/tabs';
+import { Subject } from 'rxjs';
+import { McCodeBlockConfiguration, McCodeFile } 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 const MC_CODE_BLOCK_CONFIGURATION: InjectionToken<any>;
+export declare const MC_CODE_BLOCK_DEFAULT_CONFIGURATION: {
+    softWrapOnTooltip: string;
+    softWrapOffTooltip: string;
+    downloadTooltip: string;
+    copiedTooltip: string;
+    copyTooltip: string;
+    viewAllText: string;
+    viewLessText: string;
+    openExternalSystemTooltip: string;
+};
+export declare class McCodeBlockComponent implements OnDestroy {
+    private elementRef;
+    private changeDetectorRef;
+    private clipboard;
+    private renderer;
+    config: McCodeBlockConfiguration;
+    tabGroup: McTabGroup;
+    lineNumbers: boolean;
+    codeFiles: McCodeFile[];
+    lessContrast: boolean;
+    maxHeight: number;
+    softWrap: boolean;
+    get noHeader(): any;
+    get singleFile(): boolean;
+    selectedTabIndex: number;
+    copied: boolean;
+    viewAll: boolean;
+    multiLine: boolean;
+    readonly resizeStream: Subject<Event>;
+    private readonly resizeDebounceInterval;
+    private resizeSubscription;
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, clipboard: Clipboard, renderer: Renderer2, config: McCodeBlockConfiguration);
+    ngOnDestroy(): void;
+    updateHeader: () => void;
+    toggleSoftWrap(): void;
+    toggleViewAll(): void;
+    downloadCode(): void;
+    copyCode(): void;
+    openExternalSystem(): void;
+    onHighlighted(): void;
+    getMaxHeight(): string;
+    onSelectTab($event: McTabChangeEvent): void;
+    private updateMultiline;
+    private getFullFileName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McCodeBlockComponent, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McCodeBlockComponent, "mc-code-block", ["mcCodeBlock"], { "lineNumbers": "lineNumbers"; "codeFiles": "codeFiles"; "lessContrast": "lessContrast"; "maxHeight": "maxHeight"; "softWrap": "softWrap"; }, {}, never, never, false>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./code-block.component";
+import * as i2 from "./actionbar.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@ptsecurity/mosaic/button";
+import * as i5 from "@ptsecurity/mosaic/tooltip";
+import * as i6 from "@ptsecurity/mosaic/icon";
+import * as i7 from "ngx-highlightjs";
+import * as i8 from "@ptsecurity/mosaic/tabs";
+export declare class McCodeBlockModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McCodeBlockModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McCodeBlockModule, [typeof i1.McCodeBlockComponent, typeof i2.McActionBarComponent], [typeof i3.CommonModule, typeof i4.McButtonModule, typeof i5.McToolTipModule, typeof i6.McIconModule, typeof i7.HighlightModule, typeof i8.McTabsModule], [typeof i1.McCodeBlockComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<McCodeBlockModule>;
+}

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

@@ -0,0 +1,17 @@
+export interface McCodeBlockConfiguration {
+    softWrapOnTooltip: string;
+    softWrapOffTooltip: string;
+    downloadTooltip: string;
+    copiedTooltip: string;
+    copyTooltip: string;
+    viewAllText: string;
+    viewLessText: string;
+    openExternalSystemTooltip: string;
+}
+export interface McCodeFile {
+    filename: string;
+    content: string;
+    language: string;
+    code?: string;
+    link?: string;
+}

package/code-block/index.d.ts

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

package/code-block/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './code-block.module';
+export * from './code-block.types';
+export * from './code-block.component';

package/core/formatters/date/formatter.d.ts

@@ -1,4 +1,4 @@
-import { DateAdapter } from '@ptsecurity/cdk/datetime';
+import { DateAdapter, DurationUnit } from '@ptsecurity/cdk/datetime';
 import * as i0 from "@angular/core";
 /**
  * interface for absolute date or datetime formatter template
@@ -37,6 +37,34 @@ export interface FormatterRelativeTemplate {
     TOMORROW: string;
     AFTER_TOMORROW: string;
 }
+/**
+ * interface for duration of dates numeric formatter template
+ */
+export interface FormatterDurationNumbersTemplate {
+    variables?: {
+        [name: string]: string;
+    };
+    FULL: string;
+    ONLY_MINUTES: string;
+}
+/**
+ * interface for duration of dates text formatter template
+ */
+export interface FormatterDurationTemplate {
+    variables?: {
+        [name: string]: string;
+    };
+    YEARS: string;
+    MONTHS: string;
+    WEEKS: string;
+    DAYS: string;
+    HOURS: string;
+    MINUTES: string;
+    SECONDS: string;
+    SEPARATOR: string;
+    YEARS_FRACTION: string;
+    MONTHS_FRACTION: string;
+}
 export interface DateTimeOptions {
     seconds?: boolean;
     milliseconds?: boolean;
@@ -62,6 +90,11 @@ export interface FormatterConfig {
             long: FormatterRangeTemplate;
         };
     };
+    durationTemplates: {
+        shortest: FormatterDurationNumbersTemplate;
+        short: FormatterDurationTemplate;
+        long: FormatterDurationTemplate;
+    };
 }
 export declare class DateFormatter<D> {
     private readonly adapter;
@@ -198,6 +231,27 @@ export declare class DateFormatter<D> {
      * @returns range middle date with time
      */
     rangeMiddleDateTime(startDate: D, endDate: D, options?: DateTimeOptions): string;
+    /**
+     * @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: D, endDate: D, seconds?: boolean, milliseconds?: boolean): string;
+    /**
+     * @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: D, endDate: D, units: DurationUnit[], fraction: any, template: FormatterDurationTemplate): string;
+    durationLong(startDate: D, endDate: D, units?: DurationUnit[], fraction?: boolean): string;
+    durationShort(startDate: D, endDate: D, units?: DurationUnit[], fraction?: boolean): string;
+    private checkDates;
+    private compileMessage;
     /**
      * @param date - date for compile
      * @param variables - date template variables

package/core/option/action.d.ts

@@ -17,8 +17,10 @@ export interface McOptionActionParent {
     focus(): void;
 }
 export declare const MC_OPTION_ACTION_PARENT: InjectionToken<McOptionActionParent>;
+/** @docs-private */
 export declare class McOptionActionBase {
 }
+/** @docs-private */
 export declare const McOptionActionMixinBase: HasTabIndexCtor & CanDisableCtor & typeof McOptionActionBase;
 export declare class McOptionActionComponent extends McOptionActionMixinBase implements AfterViewInit, OnDestroy {
     private elementRef;

package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts

@@ -7,6 +7,7 @@ export declare class McPseudoCheckboxBase {
     elementRef: ElementRef;
     constructor(elementRef: ElementRef);
 }
+/** @docs-private */
 export declare const McPseudoCheckboxMixinBase: CanColorCtor & CanDisableCtor & typeof McPseudoCheckboxBase;
 /**
  * Component that shows a simplified checkbox without including any kind of "real" checkbox.