@ptsecurity/mosaic 15.6.0 → 15.8.0

package/fesm2015/ptsecurity-mosaic-core.mjs

@@ -13,9 +13,9 @@ import { CommonModule, DOCUMENT } from '@angular/common';
 import { ENTER, SPACE, TAB, ESCAPE } from '@ptsecurity/cdk/keycodes';
 import { takeUntil, distinctUntilChanged, delay } from 'rxjs/operators';
 import * as i1$1 from '@angular/cdk/a11y';
-import { ComponentPortal } from '@angular/cdk/portal';
 import * as i1$2 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
 
 const fadeAnimation = trigger('fadeAnimation', [
     state('void', style({ opacity: 0 })),
@@ -517,58 +517,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }], ctorParameters: function () { return [{ type: DateAdapter }, { type: DateFormatter }]; } });
 
 const enUSLocaleData = {
-    en: {
+    'en-US': {
         select: { hiddenItemsText: 'one more' },
         datepicker: {
-            placeholder: 'dd/mm/yyyy',
-            dateInput: 'dd/MM/yyyy'
+            placeholder: 'dd/mm/yyyy'
         }
     }
 };
 
 const esLALocaleData = {
     'es-LA': {
-        select: { hiddenItemsText: 'más' }
+        select: { hiddenItemsText: 'más' },
+        datepicker: {
+            placeholder: 'dd/mm/aaaa'
+        },
+        timepicker: {
+            placeholder: {
+                full: 'hh:mm:ss',
+                short: 'hh:mm'
+            }
+        }
     }
 };
 
 const faIRLocaleData = {
     'fa-IR': {
-        select: { hiddenItemsText: 'أكثر' }
+        select: { hiddenItemsText: 'أكثر' },
+        datepicker: {
+            placeholder: 'روز/ ماه/سال'
+        },
+        timepicker: {
+            placeholder: {
+                full: 'ثانیه:دقیقه:ساعت',
+                short: 'دقیقه:ساعت'
+            }
+        }
     }
 };
 
 const ptBRLocaleData = {
     'pt-BR': {
-        select: { hiddenItemsText: 'mais' }
+        select: { hiddenItemsText: 'mais' },
+        datepicker: {
+            placeholder: 'dd/mm/yyyy'
+        },
+        timepicker: {
+            placeholder: {
+                full: 'hh:mm:ss',
+                short: 'hh:mm'
+            }
+        }
     }
 };
 
 const ruRULocaleData = {
-    ru: {
+    'ru-RU': {
         select: { hiddenItemsText: 'еще' },
         datepicker: {
-            placeholder: 'дд.мм.гггг',
-            dateInput: 'dd.MM.yyyy'
+            placeholder: 'дд.мм.гггг'
         }
     }
 };
 
 const znCNLocaleData = {
     'zh-CN': {
-        select: { hiddenItemsText: '更多的' }
+        select: { hiddenItemsText: '更多的' },
+        datepicker: {
+            placeholder: '年/月/日'
+        },
+        timepicker: {
+            placeholder: {
+                full: '时:分:秒',
+                short: '时:分'
+            }
+        }
     }
 };
 
-const MC_LOCALE_ID$1 = new InjectionToken('McLocaleId');
-const MC_DEFAULT_LOCALE_ID = 'ru';
+const MC_LOCALE_ID = new InjectionToken('McLocaleId');
+const MC_DEFAULT_LOCALE_ID = 'ru-RU';
 function MC_DEFAULT_LOCALE_DATA_FACTORY() {
     return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ items: [
-            { id: 'en', name: 'English' },
+            { id: 'en-US', name: 'English' },
             { id: 'zh-CN', name: '简体中文' },
             { id: 'es-LA', name: 'Español' },
             { id: 'pt-BR', name: 'Português' },
-            { id: 'ru', name: 'Русский' },
+            { id: 'ru-RU', name: 'Русский' },
             { id: 'fa-IR', name: 'فارسی' }
         ] }, ruRULocaleData), enUSLocaleData), esLALocaleData), faIRLocaleData), ptBRLocaleData), znCNLocaleData);
 }
@@ -596,7 +630,7 @@ class McLocaleService {
         return this.current[componentName];
     }
 }
-/** @nocollapse */ McLocaleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLocaleService, deps: [{ token: MC_LOCALE_ID$1, optional: true }, { token: MC_LOCALE_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ McLocaleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLocaleService, deps: [{ token: MC_LOCALE_ID, optional: true }, { token: MC_LOCALE_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 /** @nocollapse */ McLocaleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLocaleService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLocaleService, decorators: [{
             type: Injectable,
@@ -606,7 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         type: Optional
                     }, {
                         type: Inject,
-                        args: [MC_LOCALE_ID$1]
+                        args: [MC_LOCALE_ID]
                     }] }, { type: undefined, decorators: [{
                         type: Optional
                     }, {
@@ -631,8 +665,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-const MC_LOCALE_ID = new InjectionToken('McLocaleId');
-
 /* tslint:disable:naming-convention */
 const MC_NUMBER_FORMATTER_OPTIONS = new InjectionToken('McNumberFormatterOptions');
 const MC_NUMBER_FORMATTER_DEFAULT_OPTIONS = {
@@ -660,6 +692,7 @@ const maxFractionGroupPosition = 5;
 const useGroupingPosition = 7;
 class ParsedDigitsInfo {
 }
+const defaultValueForGroupingInRULocale = 10000;
 function parseDigitsInfo(digitsInfo) {
     const parts = digitsInfo.match(NUMBER_FORMAT_REGEXP);
     if (parts === null) {
@@ -720,14 +753,26 @@ class McDecimalPipe {
             parsedDigitsInfo = parseDigitsInfo(digitsInfo);
         }
         const options = Object.assign(Object.assign({}, this.options), parsedDigitsInfo);
+        if (this.isSpecialFormatForRULocale(currentLocale, value, parsedDigitsInfo === null || parsedDigitsInfo === void 0 ? void 0 : parsedDigitsInfo.useGrouping)) {
+            options.useGrouping = false;
+        }
         try {
             const num = strToNumber(value);
+            /* Guideline requires for group separator to be `space`, as in 'ru-RU' locale.
+             * But by default in es-LA locale is used `comma`.
+             * To reduce data manipulation, 'ru-RU' locale is used. */
+            if (currentLocale === 'es-LA') {
+                return Intl.NumberFormat.call(this, 'ru-RU', options).format(num);
+            }
             return Intl.NumberFormat.call(this, currentLocale, options).format(num);
         }
         catch (error) {
             throw Error(`InvalidPipeArgument: McDecimalPipe for pipe '${JSON.stringify(error.message)}'`);
         }
     }
+    isSpecialFormatForRULocale(locale, value, grouping) {
+        return ['ru', 'ru-RU'].includes(locale) && grouping === undefined && value < defaultValueForGroupingInRULocale;
+    }
 }
 /** @nocollapse */ McDecimalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McDecimalPipe, deps: [{ token: MC_LOCALE_ID, optional: true }, { token: MC_LOCALE_SERVICE, optional: true }, { token: MC_NUMBER_FORMATTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
 /** @nocollapse */ McDecimalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McDecimalPipe, name: "mcNumber", pure: false });
@@ -756,11 +801,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         args: [MC_NUMBER_FORMATTER_OPTIONS]
                     }] }];
     } });
+class McTableNumberPipe {
+    constructor(id, localeService, options) {
+        var _a;
+        this.id = id;
+        this.localeService = localeService;
+        this.options = options;
+        this.options = this.options || MC_NUMBER_FORMATTER_DEFAULT_OPTIONS;
+        (_a = this.localeService) === null || _a === void 0 ? void 0 : _a.changes.subscribe((newId) => this.id = newId);
+    }
+    /**
+     * @param value The number to be formatted.
+     * @param digitsInfo Decimal representation options, specified by a string
+     * in the following format:<br>
+     * <code>{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}</code>.
+     *   - `minIntegerDigits`: The minimum number of integer digits before the decimal point.
+     * Default is `1`.
+     *   - `minFractionDigits`: The minimum number of digits after the decimal point.
+     * Default is `0`.
+     *   - `maxFractionDigits`: The maximum number of digits after the decimal point.
+     * Default is `3`.
+     * @param locale A locale code for the locale format rules to use.
+     * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
+     */
+    transform(value, digitsInfo, locale) {
+        if (isEmpty(value)) {
+            return null;
+        }
+        const currentLocale = locale || this.id || MC_DEFAULT_LOCALE_ID;
+        let parsedDigitsInfo;
+        if (digitsInfo) {
+            parsedDigitsInfo = parseDigitsInfo(digitsInfo);
+        }
+        const options = Object.assign(Object.assign({}, this.options), parsedDigitsInfo);
+        try {
+            const num = strToNumber(value);
+            /* Guideline requires for group separator to be `space`, as in 'ru-RU' locale.
+             * But by default in es-LA locale is used `comma`.
+             * To reduce data manipulation, 'ru-RU' locale is used. */
+            if (currentLocale === 'es-LA') {
+                return Intl.NumberFormat.call(this, 'ru-RU', options).format(num);
+            }
+            return Intl.NumberFormat.call(this, currentLocale, options).format(num);
+        }
+        catch (error) {
+            throw Error(`InvalidPipeArgument: McDecimalPipe for pipe '${JSON.stringify(error.message)}'`);
+        }
+    }
+}
+/** @nocollapse */ McTableNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTableNumberPipe, deps: [{ token: MC_LOCALE_ID, optional: true }, { token: MC_LOCALE_SERVICE, optional: true }, { token: MC_NUMBER_FORMATTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
+/** @nocollapse */ McTableNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McTableNumberPipe, name: "mcTableNumber", pure: false });
+/** @nocollapse */ McTableNumberPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTableNumberPipe, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTableNumberPipe, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }, {
+            type: Pipe,
+            args: [{ name: 'mcTableNumber', pure: false }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [MC_LOCALE_ID]
+                    }] }, { type: McLocaleService, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [MC_LOCALE_SERVICE]
+                    }] }, { type: ParsedDigitsInfo, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [MC_NUMBER_FORMATTER_OPTIONS]
+                    }] }];
+    } });
 
 class McFormattersModule {
 }
 /** @nocollapse */ McFormattersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormattersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 /** @nocollapse */ McFormattersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McFormattersModule, declarations: [McDecimalPipe,
+        McTableNumberPipe,
         AbsoluteDateFormatterPipe,
         AbsoluteDateTimeFormatterPipe,
         AbsoluteDateShortFormatterPipe,
@@ -774,6 +895,7 @@ class McFormattersModule {
         RangeDateTimeFormatterPipe,
         RangeShortDateTimeFormatterPipe,
         RangeMiddleDateTimeFormatterPipe], exports: [McDecimalPipe,
+        McTableNumberPipe,
         AbsoluteDateFormatterPipe,
         AbsoluteDateTimeFormatterPipe,
         AbsoluteDateShortFormatterPipe,
@@ -787,12 +909,13 @@ class McFormattersModule {
         RangeDateTimeFormatterPipe,
         RangeShortDateTimeFormatterPipe,
         RangeMiddleDateTimeFormatterPipe] });
-/** @nocollapse */ McFormattersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormattersModule, providers: [DateFormatter] });
+/** @nocollapse */ McFormattersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormattersModule, providers: [{ provide: DateFormatter, deps: [DateAdapter, MC_DATE_LOCALE] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFormattersModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         McDecimalPipe,
+                        McTableNumberPipe,
                         AbsoluteDateFormatterPipe,
                         AbsoluteDateTimeFormatterPipe,
                         AbsoluteDateShortFormatterPipe,
@@ -809,6 +932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ],
                     exports: [
                         McDecimalPipe,
+                        McTableNumberPipe,
                         AbsoluteDateFormatterPipe,
                         AbsoluteDateTimeFormatterPipe,
                         AbsoluteDateShortFormatterPipe,
@@ -823,7 +947,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         RangeShortDateTimeFormatterPipe,
                         RangeMiddleDateTimeFormatterPipe
                     ],
-                    providers: [DateFormatter]
+                    providers: [{ provide: DateFormatter, deps: [DateAdapter, MC_DATE_LOCALE] }]
                 }]
         }] });
 
@@ -1078,7 +1202,7 @@ class McPseudoCheckbox extends McPseudoCheckboxMixinBase {
     }
 }
 /** @nocollapse */ McPseudoCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPseudoCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McPseudoCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: { color: "color", state: "state", disabled: "disabled" }, host: { properties: { "class.mc-indeterminate": "state === \"indeterminate\"", "class.mc-checked": "state === \"checked\"", "class.mc-disabled": "disabled" }, classAttribute: "mc-pseudo-checkbox" }, usesInheritance: true, ngImport: i0, template: "<i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n<i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n", styles: [".mc-pseudo-checkbox{position:relative;display:inline-block;box-sizing:border-box;width:var(--mc-checkbox-size-width, 16px);height:var(--mc-checkbox-size-width, 16px);border-radius:3px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.mc-pseudo-checkbox .mc-checkbox-checkmark,.mc-pseudo-checkbox .mc-checkbox-mixedmark{display:none;position:absolute;top:calc(-1 * var(--mc-checkbox-size-border-width, 1px));left:calc(-1 * var(--mc-checkbox-size-border-width, 1px))}.mc-pseudo-checkbox.mc-pseudo-checkbox-checked,.mc-pseudo-checkbox.mc-pseudo-checkbox-indeterminate{border-color:transparent}.mc-pseudo-checkbox.mc-checked .mc-checkbox-checkmark,.mc-pseudo-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:inline-block}.mc-pseudo-checkbox.mc-disabled{cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ McPseudoCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: { color: "color", state: "state", disabled: "disabled" }, host: { properties: { "class.mc-indeterminate": "state === \"indeterminate\"", "class.mc-checked": "state === \"checked\"", "class.mc-disabled": "disabled" }, classAttribute: "mc-pseudo-checkbox" }, usesInheritance: true, ngImport: i0, template: "<i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n<i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n", styles: [".mc-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;width:var(--mc-checkbox-size-width, 16px);height:var(--mc-checkbox-size-width, 16px);border-radius:3px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center}.mc-pseudo-checkbox .mc-checkbox-checkmark,.mc-pseudo-checkbox .mc-checkbox-mixedmark{display:none}.mc-pseudo-checkbox.mc-pseudo-checkbox-checked,.mc-pseudo-checkbox.mc-pseudo-checkbox-indeterminate{border-color:transparent}.mc-pseudo-checkbox.mc-checked .mc-checkbox-checkmark,.mc-pseudo-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:inline-block}.mc-pseudo-checkbox.mc-disabled{cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPseudoCheckbox, decorators: [{
             type: Component,
             args: [{ selector: 'mc-pseudo-checkbox', host: {
@@ -1086,7 +1210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         '[class.mc-indeterminate]': 'state === "indeterminate"',
                         '[class.mc-checked]': 'state === "checked"',
                         '[class.mc-disabled]': 'disabled'
-                    }, preserveWhitespaces: false, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n<i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n", styles: [".mc-pseudo-checkbox{position:relative;display:inline-block;box-sizing:border-box;width:var(--mc-checkbox-size-width, 16px);height:var(--mc-checkbox-size-width, 16px);border-radius:3px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0}.mc-pseudo-checkbox .mc-checkbox-checkmark,.mc-pseudo-checkbox .mc-checkbox-mixedmark{display:none;position:absolute;top:calc(-1 * var(--mc-checkbox-size-border-width, 1px));left:calc(-1 * var(--mc-checkbox-size-border-width, 1px))}.mc-pseudo-checkbox.mc-pseudo-checkbox-checked,.mc-pseudo-checkbox.mc-pseudo-checkbox-indeterminate{border-color:transparent}.mc-pseudo-checkbox.mc-checked .mc-checkbox-checkmark,.mc-pseudo-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:inline-block}.mc-pseudo-checkbox.mc-disabled{cursor:default}\n"] }]
+                    }, preserveWhitespaces: false, inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n<i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n", styles: [".mc-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;width:var(--mc-checkbox-size-width, 16px);height:var(--mc-checkbox-size-width, 16px);border-radius:3px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;cursor:pointer;vertical-align:middle;flex-shrink:0;align-items:center;justify-content:center}.mc-pseudo-checkbox .mc-checkbox-checkmark,.mc-pseudo-checkbox .mc-checkbox-mixedmark{display:none}.mc-pseudo-checkbox.mc-pseudo-checkbox-checked,.mc-pseudo-checkbox.mc-pseudo-checkbox-indeterminate{border-color:transparent}.mc-pseudo-checkbox.mc-checked .mc-checkbox-checkmark,.mc-pseudo-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:inline-block}.mc-pseudo-checkbox.mc-disabled{cursor:default}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { state: [{
                 type: Input
             }], disabled: [{
@@ -1109,11 +1233,51 @@ class McOptionSelectionChange {
  * Injection token used to provide the parent component to options.
  */
 const MC_OPTION_PARENT_COMPONENT = new InjectionToken('MC_OPTION_PARENT_COMPONENT');
+class McOptionBase {
+    /** Emits the selection change event. */
+    emitSelectionChangeEvent(isUserInput = false) {
+        this.onSelectionChange.emit(new McOptionSelectionChange(this, isUserInput));
+    }
+}
+class McVirtualOption extends McOptionBase {
+    constructor(value, _disabled = false) {
+        super();
+        this.value = value;
+        this._disabled = _disabled;
+        this._selected = false;
+        this.onSelectionChange = new EventEmitter();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+    }
+    get selected() {
+        return this._selected;
+    }
+    get viewValue() {
+        return this.value;
+    }
+    select() {
+        if (!this._selected) {
+            this._selected = true;
+            this.emitSelectionChangeEvent();
+        }
+    }
+    deselect() {
+        if (this._selected) {
+            this._selected = false;
+            this.emitSelectionChangeEvent();
+        }
+    }
+}
 /**
  * Single option inside of a `<mc-select>` element.
  */
-class McOption {
+class McOption extends McOptionBase {
     constructor(element, changeDetectorRef, parent, group) {
+        super();
         this.element = element;
         this.changeDetectorRef = changeDetectorRef;
         this.parent = parent;
@@ -1262,15 +1426,11 @@ class McOption {
     getHostElement() {
         return this.element.nativeElement;
     }
-    /** Emits the selection change event. */
-    emitSelectionChangeEvent(isUserInput = false) {
-        this.onSelectionChange.emit(new McOptionSelectionChange(this, isUserInput));
-    }
 }
 /** @nocollapse */ McOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: MC_OPTION_PARENT_COMPONENT, optional: true }, { token: McOptgroup, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ McOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McOption, selector: "mc-option", inputs: { value: "value", showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.mc-selected": "selected", "class.mc-option-multiple": "multiple", "class.mc-active": "active", "class.mc-disabled": "disabled", "id": "id" }, classAttribute: "mc-option" }, providers: [{
             provide: MC_TITLE_TEXT_REF, useExisting: McOption
-        }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcOption"], ngImport: i0, template: "<mc-pseudo-checkbox\n    *ngIf=\"showCheckbox\"\n    [state]=\"selected ? 'checked' : 'unchecked'\"\n    [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 10px);padding-right:var(--mc-option-size-horizontal-padding, 10px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["color", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcOption"], usesInheritance: true, ngImport: i0, template: "<mc-pseudo-checkbox\n    *ngIf=\"showCheckbox\"\n    [state]=\"selected ? 'checked' : 'unchecked'\"\n    [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 10px);padding-right:var(--mc-option-size-horizontal-padding, 10px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["color", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOption, decorators: [{
             type: Component,
             args: [{ selector: 'mc-option', exportAs: 'mcOption', host: {
@@ -1726,6 +1886,11 @@ const POSITION_TO_CSS_MAP = {
     bottomLeft: 'bottom-left',
     bottomRight: 'bottom-right'
 };
+const MC_CUSTOM_SCROLL_STRATEGY_PROVIDER = (token, factory) => ({
+    provide: token,
+    deps: [Overlay],
+    useFactory: factory
+});
 function arrayMap(array, iteratee) {
     let index = -1;
     const length = array === null ? 0 : array.length;
@@ -2304,11 +2469,11 @@ const validationTooltipShowDelay = 10;
 const validationTooltipHideDelay = 3000;
 const MC_VALIDATION = new InjectionToken('McUseValidation', { factory: () => ({ useValidation: true }) });
 
-const VERSION = new Version('15.6.0+sha-7ad3c34');
+const VERSION = new Version('15.8.0+sha-89bc98b');
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MC_DATE_FORMATS, MC_DATE_LOCALE, MC_DATE_LOCALE_FACTORY, MC_DEFAULT_LOCALE_DATA_FACTORY, MC_DEFAULT_LOCALE_ID, MC_LABEL_GLOBAL_OPTIONS, MC_LOCALE_DATA, MC_LOCALE_ID, MC_LOCALE_SERVICE, MC_NUMBER_FORMATTER_DEFAULT_OPTIONS, MC_NUMBER_FORMATTER_OPTIONS, MC_OPTION_ACTION_PARENT, MC_OPTION_PARENT_COMPONENT, MC_SANITY_CHECKS, MC_SELECT_SCROLL_STRATEGY, MC_SELECT_SCROLL_STRATEGY_PROVIDER, MC_TITLE_TEXT_REF, MC_VALIDATION, McCommonModule, McDataSizeModule, McDataSizePipe, McDecimalPipe, McForm, McFormElement, McFormattersModule, McFormsModule, McHighlightModule, McHighlightPipe, McLine, McLineModule, McLineSetter, McLocaleService, McLocaleServiceModule, McMeasureScrollbarService, McOptgroup, McOptgroupBase, McOptgroupMixinBase, McOption, McOptionActionBase, McOptionActionComponent, McOptionActionMixinBase, McOptionModule, McOptionSelectionChange, McPopUp, McPopUpTrigger, McPseudoCheckbox, McPseudoCheckboxBase, McPseudoCheckboxMixinBase, McPseudoCheckboxModule, MeasurementSystem, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterPipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterPipe, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, VERSION, countGroupLabelsBeforeOption, escapeRegExp, fadeAnimation, formatDataSize, getHumanizedBytes, getMcSelectDynamicMultipleError, getMcSelectNonArrayValueError, getMcSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, mcSelectAnimations, mcSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, selectEvents, sizeUnitsConfig, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay };
+export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MC_CUSTOM_SCROLL_STRATEGY_PROVIDER, MC_DATE_FORMATS, MC_DATE_LOCALE, MC_DATE_LOCALE_FACTORY, MC_DEFAULT_LOCALE_DATA_FACTORY, MC_DEFAULT_LOCALE_ID, MC_LABEL_GLOBAL_OPTIONS, MC_LOCALE_DATA, MC_LOCALE_ID, MC_LOCALE_SERVICE, MC_NUMBER_FORMATTER_DEFAULT_OPTIONS, MC_NUMBER_FORMATTER_OPTIONS, MC_OPTION_ACTION_PARENT, MC_OPTION_PARENT_COMPONENT, MC_SANITY_CHECKS, MC_SELECT_SCROLL_STRATEGY, MC_SELECT_SCROLL_STRATEGY_PROVIDER, MC_TITLE_TEXT_REF, MC_VALIDATION, McCommonModule, McDataSizeModule, McDataSizePipe, McDecimalPipe, McForm, McFormElement, McFormattersModule, McFormsModule, McHighlightModule, McHighlightPipe, McLine, McLineModule, McLineSetter, McLocaleService, McLocaleServiceModule, McMeasureScrollbarService, McOptgroup, McOptgroupBase, McOptgroupMixinBase, McOption, McOptionActionBase, McOptionActionComponent, McOptionActionMixinBase, McOptionBase, McOptionModule, McOptionSelectionChange, McPopUp, McPopUpTrigger, McPseudoCheckbox, McPseudoCheckboxBase, McPseudoCheckboxMixinBase, McPseudoCheckboxModule, McTableNumberPipe, McVirtualOption, MeasurementSystem, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterPipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterPipe, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, VERSION, countGroupLabelsBeforeOption, escapeRegExp, fadeAnimation, formatDataSize, getHumanizedBytes, getMcSelectDynamicMultipleError, getMcSelectNonArrayValueError, getMcSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, mcSelectAnimations, mcSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, selectEvents, sizeUnitsConfig, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay };
 //# sourceMappingURL=ptsecurity-mosaic-core.mjs.map