@ptsecurity/mosaic 16.1.2 → 16.3.0

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": { "alias": "mcVisible"; "required": false; }; "tooltipPlacement": { "alias": "mcPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "mcPlacementPriority"; "required": false; }; "content": { "alias": "mcTooltip"; "required": false; }; "disabled": { "alias": "mcTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "mcEnterDelay"; "required": false; }; "leaveDelay": { "alias": "mcLeaveDelay"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "customClass": { "alias": "mcTooltipClass"; "required": false; }; }, { "placementChange": "mcPlacementChange"; "visibleChange": "mcVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTooltipTrigger, "[mcTooltip]", ["mcTooltip"], { "tooltipVisible": { "alias": "mcVisible"; "required": false; }; "tooltipPlacement": { "alias": "mcPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "mcPlacementPriority"; "required": false; }; "content": { "alias": "mcTooltip"; "required": false; }; "disabled": { "alias": "mcTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "mcEnterDelay"; "required": false; }; "leaveDelay": { "alias": "mcLeaveDelay"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "customClass": { "alias": "mcTooltipClass"; "required": false; }; "context": { "alias": "mcTooltipContext"; "required": false; }; }, { "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-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": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "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": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "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)}
-        );
-    }
-}