@ptsecurity/mosaic 17.3.0 → 17.4.0

package/progress-spinner/progress-spinner.scss

@@ -60,6 +60,7 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 .mc-progress-spinner__svg {
+    display: block;
     width: 100%;
     height: 100%;
 }

package/select/select-option.directive.d.ts

@@ -1,7 +1,4 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import { McOption } from '@ptsecurity/mosaic/core';
 import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
 import * as i0 from "@angular/core";
@@ -11,13 +8,13 @@ export declare class McOptionTooltip extends McTooltipTrigger implements AfterVi
     private mutationObserver;
     get textElement(): HTMLElement;
     get isOverflown(): boolean;
-    constructor(option: McOption, overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor);
+    constructor(option: McOption);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
     onFocus(): void;
     onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McOptionTooltip, [null, null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McOptionTooltip, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McOptionTooltip, "mc-option", never, {}, {}, never, never, false, never>;
 }

package/sidebar/sidebar.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { McSidebarAnimationState } from './sidebar-animations';
 import * as i0 from "@angular/core";
 export declare enum SidebarPositions {
@@ -26,6 +26,7 @@ export declare class McSidebarClosed {
 export declare class McSidebar implements OnDestroy, OnInit, AfterContentInit {
     private ngZone;
     private elementRef;
+    private cdr;
     get opened(): boolean;
     set opened(value: boolean);
     private _opened;
@@ -37,7 +38,7 @@ export declare class McSidebar implements OnDestroy, OnInit, AfterContentInit {
     get animationState(): McSidebarAnimationState;
     internalState: boolean;
     private documentKeydownListener;
-    constructor(ngZone: NgZone, elementRef: ElementRef);
+    constructor(ngZone: NgZone, elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggle(): void;

package/tabs/tab-header.scss

@@ -33,8 +33,8 @@ $tokens: meta.module-variables(tokens) !default;
     flex-direction: column;
 }
 
-.mc-tab-header .mc-tab-list__content {
-    .mc-tab-group:not(.mc-tab-group_stretch-labels) & {
+.mc-tab-group:not(.mc-tab-group_stretch-labels) {
+    .mc-tab-header:not(.mc-tab-header_vertical) .mc-tab-list__content {
         &:after {
             display: flex;
             content: "";

package/timezone/timezone-option.directive.d.ts

@@ -1,7 +1,4 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, NgZone, OnDestroy, ViewContainerRef, ChangeDetectorRef } from '@angular/core';
+import { AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
 import { McTimezoneOption } from './timezone-option.component';
 import * as i0 from "@angular/core";
@@ -10,12 +7,12 @@ export declare class McTimezoneOptionTooltip extends McTooltipTrigger implements
     private changeDetectorRef;
     private option;
     private resizeObserver;
-    constructor(changeDetectorRef: ChangeDetectorRef, option: McTimezoneOption, overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor);
+    constructor(changeDetectorRef: ChangeDetectorRef, option: McTimezoneOption);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
     private checkTooltipDisabled;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McTimezoneOptionTooltip, [null, null, null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTimezoneOptionTooltip, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McTimezoneOptionTooltip, "mc-timezone-option", never, {}, {}, never, never, false, never>;
 }

package/title/title.directive.d.ts

@@ -1,7 +1,4 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, NgZone, ViewContainerRef } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import { McTitleTextRef } from '@ptsecurity/mosaic/core';
 import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
 import { Subject } from 'rxjs';
@@ -19,12 +16,12 @@ export declare class McTitleDirective extends McTooltipTrigger implements AfterV
     private focusMonitorSubscription;
     private childContainer;
     private parentContainer;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, focusMonitor: FocusMonitor, scrollStrategy: any, direction: Directionality, componentInstance?: McTitleTextRef | undefined);
+    constructor(componentInstance?: McTitleTextRef | undefined);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     handleElementEnter(): void;
     hideTooltip(): void;
     private createMutationObserver;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McTitleDirective, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; host: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTitleDirective, [{ optional: true; host: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McTitleDirective, "[mc-title]", ["mcTitle"], {}, {}, ["childContainer", "parentContainer"], never, false, never>;
 }

package/toggle/_toggle-theme.scss

@@ -9,6 +9,7 @@
 @mixin mc-toggle-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
+    $secondary: map.get($theme, secondary);
 
     $toggle: map.get($theme, components, toggle);
 
@@ -19,6 +20,10 @@
             border-color: mc-css-variable(toggle-border, map-get($toggle, border));
 
             background: mc-css-variable(toggle-background, map-get($toggle, background));
+
+            .mc-toggle__thumb::after {
+                background: map.get($secondary, 60);
+            }
         }
 
         .mc-toggle__circle {
@@ -39,7 +44,8 @@
             }
         }
 
-        &.mc-active {
+        &.mc-active,
+        &.mc-indeterminate {
             &.mc-primary {
                 .mc-toggle-bar {
                     border-color: mc-css-variable(

package/toggle/toggle.component.d.ts

@@ -1,7 +1,8 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor } from '@ptsecurity/mosaic/core';
+import { McCheckboxClickAction, TransitionCheckState } from '@ptsecurity/mosaic/checkbox';
+import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor, checkedState } from '@ptsecurity/mosaic/core';
 import * as i0 from "@angular/core";
 type ToggleLabelPositionType = 'left' | 'right';
 /** @docs-private */
@@ -19,7 +20,8 @@ export declare class McToggleComponent extends McToggleMixinBase implements Cont
     elementRef: ElementRef;
     private _focusMonitor;
     private _changeDetectorRef;
-    inputElement: ElementRef;
+    private clickAction;
+    inputElement: ElementRef<HTMLInputElement>;
     labelPosition: ToggleLabelPositionType;
     ariaLabel: string;
     ariaLabelledby: string | null;
@@ -27,18 +29,30 @@ export declare class McToggleComponent extends McToggleMixinBase implements Cont
     get inputId(): string;
     name: string | null;
     value: string;
+    currentCheckState: TransitionCheckState;
     get disabled(): any;
     set disabled(value: any);
     private _disabled;
     get checked(): boolean;
     set checked(value: boolean);
     private _checked;
+    /**
+     * Whether the toggle is indeterminate. This is also known as "mixed" mode and can be used to
+     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
+     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
+     * set to false.
+     */
+    get indeterminate(): boolean;
+    set indeterminate(value: boolean);
+    private _indeterminate;
     readonly change: EventEmitter<McToggleChange>;
+    /** Event emitted when the toggle's `indeterminate` value changes. */
+    readonly indeterminateChange: EventEmitter<boolean>;
     private uniqueId;
-    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor, _changeDetectorRef: ChangeDetectorRef, clickAction: McCheckboxClickAction);
     ngOnDestroy(): void;
     focus(): void;
-    getAriaChecked(): boolean;
+    getAriaChecked(): checkedState;
     onChangeEvent(event: Event): void;
     onLabelTextChange(): void;
     onInputClick(event: MouseEvent): void;
@@ -46,11 +60,14 @@ export declare class McToggleComponent extends McToggleMixinBase implements Cont
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
+    private setTransitionCheckState;
     private onTouchedCallback;
     private onChangeCallback;
     private updateModelValue;
+    private transitionCheckState;
     private emitChangeEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McToggleComponent, "mc-toggle", ["mcToggle"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "change": "change"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McToggleComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McToggleComponent, "mc-toggle", ["mcToggle"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*"], false, never>;
+    static ngAcceptInputType_indeterminate: unknown;
 }
 export {};

package/toggle/toggle.scss

@@ -28,6 +28,29 @@
         &.mc-toggle-label-position-left {
             order: 1;
         }
+
+        .mc-toggle__thumb {
+            display: none;
+            justify-content: center;
+            align-items: center;
+            height: 100%;
+
+            &::after {
+                content: '';
+                display: block;
+                height: 2px;
+                width: 10px;
+            }
+        }
+    }
+
+
+    &.mc-indeterminate {
+        .mc-toggle-bar {
+            .mc-toggle__thumb {
+                display: flex;
+            }
+        }
     }
 
     .mc-toggle-bar-outer-container {

package/tooltip/tooltip.component.d.ts

@@ -1,8 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { Directionality } from '@angular/cdk/bidi';
-import { Overlay, ScrollDispatcher, ScrollStrategy, OverlayConfig } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, TemplateRef, Type, ViewContainerRef } from '@angular/core';
-import { McPopUp, McPopUpTrigger, PopUpPlacements } from '@ptsecurity/mosaic/core';
+import { Overlay, ScrollStrategy, OverlayConfig } from '@angular/cdk/overlay';
+import { EventEmitter, InjectionToken, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { McParentPopup, McPopUp, McPopUpTrigger, PopUpPlacements } from '@ptsecurity/mosaic/core';
 import * as i0 from "@angular/core";
 export declare enum TooltipModifier {
     Default = "default",
@@ -21,7 +20,7 @@ export declare const MIN_TIME_FOR_DELAY = 2000;
 export declare class McTooltipComponent extends McPopUp {
     private openTime;
     prefix: string;
-    constructor(changeDetectorRef: ChangeDetectorRef, openTime: any);
+    constructor(openTime: any);
     show(delay: number): void;
     updateClassMap(placement: string, customClass: string, { modifier }: {
         modifier: any;
@@ -39,11 +38,21 @@ export declare const MC_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER: {
     useFactory: typeof mcTooltipScrollStrategyFactory;
 };
 export declare class McTooltipTrigger extends McPopUpTrigger<McTooltipComponent> implements OnDestroy {
-    protected focusMonitor: FocusMonitor;
+    parentPopup: McParentPopup | null;
+    /**
+     * default offset + arrow position shift
+     * @docs-private
+     */
+    arrowOffset: number;
     get tooltipVisible(): boolean;
     set tooltipVisible(value: boolean);
     get tooltipPlacement(): PopUpPlacements;
     set tooltipPlacement(value: PopUpPlacements);
+    /**
+     * Positions the tooltip relative to the mouse cursor. Only available for top and bottom mcPlacement.
+     * Does not work with mcPlacementPriority.
+     */
+    relativeToPointer: boolean;
     get tooltipPlacementPriority(): string | string[] | null;
     set tooltipPlacementPriority(value: string | string[] | null);
     get content(): string | TemplateRef<any>;
@@ -63,25 +72,29 @@ export declare class McTooltipTrigger extends McPopUpTrigger<McTooltipComponent>
     placementChange: EventEmitter<any>;
     visibleChange: EventEmitter<boolean>;
     private get hasClickInTrigger();
+    protected scrollStrategy: () => ScrollStrategy;
+    protected focusMonitor: FocusMonitor;
     protected originSelector: string;
     protected overlayConfig: OverlayConfig;
     protected modifier: TooltipModifier;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor);
+    constructor();
     ngOnDestroy(): void;
     show(delay?: number): void;
+    showForElement(element: HTMLElement): void;
     updateData(): void;
     closingActions(): import("rxjs").Observable<void | MouseEvent>;
     getOverlayHandleComponentType(): Type<McTooltipComponent>;
     updateClassMap(newPlacement?: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McTooltipTrigger, [null, null, null, null, null, null, { optional: true; }, null]>;
-    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>;
+    protected applyRelativeToPointer(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTooltipTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTooltipTrigger, "[mcTooltip]", ["mcTooltip"], { "tooltipVisible": { "alias": "mcVisible"; "required": false; }; "tooltipPlacement": { "alias": "mcPlacement"; "required": false; }; "relativeToPointer": { "alias": "mcRelativeToPointer"; "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>;
+    static ngAcceptInputType_relativeToPointer: unknown;
 }
 export declare class McWarningTooltipTrigger extends McTooltipTrigger {
     get content(): string | TemplateRef<any>;
     set content(content: string | TemplateRef<any>);
     protected modifier: TooltipModifier;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor);
-    static ɵfac: i0.ɵɵFactoryDeclaration<McWarningTooltipTrigger, [null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McWarningTooltipTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McWarningTooltipTrigger, "[mcWarningTooltip]", ["mcWarningTooltip"], { "content": { "alias": "mcWarningTooltip"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McExtendedTooltipTrigger extends McTooltipTrigger {
@@ -91,8 +104,7 @@ export declare class McExtendedTooltipTrigger extends McTooltipTrigger {
     set header(header: string | TemplateRef<any>);
     private _header;
     protected modifier: TooltipModifier;
-    constructor(overlay: Overlay, elementRef: ElementRef, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor);
     updateData(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McExtendedTooltipTrigger, [null, null, null, null, null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McExtendedTooltipTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McExtendedTooltipTrigger, "[mcExtendedTooltip]", ["mcExtendedTooltip"], { "content": { "alias": "mcExtendedTooltip"; "required": false; }; "header": { "alias": "mcTooltipHeader"; "required": false; }; }, {}, never, never, false, never>;
 }