@ptsecurity/mosaic 14.3.1 → 14.5.0

package/design-tokens/legacy-2017/tokens/components/datepicker.json5

@@ -8,17 +8,25 @@
     'datepicker-body': {
         'light-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{light-color-scheme.primary.default}' },
-                    background: { value: '{light-color-scheme.primary.palette.value.100}' }
+                    background: { value: '{light-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{light-color-scheme.foreground.text}' },
+                    background: { value: '{light-color-scheme.states.selected-color}' }
                 }
             }
         },
         'dark-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{dark-color-scheme.primary.palette.value.500}' },
-                    background: { value: '{dark-color-scheme.primary.palette.value.700}' }
+                    background: { value: '{light-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{light-color-scheme.foreground.text}' },
+                    background: { value: '{light-color-scheme.states.selected-color}' }
                 }
             }
         },
@@ -30,7 +38,8 @@
                 'min-size': { value: '{size.3xl}' },
                 margin: { value: '5%' },
                 padding: { value: '{size.s}' },
-                'border-width': { value: '{size.border-width}' }
+                'border-width': { value: '{size.border-width}' },
+                'border-radius': { value: '0' }
             }
         },
         font: {
@@ -44,7 +53,7 @@
             'padding-horizontal': { value: '{size.s}' },
             'padding-bottom': { value: '{size.s}' },
             'padding-blocks': { value: '{size.m}' },
-
+            'border-radius': { value: '0' },
             'divider-width': { value: '1px' },
 
             icon: {

package/design-tokens/legacy-2017/tokens/components/popup.json5

@@ -11,6 +11,6 @@
             border: { value: '{dark-color-scheme.second.palette.value.400}' },
             background: { value: '{dark-color-scheme.second.palette.value.700}' },
             'footer-background': { value: 'transparent' }
-        }
+        },
     }
 }

package/design-tokens/legacy-2017/tokens/components/scrollbars.json5

@@ -0,0 +1,52 @@
+{
+    scrollbar: {
+        'light-color-scheme': {
+            'track': { value: '{light-color-scheme.background.background-less-contrast}' },
+            'thumb': {
+                normal: { value: '{light-color-scheme.second.palette.value.200}' },
+                hover: { value: '{light-color-scheme.second.palette.value.300}' },
+                active: { value: '{light-color-scheme.second.palette.value.400}' },
+                disabled: { value: '{light-color-scheme.second.palette.value.100}' },
+            },
+            arrow: {
+                normal: { value: '{light-color-scheme.second.palette.value.400}' },
+                disabled: { value: '{light-color-scheme.second.palette.value.100}' },
+                background: { value: '{light-color-scheme.background.background-less-contrast}' },
+            },
+            'corner-background': { value: '{light-color-scheme.background.background-less-contrast}' },
+            'resizer-background': { value: '{light-color-scheme.background.background-less-contrast}' },
+        },
+        'dark-color-scheme': {
+            'track': { value: '{dark-color-scheme.background.background-less-contrast}' },
+            'thumb': {
+                normal: { value: '{dark-color-scheme.second.palette.value.500}' },
+                hover: { value: '{dark-color-scheme.second.palette.value.400}' },
+                active: { value: '{dark-color-scheme.second.palette.value.300}' },
+                disabled: { value: '{dark-color-scheme.second.palette.value.600}' },
+            },
+            arrow: {
+                normal: { value: '{dark-color-scheme.second.palette.value.500}' },
+                disabled: { value: '{dark-color-scheme.second.palette.value.600}' },
+                background: { value: '{dark-color-scheme.background.background-less-contrast}' },
+            },
+            'corner-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
+            'resizer-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
+        },
+        size: {
+            track: {
+                width: { value: '{size.l}' },
+            },
+            thumb: {
+                width: { value: '{size.s}' },
+                border: {
+                    width: { value: '{size.xxs}' },
+                    radius: { value: '{size.s}' },
+                },
+            },
+            'arrow-icon': {
+                width: { value: '{size.l}' },
+                height: { value: '{size.l}' },
+            }
+        }
+    }
+}

package/design-tokens/legacy-2017/tokens.d.ts

@@ -7428,21 +7428,27 @@ export declare const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0
 export declare const CheckboxFontDefault = "body";
 export declare const DatepickerToggleSizeWidth = "30px";
 export declare const DatepickerToggleSizeHeight = "30px";
-export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#338FCC";
+export declare const DatepickerBodyLightColorSchemeStatesTodayColor = "#338FCC";
+export declare const DatepickerBodyLightColorSchemeStatesTodayBackground = "white";
+export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#4D4D4D";
 export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#D8EAF7";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#338FCC";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#114E77";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayColor = "#338FCC";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayBackground = "white";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4D4D4D";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#D8EAF7";
 export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
 export declare const DatepickerBodySizeCellMinSize = "32px";
 export declare const DatepickerBodySizeCellMargin = "5%";
 export declare const DatepickerBodySizeCellPadding = "8px";
 export declare const DatepickerBodySizeCellBorderWidth = "1px";
+export declare const DatepickerBodySizeCellBorderRadius = "0";
 export declare const DatepickerBodyFontLabel = "body-strong";
 export declare const DatepickerBodyFontToday = "body-strong";
 export declare const DatepickerCalendarSizePaddingTop = "16px";
 export declare const DatepickerCalendarSizePaddingHorizontal = "8px";
 export declare const DatepickerCalendarSizePaddingBottom = "8px";
 export declare const DatepickerCalendarSizePaddingBlocks = "12px";
+export declare const DatepickerCalendarSizeBorderRadius = "0";
 export declare const DatepickerCalendarSizeDividerWidth = "1px";
 export declare const DatepickerCalendarSizeIconBorderWidth = "2px";
 export declare const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)";
@@ -7887,6 +7893,32 @@ export declare const RadioSizeInnerSize = "10px";
 export declare const RadioSizeCapSize = "6px";
 export declare const RadioSizeLabelMargin = "8px";
 export declare const RadioFontDefault = "body";
+export declare const ScrollbarLightColorSchemeTrack = "#F0F0F0";
+export declare const ScrollbarLightColorSchemeThumbNormal = "#CCCCCC";
+export declare const ScrollbarLightColorSchemeThumbHover = "#B3B3B3";
+export declare const ScrollbarLightColorSchemeThumbActive = "#999999";
+export declare const ScrollbarLightColorSchemeThumbDisabled = "#E6E6E6";
+export declare const ScrollbarLightColorSchemeArrowNormal = "#999999";
+export declare const ScrollbarLightColorSchemeArrowDisabled = "#E6E6E6";
+export declare const ScrollbarLightColorSchemeArrowBackground = "#F0F0F0";
+export declare const ScrollbarLightColorSchemeCornerBackground = "#F0F0F0";
+export declare const ScrollbarLightColorSchemeResizerBackground = "#F0F0F0";
+export declare const ScrollbarDarkColorSchemeTrack = "#666666";
+export declare const ScrollbarDarkColorSchemeThumbNormal = "#808080";
+export declare const ScrollbarDarkColorSchemeThumbHover = "#999999";
+export declare const ScrollbarDarkColorSchemeThumbActive = "#B3B3B3";
+export declare const ScrollbarDarkColorSchemeThumbDisabled = "#666666";
+export declare const ScrollbarDarkColorSchemeArrowNormal = "#808080";
+export declare const ScrollbarDarkColorSchemeArrowDisabled = "#666666";
+export declare const ScrollbarDarkColorSchemeArrowBackground = "#666666";
+export declare const ScrollbarDarkColorSchemeCornerBackground = "#666666";
+export declare const ScrollbarDarkColorSchemeResizerBackground = "#666666";
+export declare const ScrollbarSizeTrackWidth = "16px";
+export declare const ScrollbarSizeThumbWidth = "8px";
+export declare const ScrollbarSizeThumbBorderWidth = "4px";
+export declare const ScrollbarSizeThumbBorderRadius = "8px";
+export declare const ScrollbarSizeArrowIconWidth = "16px";
+export declare const ScrollbarSizeArrowIconHeight = "16px";
 export declare const SelectSizeLeftPadding = "12px";
 export declare const SelectSizeRightPadding = "6px";
 export declare const SelectSizeLeftPaddingMultiple = "12px";

package/design-tokens/pt-2022/tokens/components/datepicker.json5

@@ -8,16 +8,24 @@
     'datepicker-body': {
         'light-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{light-color-scheme.primary.palette.value.500}' },
+                    background: { value: '{light-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{light-color-scheme.foreground.text}' },
                     background: { value: '{light-color-scheme.states.selected-color}' }
                 }
             }
         },
         'dark-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{dark-color-scheme.primary.palette.value.400}' },
+                    background: { value: '{dark-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{dark-color-scheme.foreground.text}' },
                     background: { value: '{dark-color-scheme.states.selected-color}' }
                 }
             }
@@ -30,7 +38,8 @@
                 'min-size': { value: '{size.3xl}' },
                 margin: { value: '5%' },
                 padding: { value: '{size.s}' },
-                'border-width': { value: '{size.border-width}' }
+                'border-width': { value: '{size.border-width}' },
+                'border-radius': { value: '0' }
             }
         },
         font: {
@@ -44,7 +53,7 @@
             'padding-horizontal': { value: '{size.s}' },
             'padding-bottom': { value: '{size.s}' },
             'padding-blocks': { value: '{size.m}' },
-
+            'border-radius': { value: '0' },
             'divider-width': { value: '1px' },
 
             icon: {

package/design-tokens/pt-2022/tokens/components/popup.json5

@@ -4,7 +4,7 @@
             shadow: { value: '0 3px 8px 0 rgba(39, 51, 62, 0.2)' },
             border: { value: '{light-color-scheme.foreground.divider}' },
             background: { value: '{light-color-scheme.background.background}' },
-            'footer-background': { value: '{light-color-scheme.background.background-disabled}' }
+            'footer-background': { value: '{light-color-scheme.background.background-disabled}'}
         },
         'dark-color-scheme': {
             shadow: { value: '0 3px 8px 0 rgba(0, 0, 0, 0.2)' },

package/design-tokens/pt-2022/tokens/components/scrollbars.json5

@@ -0,0 +1,52 @@
+{
+    scrollbar: {
+        'light-color-scheme': {
+            'track': { value: '{light-color-scheme.background.background-less-contrast}' },
+            'thumb': {
+                normal: { value: '{light-color-scheme.second.palette.value.200}' },
+                hover: { value: '{light-color-scheme.second.palette.value.300}' },
+                active: { value: '{light-color-scheme.second.palette.value.400}' },
+                disabled: { value: '{light-color-scheme.second.palette.value.100}' },
+            },
+            arrow: {
+                normal: { value: '{light-color-scheme.second.palette.value.300}' },
+                disabled: { value: '{light-color-scheme.second.palette.value.100}' },
+                background: { value: '{light-color-scheme.background.background-less-contrast}' },
+            },
+            'corner-background': { value: '{light-color-scheme.background.background-less-contrast}' },
+            'resizer-background': { value: '{light-color-scheme.background.background-less-contrast}' },
+        },
+        'dark-color-scheme': {
+            'track': { value: '{dark-color-scheme.background.background-less-contrast}' },
+            'thumb': {
+                normal: { value: '{dark-color-scheme.second.palette.value.560}' },
+                hover: { value: '{dark-color-scheme.second.palette.value.500}' },
+                active: { value: '{dark-color-scheme.second.palette.value.400}' },
+                disabled: { value: '{dark-color-scheme.second.palette.value.700}' },
+            },
+            arrow: {
+                normal: { value: '{dark-color-scheme.second.palette.value.560}' },
+                disabled: { value: '{dark-color-scheme.second.palette.value.700}' },
+                background: { value: '{dark-color-scheme.background.background-less-contrast}' },
+            },
+            'corner-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
+            'resizer-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
+        },
+        size: {
+            track: {
+                width: { value: '{size.l}' },
+            },
+            thumb: {
+                width: { value: '{size.s}' },
+                border: {
+                    width: { value: '{size.xxs}' },
+                    radius: { value: '{size.s}' },
+                },
+            },
+            'arrow-icon': {
+                width: { value: '{size.l}' },
+                height: { value: '{size.l}' },
+            }
+        }
+    }
+}

package/design-tokens/pt-2022/tokens/components/sidepanel.json5

@@ -19,8 +19,7 @@
         },
         size: {
             height: { value: '{size.6xl}' },
-            padding: { value: '0 {size.l}' },
-            'close-padding': { value: '0 0 0 {size.s}' }
+            padding: { value: '0 {size.l}' }
         },
         font: {
             default: { value: 'title' }

package/design-tokens/pt-2022/tokens.d.ts

@@ -8757,21 +8757,27 @@ export declare const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0
 export declare const CheckboxFontDefault = "body";
 export declare const DatepickerToggleSizeWidth = "30px";
 export declare const DatepickerToggleSizeHeight = "30px";
-export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#0374eb";
+export declare const DatepickerBodyLightColorSchemeStatesTodayColor = "#0374eb";
+export declare const DatepickerBodyLightColorSchemeStatesTodayBackground = "white";
+export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#19252f";
 export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#e7f1ff";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4187ff";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayColor = "#4187ff";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayBackground = "#19252f";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#d7dee4";
 export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "rgba(3, 116, 235, 0.3)";
 export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
 export declare const DatepickerBodySizeCellMinSize = "32px";
 export declare const DatepickerBodySizeCellMargin = "5%";
 export declare const DatepickerBodySizeCellPadding = "8px";
 export declare const DatepickerBodySizeCellBorderWidth = "1px";
+export declare const DatepickerBodySizeCellBorderRadius = "0";
 export declare const DatepickerBodyFontLabel = "body-strong";
 export declare const DatepickerBodyFontToday = "body-strong";
 export declare const DatepickerCalendarSizePaddingTop = "16px";
 export declare const DatepickerCalendarSizePaddingHorizontal = "8px";
 export declare const DatepickerCalendarSizePaddingBottom = "8px";
 export declare const DatepickerCalendarSizePaddingBlocks = "12px";
+export declare const DatepickerCalendarSizeBorderRadius = "0";
 export declare const DatepickerCalendarSizeDividerWidth = "1px";
 export declare const DatepickerCalendarSizeIconBorderWidth = "2px";
 export declare const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)";
@@ -9216,6 +9222,32 @@ export declare const RadioSizeInnerSize = "10px";
 export declare const RadioSizeCapSize = "6px";
 export declare const RadioSizeLabelMargin = "8px";
 export declare const RadioFontDefault = "body";
+export declare const ScrollbarLightColorSchemeTrack = "#f2f5f9";
+export declare const ScrollbarLightColorSchemeThumbNormal = "#bdc7d1";
+export declare const ScrollbarLightColorSchemeThumbHover = "#8c99a5";
+export declare const ScrollbarLightColorSchemeThumbActive = "#7f8c98";
+export declare const ScrollbarLightColorSchemeThumbDisabled = "#d7dee4";
+export declare const ScrollbarLightColorSchemeArrowNormal = "#8c99a5";
+export declare const ScrollbarLightColorSchemeArrowDisabled = "#d7dee4";
+export declare const ScrollbarLightColorSchemeArrowBackground = "#f2f5f9";
+export declare const ScrollbarLightColorSchemeCornerBackground = "#f2f5f9";
+export declare const ScrollbarLightColorSchemeResizerBackground = "#f2f5f9";
+export declare const ScrollbarDarkColorSchemeTrack = "#27333e";
+export declare const ScrollbarDarkColorSchemeThumbNormal = "#515e69";
+export declare const ScrollbarDarkColorSchemeThumbHover = "#6d7a86";
+export declare const ScrollbarDarkColorSchemeThumbActive = "#7f8c98";
+export declare const ScrollbarDarkColorSchemeThumbDisabled = "#333f4a";
+export declare const ScrollbarDarkColorSchemeArrowNormal = "#515e69";
+export declare const ScrollbarDarkColorSchemeArrowDisabled = "#333f4a";
+export declare const ScrollbarDarkColorSchemeArrowBackground = "#27333e";
+export declare const ScrollbarDarkColorSchemeCornerBackground = "#27333e";
+export declare const ScrollbarDarkColorSchemeResizerBackground = "#27333e";
+export declare const ScrollbarSizeTrackWidth = "16px";
+export declare const ScrollbarSizeThumbWidth = "8px";
+export declare const ScrollbarSizeThumbBorderWidth = "4px";
+export declare const ScrollbarSizeThumbBorderRadius = "8px";
+export declare const ScrollbarSizeArrowIconWidth = "16px";
+export declare const ScrollbarSizeArrowIconHeight = "16px";
 export declare const SelectSizeLeftPadding = "12px";
 export declare const SelectSizeRightPadding = "6px";
 export declare const SelectSizeLeftPaddingMultiple = "12px";
@@ -9233,7 +9265,6 @@ export declare const SidepanelHeaderLightColorSchemeBorder = "#d7dee4";
 export declare const SidepanelHeaderDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
 export declare const SidepanelHeaderSizeHeight = "56px";
 export declare const SidepanelHeaderSizePadding = "0 16px";
-export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
 export declare const SidepanelHeaderFontDefault = "title";
 export declare const SidepanelFooterLightColorSchemeBorder = "#f2f5f9";
 export declare const SidepanelFooterDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";

package/esm2020/button-toggle/button-toggle.component.mjs

@@ -326,7 +326,7 @@ export class McButtonToggle {
             (click)="onToggleClick()">
             <ng-content></ng-content>
         </button>
-    `, isInline: true, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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{inset:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.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}.mc-scrollbar::-webkit-scrollbar,.mc-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px #0000001f;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:#0000000d}.mc-scrollbar::-webkit-scrollbar:hover,.mc-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px #0000000e,inset 0 -1px #0000000a;background-color:#00000016}.mc-scrollbar::-webkit-scrollbar-button,.mc-scrollbar ::-webkit-scrollbar-button{display:none}.mc-scrollbar::-webkit-scrollbar-corner,.mc-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.mc-scrollbar::-webkit-scrollbar-thumb,.mc-scrollbar ::-webkit-scrollbar-thumb{background-color:#00000042;box-shadow:inset 1px 1px #0000000e,inset 0 -1px #00000016;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-standalone{box-shadow:none}\n"], dependencies: [{ kind: "component", type: i2.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2.McButtonCssStyler, selector: "[mc-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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{inset:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.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}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-standalone{box-shadow:none}\n"], dependencies: [{ kind: "component", type: i2.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i2.McButtonCssStyler, selector: "[mc-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: McButtonToggle, decorators: [{
             type: Component,
             args: [{ selector: 'mc-button-toggle', exportAs: 'mcButtonToggle', template: `
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImpor
     `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'mc-button-toggle',
                         '[class.mc-button-toggle-standalone]': '!buttonToggleGroup'
-                    }, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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{inset:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.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}.mc-scrollbar::-webkit-scrollbar,.mc-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px #0000001f;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:#0000000d}.mc-scrollbar::-webkit-scrollbar:hover,.mc-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px #0000000e,inset 0 -1px #0000000a;background-color:#00000016}.mc-scrollbar::-webkit-scrollbar-button,.mc-scrollbar ::-webkit-scrollbar-button{display:none}.mc-scrollbar::-webkit-scrollbar-corner,.mc-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.mc-scrollbar::-webkit-scrollbar-thumb,.mc-scrollbar ::-webkit-scrollbar-thumb{background-color:#00000042;box-shadow:inset 1px 1px #0000000e,inset 0 -1px #00000016;-webkit-transition:all .5s cubic-bezier(.35,0,.25,1);transition:all .5s cubic-bezier(.35,0,.25,1)}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-standalone{box-shadow:none}\n"] }]
+                    }, styles: ["@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:-1px;margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:-1px;margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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{inset:0;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.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}.mc-button-toggle-group{display:flex;flex-direction:row}.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:first-of-type:not(:last-of-type)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:last-of-type:not(:first-of-type)>.mc-icon-button{border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-button,.mc-button-toggle-group .mc-button-toggle:not(:first-of-type):not(:last-of-type)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-group .mc-button-toggle[disabled]{outline:0}.mc-button-toggle-group:not(.mc-button-toggle_vertical) .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-left:-1px;margin-left:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical{flex-direction:column}.mc-button-toggle_vertical .mc-button-toggle+.mc-button-toggle{border-left:none;border-right:none}.mc-button-toggle_vertical .mc-button-toggle:not([disabled])+.mc-button-toggle:not([disabled]){margin-top:-1px;margin-top:calc(-1 * var(--mc-button-toggle-size-border-size, 1px))}.mc-button-toggle_vertical .mc-button-toggle .mc-button,.mc-button-toggle_vertical .mc-button-toggle .mc-icon-button{width:100%}.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:first-child:not(:last-child)>.mc-icon-button{border-bottom-right-radius:0;border-bottom-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-left-radius:0;border-bottom-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-right-radius:4px;border-top-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-top-left-radius:4px;border-top-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:last-child:not(:first-child)>.mc-icon-button{border-top-right-radius:0;border-top-right-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-top-left-radius:0;border-top-left-radius:var(--mc-button-toggle-size-border-siblings-radius, 0);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mc-button-toggle-size-border-radius, 4px);border-bottom-left-radius:4px;border-bottom-left-radius:var(--mc-button-toggle-size-border-radius, 4px)}.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-button,.mc-button-toggle_vertical .mc-button-toggle:not(:first-child):not(:last-child)>.mc-icon-button{border-radius:0;border-radius:var(--mc-button-toggle-size-border-siblings-radius, 0)}.mc-button-toggle-standalone{box-shadow:none}\n"] }]
         }], ctorParameters: function () { return [{ type: McButtonToggleGroup, decorators: [{
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { checked: [{