@ptsecurity/mosaic 17.2.1 → 17.3.0

package/radio/_radio-theme.scss

@@ -102,6 +102,6 @@
 
 @mixin mc-radio-typography($config) {
     .mc-radio-group {
-        @include mc-typography-css-variables(radio, default);
+        @include mc-typography-css-variables($config, radio, default);
     }
 }

package/select/_select-theme.scss

@@ -51,10 +51,10 @@
 
 @mixin mc-select-typography($config) {
     .mc-select {
-        @include mc-typography-css-variables(select, default);
+        @include mc-typography-css-variables($config, select, default);
     }
 
     .mc-select__panel {
-        @include mc-typography-css-variables(select-panel, default);
+        @include mc-typography-css-variables($config, select-panel, default);
     }
 }

package/select/select.component.d.ts

@@ -5,11 +5,10 @@ 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, McOptionBase } from '@ptsecurity/mosaic/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService, McOptionBase, McSelectTrigger, McSelectMatcher, McSelectFooter, McSelectSearch } 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';
-import { Observable, Subject, Subscription } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /** Change event object that is emitted when the select value has changed. */
 export declare class McSelectChange {
@@ -17,35 +16,6 @@ export declare class McSelectChange {
     value: any;
     constructor(source: McSelect, value: any);
 }
-export declare class McSelectFooter {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectFooter, 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;
-    searchChangesSubscription: Subscription;
-    isSearchChanged: boolean;
-    constructor(formField: McFormField);
-    focus(): void;
-    reset(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    handleKeydown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectSearch, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectSearch, "[mcSelectSearch]", ["mcSelectSearch"], {}, {}, ["input"], never, false, never>;
-}
-export declare class McSelectSearchEmptyResult {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectSearchEmptyResult, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectSearchEmptyResult, "[mc-select-search-empty-result]", ["mcSelectSearchEmptyResult"], {}, {}, never, never, false, never>;
-}
-export declare class McSelectTrigger {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectTrigger, "mc-select-trigger, [mc-select-trigger]", never, {}, {}, never, never, false, never>;
-}
-export declare class McSelectMatcher {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectMatcher, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectMatcher, "mc-select-matcher, [mc-select-matcher]", never, {}, {}, never, never, false, never>;
-}
 /** @docs-private */
 export declare class McSelectBase {
     elementRef: ElementRef;

package/select/select.module.d.ts

@@ -10,6 +10,6 @@ import * as i8 from "@ptsecurity/mosaic/tooltip";
 import * as i9 from "@ptsecurity/mosaic/form-field";
 export declare class McSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McSelectModule, [typeof i1.McSelect, typeof i1.McSelectSearch, typeof i1.McSelectSearchEmptyResult, typeof i1.McSelectTrigger, typeof i1.McSelectMatcher, typeof i2.McOptionTooltip, typeof i1.McSelectFooter], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.McOptionModule, typeof i6.McIconModule, typeof i7.McTagsModule, typeof i8.McToolTipModule], [typeof i9.McFormFieldModule, typeof i1.McSelect, typeof i1.McSelectSearch, typeof i1.McSelectSearchEmptyResult, typeof i1.McSelectTrigger, typeof i1.McSelectMatcher, typeof i1.McSelectFooter, typeof i2.McOptionTooltip, typeof i5.McOptionModule, typeof i3.CommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McSelectModule, [typeof i1.McSelect, typeof i2.McOptionTooltip], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.McOptionModule, typeof i6.McIconModule, typeof i7.McTagsModule, typeof i8.McToolTipModule, typeof i5.McSelectSearch, typeof i5.McSelectSearchEmptyResult, typeof i5.McSelectTrigger, typeof i5.McSelectMatcher, typeof i5.McSelectFooter], [typeof i9.McFormFieldModule, typeof i1.McSelect, typeof i5.McSelectSearch, typeof i5.McSelectSearchEmptyResult, typeof i5.McSelectTrigger, typeof i5.McSelectMatcher, typeof i5.McSelectFooter, typeof i2.McOptionTooltip, typeof i5.McOptionModule, typeof i3.CommonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McSelectModule>;
 }

package/sidepanel/_sidepanel-theme.scss

@@ -53,14 +53,14 @@
 
 @mixin mc-sidepanel-typography($config) {
     .mc-sidepanel-title {
-        @include mc-typography-css-variables(sidepanel-header, default);
+        @include mc-typography-css-variables($config, sidepanel-header, default);
     }
 
     .mc-sidepanel-container {
-        @include mc-typography-css-variables(sidepanel, default);
+        @include mc-typography-css-variables($config, sidepanel, default);
     }
 
     .mc-sidepanel-footer {
-        @include mc-typography-css-variables(sidepanel-footer, default);
+        @include mc-typography-css-variables($config, sidepanel-footer, default);
     }
 }

package/table/_table-theme.scss

@@ -49,7 +49,7 @@
                 font-weight: normal;
             }
 
-            @include mc-typography-css-variables(table, header);
+            @include mc-typography-css-variables($config, table, header);
         }
 
         & > tbody {
@@ -57,7 +57,7 @@
                 font-weight: normal;
             }
 
-            @include mc-typography-css-variables(table, body);
+            @include mc-typography-css-variables($config, table, body);
         }
     }
 }

package/tabs/_tabs-theme.scss

@@ -245,6 +245,6 @@
     .mc-tab-label,
     .mc-tab-label_old,
     .mc-tab-link {
-        @include mc-typography-css-variables(tabs, default);
+        @include mc-typography-css-variables($config, tabs, default);
     }
 }

package/tags/_tag-theme.scss

@@ -19,7 +19,7 @@
     &.mc-active,
     &.mc-focused {
         border-color: mc-css-variable(tags-#{$style-name}-focused, map-get($style, focused));
-        box-shadow: 0 0 0 1px mc-css-variable(tags-#{$style-name}-focused, map-get($style, focused));
+        box-shadow: 0 0 0.1px 1px mc-css-variable(tags-#{$style-name}-focused, map-get($style, focused));
     }
 
     &:not(.mc-disabled) .mc-icon {
@@ -104,19 +104,19 @@
 
 @mixin mc-tag-typography($config) {
     .mc-tag:not(.mc-tag_mono):not(.mc-tag_caps) {
-        @include mc-typography-css-variables(tags, default);
+        @include mc-typography-css-variables($config, tags, default);
     }
 
     .mc-tag_mono {
-        @include mc-typography-css-variables(tags, mono);
+        @include mc-typography-css-variables($config, tags, mono);
     }
 
     .mc-tag_caps {
-        @include mc-typography-css-variables(tags, caps);
+        @include mc-typography-css-variables($config, tags, caps);
     }
 
     .mc-tag-input {
-        @include mc-typography-css-variables(tag-input, default);
+        @include mc-typography-css-variables($config, tag-input, default);
     }
 }
 

package/tags/tag-default-options.d.ts

@@ -7,6 +7,7 @@ export interface McTagsDefaultOptions {
     separators?: {
         [key: number]: McTagSeparator;
     };
+    addOnPaste?: boolean;
 }
 /** Injection token to be used to override the default options for the chips module. */
 export declare const MC_TAGS_DEFAULT_OPTIONS: InjectionToken<McTagsDefaultOptions>;

package/tags/tag-input.d.ts

@@ -56,6 +56,12 @@ export declare class McTagInput implements McTagTextControl, OnChanges {
     get addOnBlur(): boolean;
     set addOnBlur(value: boolean);
     private _addOnBlur;
+    /**
+     * Whether the tagEnd event will be emitted when the text pasted.
+     */
+    get addOnPaste(): boolean;
+    set addOnPaste(value: boolean);
+    private _addOnPaste;
     /** Whether the input is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -88,5 +94,5 @@ export declare class McTagInput implements McTagTextControl, OnChanges {
     /** Checks whether a keycode is one of the configured separators. */
     private isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTagInput, [null, null, null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTagInput, "input[mcTagInputFor]", ["mcTagInput", "mcTagInputFor"], { "separatorKeyCodes": { "alias": "mcTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "mcTagInputFor"; "required": false; }; "addOnBlur": { "alias": "mcTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "mcTagInputTokenEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTagInput, "input[mcTagInputFor]", ["mcTagInput", "mcTagInputFor"], { "separatorKeyCodes": { "alias": "mcTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "mcTagInputFor"; "required": false; }; "addOnBlur": { "alias": "mcTagInputAddOnBlur"; "required": false; }; "addOnPaste": { "alias": "mcTagInputAddOnPaste"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "mcTagInputTokenEnd"; }, never, never, false, never>;
 }

package/textarea/_textarea-theme.scss

@@ -28,10 +28,10 @@
 
 @mixin mc-textarea-typography($config) {
     textarea.mc-textarea {
-        @include mc-typography-css-variables(textarea, default);
+        @include mc-typography-css-variables($config, textarea, default);
     }
 
     .mc-textarea.mc-textarea_monospace {
-        @include mc-typography-css-variables(textarea, mono);
+        @include mc-typography-css-variables($config, textarea, mono);
     }
 }

package/timezone/_timezone-option-theme.scss

@@ -20,14 +20,14 @@
 
 @mixin mc-timezone-option-typography($config) {
     .mc-timezone-option__offset {
-        @include mc-typography-css-variables(timezone-option, offset-text);
+        @include mc-typography-css-variables($config, timezone-option, offset-text);
     }
 
     .mc-timezone-option__city {
-        @include mc-typography-css-variables(timezone-option, text);
+        @include mc-typography-css-variables($config, timezone-option, text);
     }
 
     .mc-timezone-option__cities {
-        @include mc-typography-css-variables(timezone-option, caption);
+        @include mc-typography-css-variables($config, timezone-option, caption);
     }
 }

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

@@ -1,5 +1,6 @@
+import { McSelectSearch } from '@ptsecurity/mosaic/core';
 import { McCleaner } from '@ptsecurity/mosaic/form-field';
-import { McSelect, McSelectSearch } from '@ptsecurity/mosaic/select';
+import { McSelect } from '@ptsecurity/mosaic/select';
 import * as i0 from "@angular/core";
 export declare class McTimezoneSelectTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTimezoneSelectTrigger, never>;

package/toast/_toast-theme.scss

@@ -45,14 +45,14 @@
 
 @mixin mc-toast-typography($config) {
     .mc-toast {
-        @include mc-typography-level-to-styles_css-variables(typography, body);
+        @include mc-typography-level-to-styles_css-variables($config, typography, body);
     }
 
     .mc-toast__title {
-        @include mc-typography-css-variables(toast, title);
+        @include mc-typography-css-variables($config, toast, title);
     }
 
     .mc-toast__caption {
-        @include mc-typography-css-variables(toast, caption);
+        @include mc-typography-css-variables($config, toast, caption);
     }
 }

package/toast/toast.service.d.ts

@@ -1,15 +1,16 @@
 import { AnimationEvent } from '@angular/animations';
 import { Overlay } from '@angular/cdk/overlay';
-import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken } from '@angular/core';
+import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken, NgZone, OnDestroy } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { McToastComponent } from './toast.component';
 import { McToastData, McToastConfig } from './toast.type';
 import * as i0 from "@angular/core";
 export declare const MC_TOAST_FACTORY: InjectionToken<unknown>;
 export declare const defaultToastConfig: McToastConfig;
-export declare class McToastService<T extends McToastComponent = McToastComponent> {
+export declare class McToastService<T extends McToastComponent = McToastComponent> implements OnDestroy {
     private overlay;
     private injector;
+    private ngZone;
     private toastFactory;
     private toastConfig;
     get toasts(): ComponentRef<T>[];
@@ -17,12 +18,15 @@ export declare class McToastService<T extends McToastComponent = McToastComponen
     readonly hovered: BehaviorSubject<boolean>;
     readonly focused: BehaviorSubject<boolean>;
     readonly animation: BehaviorSubject<AnimationEvent | null>;
+    timer: import("rxjs").Observable<number>;
     private containerInstance;
     private overlayRef;
     private portal;
+    private timerSubscription;
     private toastsDict;
     private templatesDict;
-    constructor(overlay: Overlay, injector: Injector, toastFactory: any, toastConfig: McToastConfig);
+    constructor(overlay: Overlay, injector: Injector, ngZone: NgZone, toastFactory: any, toastConfig: McToastConfig);
+    ngOnDestroy(): void;
     show(data: McToastData, duration?: number, onTop?: boolean): {
         ref: ComponentRef<T>;
         id: number;
@@ -48,6 +52,6 @@ export declare class McToastService<T extends McToastComponent = McToastComponen
     private getBottomRight;
     private getCenter;
     private getGlobalOverlayPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McToastService<any>, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McToastService<any>, [null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<McToastService<any>>;
 }

package/toggle/_toggle-theme.scss

@@ -75,7 +75,7 @@
 
 @mixin mc-toggle-typography($config) {
     .mc-toggle:not(.mc-toggle_small) {
-        @include mc-typography-css-variables(toggle, default);
+        @include mc-typography-css-variables($config, toggle, default);
 
         .mc-toggle-bar-outer-container {
             height: mc-css-variable(toggle-font-default-line-height);
@@ -83,7 +83,7 @@
     }
 
     .mc-toggle.mc-toggle_small {
-        @include mc-typography-css-variables(toggle-small, default);
+        @include mc-typography-css-variables($config, toggle-small, default);
 
         .mc-toggle-bar-outer-container {
             height: mc-css-variable(toggle-small-font-default-line-height);

package/tooltip/_tooltip-theme.scss

@@ -81,16 +81,16 @@
 
 @mixin mc-tooltip-typography($config) {
     .mc-tooltip {
-        @include mc-typography-css-variables(tooltip, default);
+        @include mc-typography-css-variables($config, tooltip, default);
     }
 
     .mc-tooltip_extended {
         & .mc-tooltip__content {
-            @include mc-typography-css-variables(extended-tooltip, default);
+            @include mc-typography-css-variables($config, extended-tooltip, default);
         }
 
         & .mc-tooltip__header {
-            @include mc-typography-css-variables(extended-tooltip-header, default);
+            @include mc-typography-css-variables($config, extended-tooltip-header, default);
         }
     }
 }

package/tree/_tree-theme.scss

@@ -63,6 +63,6 @@
 
 @mixin mc-tree-typography($config) {
     .mc-tree-option {
-        @include mc-typography-css-variables(tree, node);
+        @include mc-typography-css-variables($config, tree, node);
     }
 }

package/tree-select/_tree-select-theme.scss

@@ -42,6 +42,6 @@
 @mixin mc-tree-select-typography($config) {
     .mc-tree-select,
     .mc-tree-select__panel {
-        @include mc-typography-css-variables(select-panel, default);
+        @include mc-typography-css-variables($config, select-panel, default);
     }
 }

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

@@ -3,9 +3,8 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectedPosition, ViewportRuler } from '@angular/cdk/overlay';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { CanDisable, CanUpdateErrorState, ErrorStateMatcher, HasTabIndex, CanDisableCtor, HasTabIndexCtor, CanUpdateErrorStateCtor } from '@ptsecurity/mosaic/core';
+import { CanDisable, CanUpdateErrorState, ErrorStateMatcher, HasTabIndex, CanDisableCtor, HasTabIndexCtor, CanUpdateErrorStateCtor, McSelectSearch } from '@ptsecurity/mosaic/core';
 import { McCleaner, McFormField, McFormFieldControl } from '@ptsecurity/mosaic/form-field';
-import { McSelectSearch } from '@ptsecurity/mosaic/select';
 import { McTag } from '@ptsecurity/mosaic/tags';
 import { McTreeSelection, McTreeOption } from '@ptsecurity/mosaic/tree';
 import { Observable, Subject } from 'rxjs';