@ptsecurity/mosaic 12.3.0 → 13.1.1

package/fesm2015/ptsecurity-mosaic-list.js

@@ -1,822 +0,0 @@
-import { A11yModule } from '@angular/cdk/a11y';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, Optional, ContentChild, ViewChild, Input, EventEmitter, Attribute, ContentChildren, Output, NgModule } from '@angular/core';
-import * as i1 from '@ptsecurity/mosaic/core';
-import { toBoolean, MC_OPTION_ACTION_PARENT, McOptionActionComponent, mixinTabIndex, mixinDisabled, MultipleMode, McLineSetter, McLine, McPseudoCheckboxModule, McLineModule, McOptionModule } from '@ptsecurity/mosaic/core';
-import * as i3 from '@angular/cdk/clipboard';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { SelectionModel } from '@angular/cdk/collections';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { FocusKeyManager } from '@ptsecurity/cdk/a11y';
-import { hasModifierKey, TAB, SPACE, ENTER, LEFT_ARROW, RIGHT_ARROW, isVerticalMovement, isSelectAll, isCopy, DOWN_ARROW, UP_ARROW, HOME, END, PAGE_UP, PAGE_DOWN } from '@ptsecurity/cdk/keycodes';
-import { McDropdownTrigger } from '@ptsecurity/mosaic/dropdown';
-import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
-import { Subject, merge } from 'rxjs';
-import { take, takeUntil, startWith } from 'rxjs/operators';
-
-/* tslint:disable:no-empty */
-/**
- * Component for list-options of selection-list. Each list-option can automatically
- * generate a checkbox and can put current item into the selectionModel of selection-list
- * if the current item is selected.
- */
-class McListOption {
-    constructor(elementRef, changeDetector, ngZone, listSelection, group) {
-        this.elementRef = elementRef;
-        this.changeDetector = changeDetector;
-        this.ngZone = ngZone;
-        this.listSelection = listSelection;
-        this.group = group;
-        this.hasFocus = false;
-        this.onFocus = new Subject();
-        this.onBlur = new Subject();
-        /**
-         * This is set to true after the first OnChanges cycle so we don't clear the value of `selected`
-         * in the first cycle.
-         */
-        this.inputsInitialized = false;
-        this._disabled = false;
-        this._selected = false;
-    }
-    get value() { return this._value; }
-    set value(newValue) {
-        if (this.selected && newValue !== this.value && this.inputsInitialized) {
-            this.selected = false;
-        }
-        this._value = newValue;
-    }
-    get disabled() {
-        const listSelectionDisabled = this.listSelection && this.listSelection.disabled;
-        const groupDisabled = this.group && this.group.disabled;
-        return listSelectionDisabled || groupDisabled || this._disabled;
-    }
-    set disabled(value) {
-        const newValue = toBoolean(value);
-        if (newValue !== this._disabled) {
-            this._disabled = newValue;
-            this.changeDetector.markForCheck();
-        }
-    }
-    get showCheckbox() {
-        return this._showCheckbox !== undefined ? this._showCheckbox : this.listSelection.showCheckbox;
-    }
-    set showCheckbox(value) {
-        this._showCheckbox = coerceBooleanProperty(value);
-    }
-    get selected() {
-        var _a;
-        return ((_a = this.listSelection.selectionModel) === null || _a === void 0 ? void 0 : _a.isSelected(this)) || false;
-    }
-    set selected(value) {
-        const isSelected = toBoolean(value);
-        if (isSelected !== this._selected) {
-            this.setSelected(isSelected);
-        }
-    }
-    get tabIndex() {
-        return this.disabled ? null : -1;
-    }
-    ngOnInit() {
-        const list = this.listSelection;
-        if (list._value && list._value.some((value) => list.compareWith(value, this._value))) {
-            this.setSelected(true);
-        }
-        const wasSelected = this._selected;
-        // List options that are selected at initialization can't be reported properly to the form
-        // control. This is because it takes some time until the selection-list knows about all
-        // available options. Also it can happen that the ControlValueAccessor has an initial value
-        // that should be used instead. Deferring the value change report to the next tick ensures
-        // that the form control value is not being overwritten.
-        Promise.resolve().then(() => {
-            if (this._selected || wasSelected) {
-                this.selected = true;
-                this.changeDetector.markForCheck();
-            }
-        });
-        this.inputsInitialized = true;
-    }
-    ngOnDestroy() {
-        if (this.selected) {
-            // We have to delay this until the next tick in order
-            // to avoid changed after checked errors.
-            Promise.resolve().then(() => this.selected = false);
-        }
-        this.listSelection.removeOptionFromList(this);
-    }
-    toggle() {
-        this.selected = !this.selected;
-    }
-    getLabel() {
-        return this.text ? this.text.nativeElement.textContent : '';
-    }
-    setSelected(selected) {
-        if (this._selected === selected || !this.listSelection.selectionModel) {
-            return;
-        }
-        this._selected = selected;
-        if (selected) {
-            this.listSelection.selectionModel.select(this);
-        }
-        else {
-            this.listSelection.selectionModel.deselect(this);
-        }
-        this.changeDetector.markForCheck();
-    }
-    getHeight() {
-        const clientRects = this.elementRef.nativeElement.getClientRects();
-        return clientRects.length ? clientRects[0].height : 0;
-    }
-    handleClick($event) {
-        if (this.disabled) {
-            return;
-        }
-        this.listSelection.setSelectedOptionsByClick(this, hasModifierKey($event, 'shiftKey'), hasModifierKey($event, 'ctrlKey'));
-    }
-    onKeydown($event) {
-        if (!this.actionButton) {
-            return;
-        }
-        if ($event.keyCode === TAB && !$event.shiftKey && !this.actionButton.hasFocus) {
-            this.actionButton.focus();
-            $event.preventDefault();
-        }
-    }
-    focus() {
-        var _a;
-        if (this.disabled || this.hasFocus || ((_a = this.actionButton) === null || _a === void 0 ? void 0 : _a.hasFocus)) {
-            return;
-        }
-        this.elementRef.nativeElement.focus();
-        this.onFocus.next({ option: this });
-        Promise.resolve().then(() => {
-            this.hasFocus = true;
-            this.changeDetector.markForCheck();
-        });
-    }
-    blur() {
-        // When animations are enabled, Angular may end up removing the option from the DOM a little
-        // earlier than usual, causing it to be blurred and throwing off the logic in the list
-        // that moves focus not the next item. To work around the issue, we defer marking the option
-        // as not focused until the next time the zone stabilizes.
-        this.ngZone.onStable
-            .asObservable()
-            .pipe(take(1))
-            .subscribe(() => {
-            this.ngZone.run(() => {
-                var _a;
-                this.hasFocus = false;
-                if ((_a = this.actionButton) === null || _a === void 0 ? void 0 : _a.hasFocus) {
-                    return;
-                }
-                this.onBlur.next({ option: this });
-            });
-        });
-    }
-    getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-}
-/** @nocollapse */ McListOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: forwardRef(() => McListSelection) }, { token: i1.McOptgroup, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McListOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McListOption, selector: "mc-list-option", inputs: { checkboxPosition: "checkboxPosition", value: "value", disabled: "disabled", showCheckbox: "showCheckbox", selected: "selected" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "handleClick($event)", "keydown": "onKeydown($event)" }, properties: { "class.mc-selected": "selected", "class.mc-disabled": "disabled", "class.mc-focused": "hasFocus", "class.mc-action-button-focused": "actionButton?.active", "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-list-option" }, providers: [
-        { provide: MC_OPTION_ACTION_PARENT, useExisting: McListOption }
-    ], queries: [{ propertyName: "actionButton", first: true, predicate: McOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: McTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: McDropdownTrigger, descendants: true }], viewQueries: [{ propertyName: "text", first: true, predicate: ["text"], descendants: true }], exportAs: ["mcListOption"], ngImport: i0, template: "<mc-pseudo-checkbox\n    *ngIf=\"showCheckbox\"\n    [state]=\"selected ? 'checked' : 'unchecked'\"\n    [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<div class=\"mc-list-text\" #text>\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"mc-option-action\"></ng-content>\n", components: [{ type: i1.McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["state", "disabled"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListOption, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'mcListOption',
-                    selector: 'mc-list-option',
-                    templateUrl: './list-option.html',
-                    host: {
-                        class: 'mc-list-option',
-                        '[class.mc-selected]': 'selected',
-                        '[class.mc-disabled]': 'disabled',
-                        '[class.mc-focused]': 'hasFocus',
-                        '[class.mc-action-button-focused]': 'actionButton?.active',
-                        '[attr.tabindex]': 'tabIndex',
-                        '[attr.disabled]': 'disabled || null',
-                        '(focusin)': 'focus()',
-                        '(blur)': 'blur()',
-                        '(click)': 'handleClick($event)',
-                        '(keydown)': 'onKeydown($event)'
-                    },
-                    encapsulation: ViewEncapsulation.None,
-                    preserveWhitespaces: false,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        { provide: MC_OPTION_ACTION_PARENT, useExisting: McListOption }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: McListSelection, decorators: [{
-                    type: Inject,
-                    args: [forwardRef(() => McListSelection)]
-                }] }, { type: i1.McOptgroup, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { actionButton: [{
-                type: ContentChild,
-                args: [McOptionActionComponent]
-            }], tooltipTrigger: [{
-                type: ContentChild,
-                args: [McTooltipTrigger]
-            }], dropdownTrigger: [{
-                type: ContentChild,
-                args: [McDropdownTrigger]
-            }], text: [{
-                type: ViewChild,
-                args: ['text', { static: false }]
-            }], checkboxPosition: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], showCheckbox: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }] } });
-const MC_SELECTION_LIST_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => McListSelection),
-    multi: true
-};
-class McListSelectionChange {
-    constructor(source, option) {
-        this.source = source;
-        this.option = option;
-    }
-}
-class McListSelectAllEvent {
-    constructor(source, options) {
-        this.source = source;
-        this.options = options;
-    }
-}
-class McListCopyEvent {
-    constructor(source, option) {
-        this.source = source;
-        this.option = option;
-    }
-}
-class McListSelectionBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-// tslint:disable-next-line:naming-convention
-const McListSelectionMixinBase = mixinTabIndex(mixinDisabled(McListSelectionBase));
-class McListSelection extends McListSelectionMixinBase {
-    constructor(elementRef, changeDetectorRef, multiple, clipboard) {
-        super(elementRef);
-        this.changeDetectorRef = changeDetectorRef;
-        this.clipboard = clipboard;
-        this.onSelectAll = new EventEmitter();
-        this.onCopy = new EventEmitter();
-        this._autoSelect = true;
-        this._noUnselectLast = true;
-        this.horizontal = false;
-        this._tabIndex = 0;
-        this.userTabIndex = null;
-        // Emits a change event whenever the selected state of an option changes.
-        this.selectionChange = new EventEmitter();
-        /** Emits whenever the component is destroyed. */
-        this.destroyed = new Subject();
-        /**
-         * Function used for comparing an option against the selected value when determining which
-         * options should appear as selected. The first argument is the value of an options. The second
-         * one is a value from the selected value. A boolean must be returned.
-         */
-        this.compareWith = (a1, a2) => a1 === a2;
-        // View to model callback that should be called if the list or its options lost focus.
-        // tslint:disable-next-line:no-empty
-        this.onTouched = () => { };
-        // View to model callback that should be called whenever the selected options change.
-        this.onChange = (_) => { };
-        if (multiple === MultipleMode.CHECKBOX || multiple === MultipleMode.KEYBOARD) {
-            this.multipleMode = multiple;
-        }
-        else if (multiple !== null) {
-            this.multipleMode = MultipleMode.CHECKBOX;
-        }
-        if (this.multipleMode === MultipleMode.CHECKBOX) {
-            this.autoSelect = false;
-            this.noUnselectLast = false;
-        }
-        this.selectionModel = new SelectionModel(this.multiple);
-    }
-    get autoSelect() {
-        return this._autoSelect;
-    }
-    set autoSelect(value) {
-        this._autoSelect = coerceBooleanProperty(value);
-    }
-    get noUnselectLast() {
-        return this._noUnselectLast;
-    }
-    set noUnselectLast(value) {
-        this._noUnselectLast = coerceBooleanProperty(value);
-    }
-    get multiple() {
-        return !!this.multipleMode;
-    }
-    get tabIndex() {
-        return this.disabled ? -1 : this._tabIndex;
-    }
-    set tabIndex(value) {
-        this.userTabIndex = value;
-        this._tabIndex = value;
-    }
-    get showCheckbox() {
-        return this.multipleMode === MultipleMode.CHECKBOX;
-    }
-    get optionFocusChanges() {
-        return merge(...this.options.map((option) => option.onFocus));
-    }
-    get optionBlurChanges() {
-        return merge(...this.options.map((option) => option.onBlur));
-    }
-    ngAfterContentInit() {
-        this.horizontal = toBoolean(this.horizontal);
-        this.keyManager = new FocusKeyManager(this.options)
-            .withTypeAhead()
-            .withVerticalOrientation(!this.horizontal)
-            .withHorizontalOrientation(this.horizontal ? 'ltr' : null);
-        this.keyManager.tabOut
-            .pipe(takeUntil(this.destroyed))
-            .subscribe(() => {
-            this._tabIndex = -1;
-            setTimeout(() => {
-                this._tabIndex = this.userTabIndex || 0;
-                this.changeDetectorRef.markForCheck();
-            });
-        });
-        if (this._value) {
-            this.setOptionsFromValues(this._value);
-        }
-        this.selectionModel.changed
-            .pipe(takeUntil(this.destroyed))
-            .subscribe((event) => {
-            for (const item of event.added) {
-                item.selected = true;
-            }
-            for (const item of event.removed) {
-                item.selected = false;
-            }
-        });
-        this.options.changes
-            .pipe(startWith(null), takeUntil(this.destroyed))
-            .subscribe(() => {
-            this.resetOptions();
-            // Check to see if we need to update our tab index
-            this.updateTabIndex();
-        });
-        this.updateScrollSize();
-    }
-    ngOnDestroy() {
-        this.destroyed.next();
-        this.destroyed.complete();
-    }
-    focus() {
-        if (this.options.length === 0) {
-            return;
-        }
-        this.keyManager.setFirstItemActive();
-    }
-    blur() {
-        if (!this.hasFocusedOption()) {
-            this.keyManager.setActiveItem(-1);
-        }
-        this.onTouched();
-        this.changeDetectorRef.markForCheck();
-    }
-    selectAll() {
-        this.options.forEach((option) => option.setSelected(true));
-        this.reportValueChange();
-    }
-    deselectAll() {
-        this.options.forEach((option) => option.setSelected(false));
-        this.reportValueChange();
-    }
-    updateScrollSize() {
-        if (this.horizontal || !this.options.first) {
-            return;
-        }
-        this.keyManager.withScrollSize(Math.floor(this.getHeight() / this.options.first.getHeight()));
-    }
-    setSelectedOptionsByClick(option, shiftKey, ctrlKey) {
-        if (shiftKey && this.multiple) {
-            this.setSelectedOptions(option);
-        }
-        else if (ctrlKey) {
-            if (!this.canDeselectLast(option)) {
-                return;
-            }
-            this.selectionModel.toggle(option);
-        }
-        else if (this.autoSelect) {
-            this.selectionModel.clear();
-            this.selectionModel.toggle(option);
-        }
-        else {
-            this.selectionModel.toggle(option);
-        }
-        this.emitChangeEvent(option);
-        this.reportValueChange();
-    }
-    setSelectedOptionsByKey(option, shiftKey, ctrlKey) {
-        if (shiftKey && this.multiple) {
-            this.setSelectedOptions(option);
-        }
-        else if (ctrlKey) {
-            if (!this.canDeselectLast(option)) {
-                return;
-            }
-        }
-        else if (this.autoSelect) {
-            this.options.forEach((item) => item.setSelected(false));
-            option.setSelected(true);
-            this.emitChangeEvent(option);
-            this.reportValueChange();
-        }
-    }
-    setSelectedOptions(option) {
-        const selectedOptionState = option.selected;
-        let fromIndex = this.keyManager.previousActiveItemIndex;
-        let toIndex = this.keyManager.previousActiveItemIndex = this.keyManager.activeItemIndex;
-        if (toIndex === fromIndex) {
-            return;
-        }
-        if (fromIndex > toIndex) {
-            [fromIndex, toIndex] = [toIndex, fromIndex];
-        }
-        this.options
-            .toArray()
-            .slice(fromIndex, toIndex + 1)
-            .filter((item) => !item.disabled)
-            .forEach((renderedOption) => {
-            const isLastRenderedOption = renderedOption === this.keyManager.activeItem;
-            if (isLastRenderedOption && renderedOption.selected && this.noUnselectLast) {
-                return;
-            }
-            renderedOption.setSelected(!selectedOptionState);
-        });
-    }
-    // Implemented as part of ControlValueAccessor.
-    writeValue(values) {
-        this._value = values;
-        if (this.options) {
-            this.setOptionsFromValues(values || []);
-        }
-    }
-    // Implemented as part of ControlValueAccessor.
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    // Implemented as part of ControlValueAccessor.
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    // Implemented as a part of ControlValueAccessor.
-    setDisabledState(isDisabled) {
-        if (this.options) {
-            this.options.forEach((option) => option.disabled = isDisabled);
-        }
-    }
-    getSelectedOptionValues() {
-        return this.options.filter((option) => option.selected).map((option) => option.value);
-    }
-    // Toggles the selected state of the currently focused option.
-    toggleFocusedOption() {
-        const focusedIndex = this.keyManager.activeItemIndex;
-        if (focusedIndex != null && this.isValidIndex(focusedIndex)) {
-            const focusedOption = this.options.toArray()[focusedIndex];
-            if (focusedOption && this.canDeselectLast(focusedOption)) {
-                focusedOption.toggle();
-                // Emit a change event because the focused option changed its state through user interaction.
-                this.emitChangeEvent(focusedOption);
-            }
-        }
-    }
-    canDeselectLast(listOption) {
-        return !(this.noUnselectLast && this.selectionModel.selected.length === 1 && listOption.selected);
-    }
-    getHeight() {
-        const clientRects = this.elementRef.nativeElement.getClientRects();
-        return clientRects.length ? clientRects[0].height : 0;
-    }
-    // Removes an option from the selection list and updates the active item.
-    removeOptionFromList(option) {
-        if (!option.hasFocus) {
-            return;
-        }
-        const optionIndex = this.getOptionIndex(option);
-        // Check whether the option is the last item
-        if (optionIndex > 0) {
-            this.keyManager.setPreviousItemActive();
-        }
-        else if (optionIndex === 0 && this.options.length > 1) {
-            this.keyManager.setNextItemActive();
-        }
-    }
-    onKeyDown(event) {
-        // tslint:disable-next-line: deprecation
-        const keyCode = event.keyCode;
-        if ([SPACE, ENTER, LEFT_ARROW, RIGHT_ARROW].includes(keyCode) || isVerticalMovement(event)) {
-            event.preventDefault();
-        }
-        if (this.multiple && isSelectAll(event)) {
-            this.selectAllOptions();
-            event.preventDefault();
-            return;
-        }
-        else if (isCopy(event)) {
-            this.copyActiveOption();
-            event.preventDefault();
-            return;
-        }
-        else if ([SPACE, ENTER].includes(keyCode)) {
-            this.toggleFocusedOption();
-            return;
-        }
-        else if (keyCode === TAB) {
-            this.keyManager.tabOut.next();
-            return;
-        }
-        else if (keyCode === DOWN_ARROW) {
-            this.keyManager.setNextItemActive();
-        }
-        else if (keyCode === UP_ARROW) {
-            this.keyManager.setPreviousItemActive();
-        }
-        else if (keyCode === HOME) {
-            this.keyManager.setFirstItemActive();
-        }
-        else if (keyCode === END) {
-            this.keyManager.setLastItemActive();
-        }
-        else if (keyCode === PAGE_UP) {
-            this.keyManager.setPreviousPageItemActive();
-        }
-        else if (keyCode === PAGE_DOWN) {
-            this.keyManager.setNextPageItemActive();
-        }
-        if (this.keyManager.activeItem && isVerticalMovement(event)) {
-            this.setSelectedOptionsByKey(this.keyManager.activeItem, hasModifierKey(event, 'shiftKey'), hasModifierKey(event, 'ctrlKey'));
-        }
-    }
-    // Reports a value change to the ControlValueAccessor
-    reportValueChange() {
-        if (this.options) {
-            const value = this.getSelectedOptionValues();
-            this.onChange(value);
-            this._value = value;
-        }
-    }
-    // Emits a change event if the selected state of an option changed.
-    emitChangeEvent(option) {
-        this.selectionChange.emit(new McListSelectionChange(this, option));
-    }
-    updateTabIndex() {
-        this._tabIndex = this.userTabIndex || (this.options.length === 0 ? -1 : 0);
-    }
-    onCopyDefaultHandler() {
-        var _a;
-        (_a = this.clipboard) === null || _a === void 0 ? void 0 : _a.copy(this.keyManager.activeItem.value);
-    }
-    resetOptions() {
-        this.dropSubscriptions();
-        this.listenToOptionsFocus();
-    }
-    dropSubscriptions() {
-        if (this.optionFocusSubscription) {
-            this.optionFocusSubscription.unsubscribe();
-            this.optionFocusSubscription = null;
-        }
-        if (this.optionBlurSubscription) {
-            this.optionBlurSubscription.unsubscribe();
-            this.optionBlurSubscription = null;
-        }
-    }
-    listenToOptionsFocus() {
-        this.optionFocusSubscription = this.optionFocusChanges
-            .subscribe((event) => {
-            const index = this.options.toArray().indexOf(event.option);
-            if (this.isValidIndex(index)) {
-                this.keyManager.updateActiveItem(index);
-            }
-        });
-        this.optionBlurSubscription = this.optionBlurChanges
-            .subscribe(() => this.blur());
-    }
-    /** Checks whether any of the options is focused. */
-    hasFocusedOption() {
-        return this.options.some((option) => option.hasFocus);
-    }
-    // Returns the option with the specified value.
-    getOptionByValue(value) {
-        return this.options.find((option) => option.value === value);
-    }
-    // Sets the selected options based on the specified values.
-    setOptionsFromValues(values) {
-        this.options.forEach((option) => option.setSelected(false));
-        values
-            .map((value) => this.getOptionByValue(value))
-            .filter(Boolean)
-            .forEach((option) => option.setSelected(true));
-    }
-    /**
-     * Utility to ensure all indexes are valid.
-     * @param index The index to be checked.
-     * @returns True if the index is valid for our list of options.
-     */
-    isValidIndex(index) {
-        return index >= 0 && index < this.options.length;
-    }
-    // Returns the index of the specified list option.
-    getOptionIndex(option) {
-        return this.options.toArray().indexOf(option);
-    }
-    selectAllOptions() {
-        const optionsToSelect = this.options
-            .filter((option) => !option.disabled);
-        optionsToSelect
-            .forEach((option) => option.setSelected(true));
-        this.onSelectAll.emit(new McListSelectAllEvent(this, optionsToSelect));
-    }
-    copyActiveOption() {
-        if (this.onCopy.observers.length) {
-            this.onCopy.emit(new McListCopyEvent(this, this.keyManager.activeItem));
-        }
-        else {
-            this.onCopyDefaultHandler();
-        }
-    }
-}
-/** @nocollapse */ McListSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListSelection, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i3.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McListSelection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McListSelection, selector: "mc-list-selection", inputs: { disabled: "disabled", autoSelect: "autoSelect", noUnselectLast: "noUnselectLast", horizontal: "horizontal", tabIndex: "tabIndex", compareWith: "compareWith" }, outputs: { onSelectAll: "onSelectAll", onCopy: "onCopy", selectionChange: "selectionChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "window:resize": "updateScrollSize()" }, properties: { "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "mc-list-selection" }, providers: [MC_SELECTION_LIST_VALUE_ACCESSOR], queries: [{ propertyName: "options", predicate: McListOption, descendants: true }], exportAs: ["mcListSelection"], usesInheritance: true, ngImport: i0, template: `
-        <div [attr.tabindex]="tabIndex"
-             (focus)="focus()"
-             (blur)="blur()">
-            <ng-content></ng-content>
-        </div>`, isInline: true, styles: [".mc-divider{display:block;margin:0}.mc-divider.mc-divider_horizontal{border-top-width:1px;border-top-width:var(--mc-divider-size-width, 1px);border-top-style:solid}.mc-divider.mc-divider_vertical{height:100%;border-right-width:1px;border-right-width:var(--mc-divider-size-width, 1px);border-right-style:solid}.mc-divider.mc-divider_inset{margin-left:80px;margin-left:var(--mc-divider-size-inset-margin, 80px)}[dir=rtl] .mc-divider.mc-divider_inset{margin-left:auto;margin-right:80px;margin-right:var(--mc-divider-size-inset-margin, 80px)}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mc-list,.mc-list-selection{display:block;outline:none}.mc-list-item,.mc-list-option{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;box-sizing:border-box;height:32px;height:var(--mc-list-size-item-height, 32px);border:2px solid transparent;padding-left:16px;padding-left:var(--mc-list-size-horizontal-padding, 16px)}.mc-list-item .mc-list-text,.mc-list-option .mc-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding-right:16px;padding-right:var(--mc-list-size-horizontal-padding, 16px)}.mc-list-item .mc-list-text>*,.mc-list-option .mc-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mc-list-item .mc-list-text:empty,.mc-list-option .mc-list-text:empty{display:none}.mc-list-item .mc-list-icon,.mc-list-option .mc-list-icon{box-sizing:content-box;flex-shrink:0;width:24px;width:var(--mc-list-size-icon-width, 24px);height:24px;height:var(--mc-list-size-icon-width, 24px);border-radius:50%;padding:4px;padding:var(--mc-list-size-icon-padding, 4px);font-size:24px;font-size:var(--mc-list-size-icon-width, 24px)}.mc-list-item .mc-list-icon~.mc-divider_inset,.mc-list-option .mc-list-icon~.mc-divider_inset{margin-left:32pxvar(--mc-list-size-icon-width,24px)8px;width:100%-32pxvar(--mc-list-size-icon-width,24px)8px}[dir=rtl] .mc-list-item .mc-list-icon~.mc-divider_inset,[dir=rtl] .mc-list-option .mc-list-icon~.mc-divider_inset{margin-left:auto;margin-right:32pxvar(--mc-list-size-icon-width,24px)8px}.mc-list-item .mc-divider,.mc-list-option .mc-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mc-list-item .mc-divider,[dir=rtl] .mc-list-option .mc-divider{margin-left:auto;margin-right:0}.mc-list-item .mc-divider.mc-divider_inset,.mc-list-option .mc-divider.mc-divider_inset{position:absolute}.mc-list-item.mc-progress:after,.mc-list-option.mc-progress:after{top:-2px;right:-2px;bottom:-2px;left:-2px}.mc-list-item .mc-pseudo-checkbox,.mc-list-option .mc-pseudo-checkbox{margin-right:8px}.mc-list-item .mc-option-action,.mc-list-option .mc-option-action{display:none}.mc-list-item:not([disabled]):hover .mc-option-action,.mc-list-item:not([disabled]).mc-focused .mc-option-action,.mc-list-item:not([disabled]).mc-action-button-focused .mc-option-action,.mc-list-option:not([disabled]):hover .mc-option-action,.mc-list-option:not([disabled]).mc-focused .mc-option-action,.mc-list-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}.mc-list-option:not([disabled]):not(.mc-disabled){cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListSelection, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'mcListSelection',
-                    selector: 'mc-list-selection',
-                    template: `
-        <div [attr.tabindex]="tabIndex"
-             (focus)="focus()"
-             (blur)="blur()">
-            <ng-content></ng-content>
-        </div>`,
-                    styleUrls: ['./list.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    inputs: ['disabled'],
-                    host: {
-                        class: 'mc-list-selection',
-                        '[attr.tabindex]': '-1',
-                        '[attr.disabled]': 'disabled || null',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(window:resize)': 'updateScrollSize()'
-                    },
-                    providers: [MC_SELECTION_LIST_VALUE_ACCESSOR],
-                    preserveWhitespaces: false
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.MultipleMode, decorators: [{
-                    type: Attribute,
-                    args: ['multiple']
-                }] }, { type: i3.Clipboard, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { options: [{
-                type: ContentChildren,
-                args: [McListOption, { descendants: true }]
-            }], onSelectAll: [{
-                type: Output
-            }], onCopy: [{
-                type: Output
-            }], autoSelect: [{
-                type: Input
-            }], noUnselectLast: [{
-                type: Input
-            }], horizontal: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], selectionChange: [{
-                type: Output
-            }], compareWith: [{
-                type: Input
-            }] } });
-
-// todo пока не делаем, перенесено из материала, но у нас в доках таких простых списков нет.
-class McList {
-}
-/** @nocollapse */ McList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McList, selector: "mc-list", host: { classAttribute: "mc-list" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-divider{display:block;margin:0}.mc-divider.mc-divider_horizontal{border-top-width:1px;border-top-width:var(--mc-divider-size-width, 1px);border-top-style:solid}.mc-divider.mc-divider_vertical{height:100%;border-right-width:1px;border-right-width:var(--mc-divider-size-width, 1px);border-right-style:solid}.mc-divider.mc-divider_inset{margin-left:80px;margin-left:var(--mc-divider-size-inset-margin, 80px)}[dir=rtl] .mc-divider.mc-divider_inset{margin-left:auto;margin-right:80px;margin-right:var(--mc-divider-size-inset-margin, 80px)}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mc-list,.mc-list-selection{display:block;outline:none}.mc-list-item,.mc-list-option{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;box-sizing:border-box;height:32px;height:var(--mc-list-size-item-height, 32px);border:2px solid transparent;padding-left:16px;padding-left:var(--mc-list-size-horizontal-padding, 16px)}.mc-list-item .mc-list-text,.mc-list-option .mc-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding-right:16px;padding-right:var(--mc-list-size-horizontal-padding, 16px)}.mc-list-item .mc-list-text>*,.mc-list-option .mc-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mc-list-item .mc-list-text:empty,.mc-list-option .mc-list-text:empty{display:none}.mc-list-item .mc-list-icon,.mc-list-option .mc-list-icon{box-sizing:content-box;flex-shrink:0;width:24px;width:var(--mc-list-size-icon-width, 24px);height:24px;height:var(--mc-list-size-icon-width, 24px);border-radius:50%;padding:4px;padding:var(--mc-list-size-icon-padding, 4px);font-size:24px;font-size:var(--mc-list-size-icon-width, 24px)}.mc-list-item .mc-list-icon~.mc-divider_inset,.mc-list-option .mc-list-icon~.mc-divider_inset{margin-left:32pxvar(--mc-list-size-icon-width,24px)8px;width:100%-32pxvar(--mc-list-size-icon-width,24px)8px}[dir=rtl] .mc-list-item .mc-list-icon~.mc-divider_inset,[dir=rtl] .mc-list-option .mc-list-icon~.mc-divider_inset{margin-left:auto;margin-right:32pxvar(--mc-list-size-icon-width,24px)8px}.mc-list-item .mc-divider,.mc-list-option .mc-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mc-list-item .mc-divider,[dir=rtl] .mc-list-option .mc-divider{margin-left:auto;margin-right:0}.mc-list-item .mc-divider.mc-divider_inset,.mc-list-option .mc-divider.mc-divider_inset{position:absolute}.mc-list-item.mc-progress:after,.mc-list-option.mc-progress:after{top:-2px;right:-2px;bottom:-2px;left:-2px}.mc-list-item .mc-pseudo-checkbox,.mc-list-option .mc-pseudo-checkbox{margin-right:8px}.mc-list-item .mc-option-action,.mc-list-option .mc-option-action{display:none}.mc-list-item:not([disabled]):hover .mc-option-action,.mc-list-item:not([disabled]).mc-focused .mc-option-action,.mc-list-item:not([disabled]).mc-action-button-focused .mc-option-action,.mc-list-option:not([disabled]):hover .mc-option-action,.mc-list-option:not([disabled]).mc-focused .mc-option-action,.mc-list-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}.mc-list-option:not([disabled]):not(.mc-disabled){cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McList, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-list',
-                    host: { class: 'mc-list' },
-                    template: '<ng-content></ng-content>',
-                    styleUrls: ['./list.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }] });
-class McListItem {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    ngAfterContentInit() {
-        // tslint:disable-next-line:no-unused-expression
-        new McLineSetter(this.lines, this.elementRef);
-    }
-    handleFocus() {
-        this.elementRef.nativeElement.classList.add('mc-focused');
-    }
-    handleBlur() {
-        this.elementRef.nativeElement.classList.remove('mc-focused');
-    }
-    getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-}
-/** @nocollapse */ McListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McListItem, selector: "mc-list-item, a[mc-list-item]", host: { listeners: { "focus": "handleFocus()", "blur": "handleBlur()" }, classAttribute: "mc-list-item" }, queries: [{ propertyName: "lines", predicate: McLine }], ngImport: i0, template: "<ng-content select=\"[mc-list-icon], [mcListIcon]\"></ng-content>\n\n<div class=\"mc-list-text\">\n    <ng-content select=\"[mc-line], [mcLine]\"></ng-content>\n</div>\n\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListItem, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-list-item, a[mc-list-item]',
-                    host: {
-                        class: 'mc-list-item',
-                        '(focus)': 'handleFocus()',
-                        '(blur)': 'handleBlur()'
-                    },
-                    templateUrl: './list-item.html',
-                    encapsulation: ViewEncapsulation.None,
-                    preserveWhitespaces: false,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { lines: [{
-                type: ContentChildren,
-                args: [McLine]
-            }] } });
-
-class McListModule {
-}
-/** @nocollapse */ McListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListModule, declarations: [McList,
-        McListSelection,
-        McListItem,
-        McListOption], imports: [CommonModule,
-        A11yModule,
-        McPseudoCheckboxModule,
-        McLineModule,
-        McOptionModule], exports: [McList,
-        McListSelection,
-        McListItem,
-        McListOption,
-        McOptionModule] });
-/** @nocollapse */ McListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListModule, imports: [[
-            CommonModule,
-            A11yModule,
-            McPseudoCheckboxModule,
-            McLineModule,
-            McOptionModule
-        ], McOptionModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        A11yModule,
-                        McPseudoCheckboxModule,
-                        McLineModule,
-                        McOptionModule
-                    ],
-                    exports: [
-                        McList,
-                        McListSelection,
-                        McListItem,
-                        McListOption,
-                        McOptionModule
-                    ],
-                    declarations: [
-                        McList,
-                        McListSelection,
-                        McListItem,
-                        McListOption
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MC_SELECTION_LIST_VALUE_ACCESSOR, McList, McListCopyEvent, McListItem, McListModule, McListOption, McListSelectAllEvent, McListSelection, McListSelectionBase, McListSelectionChange, McListSelectionMixinBase };
-//# sourceMappingURL=ptsecurity-mosaic-list.js.map