@ptsecurity/mosaic 14.5.1 → 14.6.0

package/_theming.scss

@@ -232,6 +232,394 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
 }
 
 
+@keyframes mc-progress {
+    from {
+        background-position: 0 0;
+    }
+
+    to {
+        background-position: 29px 0;
+    }
+}
+
+.mc-progress {
+    position: relative;
+
+    &:after {
+        content: '';
+        position: absolute;
+        border-radius: inherit;
+
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+
+        $lighter: transparent;
+        $darker: rgba(0, 0, 0, 0.05);
+        background: linear-gradient(
+            135deg,
+            $darker 10px, $lighter 10px,
+            $lighter 20px, $darker 20px,
+            $darker 30px, $lighter 30px
+        ) repeat;
+        background-size: 29px 29px;
+        animation: mc-progress 1s linear infinite;
+    }
+}
+
+@mixin user-select($value) {
+    -webkit-user-select: $value;
+    -moz-user-select: $value;
+    -ms-user-select: $value;
+    user-select: $value;
+}
+
+@mixin input-placeholder {
+    &::placeholder {
+        @content;
+    }
+
+    &::-moz-placeholder {
+        @content;
+    }
+
+    &::-webkit-input-placeholder {
+        @content;
+    }
+
+    &:-ms-input-placeholder {
+        @content;
+    }
+}
+
+
+
+@mixin mc-button-reset {
+    @include user-select(none);
+    cursor: pointer;
+    outline: none;
+    border: none;
+}
+
+
+@mixin clearfix {
+    zoom: 1;
+
+    &:before,
+    &:after {
+        content: "";
+        display: table;
+    }
+
+    &:after {
+        clear: both;
+    }
+}
+
+@forward 'pt-2022/tokens';
+
+
+
+@mixin border-top-radius($radius) {
+    border-top: {
+        right-radius: $radius;
+        left-radius: $radius;
+    }
+}
+
+@mixin border-bottom-radius($radius) {
+    border-bottom: {
+        right-radius: $radius;
+        left-radius: $radius;
+    }
+}
+
+@mixin border-right-radius($radius) {
+    border: {
+        bottom-right-radius: $radius;
+        top-right-radius: $radius;
+    }
+}
+
+@mixin border-left-radius($radius) {
+    border: {
+        bottom-left-radius: $radius;
+        top-left-radius: $radius;
+    }
+}
+
+.mc-group {
+    display: flex;
+    flex-direction: row;
+
+    .mc-group_justified {
+        > .mc-group-item {
+            width: 100%;
+        }
+    }
+
+    .mc-group-item + .mc-group-item {
+        margin-left: calc(-1 * var(--mc-button-size-border-width, $button-size-border-width));
+    }
+
+    & > .mc-group-item:first-child:not(:last-child) {
+        @include border-right-radius(0);
+
+        > .mc-form-field__container {
+            @include border-right-radius(0);
+        }
+    }
+
+    & > .mc-group-item:last-child:not(:first-child) {
+        @include border-left-radius(0);
+
+        > .mc-form-field__container {
+            @include border-left-radius(0);
+        }
+    }
+
+    & > .mc-group-item:not(:first-child):not(:last-child) {
+        border-radius: 0;
+
+        > .mc-form-field__container {
+            border-radius: 0;
+        }
+    }
+}
+
+.mc-vertical-group {
+    display: flex;
+    flex-direction: column;
+
+    /* stylelint-disable no-descending-specificity */
+    > .mc-group-item {
+        &:first-child:not(:last-child) {
+            @include border-bottom-radius(0);
+
+            border-top-right-radius: var(--mc-button-size-border-radius, $button-size-border-radius);
+
+            > .mc-form-field__container {
+                @include border-bottom-radius(0);
+            }
+        }
+
+        &:last-child:not(:first-child) {
+            @include border-top-radius(0);
+
+            border-bottom-left-radius: var(--mc-button-size-border-radius, $button-size-border-radius);
+
+            > .mc-form-field__container {
+                @include border-top-radius(0);
+            }
+        }
+
+        &:not(:first-child):not(:last-child) {
+            border-radius: 0;
+
+            > .mc-form-field__container {
+                border-radius: 0;
+            }
+        }
+    }
+
+    .mc-group-item + .mc-group-item {
+        margin-top: calc(-1 * var(--mc-button-size-border-width, #{$button-size-border-width}));
+    }
+    /* stylelint-enable no-descending-specificity */
+}
+
+
+@mixin mc-reset-input {
+    background: transparent;
+    padding: 0;
+    margin: 0;
+    border: none;
+    outline: none;
+
+    /* clears the 'X' from Internet Explorer */
+    &::-ms-clear {
+        display: none;
+        width: 0;
+        height: 0;
+    }
+
+    &::-ms-reveal {
+        display: none;
+        width: 0;
+        height: 0;
+    }
+
+    /* clears the 'X' from Chrome */
+    &::-webkit-search-decoration,
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-results-button,
+    &::-webkit-search-results-decoration {
+        display: none;
+    }
+}
+
+// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.
+@mixin mc-fill {
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    position: absolute;
+}
+
+// This mixin will ensure that lines that overflow the container will hide the overflow and
+// truncate neatly with an ellipsis.
+@mixin mc-truncate-line() {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+// This mixin normalizes default element styles, e.g. font weight for heading text.
+@mixin mc-normalize-text() {
+    & > * {
+        margin: 0;
+        padding: 0;
+        font-weight: normal;
+        font-size: inherit;
+    }
+}
+
+// This mixin provides base styles for the wrapper around mc-line elements in a list.
+@mixin mc-line-wrapper-base() {
+    @include mc-normalize-text();
+
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    // Must remove wrapper when lines are empty or it takes up horizontal
+    // space and pushes other elements to the right.
+    &:empty {
+        display: none;
+    }
+}
+
+@mixin mc-no-select() {
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* Internet Explorer/Edge */
+    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
+}
+
+.mc-no-select {
+    @include mc-no-select;
+}
+
+.cdk-overlay-container {
+    pointer-events: none;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    z-index: 1000;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+.cdk-overlay-backdrop {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    -webkit-tap-highlight-color: transparent;
+    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+    opacity: 0;
+    position: absolute;
+    pointer-events: auto;
+    z-index: 1000;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+.cdk-overlay-pane {
+    box-sizing: border-box;
+    position: absolute;
+    pointer-events: auto;
+    margin: 0;
+    padding: 0;
+    z-index: 1000;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.cdk-overlay-connected-position-bounding-box {
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1000;
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+    min-width: 1px;
+    min-height: 1px;
+}
+
+@mixin popup-params($theme) {
+    $popup: map-get(map-get($theme, components), popup);
+
+    box-shadow: map-get($popup, shadow);
+    border-color: map-get($popup, border);
+
+    background-color: map-get($popup, background);
+}
+
+// mixin definition ; sets LTR and RTL within the same style call
+// @see https://css-tricks.com/almanac/properties/d/direction/
+
+@mixin rtl($prop, $ltr-value, $rtl-value) {
+    #{$prop}: $ltr-value;
+
+    [dir=rtl] & {
+        #{$prop}: $rtl-value;
+    }
+}
+
+@mixin rtl-prop($ltr-prop, $rtl-prop, $value, $reset-value) {
+    #{$ltr-prop}: $value;
+
+    [dir=rtl] & {
+        #{$ltr-prop}: $reset-value;
+        #{$rtl-prop}: $value;
+    }
+}
+
+// To reverse padding (top left bottom right) -> (top right bottom left)
+@function rtl-value($list) {
+    @if length($list) == 4 {
+        @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2)
+    }
+
+    @if length($list) == 5 {
+        @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2) nth($list, 5)
+    }
+
+    @return $list;
+}
+
+@mixin size($width, $height) {
+    width: $width;
+    height: $height;
+}
+
+@mixin square($size) {
+    @include size($size, $size);
+}
+
+
+
 
 // Mixin that renders all of the core styles that are not theme-dependent.
 @mixin mc-core() {
@@ -3886,6 +4274,26 @@ $md-typography: (
     .mc-theme-loaded-marker {
         display: none;
     }
+
+    .mc-primary {
+        color: mc-color(map-get($theme, primary));
+    }
+
+    .mc-error {
+        color: mc-color(map-get($theme, error));
+    }
+
+    .mc-warning {
+        color: mc-color(map-get($theme, warning));
+    }
+
+    .mc-success {
+        color: mc-color(map-get($theme, success));
+    }
+
+    .mc-info {
+        color: mc-color(map-get($theme, info));
+    }
 }
 
 @function mc-contrast($palette, $hue) {
@@ -4638,14 +5046,6 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
     }
 }
 
-@mixin popup-params($theme) {
-    $popup: map-get(map-get($theme, components), popup);
-
-    box-shadow: map-get($popup, shadow);
-    border-color: map-get($popup, border);
-
-    background-color: map-get($popup, background);
-}
 
 
 
@@ -4873,6 +5273,8 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
     $checkbox: map-get(map-get($theme, components), checkbox);
 
     .mc-checkbox {
+        color: map-get($foreground, text);
+
         &:not(.mc-disabled) {
             .mc-checkbox-overlay:hover {
                 background-color: map-get($background, overlay-hover);
@@ -4880,12 +5282,10 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
         }
 
         &.mc-primary {
-            color: map-get($foreground, primary);
             @include mc-checkbox-color(map-get($checkbox, default));
         }
 
         &.mc-error {
-            color: map-get($foreground, error);
             @include mc-checkbox-color(map-get($checkbox, error));
         }
 
@@ -7181,9 +7581,6 @@ button {
 
     @include mc-base-typography($config);
 
-    $md-config: mc-markdown-typography-config();
-    @include mc-markdown-base-typography($md-config);
-
     @include mc-alert-typography($config);
     @include mc-badge-typography($config);
     @include mc-button-typography($config);
@@ -7197,7 +7594,6 @@ button {
     @include mc-link-typography($config);
     @include mc-list-typography($config);
     @include mc-loader-overlay-typography($config);
-    @include mc-markdown-typography($md-config);
     @include mc-modal-typography($config);
     @include mc-navbar-typography($config);
     @include mc-option-typography($config);
@@ -7216,6 +7612,10 @@ button {
     @include mc-tree-select-typography($config);
     @include mc-tree-typography($config);
     @include mc-table-typography($config);
+
+    $md-config: mc-markdown-typography-config();
+    @include mc-markdown-base-typography($md-config);
+    @include mc-markdown-typography($md-config);
 }
 
 

package/_visual.scss

@@ -67,9 +67,11 @@
     @if length($list) == 4 {
         @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2)
     }
+
     @if length($list) == 5 {
         @return nth($list, 1) nth($list, 4) nth($list, 3) nth($list, 2) nth($list, 5)
     }
+
     @return $list;
 }
 

package/core/highlight/highlight.pipe.d.ts

@@ -1,5 +1,6 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
+export declare function escapeRegExp(value: string): string;
 export declare class McHighlightPipe implements PipeTransform {
     transform(value: any, args: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<McHighlightPipe, never>;

package/esm2020/autocomplete/autocomplete-origin.directive.mjs

@@ -9,13 +9,13 @@ export class McAutocompleteOrigin {
         this.elementRef = elementRef;
     }
 }
-/** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
+/** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mcAutocompleteOrigin]',
                     exportAs: 'mcAutocompleteOrigin'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS1vcmlnaW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUd0RDs7O0dBR0c7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLFlBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQUcsQ0FBQzs7b0lBRGpELG9CQUFvQjt3SEFBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLHNCQUFzQjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG4vKipcbiAqIERpcmVjdGl2ZSBhcHBsaWVkIHRvIGFuIGVsZW1lbnQgdG8gbWFrZSBpdCB1c2FibGVcbiAqIGFzIGEgY29ubmVjdGlvbiBwb2ludCBmb3IgYW4gYXV0b2NvbXBsZXRlIHBhbmVsLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1ttY0F1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICAgIGV4cG9ydEFzOiAnbWNBdXRvY29tcGxldGVPcmlnaW4nXG59KVxuZXhwb3J0IGNsYXNzIE1jQXV0b2NvbXBsZXRlT3JpZ2luIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS1vcmlnaW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUd0RDs7O0dBR0c7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLFlBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQUcsQ0FBQzs7cUlBRGpELG9CQUFvQjt5SEFBcEIsb0JBQW9COzRGQUFwQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLHNCQUFzQjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG4vKipcbiAqIERpcmVjdGl2ZSBhcHBsaWVkIHRvIGFuIGVsZW1lbnQgdG8gbWFrZSBpdCB1c2FibGVcbiAqIGFzIGEgY29ubmVjdGlvbiBwb2ludCBmb3IgYW4gYXV0b2NvbXBsZXRlIHBhbmVsLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1ttY0F1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICAgIGV4cG9ydEFzOiAnbWNBdXRvY29tcGxldGVPcmlnaW4nXG59KVxuZXhwb3J0IGNsYXNzIE1jQXV0b2NvbXBsZXRlT3JpZ2luIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iXX0=