@ptsecurity/mosaic 15.4.1 → 15.6.0

package/fesm2015/ptsecurity-mosaic-button.mjs

@@ -57,9 +57,9 @@ class McButtonCssStyler {
         }
     }
 }
-/** @nocollapse */ McButtonCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonCssStyler, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McButtonCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McButtonCssStyler, selector: "[mc-button]", host: { properties: { "class.mc-button": "!isIconButton", "class.mc-icon-button": "isIconButton" } }, queries: [{ propertyName: "icons", predicate: i0.forwardRef(function () { return McIcon; }) }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonCssStyler, decorators: [{
+/** @nocollapse */ McButtonCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonCssStyler, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McButtonCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McButtonCssStyler, selector: "[mc-button]", host: { properties: { "class.mc-button": "!isIconButton", "class.mc-icon-button": "isIconButton" } }, queries: [{ propertyName: "icons", predicate: i0.forwardRef(function () { return McIcon; }) }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonCssStyler, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mc-button]',
@@ -138,9 +138,9 @@ class McButton extends McButtonMixinBase {
         this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
     }
 }
-/** @nocollapse */ McButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButton, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: McButtonCssStyler }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McButton, selector: "[mc-button]", inputs: { color: "color", tabIndex: "tabIndex", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "attr.tabIndex": "tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-button,.mc-light-button,.mc-icon-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--mc-button-size-height, 32px);min-height:var(--mc-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-icon-button::-moz-focus-inner{border:0}.mc-button:focus,.mc-light-button:focus,.mc-icon-button:focus{outline:none}[disabled].mc-button,[disabled].mc-light-button,[disabled].mc-icon-button{cursor:default}.cdk-focused.mc-button,.cdk-focused.mc-light-button,.cdk-focused.mc-icon-button{z-index:1}.mc-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-icon-button .mc-button-wrapper{display:flex;align-items:center}.mc-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-icon-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button .mc-icon_right,.mc-light-button .mc-icon_right,.mc-icon-button .mc-icon_right{margin-left:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px));padding-right:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px))}.mc-button-overlay{position:absolute;inset:-1px;border-radius:inherit}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButton, decorators: [{
+/** @nocollapse */ McButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButton, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: McButtonCssStyler }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McButton, selector: "[mc-button]", inputs: { color: "color", tabIndex: "tabIndex", disabled: "disabled" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur()" }, properties: { "attr.disabled": "disabled || null", "attr.tabIndex": "tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mc-button-wrapper\" (cdkObserveContent)=\"projectContentChanged()\">\n    <ng-content></ng-content>\n</div>\n<div class=\"mc-button-overlay\" (click)=\"haltDisabledEvents($event)\"></div>\n", styles: [".mc-button,.mc-light-button,.mc-icon-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;height:var(--mc-button-size-height, 32px);min-height:var(--mc-button-size-height, 32px);white-space:nowrap;text-decoration:none;text-align:center;vertical-align:baseline;border:var(--mc-button-size-border-width, 1px) solid transparent;border-radius:var(--mc-button-size-border-radius, 4px)}.mc-button::-moz-focus-inner,.mc-light-button::-moz-focus-inner,.mc-icon-button::-moz-focus-inner{border:0}.mc-button:focus,.mc-light-button:focus,.mc-icon-button:focus{outline:none}[disabled].mc-button,[disabled].mc-light-button,[disabled].mc-icon-button{cursor:default}.cdk-focused.mc-button,.cdk-focused.mc-light-button,.cdk-focused.mc-icon-button{z-index:1}.mc-button .mc-button-wrapper,.mc-light-button .mc-button-wrapper,.mc-icon-button .mc-button-wrapper{display:flex;align-items:center}.mc-button .mc-icon_left,.mc-light-button .mc-icon_left,.mc-icon-button .mc-icon_left{margin-right:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button .mc-icon_right,.mc-light-button .mc-icon_right,.mc-icon-button .mc-icon_right{margin-left:var(--mc-icon-button-size-left-icon-padding, 6px)}.mc-button{padding-left:var(--mc-button-size-horizontal-padding, 12px);padding-right:var(--mc-button-size-horizontal-padding, 12px)}.mc-icon-button{padding-left:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px));padding-right:calc(var(--mc-icon-button-size-horizontal-padding, 8px) - var(--mc-button-size-border-width, 1px))}.mc-button-overlay{position:absolute;inset:-1px;border-radius:inherit}\n"], dependencies: [{ kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButton, decorators: [{
             type: Component,
             args: [{ selector: '[mc-button]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color', 'tabIndex'], host: {
                         '[attr.disabled]': 'disabled || null',
@@ -154,18 +154,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
 
 class McButtonModule {
 }
-/** @nocollapse */ McButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, declarations: [McButton,
+/** @nocollapse */ McButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, declarations: [McButton,
         McButtonCssStyler], imports: [CommonModule,
         A11yModule,
         PlatformModule,
         ObserversModule], exports: [McButton,
         McButtonCssStyler] });
-/** @nocollapse */ McButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, imports: [CommonModule,
+/** @nocollapse */ McButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, imports: [CommonModule,
         A11yModule,
         PlatformModule,
         ObserversModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2015/ptsecurity-mosaic-card.mjs

@@ -59,9 +59,9 @@ class McCard extends McCardBaseMixin {
         return this.elementRef.nativeElement;
     }
 }
-/** @nocollapse */ McCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McCard, selector: "mc-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.mc-card_readonly": "readonly", "class.mc-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "mc-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"mc-card__overlay\"></div>\n", styles: [".mc-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--mc-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.mc-card:focus{outline:none}.mc-card .mc-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.mc-card.mc-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCard, decorators: [{
+/** @nocollapse */ McCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McCard, selector: "mc-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.mc-card_readonly": "readonly", "class.mc-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "mc-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<div class=\"mc-card__overlay\"></div>\n", styles: [".mc-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--mc-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.mc-card:focus{outline:none}.mc-card .mc-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.mc-card.mc-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCard, decorators: [{
             type: Component,
             args: [{ selector: 'mc-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
                         class: 'mc-card',
@@ -83,14 +83,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
 
 class McCardModule {
 }
-/** @nocollapse */ McCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McCardModule, declarations: [McCard], imports: [CommonModule,
+/** @nocollapse */ McCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McCardModule, declarations: [McCard], imports: [CommonModule,
         A11yModule,
         PlatformModule], exports: [McCard] });
-/** @nocollapse */ McCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCardModule, imports: [CommonModule,
+/** @nocollapse */ McCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCardModule, imports: [CommonModule,
         A11yModule,
         PlatformModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2015/ptsecurity-mosaic-checkbox.mjs

@@ -259,9 +259,9 @@ class McCheckbox extends McCheckboxMixinBase {
         }
     }
 }
-/** @nocollapse */ McCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckbox, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: MC_CHECKBOX_CLICK_ACTION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McCheckbox, selector: "mc-checkbox", inputs: { color: "color", tabIndex: "tabIndex", id: "id", labelPosition: "labelPosition", name: "name", value: "value", required: "required", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "id": "id", "attr.id": "id", "attr.disabled": "disabled", "class.mc-indeterminate": "indeterminate", "class.mc-checked": "checked", "class.mc-disabled": "disabled", "class.mc-checkbox-label-before": "labelPosition == \"before\"" }, classAttribute: "mc-checkbox" }, providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["mcCheckbox"], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n    <div class=\"mc-checkbox-inner-container\"\n         [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n        <input #input\n               type=\"checkbox\"\n               class=\"mc-checkbox-input cdk-visually-hidden\"\n               [id]=\"inputId\"\n               [required]=\"required\"\n               [checked]=\"checked\"\n               [attr.value]=\"value\"\n               [disabled]=\"disabled\"\n               [attr.name]=\"name\"\n               [tabIndex]=\"tabIndex\"\n               [indeterminate]=\"indeterminate\"\n               [attr.aria-checked]=\"getAriaChecked()\"\n               (change)=\"onInteractionEvent($event)\"\n               (click)=\"onInputClick($event)\">\n        <div class=\"mc-checkbox-frame\">\n            <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n            <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n        </div>\n        <div class=\"mc-checkbox-overlay\"></div>\n    </div>\n\n    <div class=\"mc-checkbox__text-container\">\n        <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n            <ng-content></ng-content>\n        </span>\n\n        <ng-content select=\"mc-hint\"></ng-content>\n    </div>\n</label>\n", styles: [".mc-checkbox-frame{inset:0;position:absolute;border-radius:var(--mc-checkbox-size-border-radius, 4px);box-sizing:border-box;pointer-events:none}.mc-checkbox-checkmark,.mc-checkbox-mixedmark{display:none;position:absolute;inset:-1px 0 0 -1px}.mc-checkbox-frame{background-color:transparent;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;box-shadow:var(--mc-checkbox-size-toggle-box-shadow, inset 0 0 1px 0 rgba(0, 0, 0, .2))}.mc-checkbox{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-checkbox.mc-checked .mc-checkbox-checkmark{display:block}.mc-checkbox.mc-checked .mc-checkbox-mixedmark,.mc-checkbox.mc-indeterminate .mc-checkbox-checkmark{display:none}.mc-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:block}.mc-checkbox.mc-disabled{cursor:default}.mc-checkbox.mc-disabled .mc-checkbox-frame{box-shadow:none}.mc-checkbox-layout{position:relative;display:inline-flex;cursor:inherit;padding-left:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px));vertical-align:top}.mc-checkbox-inner-container{display:inline-block;position:absolute;top:2px;left:0;height:var(--mc-checkbox-size-width, 16px);width:var(--mc-checkbox-size-width, 16px)}.mc-checkbox-overlay{inset:0;position:absolute;border-radius:var(--mc-checkbox-size-border-radius, 4px);background:transparent}.mc-checkbox__text-container{display:flex;flex-direction:column}.mc-checkbox__text-container .mc-hint{margin-top:2px}.mc-checkbox-inner-container-no-side-margin{margin-left:0;margin-right:0}.mc-checkbox-label-before .mc-checkbox-layout{padding-left:0;padding-right:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px))}.mc-checkbox-label-before .mc-checkbox-inner-container{right:0;left:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckbox, decorators: [{
+/** @nocollapse */ McCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckbox, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: MC_CHECKBOX_CLICK_ACTION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McCheckbox, selector: "mc-checkbox", inputs: { color: "color", tabIndex: "tabIndex", id: "id", labelPosition: "labelPosition", name: "name", value: "value", required: "required", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "id": "id", "attr.id": "id", "attr.disabled": "disabled", "class.mc-indeterminate": "indeterminate", "class.mc-checked": "checked", "class.mc-disabled": "disabled", "class.mc-checkbox-label-before": "labelPosition == \"before\"" }, classAttribute: "mc-checkbox" }, providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["mcCheckbox"], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n    <div class=\"mc-checkbox-inner-container\"\n         [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n        <input #input\n               type=\"checkbox\"\n               class=\"mc-checkbox-input cdk-visually-hidden\"\n               [id]=\"inputId\"\n               [required]=\"required\"\n               [checked]=\"checked\"\n               [attr.value]=\"value\"\n               [disabled]=\"disabled\"\n               [attr.name]=\"name\"\n               [tabIndex]=\"tabIndex\"\n               [indeterminate]=\"indeterminate\"\n               [attr.aria-checked]=\"getAriaChecked()\"\n               (change)=\"onInteractionEvent($event)\"\n               (click)=\"onInputClick($event)\">\n        <div class=\"mc-checkbox-frame\">\n            <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n            <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n        </div>\n        <div class=\"mc-checkbox-overlay\"></div>\n    </div>\n\n    <div class=\"mc-checkbox__text-container\">\n        <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n            <ng-content></ng-content>\n        </span>\n\n        <ng-content select=\"mc-hint\"></ng-content>\n    </div>\n</label>\n", styles: [".mc-checkbox-frame{inset:0;position:absolute;border-radius:var(--mc-checkbox-size-border-radius, 4px);box-sizing:border-box;pointer-events:none}.mc-checkbox-checkmark,.mc-checkbox-mixedmark{display:none;position:absolute;inset:-1px 0 0 -1px}.mc-checkbox-frame{background-color:transparent;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;box-shadow:var(--mc-checkbox-size-toggle-box-shadow, inset 0 0 1px 0 rgba(0, 0, 0, .2))}.mc-checkbox{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-checkbox.mc-checked .mc-checkbox-checkmark{display:block}.mc-checkbox.mc-checked .mc-checkbox-mixedmark,.mc-checkbox.mc-indeterminate .mc-checkbox-checkmark{display:none}.mc-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:block}.mc-checkbox.mc-disabled{cursor:default}.mc-checkbox.mc-disabled .mc-checkbox-frame{box-shadow:none}.mc-checkbox-layout{position:relative;display:inline-flex;cursor:inherit;padding-left:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px));vertical-align:top}.mc-checkbox-inner-container{display:inline-block;position:absolute;top:2px;left:0;height:var(--mc-checkbox-size-width, 16px);width:var(--mc-checkbox-size-width, 16px)}.mc-checkbox-overlay{inset:0;position:absolute;border-radius:var(--mc-checkbox-size-border-radius, 4px);background:transparent}.mc-checkbox__text-container{display:flex;flex-direction:column}.mc-checkbox__text-container .mc-hint{margin-top:2px}.mc-checkbox-inner-container-no-side-margin{margin-left:0;margin-right:0}.mc-checkbox-label-before .mc-checkbox-layout{padding-left:0;padding-right:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px))}.mc-checkbox-label-before .mc-checkbox-inner-container{right:0;left:unset}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckbox, decorators: [{
             type: Component,
             args: [{ selector: 'mc-checkbox', exportAs: 'mcCheckbox', host: {
                         class: 'mc-checkbox',
@@ -317,9 +317,9 @@ const MC_CHECKBOX_REQUIRED_VALIDATOR = {
  */
 class McCheckboxRequiredValidator extends CheckboxRequiredValidator {
 }
-/** @nocollapse */ McCheckboxRequiredValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McCheckboxRequiredValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McCheckboxRequiredValidator, selector: "mc-checkbox[required][formControlName],\n             mc-checkbox[required][formControl], mc-checkbox[required][ngModel]", host: { properties: { "attr.required": "required ? \"\" : null" } }, providers: [MC_CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckboxRequiredValidator, decorators: [{
+/** @nocollapse */ McCheckboxRequiredValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McCheckboxRequiredValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McCheckboxRequiredValidator, selector: "mc-checkbox[required][formControlName],\n             mc-checkbox[required][formControl], mc-checkbox[required][ngModel]", host: { properties: { "attr.required": "required ? \"\" : null" } }, providers: [MC_CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckboxRequiredValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: `mc-checkbox[required][formControlName],
@@ -331,10 +331,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
 
 class McCheckboxModule {
 }
-/** @nocollapse */ McCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McCheckboxModule, declarations: [McCheckbox, McCheckboxRequiredValidator], imports: [CommonModule], exports: [McCheckbox, McCheckboxRequiredValidator] });
-/** @nocollapse */ McCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckboxModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCheckboxModule, decorators: [{
+/** @nocollapse */ McCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McCheckboxModule, declarations: [McCheckbox, McCheckboxRequiredValidator], imports: [CommonModule], exports: [McCheckbox, McCheckboxRequiredValidator] });
+/** @nocollapse */ McCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckboxModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -42,9 +42,9 @@ class McActionBarComponent {
         });
     }
 }
-/** @nocollapse */ McActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", 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: "15.2.2", ngImport: i0, type: McActionBarComponent, decorators: [{
+/** @nocollapse */ McActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ McActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: McActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-actionbar-block', host: {
                         class: 'mc-code-block-actionbar',
@@ -188,9 +188,9 @@ class McCodeBlockComponent {
         return `${fileName}.${extension}`;
     }
 }
-/** @nocollapse */ McCodeBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", 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: "15.2.2", 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:unset}.mc-code-block .mc-tab-body.mc-tab-body__active{position:unset}.mc-code-block__code{overflow-y:hidden}.mc-code-block__code.mc-code-block__code_view-all{max-height:unset;overflow-y:unset}.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:unset}.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: "15.2.2", ngImport: i0, type: McCodeBlockComponent, decorators: [{
+/** @nocollapse */ McCodeBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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: "15.2.9", 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:unset}.mc-code-block .mc-tab-body.mc-tab-body__active{position:unset}.mc-code-block__code{overflow-y:hidden}.mc-code-block__code.mc-code-block__code_view-all{max-height:unset;overflow-y:unset}.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:unset}.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: "15.2.9", ngImport: i0, type: McCodeBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-code-block', exportAs: 'mcCodeBlock', host: {
                         class: 'mc-code-block',
@@ -224,15 +224,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
 
 class McCodeBlockModule {
 }
-/** @nocollapse */ McCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McCodeBlockModule, declarations: [McCodeBlockComponent,
+/** @nocollapse */ McCodeBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCodeBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ McCodeBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.2", ngImport: i0, type: McCodeBlockModule, providers: [{
+/** @nocollapse */ McCodeBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCodeBlockModule, providers: [{
             provide: HIGHLIGHT_OPTIONS,
             useValue: {
                 fullLibraryLoader: (() => import('highlight.js')),
@@ -245,7 +245,7 @@ class McCodeBlockModule {
         McIconModule,
         HighlightModule,
         McTabsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McCodeBlockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McCodeBlockModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [