@ptsecurity/mosaic 15.6.0 → 15.8.0

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';
@@ -18,7 +19,7 @@ export declare class McSelectChange {
 }
 export declare class McSelectFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<McSelectFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectFooter, "mc-select-footer", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectFooter, "mc-select-footer, [mc-select-footer]", never, {}, {}, never, never, false, never>;
 }
 export declare class McSelectSearch implements AfterContentInit, OnDestroy {
     input: McInput;
@@ -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,12 +106,14 @@ 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;
     customMatcher: McSelectMatcher;
     customTagTemplateRef: TemplateRef<HTMLElement>;
     cleaner: McCleaner;
+    footer: McSelectFooter;
     /** All of the defined select options. */
     options: QueryList<McOption>;
     /** All of the defined groups of options. */
@@ -128,7 +131,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 +180,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 +269,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;
@@ -281,7 +285,7 @@ export declare class McSelect extends McSelectMixinBase implements AfterContentI
     private handleOpenKeydown;
     private initializeSelection;
     /**
-     * Sets the selected option based on a value. If no option can be
+     * Sets the selected option based on a value and updates triggerValue(s). If no option can be
      * found with the designated value, the select trigger is cleared.
      */
     private setSelectionByValue;
@@ -325,6 +329,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", "footer", "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(
@@ -210,6 +210,10 @@ $tokens: meta.module-variables(tokens) !default;
         max-height: calc(
             var(--mc-select-panel-size-max-height, map.get($tokens, select-panel-size-max-height)) - $paddings
         );
+
+        &.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
+            max-width: 100%;
+        }
     }
 }
 

package/tags/tag-list.scss

@@ -11,6 +11,10 @@ $tokens: meta.module-variables(tokens) !default;
     flex-direction: row;
 
     box-sizing: border-box;
+
+    &:focus-visible {
+        outline: none;
+    }
 }
 
 .mc-tag-input {

package/toast/toast-animations.d.ts

@@ -2,3 +2,4 @@ import { AnimationTriggerMetadata } from '@angular/animations';
 export declare const mcToastAnimations: {
     readonly toastState: AnimationTriggerMetadata;
 };
+export declare const toastState: AnimationTriggerMetadata;

package/toast/toast-container.component.d.ts

@@ -1,15 +1,19 @@
-import { ChangeDetectorRef, ComponentRef, EmbeddedViewRef, Injector, TemplateRef, ViewContainerRef, ViewRef } from '@angular/core';
+import { CdkScrollable, ScrollDispatcher } from '@angular/cdk/overlay';
+import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, Injector, NgZone, TemplateRef, ViewContainerRef, ViewRef } from '@angular/core';
+import { McToastService } from './toast.service';
 import { McToastData } from './toast.type';
 import * as i0 from "@angular/core";
-export declare class McToastContainerComponent {
+export declare class McToastContainerComponent extends CdkScrollable {
     private injector;
     private changeDetectorRef;
+    readonly service: McToastService;
     viewContainer: ViewContainerRef;
-    constructor(injector: Injector, changeDetectorRef: ChangeDetectorRef);
+    constructor(injector: Injector, changeDetectorRef: ChangeDetectorRef, service: McToastService, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
     createToast<C>(data: McToastData, componentType: any, onTop: boolean): ComponentRef<C>;
     createTemplate<C>(data: McToastData, template: TemplateRef<any>, onTop: boolean): EmbeddedViewRef<C>;
     remove(viewRef: ViewRef): void;
     getInjector(data: McToastData): Injector;
+    dispatchScrollEvent: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McToastContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McToastContainerComponent, "mc-toast-container", never, {}, {}, never, never, false, never>;
 }

package/toast/toast.component.d.ts

@@ -1,3 +1,4 @@
+import { AnimationEvent } from '@angular/animations';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { ElementRef, OnDestroy } from '@angular/core';
 import { ThemePalette } from '@ptsecurity/mosaic/core';
@@ -28,6 +29,7 @@ export declare class McToastComponent implements OnDestroy {
     ngOnDestroy(): void;
     close(): void;
     isTemplateRef(value: any): boolean;
+    onAnimation($event: AnimationEvent): void;
     private runFocusMonitor;
     private stopFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<McToastComponent, never>;

package/toast/toast.service.d.ts

@@ -1,3 +1,4 @@
+import { AnimationEvent } from '@angular/animations';
 import { Overlay } from '@angular/cdk/overlay';
 import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
@@ -15,6 +16,7 @@ export declare class McToastService<T extends McToastComponent = McToastComponen
     get templates(): EmbeddedViewRef<T>[];
     readonly hovered: BehaviorSubject<boolean>;
     readonly focused: BehaviorSubject<boolean>;
+    readonly animation: BehaviorSubject<AnimationEvent | null>;
     private containerInstance;
     private overlayRef;
     private portal;

package/toggle/_toggle-theme.scss

@@ -60,7 +60,11 @@
             color: map.get($foreground, text-disabled);
 
             & .mc-toggle__overlay {
-                background: mc-color($background, overlay-disabled);
+                background: rgba(255, 255, 255, 0.3);
+            }
+
+            &.mc-active .mc-toggle__circle {
+                background: white;
             }
         }
     }
@@ -71,9 +75,17 @@
 
     .mc-toggle:not(.mc-toggle_small) {
         @include mc-typography-level-to-styles($config, map.get($tokens, toggle-font-default));
+
+        .mc-toggle-bar-outer-container {
+            height: mc-line-height($config, map.get($tokens, toggle-font-default));
+        }
     }
 
     .mc-toggle.mc-toggle_small {
         @include mc-typography-level-to-styles($config, map.get($tokens, toggle-small-font-default));
+
+        .mc-toggle-bar-outer-container {
+            height: mc-line-height($config, map.get($tokens, toggle-small-font-default));
+        }
     }
 }

package/toggle/toggle.scss

@@ -32,14 +32,18 @@ $tokens: meta.module-variables(tokens) !default;
         }
     }
 
-    .mc-toggle-bar-container {
+    .mc-toggle-bar-outer-container {
+        display: flex;
+        align-items: center;
+    }
+
+    .mc-toggle-bar-inner-container {
         position: relative;
     }
 }
 
 .mc-toggle__container {
     display: flex;
-    align-items: center;
     position: relative;
 
     &.left {

package/tooltip/tooltip.component.d.ts

@@ -55,6 +55,9 @@ export declare class McTooltipTrigger extends McPopUpTrigger<McTooltipComponent>
     protected _trigger: string;
     get customClass(): string;
     set customClass(value: string);
+    get context(): any;
+    set context(ctx: any);
+    private _context;
     placementChange: EventEmitter<any>;
     visibleChange: EventEmitter<boolean>;
     private get hasClickInTrigger();
@@ -67,7 +70,7 @@ export declare class McTooltipTrigger extends McPopUpTrigger<McTooltipComponent>
     getOverlayHandleComponentType(): Type<McTooltipComponent>;
     updateClassMap(newPlacement?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTooltipTrigger, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTooltipTrigger, "[mcTooltip]", ["mcTooltip"], { "tooltipVisible": "mcVisible"; "tooltipPlacement": "mcPlacement"; "tooltipPlacementPriority": "mcPlacementPriority"; "content": "mcTooltip"; "disabled": "mcTooltipDisabled"; "enterDelay": "mcEnterDelay"; "leaveDelay": "mcLeaveDelay"; "trigger": "mcTrigger"; "customClass": "mcTooltipClass"; }, { "placementChange": "mcPlacementChange"; "visibleChange": "mcVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTooltipTrigger, "[mcTooltip]", ["mcTooltip"], { "tooltipVisible": "mcVisible"; "tooltipPlacement": "mcPlacement"; "tooltipPlacementPriority": "mcPlacementPriority"; "content": "mcTooltip"; "disabled": "mcTooltipDisabled"; "enterDelay": "mcEnterDelay"; "leaveDelay": "mcLeaveDelay"; "trigger": "mcTrigger"; "customClass": "mcTooltipClass"; "context": "mcTooltipContext"; }, { "placementChange": "mcPlacementChange"; "visibleChange": "mcVisibleChange"; }, never, never, false, never>;
 }
 export declare class McWarningTooltipTrigger extends McTooltipTrigger {
     get content(): string | TemplateRef<any>;

package/tree/control/base-tree-control.d.ts

@@ -7,7 +7,7 @@ export declare abstract class BaseTreeControl<T> implements TreeControl<T> {
     /** A selection model with multi-selection to track expansion status. */
     expansionModel: SelectionModel<T>;
     filterModel: SelectionModel<T>;
-    filterValue: BehaviorSubject<string>;
+    filterValue: BehaviorSubject<string | null>;
     /** Get depth of a given data node, return the level number. This is for flat tree node. */
     getLevel: (dataNode: T) => number;
     /**

package/tree/control/flat-tree-control.d.ts

@@ -1,4 +1,5 @@
 import { BaseTreeControl } from './base-tree-control';
+import { TreeControlFilter } from './flat-tree-control.filters';
 export declare function defaultCompareValues(firstValue: string, secondValue: string): boolean;
 export declare function defaultCompareViewValues(firstViewValue: string, secondViewValue: string): boolean;
 /** Flat tree control. Able to expand/collapse a subtree recursively for flattened tree. */
@@ -16,6 +17,7 @@ export declare class FlatTreeControl<T> extends BaseTreeControl<T> {
     /** isDisabled will be used to determine if the node is disabled. */
     isDisabled: (dataNode: T) => boolean;
     expandedItemsBeforeFiltration: T[];
+    private filters;
     /** Construct with flat tree data node functions getLevel, isExpandable, getValue and getViewValue. */
     constructor(getLevel: (dataNode: T) => number, isExpandable: (dataNode: T) => boolean, 
     /** getValue will be used to determine if the tree contains value or not. Used in method hasValue */
@@ -44,10 +46,10 @@ export declare class FlatTreeControl<T> extends BaseTreeControl<T> {
     expandAll(): void;
     getParents(node: any, result: T[]): T[];
     hasValue(value: string): T | undefined;
-    filterNodes(value: string): void;
+    filterNodes(value?: string | null): void;
+    getFilters(): TreeControlFilter<T>[];
+    setFilters(...filters: TreeControlFilter<T>[]): void;
     private updateFilterValue;
-    private expandDataNode;
     private saveExpansionState;
     private restoreExpansionState;
-    private hasFilteredDescendant;
 }

package/tree/control/flat-tree-control.filters.d.ts

@@ -0,0 +1,26 @@
+import { FlatTreeControl } from './flat-tree-control';
+export interface TreeControlFilter<T> {
+    result: T[];
+    handle(value: string | null, prevFilter?: TreeControlFilter<T> | null): T[];
+}
+export declare class FilterByViewValue<T> implements TreeControlFilter<T> {
+    private control;
+    result: T[];
+    constructor(control: FlatTreeControl<T>);
+    handle(value: string | null): T[];
+}
+export declare class FilterParentsForNodes<T> implements TreeControlFilter<T> {
+    private control;
+    result: T[];
+    constructor(control: FlatTreeControl<T>);
+    handle(_: any, prevFilter: TreeControlFilter<T>): T[];
+}
+export declare class FilterByValues<T> implements TreeControlFilter<T> {
+    private control;
+    result: T[];
+    private values;
+    constructor(control: FlatTreeControl<T>);
+    handle(_: any, prevFilter?: TreeControlFilter<T>): T[];
+    setValues: (values: string[]) => void;
+    getValues(): string[];
+}

package/tree/control/tree-control.d.ts

@@ -11,7 +11,7 @@ export interface TreeControl<T> {
     /** The expansion model */
     expansionModel: SelectionModel<T>;
     filterModel: SelectionModel<T>;
-    filterValue: BehaviorSubject<string>;
+    filterValue: BehaviorSubject<string | null>;
     /** Get depth of a given data node, return the level number. This is for flat tree node. */
     getLevel(dataNode: T): number;
     /**

package/tree/public-api.d.ts

@@ -10,6 +10,7 @@ export * from './tree-option.component';
 export * from './control/base-tree-control';
 export * from './control/tree-control';
 export * from './control/flat-tree-control';
+export * from './control/flat-tree-control.filters';
 export * from './control/nested-tree-control';
 export * from './data-source/flat-data-source';
 export * from './data-source/nested-data-source';

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));
     }
 

package/tree-select/tree-select.component.d.ts

@@ -24,11 +24,15 @@ export declare class McTreeSelectChange {
 }
 export declare class McTreeSelectTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelectTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectTrigger, "mc-tree-select-trigger", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectTrigger, "mc-tree-select-trigger,[mc-tree-select-trigger]", never, {}, {}, never, never, false, never>;
+}
+export declare class McTreeSelectMatcher {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelectMatcher, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectMatcher, "mc-tree-select-matcher,[mc-tree-select-matcher]", never, {}, {}, never, never, false, never>;
 }
 export declare class McTreeSelectFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelectFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectFooter, "mc-tree-select-footer, [mc-tree-select-footer], [mc-tree-selection-footer]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectFooter, "mc-tree-select-footer, [mc-tree-select-footer]", never, {}, {}, never, never, false, never>;
 }
 /** @docs-private */
 declare class McTreeSelectBase {
@@ -91,8 +95,10 @@ export declare class McTreeSelect extends McTreeSelectMixinBase implements After
     cleaner: McCleaner;
     /** User-supplied override of the trigger element. */
     customTrigger: McTreeSelectTrigger;
+    customMatcher: McTreeSelectMatcher;
     tree: McTreeSelection;
     search: McSelectSearch;
+    footer: McTreeSelectFooter;
     hiddenItemsText: string;
     /** Event emitted when the select panel has been toggled. */
     readonly openedChange: EventEmitter<boolean>;
@@ -278,6 +284,6 @@ export declare class McTreeSelect extends McTreeSelectMixinBase implements After
     private _compareWith;
     private subscribeOnSearchChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelect, "mc-tree-select", ["mcTreeSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "autoSelect": "autoSelect"; "compareWith": "compareWith"; "id": "id"; "hasBackdrop": "hasBackdrop"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "tree", "search"], ["mc-tree-select-trigger", "mc-cleaner", "[mcSelectSearch]", "[mc-select-search-empty-result]", "mc-tree-selection", "mc-tree-select-footer,[mc-tree-select-footer],[mc-tree-selection-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelect, "mc-tree-select", ["mcTreeSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "autoSelect": "autoSelect"; "compareWith": "compareWith"; "id": "id"; "hasBackdrop": "hasBackdrop"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "tree", "search", "footer"], ["mc-tree-select-trigger", "mc-cleaner", "mc-tree-select-matcher, [mc-tree-select-matcher]", "[mcSelectSearch]", "[mc-select-search-empty-result]", "mc-tree-selection", "mc-tree-select-footer,[mc-tree-select-footer]"], false, never>;
 }
 export {};

package/tree-select/tree-select.module.d.ts

@@ -9,6 +9,6 @@ import * as i7 from "@ptsecurity/mosaic/core";
 import * as i8 from "@ptsecurity/mosaic/select";
 export declare class McTreeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McTreeSelectModule, [typeof i1.McTreeSelect, typeof i1.McTreeSelectTrigger, typeof i1.McTreeSelectFooter], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.McTreeModule, typeof i5.McIconModule, typeof i6.McTagsModule, typeof i7.McPseudoCheckboxModule, typeof i8.McSelectModule], [typeof i1.McTreeSelect, typeof i1.McTreeSelectTrigger, typeof i1.McTreeSelectFooter, typeof i2.CommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McTreeSelectModule, [typeof i1.McTreeSelect, typeof i1.McTreeSelectTrigger, typeof i1.McTreeSelectMatcher, typeof i1.McTreeSelectFooter], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.McTreeModule, typeof i5.McIconModule, typeof i6.McTagsModule, typeof i7.McPseudoCheckboxModule, typeof i8.McSelectModule], [typeof i1.McTreeSelect, typeof i1.McTreeSelectTrigger, typeof i1.McTreeSelectMatcher, typeof i1.McTreeSelectFooter, typeof i2.CommonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McTreeSelectModule>;
 }

package/core/forms/_forms.scss

@@ -1,109 +0,0 @@
-@use 'sass:meta';
-@use 'sass:map';
-
-@use '../styles/common/vendor-prefixes';
-@use '../styles/typography/typography' as *;
-@use '../styles/typography/typography-utils' as *;
-@use '../styles/tokens';
-
-$tokens: meta.module-variables(tokens) !default;
-
-.mc-form {
-    display: flex;
-    flex-direction: column;
-}
-
-.mc-form__row {
-    display: flex;
-    flex-direction: row;
-}
-
-.mc-form-horizontal {
-    $config: mc-typography-config($tokens);
-
-    $line-height: mc-line-height($config, body);
-
-    $form-field-size-height: map.get($tokens, form-field-size-height);
-
-    $label-padding-top: calc(($form-field-size-height - $line-height) / 2);
-
-    & .mc-form-row_margin {
-        margin-bottom: var(
-            --mc-forms-size-horizontal-row-margin-bottom, #{map.get($tokens, forms-size-horizontal-row-margin-bottom)}
-        );
-    }
-
-    & .mc-form__label {
-        padding-top: var(--mc-forms-size-horizontal-label-padding-top, #{$label-padding-top});
-
-        text-align: start;
-    }
-
-    & .mc-form__control {
-        padding-left: var(
-            --mc-forms-size-horizontal-control-padding-left,
-            #{map.get($tokens, forms-size-horizontal-control-padding-left)}
-        );
-    }
-
-    & .mc-form__legend {
-        margin-top: var(
-            --mc-forms-size-horizontal-legend-margin-top, #{map.get($tokens, forms-size-horizontal-legend-margin-top)}
-        );
-        margin-bottom: var(
-            --mc-forms-size-horizontal-legend-margin-bottom,
-            #{map.get($tokens, forms-size-horizontal-legend-margin-bottom)}
-        );
-    }
-}
-
-.mc-form-vertical {
-    & .mc-form__row {
-        flex-direction: column;
-    }
-
-    & .mc-form-row_margin {
-        margin-bottom: var(
-            --mc-forms-size-vertical-row-margin-bottom, #{map.get($tokens, forms-size-vertical-row-margin-bottom)}
-        );
-    }
-
-    & .mc-form__label {
-        padding-top: var(
-            --mc-forms-size-vertical-label-padding-top, #{map.get($tokens, forms-size-vertical-label-padding-top)}
-        );
-        padding-bottom: var(
-            --mc-forms-size-vertical-label-padding-bottom, #{map.get($tokens, forms-size-vertical-label-padding-bottom)}
-        );
-
-        text-align: start;
-    }
-
-    & .mc-form__control {
-        padding-left: 0;
-    }
-
-    & .mc-form__legend {
-        margin-top: var(
-            --mc-forms-size-vertical-legend-margin-top, #{map.get($tokens, forms-size-vertical-legend-margin-top)}
-        );
-        margin-bottom: var(
-            --mc-forms-size-vertical-legend-margin-bottom, #{map.get($tokens, forms-size-vertical-legend-margin-bottom)}
-        );
-    }
-}
-
-.mc-form__fieldset {
-    display: flex;
-    flex-direction: column;
-}
-
-.mc-form__fieldset.mc-horizontal {
-    flex-direction: row;
-
-    & .mc-form__row:not(:first-child) {
-        padding-left: var(
-            --mc-forms-size-vertical-control-padding-left, #{map.get($tokens, forms-size-vertical-control-padding-left)}
-        );
-    }
-}