@ptsecurity/mosaic 11.6.0 → 12.2.1

package/_visual.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 21 Oct 2021 09:01:01 GMT
+// Generated on Thu, 28 Oct 2021 12:33:10 GMT
 
 $light-color-scheme-primary-default: #338FCC;
 $light-color-scheme-second-default: #B3B3B3;
@@ -522,10 +522,7 @@ $link-animation-state-hover-transition: color 0ms;
 $link-font-default: body;
 $list-size-horizontal-padding: 16px;
 $list-size-icon-padding: 4px;
-$list-size-item-height: 28px;
-$list-size-two-line-height: 72px;
-$list-size-three-line-height: 88px;
-$list-size-multi-line-padding: 16px;
+$list-size-item-height: 32px;
 $list-size-icon-width: 24px;
 $list-font-item: body;
 $modal-light-color-scheme-shadow: (0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5));
@@ -582,20 +579,39 @@ $option-size-horizontal-padding: 16px;
 $option-size-height: 32px;
 $option-size-border-width: 2px;
 $option-font-default: body;
+$popover-light-color-scheme-background: white;
+$popover-light-color-scheme-text: #4D4D4D;
+$popover-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
 $popover-light-color-scheme-border: #B3B3B3;
+$popover-dark-color-scheme-background: #4D4D4D;
+$popover-dark-color-scheme-text: #F0F0F0;
+$popover-dark-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
 $popover-dark-color-scheme-border: #4D4D4D;
+$popover-size-max-height: 480px;
 $popover-size-padding: 16px;
-$popover-size-border-width: 1px;
-$popover-size-border-radius: 4px;
-$popover-size-arrow-width: 4px;
+$popover-size-border-radius: 3px;
+$popover-size-arrow-size: 12px;
+$popover-size-trigger-margin: 9px;
 $popover-size-small-width: 200px;
 $popover-size-normal-width: 400px;
 $popover-size-large-width: 640px;
 $popover-font-default: body;
+$popover-header-light-color-scheme-border: #E6E6E6;
+$popover-header-light-color-scheme-text: #4D4D4D;
+$popover-header-light-color-scheme-background: white;
+$popover-header-dark-color-scheme-border: transparent;
+$popover-header-dark-color-scheme-text: #F0F0F0;
+$popover-header-dark-color-scheme-background: #4D4D4D;
+$popover-header-size-height: 10px 16px;
 $popover-header-size-padding: 10px 16px;
 $popover-header-font-default: subheading;
-$popover-footer-size-padding: 12px 16px;
+$popover-footer-light-color-scheme-border: #F0F0F0;
+$popover-footer-light-color-scheme-background: #F0F0F0;
+$popover-footer-dark-color-scheme-border: transparent;
+$popover-footer-dark-color-scheme-background: transparent;
 $popover-footer-size-margin-top: 8px;
+$popover-footer-size-padding: 12px 16px;
+$popover-footer-size-height: 56px;
 $popover-footer-font-default: body;
 $popup-light-color-scheme-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
 $popup-light-color-scheme-border: #B3B3B3;
@@ -747,26 +763,51 @@ $toggle-small-size-border-radius: 8px;
 $toggle-small-font-default: caption;
 $tooltip-light-color-scheme-background: #4D4D4D;
 $tooltip-light-color-scheme-text: white;
+$tooltip-light-color-scheme-border: transparent;
 $tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
 $tooltip-light-color-scheme-warning-background: #FCF5E8;
 $tooltip-light-color-scheme-warning-text: #4D4D4D;
 $tooltip-light-color-scheme-warning-border: #F0D49B;
 $tooltip-dark-color-scheme-background: #F5F5F5;
 $tooltip-dark-color-scheme-text: #4D4D4D;
+$tooltip-dark-color-scheme-border: transparent;
 $tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
 $tooltip-dark-color-scheme-warning-background: #FCF5E8;
 $tooltip-dark-color-scheme-warning-text: #4D4D4D;
 $tooltip-dark-color-scheme-warning-border: #F0D49B;
-$tooltip-size-max-width: 240px;
+$tooltip-size-max-width: 300px;
+$tooltip-size-border-width: 1px;
 $tooltip-size-border-radius: 3px;
-$tooltip-size-arrow-size: 12px;
-$tooltip-size-arrow-width: 5px;
 $tooltip-size-padding: 8px 16px;
-$tooltip-size-distance: 9px;
+$tooltip-size-arrow-size: 12px;
+$tooltip-size-trigger-margin: 9px;
 $tooltip-font-default: caption;
+$extended-tooltip-light-color-scheme-background: white;
+$extended-tooltip-light-color-scheme-text: #4D4D4D;
+$extended-tooltip-light-color-scheme-border: #B3B3B3;
+$extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+$extended-tooltip-dark-color-scheme-background: #4D4D4D;
+$extended-tooltip-dark-color-scheme-text: #F0F0F0;
+$extended-tooltip-dark-color-scheme-border: #999999;
+$extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+$extended-tooltip-size-border-radius: 3px;
+$extended-tooltip-size-arrow-size: 12px;
+$extended-tooltip-size-trigger-margin: 9px;
+$extended-tooltip-size-padding: 8px 16px;
+$extended-tooltip-size-max-height: 480px;
+$extended-tooltip-font-default: caption;
+$extended-tooltip-header-light-color-scheme-border: #E6E6E6;
+$extended-tooltip-header-light-color-scheme-text: #4D4D4D;
+$extended-tooltip-header-light-color-scheme-background: white;
+$extended-tooltip-header-dark-color-scheme-border: #F0F0F0;
+$extended-tooltip-header-dark-color-scheme-text: #F0F0F0;
+$extended-tooltip-header-dark-color-scheme-background: #4D4D4D;
+$extended-tooltip-header-size-height: 40px;
+$extended-tooltip-header-size-padding: 10px 16px;
+$extended-tooltip-header-font-default: subheading;
+$tree-size-node-height: 32px;
+$tree-size-padding-left: 8px;
 $tree-size-padding-right: 16px;
-$tree-size-border-width: 2px;
-$tree-size-node-height: 28px;
 $tree-font-node: body;
 $light-color-scheme-primary-palette: (
 40: #F5FAFD,
@@ -1623,8 +1664,6 @@ $fonts: (
     }
 }
 
-@use 'sass:math';
-
 // mixin definition ; sets LTR and RTL within the same style call
 // @see https://css-tricks.com/almanac/properties/d/direction/
 
@@ -1663,7 +1702,6 @@ $baseline-grid:            8px !default;
 $layout-gutter-width:      ($baseline-grid * 2) !default;
 
 
-
 /*
 *  Responsive attributes
 *
@@ -2051,7 +2089,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-padding-sm > *,
     .layout-padding    > .flex-sm
     {
-        padding: math.div($layout-gutter-width, 4);
+        padding: div($layout-gutter-width, 4);
     }
 
     .layout-padding,
@@ -2067,7 +2105,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-padding        > .flex-gt-sm,
     .layout-padding        > .flex-md
     {
-        padding: math.div($layout-gutter-width, 2);
+        padding: div($layout-gutter-width, 2);
     }
 
     // NOTE: these`> *` selectors should only be applied for layout="row" or layout="column" children !!
@@ -2079,15 +2117,14 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-padding        > .flex-lg,
     .layout-padding        > .flex-gt-lg
     {
-        padding: math.div($layout-gutter-width, 1);
+        padding: div($layout-gutter-width, 1);
     }
 
     // Margin enhancements
 
     .layout-margin-sm      > *,
-    .layout-margin         > .flex-sm
-        margin: math.div($layout-gutter-width, 4);
-        margin: $layout-gutter-width / 4;
+    .layout-margin         > .flex-sm {
+        margin: div($layout-gutter-width, 4);
     }
 
     .layout-margin,
@@ -2103,7 +2140,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-margin         > .flex-gt-sm,
     .layout-margin         > .flex-md
     {
-        margin: math.div($layout-gutter-width, 2);
+        margin: div($layout-gutter-width, 2);
     }
 
     // NOTE: these`> *` selectors should only be applied for layout="row" or layout="column" children !!
@@ -2115,7 +2152,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-margin        > .flex-lg,
     .layout-margin        > .flex-gt-lg
     {
-        margin: math.div($layout-gutter-width, 1);
+        margin: div($layout-gutter-width, 1);
     }
 
     .layout-wrap {

package/autocomplete/autocomplete-origin.directive.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Directive applied to an element to make it usable
  * as a connection point for an autocomplete panel.
@@ -6,4 +7,6 @@ import { ElementRef } from '@angular/core';
 export declare class McAutocompleteOrigin {
     elementRef: ElementRef<HTMLElement>;
     constructor(elementRef: ElementRef<HTMLElement>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<McAutocompleteOrigin, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McAutocompleteOrigin, "[mcAutocompleteOrigin]", ["mcAutocompleteOrigin"], {}, {}, never>;
 }

package/autocomplete/autocomplete-trigger.directive.d.ts

@@ -8,6 +8,7 @@ import { McFormField } from '@ptsecurity/mosaic/form-field';
 import { Observable } from 'rxjs';
 import { McAutocompleteOrigin } from './autocomplete-origin.directive';
 import { McAutocomplete } from './autocomplete.component';
+import * as i0 from "@angular/core";
 /**
  * The following style constants are necessary to save here in order
  * to properly calculate the scrollTop of the panel. Because we are not
@@ -161,4 +162,6 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
      */
     private resetActiveItem;
     private canOpen;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McAutocompleteTrigger, [null, null, null, null, null, null, { optional: true; }, { optional: true; host: true; }, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McAutocompleteTrigger, "input[mcAutocomplete], textarea[mcAutocomplete]", ["mcAutocompleteTrigger"], { "autocomplete": "mcAutocomplete"; "connectedTo": "mcAutocompleteConnectedTo"; "autocompleteAttribute": "autocomplete"; "autocompleteDisabled": "mcAutocompleteDisabled"; }, {}, never>;
 }

package/autocomplete/autocomplete.component.d.ts

@@ -1,6 +1,7 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, QueryList, TemplateRef } from '@angular/core';
 import { ActiveDescendantKeyManager } from '@ptsecurity/cdk/a11y';
 import { McOptgroup, McOption } from '@ptsecurity/mosaic/core';
+import * as i0 from "@angular/core";
 export declare class McAutocompleteSelectedEvent {
     source: McAutocomplete;
     option: McOption;
@@ -67,4 +68,6 @@ export declare class McAutocomplete implements AfterContentInit {
     setVisibility(): void;
     emitSelectEvent(option: McOption): void;
     onKeydown(event: KeyboardEvent): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McAutocomplete, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McAutocomplete, "mc-autocomplete", ["mcAutocomplete"], { "displayWith": "displayWith"; "panelWidth": "panelWidth"; "classList": "class"; "autoActiveFirstOption": "autoActiveFirstOption"; "openOnFocus": "openOnFocus"; }, { "optionSelected": "optionSelected"; "opened": "opened"; "closed": "closed"; }, ["options", "optionGroups"], ["*"]>;
 }

package/autocomplete/autocomplete.module.d.ts

@@ -1,2 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./autocomplete.component";
+import * as i2 from "./autocomplete-trigger.directive";
+import * as i3 from "./autocomplete-origin.directive";
+import * as i4 from "@ptsecurity/mosaic/core";
+import * as i5 from "@angular/cdk/overlay";
+import * as i6 from "@angular/common";
 export declare class McAutocompleteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<McAutocompleteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McAutocompleteModule, [typeof i1.McAutocomplete, typeof i2.McAutocompleteTrigger, typeof i3.McAutocompleteOrigin], [typeof i4.McOptionModule, typeof i5.OverlayModule, typeof i4.McCommonModule, typeof i6.CommonModule], [typeof i1.McAutocomplete, typeof i4.McOptionModule, typeof i2.McAutocompleteTrigger, typeof i3.McAutocompleteOrigin, typeof i4.McCommonModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<McAutocompleteModule>;
 }

package/autocomplete/package.json

@@ -5,7 +5,6 @@
   "esm2015": "../esm2015/autocomplete/ptsecurity-mosaic-autocomplete.js",
   "fesm2015": "../fesm2015/ptsecurity-mosaic-autocomplete.js",
   "typings": "ptsecurity-mosaic-autocomplete.d.ts",
-  "metadata": "ptsecurity-mosaic-autocomplete.metadata.json",
   "sideEffects": false,
   "name": "@ptsecurity/mosaic/autocomplete"
 }

package/autocomplete/ptsecurity-mosaic-autocomplete.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ptsecurity/mosaic/autocomplete" />
 export * from './index';