@ptsecurity/mosaic 14.7.1 → 15.0.0

package/markdown/_markdown-theme.scss

@@ -0,0 +1,142 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@mixin mc-markdown-theme($theme) {
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+
+    $markdown: map.get(map.get($theme, components), markdown);
+
+    .mc-markdown {
+        color: map.get($foreground, text);
+        background: map.get($background, background);;
+
+        // h1, h2, h3, h4, h5, h6
+        @for $i from 1 through 6 {
+            .mc-markdown__h#{$i} {
+                color: map.get($markdown, h#{$i}-color);
+            }
+        }
+
+        .mc-markdown__p {
+            color: map.get($markdown, p-color);
+        }
+
+        .mc-markdown__ul,
+        .mc-markdown__ol {
+            color: map.get($markdown, list-color);
+        }
+
+        .mc-markdown__blockquote {
+            color: map.get($markdown, blockquote-text);
+            background: map.get($markdown, blockquote-background);
+            border-color: map.get($markdown, blockquote-border);
+            border-left-color: map.get($markdown, blockquote-line);
+        }
+
+        .mc-markdown__pre,
+        .mc-markdown__p > .mc-markdown__code {
+            color: map.get($markdown, code-text);
+            background-color: map.get($markdown, code-background);
+            border-color: map.get($markdown, code-border);
+        }
+
+        .mc-markdown__a {
+            color: map.get($markdown, link-text);
+            border-bottom-color: map.get($markdown, link-border-bottom);
+
+            &:visited {
+                color: map.get($markdown, link-state-visited-text);
+                border-bottom-color: map.get($markdown, link-state-visited-border-bottom);
+            }
+
+            &:hover {
+                color: map.get($markdown, link-state-hover-text);
+                transition: color 0ms;
+                border-bottom-color: map.get($markdown, link-state-hover-border-bottom);
+            }
+
+            &:active {
+                color: map.get($markdown, link-state-active-text);
+            }
+
+            &:focus {
+                outline:
+                    map.get($markdown, link-state-focused-outline)
+                    solid
+                    map.get($tokens, markdown-link-size-state-focused-outline-width);
+
+                outline-offset: map.get($tokens, markdown-link-size-state-focused-outline-offset);
+            }
+        }
+
+        .mc-markdown__img + em {
+            color: map.get($markdown, image-caption-text);
+        }
+
+        .mc-markdown__hr {
+            border-bottom-color: map.get($markdown, hr-color);
+        }
+
+        .mc-markdown__table > .mc-markdown__thead {
+            color: map.get($markdown, table-header);
+            border-bottom-color: map.get($markdown, table-border);
+        }
+
+        .mc-markdown__table > .mc-markdown__tbody {
+            color: map.get($markdown, table-body);
+        }
+    }
+}
+
+@mixin mc-markdown-typography($config) {
+    .mc-markdown {
+        // h1, h2, h3, h4, h5, h6
+        @for $i from 1 through 6 {
+            .mc-markdown__h#{$i} {
+                @include mc-typography-level-to-styles($config, map.get($tokens, markdown-h#{$i}-font-default));
+            }
+        }
+
+        .mc-markdown__p {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-p-font-default));
+        }
+
+        .mc-markdown__ul,
+        .mc-markdown__ol {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-list-font-default));
+        }
+
+        .mc-markdown__blockquote > .mc-markdown__p {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-blockquote-font-default));
+        }
+
+        .mc-markdown__code {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-code-font-default));
+        }
+
+        .mc-markdown__a {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-link-font-default));
+        }
+
+        .mc-markdown__img + em {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-image-font-caption));
+        }
+
+        .mc-markdown__table > .mc-markdown__thead {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-table-font-header));
+        }
+
+        .mc-markdown__table > .mc-markdown__tbody {
+            @include mc-typography-level-to-styles($config, map.get($tokens, markdown-table-font-body));
+        }
+    }
+}

package/markdown/markdown.component.d.ts

@@ -15,5 +15,5 @@ export declare class McMarkdown implements AfterContentChecked {
     ngAfterContentChecked(): void;
     private getResultHTML;
     static ɵfac: i0.ɵɵFactoryDeclaration<McMarkdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McMarkdown, "mc-markdown", never, { "markdownText": "markdownText"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McMarkdown, "mc-markdown", never, { "markdownText": "markdownText"; }, {}, never, ["*"], false, never>;
 }

package/markdown/markdown.scss

@@ -0,0 +1,240 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.mc-markdown {
+    display: block;
+
+    .markdown-input {
+        display: none;
+    }
+
+    .markdown-output {
+        flex: 1;
+    }
+
+    // h1, h2, h3, h4, h5, h6
+    @for $i from 1 through 6 {
+        .mc-markdown__h#{$i} {
+            max-width: var(--mc-markdown-h#{$i}-size-max-width, map.get($tokens, markdown-h#{$i}-size-max-width));
+            margin-top: var(--mc-markdown-h#{$i}-size-margin-top, map.get($tokens, markdown-h#{$i}-size-margin-top));
+            margin-bottom: var(
+                --mc-markdown-h#{$i}-size-margin-bottom, map.get($tokens, markdown-h#{$i}-size-margin-bottom)
+            );
+        }
+    }
+
+    .mc-markdown__a {
+        display: inline-block;
+
+        text-decoration: none;
+        cursor: pointer;
+
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+        transition: color ease-out 300ms;
+    }
+
+    .mc-markdown__p {
+        max-width: var(--mc-markdown-p-size-max-width, map.get($tokens, markdown-p-size-max-width));
+        margin-top: var(--mc-markdown-p-size-margin-top, map.get($tokens, markdown-p-size-margin-top));
+        margin-bottom: var(--mc-markdown-p-size-margin-bottom, map.get($tokens, markdown-p-size-margin-bottom));
+    }
+
+    .mc-markdown__ul,
+    .mc-markdown__ol {
+        max-width: var(--mc-markdown-list-size-max-width, map.get($tokens, markdown-list-size-max-width));
+        margin-top: var(--mc-markdown-list-size-margin-top, map.get($tokens, markdown-list-size-margin-top));
+        margin-bottom: var(--mc-markdown-list-size-margin-bottom, map.get($tokens, markdown-list-size-margin-bottom));
+
+        > li {
+            margin-bottom: var(
+                --mc-markdown-list-size-item-margin-bottom,
+                map.get($tokens, markdown-list-size-item-margin-bottom)
+            );
+        }
+    }
+
+    .mc-markdown__ul {
+        position: relative;
+        list-style: none;
+        padding: var(--mc-markdown-list-size-ul-padding, map.get($tokens, markdown-list-size-ul-padding));
+    }
+
+    .mc-markdown__ul > li:before {
+        content: '—';
+        display: block;
+        position: absolute;
+        width: 24px;
+        text-align: left;
+        left: 0;
+    }
+
+    .mc-markdown__ol {
+        //padding: var(--mc-markdown-list-size-ol-padding, map.get($tokens, markdown-list-size-ol-padding));
+        list-style: none;
+        padding: 0;
+        counter-reset: li;
+
+        > li:before {
+            content:counter(li) ".";
+            counter-increment: li;
+            padding-right: var(
+                --mc-markdown-list-size-ol-number-padding-right,
+                map.get($tokens, markdown-list-size-ol-number-padding-right)
+            );
+        }
+    }
+
+    .mc-markdown__p + .mc-markdown__ul,
+    .mc-markdown__p + .mc-markdown__ol {
+        margin-top: var(
+            --mc-markdown-list-size-margin-top-after-paragraph,
+            map.get($tokens, markdown-list-size-margin-top-after-paragraph)
+        );
+    }
+
+    .mc-markdown__blockquote {
+        max-width: var(
+            --mc-markdown-blockquote-size-max-width, map.get($tokens, markdown-blockquote-size-max-width)
+        );
+        margin-top: var(
+            --mc-markdown-blockquote-size-margin-top, map.get($tokens, markdown-blockquote-size-margin-top)
+        );
+
+        margin-bottom: var(
+            --mc-markdown-blockquote-size-margin-bottom, map.get($tokens, markdown-blockquote-size-margin-bottom)
+        );
+
+        border-left-width: var(
+            --mc-markdown-blockquote-size-line-width, map.get($tokens, markdown-blockquote-size-line-width)
+        );
+
+        border-left-style: solid;
+
+        padding: var(
+            --mc-markdown-blockquote-size-padding, map.get($tokens, markdown-blockquote-size-padding)
+        );
+
+        margin-left: 0;
+        margin-right: 0;
+    }
+
+    .mc-markdown__blockquote > .mc-markdown__p {
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    .mc-markdown__pre {
+        position: relative;
+        overflow-x: auto;
+
+        margin-top: var(
+            --mc-markdown-code-size-multiline-margin-top,
+            map.get($tokens, markdown-code-size-multiline-margin-top)
+        );
+        margin-bottom: var(
+            --mc-markdown-code-size-multiline-margin-bottom,
+            map.get($tokens, markdown-code-size-multiline-margin-bottom)
+        );
+
+        padding: var(
+            --mc-markdown-code-size-multiline-padding,
+            map.get($tokens, markdown-code-size-multiline-padding)
+        );
+    }
+
+    .mc-markdown__pre,
+    .mc-markdown__p > .mc-markdown__code {
+        border-radius: var(
+            --mc-markdown-code-size-border-radius, map.get($tokens, markdown-code-size-border-radius)
+        );
+        border-width: var(
+            --mc-markdown-code-size-border-width, map.get($tokens, markdown-code-size-border-width)
+        );
+        border-style: solid;
+    }
+
+    .mc-markdown__p > .mc-markdown__code {
+        max-width: var(--mc-markdown-code-size-max-width, map.get($tokens, markdown-code-size-max-width));
+        padding: var(--mc-markdown-code-size-inline-padding, map.get($tokens, markdown-code-size-inline-padding));
+    }
+
+    .mc-markdown__img {
+        max-width: var(--mc-markdown-image-size-max-width, map.get($tokens, markdown-image-size-max-width));
+        margin-top: var(--mc-markdown-image-size-margin-top, map.get($tokens, markdown-image-size-margin-top));
+        margin-bottom: var(
+            --mc-markdown-image-size-margin-bottom, map.get($tokens, markdown-image-size-margin-bottom)
+        );
+
+        + em {
+            display: block;
+            margin-top: var(
+                --mc-markdown-image-size-caption-margin-top, map.get($tokens, markdown-image-size-caption-margin-top)
+            );
+            margin-bottom: var(
+                --mc-markdown-image-size-caption-margin-bottom,
+                map.get($tokens, markdown-image-size-caption-margin-bottom)
+            );
+        }
+    }
+
+    .mc-markdown__hr {
+        border-top: none;
+        border-left: none;
+        border-right: none;
+        border-bottom-style: solid;
+        border-bottom-width: var(--mc-markdown-hr-size-width, map.get($tokens, markdown-hr-size-width));
+        margin: var(
+            --mc-markdown-hr-size-margin-vertical, map.get($tokens, markdown-hr-size-margin-vertical)
+        ) 0;
+    }
+
+    .mc-markdown__table {
+        max-width: 100%;
+        overflow-x: auto;
+        display: table;
+        border-collapse: collapse;
+        margin-bottom: var(--mc-markdown-table-size-margin-bottom, map.get($tokens, markdown-table-size-margin-bottom));
+
+        td {
+            vertical-align: top;
+        }
+
+        th, td {
+            padding: var(--mc-markdown-table-size-padding, map.get($tokens, markdown-table-size-padding));
+            font-weight: 400;
+        }
+    }
+
+    .mc-markdown__table > .mc-markdown__thead {
+        border-bottom-style: solid;
+        border-bottom-width: var(
+            --mc-markdown-table-size-border-width, map.get($tokens, markdown-table-size-border-width)
+        );
+
+        text-align: left;
+
+        th:first-child {
+            padding-left: 0;
+        }
+
+        th:last-child {
+            padding-right: 0;
+        }
+    }
+
+    .mc-markdown__table > .mc-markdown__tbody {
+        td:first-child {
+            padding-left: 0;
+        }
+
+        td:last-child {
+            padding-right: 0;
+        }
+    }
+}

package/modal/_modal-animation.scss

@@ -0,0 +1,114 @@
+@use '../core/styles/functions/timing' as *;
+
+
+$animation-duration-base: 0.3s;
+
+@mixin _motion-common($duration: $animation-duration-base) {
+    animation-duration: $duration;
+    animation-fill-mode: both;
+}
+
+@mixin _motion-common-leave($duration: $animation-duration-base) {
+    animation-duration: $duration;
+    animation-fill-mode: both;
+}
+
+@mixin _make-motion($className, $keyframeName, $duration: $animation-duration-base) {
+    .#{$className}-enter,
+    .#{$className}-appear {
+        @include _motion-common($duration);
+        animation-play-state: paused;
+    }
+
+    .#{$className}-leave {
+        @include _motion-common-leave($duration);
+        animation-play-state: paused;
+    }
+
+    .#{$className}-enter.#{$className}-enter-active,
+    .#{$className}-appear.#{$className}-appear-active {
+        animation-name: #{$keyframeName}In;
+        animation-play-state: running;
+    }
+
+    .#{$className}-leave.#{$className}-leave-active {
+        animation-name: #{$keyframeName}Out;
+        animation-play-state: running;
+        pointer-events: none;
+    }
+}
+
+@mixin zoom-motion($className, $keyframeName, $duration: $animation-duration-base) {
+    @include _make-motion($className, $keyframeName, $duration);
+
+    .#{className}-enter,
+    .#{className}-appear {
+        transform: translate(0, -25%);
+        animation-timing-function: $ease-out-circ;
+    }
+
+    .#{className}-leave {
+        transform: translate(0, 0);
+        animation-timing-function: $ease-in-out-circ;
+    }
+}
+
+@mixin fade-motion($className, $keyframeName) {
+    @include _make-motion($className, $keyframeName);
+
+    .#{className}-enter,
+    .#{className}-appear {
+        opacity: 0;
+        animation-timing-function: ease-out;
+    }
+
+    .#{className}-leave {
+        animation-timing-function: ease-out;
+    }
+}
+
+@keyframes mcFadeIn {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
+
+@keyframes mcFadeOut {
+    0% {
+        opacity: 1;
+    }
+
+    100% {
+        opacity: 0;
+    }
+}
+
+@keyframes mcZoomIn {
+    0% {
+        opacity: 0;
+        transform: translate(0, -25%);
+    }
+
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+@keyframes mcZoomOut {
+    0% {
+        transform: scale(1);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translate(0, -30%);
+    }
+}
+
+@include fade-motion(fade, mcFade);
+@include zoom-motion(zoom, mcZoom);

package/modal/_modal-confirm.scss

@@ -0,0 +1,53 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.mc-confirm {
+    .mc-modal-header {
+        display: none;
+    }
+
+    .mc-modal-close {
+        display: none;
+    }
+
+    .mc-modal-body {
+        padding: var(--mc-modal-confirm-size-padding, map.get($tokens, modal-confirm-size-padding));
+    }
+
+    // TODO
+    &-body-wrapper {
+        //.clearfix()
+        zoom: 1;
+
+        &:before,
+        &:after {
+            content: "";
+            display: table;
+        }
+
+        &:after {
+            clear: both;
+        }
+    }
+
+    &-body {
+        .mc-confirm-title {
+            display: block;
+            overflow: auto;
+        }
+    }
+
+    .mc-confirm-btns {
+        border-radius: var(--mc-modal-footer-size-border-radius, map.get($tokens, modal-footer-size-border-radius));
+        text-align: right;
+
+        button + button, button:only-child {
+            margin: 16px;
+        }
+    }
+}

package/modal/_modal-theme.scss

@@ -0,0 +1,90 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@mixin mc-modal-theme($theme) {
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+
+    $modal: map.get(map.get($theme, components), modal);
+    $popup: map.get(map.get($theme, components), popup);
+
+    .mc-modal {
+        .mc-modal-content {
+            // У модалки должен быть фон background. Чтобы поповеры и дропдауны было видно поверх модалки
+            background-color: map.get($background, background);
+
+            box-shadow: map.get($modal, shadow);
+        }
+
+        .mc-modal-title {
+            color: map.get($foreground, text);
+        }
+
+        .mc-modal-header {
+            border-bottom-width: var(--mc-modal-size-border-width, map.get($tokens, modal-size-border-width));
+            border-bottom-style: solid;
+            border-bottom-color: map.get($modal, header-border);
+        }
+
+        .mc-modal-header.mc-modal-body_top-overflow {
+            box-shadow: map.get($modal, body-top-shadow);
+        }
+
+        .mc-modal-footer.mc-modal-body_bottom-overflow {
+            box-shadow: map.get($modal, body-bottom-shadow);
+        }
+
+        .mc-modal-footer {
+            border-top-width: var(--mc-modal-size-border-width, map.get($tokens, modal-size-border-width));
+            border-top-style: solid;
+            border-top-color: map.get($modal, footer-border);
+
+            background-color: map.get($popup, footer-background);
+        }
+
+        .mc-modal-close {
+            border: var(--mc-modal-size-border-width, map.get($tokens, modal-size-border-width)) solid transparent;
+
+            &:hover {
+                .mc-button-overlay {
+                    background: map.get($background, overlay-hover);
+                }
+
+                .mc-icon {
+                    color: inherit;
+                }
+            }
+        }
+    }
+
+    .mc-modal-mask {
+        background-color: map.get($modal, background-mask);
+    }
+
+    .mc-confirm {
+        .mc-confirm-btns {
+            border-top-width: var(--mc-modal-size-border-width, map.get($tokens, modal-size-border-width));
+            border-top-style: solid;
+            border-top-color: map.get($modal, footer-border);
+
+            background-color: map.get($popup, footer-background);
+        }
+    }
+}
+
+@mixin mc-modal-typography($config) {
+    .mc-modal-title {
+        @include mc-typography-level-to-styles($config, map.get($tokens, modal-header-font-default));
+    }
+
+    .mc-modal-body {
+        @include mc-typography-level-to-styles($config, map.get($tokens, modal-body-font-default));
+    }
+}

package/modal/modal.component.d.ts

@@ -124,5 +124,5 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
      */
     private changeBodyOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McModalComponent<any, any>, "mc-modal", never, { "mcModalType": "mcModalType"; "mcComponent": "mcComponent"; "mcContent": "mcContent"; "mcComponentParams": "mcComponentParams"; "mcFooter": "mcFooter"; "mcVisible": "mcVisible"; "mcZIndex": "mcZIndex"; "mcWidth": "mcWidth"; "mcSize": "mcSize"; "mcWrapClassName": "mcWrapClassName"; "mcClassName": "mcClassName"; "mcStyle": "mcStyle"; "mcTitle": "mcTitle"; "mcCloseByESC": "mcCloseByESC"; "mcClosable": "mcClosable"; "mcMask": "mcMask"; "mcMaskClosable": "mcMaskClosable"; "mcMaskStyle": "mcMaskStyle"; "mcBodyStyle": "mcBodyStyle"; "mcOkText": "mcOkText"; "mcOkType": "mcOkType"; "mcRestoreFocus": "mcRestoreFocus"; "mcOkLoading": "mcOkLoading"; "mcOnOk": "mcOnOk"; "mcCancelText": "mcCancelText"; "mcCancelLoading": "mcCancelLoading"; "mcOnCancel": "mcOnCancel"; "mcGetContainer": "mcGetContainer"; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McModalComponent<any, any>, "mc-modal", never, { "mcModalType": "mcModalType"; "mcComponent": "mcComponent"; "mcContent": "mcContent"; "mcComponentParams": "mcComponentParams"; "mcFooter": "mcFooter"; "mcVisible": "mcVisible"; "mcZIndex": "mcZIndex"; "mcWidth": "mcWidth"; "mcSize": "mcSize"; "mcWrapClassName": "mcWrapClassName"; "mcClassName": "mcClassName"; "mcStyle": "mcStyle"; "mcTitle": "mcTitle"; "mcCloseByESC": "mcCloseByESC"; "mcClosable": "mcClosable"; "mcMask": "mcMask"; "mcMaskClosable": "mcMaskClosable"; "mcMaskStyle": "mcMaskStyle"; "mcBodyStyle": "mcBodyStyle"; "mcOkText": "mcOkText"; "mcOkType": "mcOkType"; "mcRestoreFocus": "mcRestoreFocus"; "mcOkLoading": "mcOkLoading"; "mcOnOk": "mcOnOk"; "mcCancelText": "mcCancelText"; "mcCancelLoading": "mcCancelLoading"; "mcOnCancel": "mcOnCancel"; "mcGetContainer": "mcGetContainer"; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false, never>;
 }

package/modal/modal.directive.d.ts

@@ -1,17 +1,17 @@
 import * as i0 from "@angular/core";
 export declare class McModalTitle {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalTitle, "[mc-modal-title], mc-modal-title, [mcModalTitle]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalTitle, "[mc-modal-title], mc-modal-title, [mcModalTitle]", never, {}, {}, never, never, false, never>;
 }
 export declare class McModalBody {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalBody, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalBody, "[mc-modal-body], mc-modal-body, [mcModalBody]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalBody, "[mc-modal-body], mc-modal-body, [mcModalBody]", never, {}, {}, never, never, false, never>;
 }
 export declare class McModalFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalFooter, "[mc-modal-footer], mc-modal-footer, [mcModalFooter]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalFooter, "[mc-modal-footer], mc-modal-footer, [mcModalFooter]", never, {}, {}, never, never, false, never>;
 }
 export declare class McModalMainAction {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalMainAction, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalMainAction, "[mc-modal-main-action]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McModalMainAction, "[mc-modal-main-action]", never, {}, {}, never, never, false, never>;
 }