@ptsecurity/mosaic 15.6.0 → 15.7.2

package/select/select.component.d.ts

@@ -1,10 +1,11 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectedPosition } from '@angular/cdk/overlay';
+import { CdkVirtualForOf } from '@angular/cdk/scrolling';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ActiveDescendantKeyManager } from '@ptsecurity/cdk/a11y';
-import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService } from '@ptsecurity/mosaic/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService, McOptionBase } from '@ptsecurity/mosaic/core';
 import { McCleaner, McFormField, McFormFieldControl } from '@ptsecurity/mosaic/form-field';
 import { McInput } from '@ptsecurity/mosaic/input';
 import { McTag } from '@ptsecurity/mosaic/tags';
@@ -78,8 +79,8 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     /** The cached font-size of the trigger element. */
     triggerFontSize: number;
     /** Deals with the selection logic. */
-    selectionModel: SelectionModel<McOption>;
-    previousSelectionModelSelected: McOption[];
+    selectionModel: SelectionModel<McOptionBase>;
+    previousSelectionModelSelected: McOptionBase[];
     /** Manages keyboard events for options in the panel. */
     keyManager: ActiveDescendantKeyManager<McOption>;
     /** The value of the select panel's transform-origin property. */
@@ -105,6 +106,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     panel: ElementRef;
     optionsContainer: ElementRef;
     overlayDir: CdkConnectedOverlay;
+    cdkVirtualForOf?: CdkVirtualForOf<any>;
     tags: QueryList<McTag>;
     /** User-supplied override of the trigger element. */
     customTrigger: McSelectTrigger;
@@ -128,7 +130,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
      * Function used to sort the values in a select in multiple mode.
      * Follows the same logic as `Array.prototype.sort`.
      */
-    sortComparator: (a: McOption, b: McOption, options: McOption[]) => number;
+    sortComparator: (a: McOptionBase, b: McOptionBase, options: McOptionBase[]) => number;
     /** Combined stream of all of the child options' change events. */
     readonly optionSelectionChanges: Observable<McOptionSelectionChange>;
     /** Event emitted when the select panel has been toggled. */
@@ -177,13 +179,14 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     /** Whether the select is focused. */
     get focused(): boolean;
     set focused(value: boolean);
-    private _focused;
     panelOpen: boolean;
+    private _focused;
+    private withVirtualScroll;
     get isEmptySearchResult(): boolean;
     get canShowCleaner(): boolean;
-    get selected(): McOption | McOption[];
+    get selected(): McOptionBase | McOptionBase[];
     get triggerValue(): string;
-    get triggerValues(): McOption[];
+    get triggerValues(): McOptionBase[];
     get empty(): boolean;
     private closeSubscription;
     /** The scroll position of the overlay panel, calculated to center the selected option. */
@@ -265,7 +268,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
      */
     onContainerClick(): void;
     /** Invoked when an option is clicked. */
-    onRemoveMatcherItem(option: McOption, $event: any): void;
+    onRemoveMatcherItem(option: McOptionBase, $event: any): void;
     calculateHiddenItems(): void;
     getItemHeight(): number;
     private updateLocaleParams;
@@ -325,6 +328,6 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     private getTotalVisibleItems;
     private buildTriggerClone;
     static ɵfac: i0.ɵɵFactoryDeclaration<McSelect, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McSelect, "mc-select", ["mcSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "hasBackdrop": "hasBackdrop"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "compareWith": "compareWith"; "value": "value"; "id": "id"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["mc-select-trigger, [mc-select-trigger]", "mc-cleaner", "mc-select-matcher, [mc-select-matcher]", "[mcSelectSearch]", "[mc-select-search-empty-result]", "*", "mc-select-footer,[mc-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McSelect, "mc-select", ["mcSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "hasBackdrop": "hasBackdrop"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "compareWith": "compareWith"; "value": "value"; "id": "id"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cdkVirtualForOf", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "search", "options", "optionGroups"], ["mc-select-trigger, [mc-select-trigger]", "mc-cleaner", "mc-select-matcher, [mc-select-matcher]", "[mcSelectSearch]", "[mc-select-search-empty-result]", "*", "mc-select-footer,[mc-select-footer]"], false, never>;
 }
 export {};

package/select/select.scss

@@ -201,7 +201,7 @@ $tokens: meta.module-variables(tokens) !default;
     padding: var(--mc-select-panel-size-vertical-padding, map.get($tokens, select-panel-size-vertical-padding)) 0;
     overflow: hidden auto;
 
-    & .cdk-virtual-scroll-viewport {
+    &:not(:has(> .mc-select__no-options-message)) .cdk-virtual-scroll-viewport {
         $paddings: (map.get($tokens, select-panel-size-vertical-padding) * 2);
 
         min-height: calc(

package/tree/tree-option.scss

@@ -2,11 +2,14 @@
 @use 'sass:map';
 
 @use '../core/styles/tokens';
+@use '../core/styles/common/list';
 
 
 $tokens: meta.module-variables(tokens) !default;
 
 .mc-tree-option {
+    @include list.mc-no-select;
+
     box-sizing: border-box;
 
     display: flex;
@@ -48,8 +51,7 @@ $tokens: meta.module-variables(tokens) !default;
         cursor: pointer;
     }
 
-    & > .mc-pseudo-checkbox,
-    & > .mc-checkbox {
+    & > .mc-pseudo-checkbox {
         margin-right: var(--mc-tree-size-icon-padding, map.get($tokens, tree-size-icon-padding));
     }