@ptsecurity/mosaic 14.4.0 → 14.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_theming.scss +207 -3
- package/_visual.scss +26 -0
- package/design-tokens/legacy-2017/tokens/components/scrollbars.json5 +52 -0
- package/design-tokens/legacy-2017/tokens.d.ts +26 -0
- package/design-tokens/pt-2022/tokens/components/scrollbars.json5 +52 -0
- package/design-tokens/pt-2022/tokens.d.ts +26 -0
- package/esm2020/button-toggle/button-toggle.component.mjs +2 -2
- package/esm2020/design-tokens/legacy-2017/tokens.mjs +27 -1
- package/esm2020/design-tokens/pt-2022/tokens.mjs +27 -1
- package/esm2020/dropdown/dropdown-item.component.mjs +2 -2
- package/esm2020/form-field/validate.directive.mjs +7 -4
- package/esm2020/select/select.component.mjs +2 -4
- package/esm2020/sidepanel/sidepanel-container.component.mjs +3 -3
- package/esm2020/timezone/timezone-option.directive.mjs +3 -1
- package/esm2020/timezone/timezone.utils.mjs +11 -4
- package/esm2020/tree-select/tree-select.component.mjs +3 -3
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +79 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.mjs +6 -3
- package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.mjs +1 -3
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timezone.mjs +12 -4
- package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +79 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-form-field.mjs +6 -3
- package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-select.mjs +1 -3
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-timezone.mjs +12 -4
- package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/form-field/validate.directive.d.ts +1 -0
- package/package.json +4 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
package/_theming.scss
CHANGED
|
@@ -1258,6 +1258,32 @@ $radio-size-inner-size: 10px;
|
|
|
1258
1258
|
$radio-size-cap-size: 6px;
|
|
1259
1259
|
$radio-size-label-margin: 8px;
|
|
1260
1260
|
$radio-font-default: body;
|
|
1261
|
+
$scrollbar-light-color-scheme-track: #f2f5f9;
|
|
1262
|
+
$scrollbar-light-color-scheme-thumb-normal: #bdc7d1;
|
|
1263
|
+
$scrollbar-light-color-scheme-thumb-hover: #8c99a5;
|
|
1264
|
+
$scrollbar-light-color-scheme-thumb-active: #7f8c98;
|
|
1265
|
+
$scrollbar-light-color-scheme-thumb-disabled: #d7dee4;
|
|
1266
|
+
$scrollbar-light-color-scheme-arrow-normal: #8c99a5;
|
|
1267
|
+
$scrollbar-light-color-scheme-arrow-disabled: #d7dee4;
|
|
1268
|
+
$scrollbar-light-color-scheme-arrow-background: #f2f5f9;
|
|
1269
|
+
$scrollbar-light-color-scheme-corner-background: #f2f5f9;
|
|
1270
|
+
$scrollbar-light-color-scheme-resizer-background: #f2f5f9;
|
|
1271
|
+
$scrollbar-dark-color-scheme-track: #27333e;
|
|
1272
|
+
$scrollbar-dark-color-scheme-thumb-normal: #515e69;
|
|
1273
|
+
$scrollbar-dark-color-scheme-thumb-hover: #6d7a86;
|
|
1274
|
+
$scrollbar-dark-color-scheme-thumb-active: #7f8c98;
|
|
1275
|
+
$scrollbar-dark-color-scheme-thumb-disabled: #333f4a;
|
|
1276
|
+
$scrollbar-dark-color-scheme-arrow-normal: #515e69;
|
|
1277
|
+
$scrollbar-dark-color-scheme-arrow-disabled: #333f4a;
|
|
1278
|
+
$scrollbar-dark-color-scheme-arrow-background: #27333e;
|
|
1279
|
+
$scrollbar-dark-color-scheme-corner-background: #27333e;
|
|
1280
|
+
$scrollbar-dark-color-scheme-resizer-background: #27333e;
|
|
1281
|
+
$scrollbar-size-track-width: 16px;
|
|
1282
|
+
$scrollbar-size-thumb-width: 8px;
|
|
1283
|
+
$scrollbar-size-thumb-border-width: 4px;
|
|
1284
|
+
$scrollbar-size-thumb-border-radius: 8px;
|
|
1285
|
+
$scrollbar-size-arrow-icon-width: 16px;
|
|
1286
|
+
$scrollbar-size-arrow-icon-height: 16px;
|
|
1261
1287
|
$select-size-left-padding: 12px;
|
|
1262
1288
|
$select-size-right-padding: 6px;
|
|
1263
1289
|
$select-size-left-padding-multiple: 12px;
|
|
@@ -3199,6 +3225,23 @@ $md-typography: (
|
|
|
3199
3225
|
)
|
|
3200
3226
|
);
|
|
3201
3227
|
|
|
3228
|
+
$scrollbar: (
|
|
3229
|
+
track: $scrollbar-light-color-scheme-track,
|
|
3230
|
+
thumb: (
|
|
3231
|
+
normal: $scrollbar-light-color-scheme-thumb-normal,
|
|
3232
|
+
hover: $scrollbar-light-color-scheme-thumb-hover,
|
|
3233
|
+
active: $scrollbar-light-color-scheme-thumb-active,
|
|
3234
|
+
disabled: $scrollbar-light-color-scheme-thumb-disabled,
|
|
3235
|
+
),
|
|
3236
|
+
arrow: (
|
|
3237
|
+
normal: $scrollbar-light-color-scheme-arrow-normal,
|
|
3238
|
+
disabled: $scrollbar-light-color-scheme-arrow-disabled,
|
|
3239
|
+
background: $scrollbar-light-color-scheme-arrow-background,
|
|
3240
|
+
),
|
|
3241
|
+
corner-background: $scrollbar-light-color-scheme-corner-background,
|
|
3242
|
+
resizer-background: $scrollbar-light-color-scheme-resizer-background
|
|
3243
|
+
);
|
|
3244
|
+
|
|
3202
3245
|
@return (
|
|
3203
3246
|
alert: $alert,
|
|
3204
3247
|
popup: $popup,
|
|
@@ -3229,7 +3272,8 @@ $md-typography: (
|
|
|
3229
3272
|
timezone: $timezone,
|
|
3230
3273
|
toast: $toast,
|
|
3231
3274
|
toggle: $toggle,
|
|
3232
|
-
tooltip: $tooltip
|
|
3275
|
+
tooltip: $tooltip,
|
|
3276
|
+
scrollbar: $scrollbar
|
|
3233
3277
|
);
|
|
3234
3278
|
}
|
|
3235
3279
|
|
|
@@ -3775,6 +3819,23 @@ $md-typography: (
|
|
|
3775
3819
|
)
|
|
3776
3820
|
);
|
|
3777
3821
|
|
|
3822
|
+
$scrollbar: (
|
|
3823
|
+
track: $scrollbar-dark-color-scheme-track,
|
|
3824
|
+
thumb: (
|
|
3825
|
+
normal: $scrollbar-dark-color-scheme-thumb-normal,
|
|
3826
|
+
hover: $scrollbar-dark-color-scheme-thumb-hover,
|
|
3827
|
+
active: $scrollbar-dark-color-scheme-thumb-active,
|
|
3828
|
+
disabled: $scrollbar-dark-color-scheme-thumb-disabled,
|
|
3829
|
+
),
|
|
3830
|
+
arrow: (
|
|
3831
|
+
normal: $scrollbar-dark-color-scheme-arrow-normal,
|
|
3832
|
+
disabled: $scrollbar-dark-color-scheme-arrow-disabled,
|
|
3833
|
+
background: $scrollbar-dark-color-scheme-arrow-background,
|
|
3834
|
+
),
|
|
3835
|
+
corner-background: $scrollbar-dark-color-scheme-corner-background,
|
|
3836
|
+
resizer-background: $scrollbar-dark-color-scheme-resizer-background
|
|
3837
|
+
);
|
|
3838
|
+
|
|
3778
3839
|
@return (
|
|
3779
3840
|
alert: $alert,
|
|
3780
3841
|
popup: $popup,
|
|
@@ -3805,7 +3866,8 @@ $md-typography: (
|
|
|
3805
3866
|
timezone: $timezone,
|
|
3806
3867
|
toast: $toast,
|
|
3807
3868
|
toggle: $toggle,
|
|
3808
|
-
tooltip: $tooltip
|
|
3869
|
+
tooltip: $tooltip,
|
|
3870
|
+
scrollbar: $scrollbar
|
|
3809
3871
|
);
|
|
3810
3872
|
}
|
|
3811
3873
|
|
|
@@ -7160,6 +7222,146 @@ button {
|
|
|
7160
7222
|
|
|
7161
7223
|
|
|
7162
7224
|
|
|
7225
|
+
|
|
7226
|
+
/// Replace `$search` with `$replace` in `$string`
|
|
7227
|
+
/// @author Kitty Giraudel
|
|
7228
|
+
/// @param {String} $string - Initial string
|
|
7229
|
+
/// @param {String} $search - Substring to replace
|
|
7230
|
+
/// @param {String} $replace ('') - New value
|
|
7231
|
+
/// @return {String} - Updated string
|
|
7232
|
+
@function str-replace($string, $search, $replace: '') {
|
|
7233
|
+
$index: str-index($string, $search);
|
|
7234
|
+
|
|
7235
|
+
@if $index {
|
|
7236
|
+
@return str-slice($string, 1, $index - 1) + $replace +
|
|
7237
|
+
str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
|
7238
|
+
}
|
|
7239
|
+
|
|
7240
|
+
@return $string;
|
|
7241
|
+
}
|
|
7242
|
+
|
|
7243
|
+
|
|
7244
|
+
.mc-scrollbar {
|
|
7245
|
+
//firefox
|
|
7246
|
+
scrollbar-width: auto;
|
|
7247
|
+
|
|
7248
|
+
// webkit
|
|
7249
|
+
&::-webkit-scrollbar,
|
|
7250
|
+
::-webkit-scrollbar {
|
|
7251
|
+
width: var(--mc-scrollbar-size-track-width, $scrollbar-size-track-width);
|
|
7252
|
+
}
|
|
7253
|
+
|
|
7254
|
+
&::-webkit-scrollbar-thumb,
|
|
7255
|
+
::-webkit-scrollbar-thumb {
|
|
7256
|
+
width: var(--mc-scrollbar-size-thumb-width, $scrollbar-size-thumb-width);
|
|
7257
|
+
border-width: var(--mc-scrollbar-size-thumb-inset-border-width, $scrollbar-size-thumb-border-width);
|
|
7258
|
+
border-radius: var(--mc-scrollbar-size-thumb-inset-border-radius, $scrollbar-size-thumb-border-radius);
|
|
7259
|
+
}
|
|
7260
|
+
|
|
7261
|
+
&::-webkit-scrollbar-button,
|
|
7262
|
+
::-webkit-scrollbar-button {
|
|
7263
|
+
display: none;
|
|
7264
|
+
|
|
7265
|
+
height: var(--mc-scrollbar-size-arrow-icon-height, $scrollbar-size-arrow-icon-height);
|
|
7266
|
+
width: var(--mc-scrollbar-size-arrow-icon-width, $scrollbar-size-arrow-icon-width);
|
|
7267
|
+
}
|
|
7268
|
+
}
|
|
7269
|
+
|
|
7270
|
+
@mixin mc-scrollbar-theme($theme) {
|
|
7271
|
+
$scrollbar: map-get(map-get($theme, components), scrollbar);
|
|
7272
|
+
$thumb: map-get($scrollbar, thumb);
|
|
7273
|
+
$arrow: map-get($scrollbar, arrow);
|
|
7274
|
+
|
|
7275
|
+
.mc-scrollbar {
|
|
7276
|
+
|
|
7277
|
+
// firefox
|
|
7278
|
+
scrollbar-color: map-get($thumb, normal) map-get($scrollbar, track);
|
|
7279
|
+
|
|
7280
|
+
// webkit
|
|
7281
|
+
&::-webkit-scrollbar,
|
|
7282
|
+
::-webkit-scrollbar {
|
|
7283
|
+
background-color: map-get($scrollbar, track);
|
|
7284
|
+
}
|
|
7285
|
+
|
|
7286
|
+
&::-webkit-scrollbar-corner,
|
|
7287
|
+
::-webkit-scrollbar-corner {
|
|
7288
|
+
background-color: map-get($scrollbar, corner-background);
|
|
7289
|
+
}
|
|
7290
|
+
|
|
7291
|
+
|
|
7292
|
+
&::-webkit-scrollbar-thumb,
|
|
7293
|
+
::-webkit-scrollbar-thumb {
|
|
7294
|
+
background-color: map-get($thumb, normal);
|
|
7295
|
+
|
|
7296
|
+
border-color: map-get($scrollbar, track);
|
|
7297
|
+
border-style: solid;
|
|
7298
|
+
|
|
7299
|
+
&:hover {
|
|
7300
|
+
background-color: map-get($thumb, hover);
|
|
7301
|
+
}
|
|
7302
|
+
|
|
7303
|
+
&:disabled {
|
|
7304
|
+
background-color: map-get($thumb, disabled);
|
|
7305
|
+
}
|
|
7306
|
+
|
|
7307
|
+
&:active {
|
|
7308
|
+
background-color: map-get($thumb, active);
|
|
7309
|
+
}
|
|
7310
|
+
}
|
|
7311
|
+
|
|
7312
|
+
/* stylelint-disable */
|
|
7313
|
+
&::-webkit-scrollbar-button,
|
|
7314
|
+
::-webkit-scrollbar-button {
|
|
7315
|
+
background-color: map-get($arrow, background);
|
|
7316
|
+
background-size: 10px 10px;
|
|
7317
|
+
background-repeat: no-repeat;
|
|
7318
|
+
background-position: center center;
|
|
7319
|
+
|
|
7320
|
+
&:single-button {
|
|
7321
|
+
&:horizontal:decrement {
|
|
7322
|
+
@include arrow-image(right, map-get($arrow, normal));
|
|
7323
|
+
}
|
|
7324
|
+
|
|
7325
|
+
&:horizontal:increment {
|
|
7326
|
+
@include arrow-image(left, map-get($arrow, normal));
|
|
7327
|
+
}
|
|
7328
|
+
|
|
7329
|
+
&:vertical:decrement {
|
|
7330
|
+
@include arrow-image(up, map-get($arrow, normal));
|
|
7331
|
+
}
|
|
7332
|
+
|
|
7333
|
+
&:vertical:increment {
|
|
7334
|
+
@include arrow-image(down, map-get($arrow, normal));
|
|
7335
|
+
}
|
|
7336
|
+
}
|
|
7337
|
+
|
|
7338
|
+
// disable double-button
|
|
7339
|
+
&:vertical:start:increment,
|
|
7340
|
+
&:vertical:end:decrement,
|
|
7341
|
+
&:horizontal:end:increment,
|
|
7342
|
+
&:horizontal:end:decrement {
|
|
7343
|
+
display: none;
|
|
7344
|
+
}
|
|
7345
|
+
}
|
|
7346
|
+
/* stylelint-enable */
|
|
7347
|
+
}
|
|
7348
|
+
}
|
|
7349
|
+
|
|
7350
|
+
@mixin arrow-image($direction, $color) {
|
|
7351
|
+
$color: str-replace('#{$color}', '#', '%23');
|
|
7352
|
+
|
|
7353
|
+
@if $direction == up {
|
|
7354
|
+
background-image: url('data:image/svg+xml;utf8,<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 4L4 0L8 4H0Z" fill="#{$color}"/></svg>');
|
|
7355
|
+
} @else if $direction == left {
|
|
7356
|
+
background-image: url('data:image/svg+xml;utf8,<svg width="4" height="8" viewBox="0 0 4 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.354973 0.111252L3.64503 3.40028C3.84808 3.60327 3.84107 3.91407 3.64503 4.11011L0.354973 7.40017C0.15192 7.60322 0 7.53112 0 7.25478V0.256747C0 -0.0128497 0.158927 -0.0847332 0.354973 0.111252Z" fill="#{$color}"/></svg>');
|
|
7357
|
+
} @else if $direction == down {
|
|
7358
|
+
background-image: url('data:image/svg+xml;utf8,<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L4 4L8 0H0Z" fill="#{$color}"/></svg>');
|
|
7359
|
+
} @else if $direction == right {
|
|
7360
|
+
background-image: url('data:image/svg+xml;utf8,<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.64975 0.111682C3.8458 -0.0845414 4.00472 -0.0128511 4.00472 0.256746V7.25478C4.00472 7.53112 3.8528 7.6034 3.64975 7.4006L0.359696 4.11454C0.163649 3.91873 0.156643 3.60794 0.359696 3.40471L3.64975 0.111682Z" fill="#{$color}"/></svg>');
|
|
7361
|
+
}
|
|
7362
|
+
}
|
|
7363
|
+
|
|
7364
|
+
|
|
7163
7365
|
@mixin mc-pseudo-checkbox-color($states) {
|
|
7164
7366
|
border-color: map-get($states, border);
|
|
7165
7367
|
|
|
@@ -7715,6 +7917,7 @@ button {
|
|
|
7715
7917
|
@include mc-dropdown-theme($theme);
|
|
7716
7918
|
@include mc-form-field-theme($theme);
|
|
7717
7919
|
@include mc-forms-theme($theme);
|
|
7920
|
+
@include mc-highlight-theme($theme);
|
|
7718
7921
|
@include mc-icon-theme($theme);
|
|
7719
7922
|
@include mc-input-theme($theme);
|
|
7720
7923
|
@include mc-link-theme($theme);
|
|
@@ -7732,6 +7935,7 @@ button {
|
|
|
7732
7935
|
@include mc-progress-spinner-theme($theme);
|
|
7733
7936
|
@include mc-pseudo-checkbox-theme($theme);
|
|
7734
7937
|
@include mc-radio-theme($theme);
|
|
7938
|
+
@include mc-scrollbar-theme($theme);
|
|
7735
7939
|
@include mc-select-theme($theme);
|
|
7736
7940
|
@include mc-sidepanel-theme($theme);
|
|
7737
7941
|
@include mc-splitter-theme($theme);
|
|
@@ -7744,6 +7948,6 @@ button {
|
|
|
7744
7948
|
@include mc-tooltip-theme($theme);
|
|
7745
7949
|
@include mc-tree-select-theme($theme);
|
|
7746
7950
|
@include mc-tree-theme($theme);
|
|
7747
|
-
@include mc-highlight-theme($theme);
|
|
7748
7951
|
@include mc-table-theme($theme);
|
|
7952
|
+
|
|
7749
7953
|
}
|
package/_visual.scss
CHANGED
|
@@ -1092,6 +1092,32 @@ $radio-size-inner-size: 10px;
|
|
|
1092
1092
|
$radio-size-cap-size: 6px;
|
|
1093
1093
|
$radio-size-label-margin: 8px;
|
|
1094
1094
|
$radio-font-default: body;
|
|
1095
|
+
$scrollbar-light-color-scheme-track: #f2f5f9;
|
|
1096
|
+
$scrollbar-light-color-scheme-thumb-normal: #bdc7d1;
|
|
1097
|
+
$scrollbar-light-color-scheme-thumb-hover: #8c99a5;
|
|
1098
|
+
$scrollbar-light-color-scheme-thumb-active: #7f8c98;
|
|
1099
|
+
$scrollbar-light-color-scheme-thumb-disabled: #d7dee4;
|
|
1100
|
+
$scrollbar-light-color-scheme-arrow-normal: #8c99a5;
|
|
1101
|
+
$scrollbar-light-color-scheme-arrow-disabled: #d7dee4;
|
|
1102
|
+
$scrollbar-light-color-scheme-arrow-background: #f2f5f9;
|
|
1103
|
+
$scrollbar-light-color-scheme-corner-background: #f2f5f9;
|
|
1104
|
+
$scrollbar-light-color-scheme-resizer-background: #f2f5f9;
|
|
1105
|
+
$scrollbar-dark-color-scheme-track: #27333e;
|
|
1106
|
+
$scrollbar-dark-color-scheme-thumb-normal: #515e69;
|
|
1107
|
+
$scrollbar-dark-color-scheme-thumb-hover: #6d7a86;
|
|
1108
|
+
$scrollbar-dark-color-scheme-thumb-active: #7f8c98;
|
|
1109
|
+
$scrollbar-dark-color-scheme-thumb-disabled: #333f4a;
|
|
1110
|
+
$scrollbar-dark-color-scheme-arrow-normal: #515e69;
|
|
1111
|
+
$scrollbar-dark-color-scheme-arrow-disabled: #333f4a;
|
|
1112
|
+
$scrollbar-dark-color-scheme-arrow-background: #27333e;
|
|
1113
|
+
$scrollbar-dark-color-scheme-corner-background: #27333e;
|
|
1114
|
+
$scrollbar-dark-color-scheme-resizer-background: #27333e;
|
|
1115
|
+
$scrollbar-size-track-width: 16px;
|
|
1116
|
+
$scrollbar-size-thumb-width: 8px;
|
|
1117
|
+
$scrollbar-size-thumb-border-width: 4px;
|
|
1118
|
+
$scrollbar-size-thumb-border-radius: 8px;
|
|
1119
|
+
$scrollbar-size-arrow-icon-width: 16px;
|
|
1120
|
+
$scrollbar-size-arrow-icon-height: 16px;
|
|
1095
1121
|
$select-size-left-padding: 12px;
|
|
1096
1122
|
$select-size-right-padding: 6px;
|
|
1097
1123
|
$select-size-left-padding-multiple: 12px;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
scrollbar: {
|
|
3
|
+
'light-color-scheme': {
|
|
4
|
+
'track': { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
5
|
+
'thumb': {
|
|
6
|
+
normal: { value: '{light-color-scheme.second.palette.value.200}' },
|
|
7
|
+
hover: { value: '{light-color-scheme.second.palette.value.300}' },
|
|
8
|
+
active: { value: '{light-color-scheme.second.palette.value.400}' },
|
|
9
|
+
disabled: { value: '{light-color-scheme.second.palette.value.100}' },
|
|
10
|
+
},
|
|
11
|
+
arrow: {
|
|
12
|
+
normal: { value: '{light-color-scheme.second.palette.value.400}' },
|
|
13
|
+
disabled: { value: '{light-color-scheme.second.palette.value.100}' },
|
|
14
|
+
background: { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
15
|
+
},
|
|
16
|
+
'corner-background': { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
17
|
+
'resizer-background': { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
18
|
+
},
|
|
19
|
+
'dark-color-scheme': {
|
|
20
|
+
'track': { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
21
|
+
'thumb': {
|
|
22
|
+
normal: { value: '{dark-color-scheme.second.palette.value.500}' },
|
|
23
|
+
hover: { value: '{dark-color-scheme.second.palette.value.400}' },
|
|
24
|
+
active: { value: '{dark-color-scheme.second.palette.value.300}' },
|
|
25
|
+
disabled: { value: '{dark-color-scheme.second.palette.value.600}' },
|
|
26
|
+
},
|
|
27
|
+
arrow: {
|
|
28
|
+
normal: { value: '{dark-color-scheme.second.palette.value.500}' },
|
|
29
|
+
disabled: { value: '{dark-color-scheme.second.palette.value.600}' },
|
|
30
|
+
background: { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
31
|
+
},
|
|
32
|
+
'corner-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
33
|
+
'resizer-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
34
|
+
},
|
|
35
|
+
size: {
|
|
36
|
+
track: {
|
|
37
|
+
width: { value: '{size.l}' },
|
|
38
|
+
},
|
|
39
|
+
thumb: {
|
|
40
|
+
width: { value: '{size.s}' },
|
|
41
|
+
border: {
|
|
42
|
+
width: { value: '{size.xxs}' },
|
|
43
|
+
radius: { value: '{size.s}' },
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
'arrow-icon': {
|
|
47
|
+
width: { value: '{size.l}' },
|
|
48
|
+
height: { value: '{size.l}' },
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -7893,6 +7893,32 @@ export declare const RadioSizeInnerSize = "10px";
|
|
|
7893
7893
|
export declare const RadioSizeCapSize = "6px";
|
|
7894
7894
|
export declare const RadioSizeLabelMargin = "8px";
|
|
7895
7895
|
export declare const RadioFontDefault = "body";
|
|
7896
|
+
export declare const ScrollbarLightColorSchemeTrack = "#F0F0F0";
|
|
7897
|
+
export declare const ScrollbarLightColorSchemeThumbNormal = "#CCCCCC";
|
|
7898
|
+
export declare const ScrollbarLightColorSchemeThumbHover = "#B3B3B3";
|
|
7899
|
+
export declare const ScrollbarLightColorSchemeThumbActive = "#999999";
|
|
7900
|
+
export declare const ScrollbarLightColorSchemeThumbDisabled = "#E6E6E6";
|
|
7901
|
+
export declare const ScrollbarLightColorSchemeArrowNormal = "#999999";
|
|
7902
|
+
export declare const ScrollbarLightColorSchemeArrowDisabled = "#E6E6E6";
|
|
7903
|
+
export declare const ScrollbarLightColorSchemeArrowBackground = "#F0F0F0";
|
|
7904
|
+
export declare const ScrollbarLightColorSchemeCornerBackground = "#F0F0F0";
|
|
7905
|
+
export declare const ScrollbarLightColorSchemeResizerBackground = "#F0F0F0";
|
|
7906
|
+
export declare const ScrollbarDarkColorSchemeTrack = "#666666";
|
|
7907
|
+
export declare const ScrollbarDarkColorSchemeThumbNormal = "#808080";
|
|
7908
|
+
export declare const ScrollbarDarkColorSchemeThumbHover = "#999999";
|
|
7909
|
+
export declare const ScrollbarDarkColorSchemeThumbActive = "#B3B3B3";
|
|
7910
|
+
export declare const ScrollbarDarkColorSchemeThumbDisabled = "#666666";
|
|
7911
|
+
export declare const ScrollbarDarkColorSchemeArrowNormal = "#808080";
|
|
7912
|
+
export declare const ScrollbarDarkColorSchemeArrowDisabled = "#666666";
|
|
7913
|
+
export declare const ScrollbarDarkColorSchemeArrowBackground = "#666666";
|
|
7914
|
+
export declare const ScrollbarDarkColorSchemeCornerBackground = "#666666";
|
|
7915
|
+
export declare const ScrollbarDarkColorSchemeResizerBackground = "#666666";
|
|
7916
|
+
export declare const ScrollbarSizeTrackWidth = "16px";
|
|
7917
|
+
export declare const ScrollbarSizeThumbWidth = "8px";
|
|
7918
|
+
export declare const ScrollbarSizeThumbBorderWidth = "4px";
|
|
7919
|
+
export declare const ScrollbarSizeThumbBorderRadius = "8px";
|
|
7920
|
+
export declare const ScrollbarSizeArrowIconWidth = "16px";
|
|
7921
|
+
export declare const ScrollbarSizeArrowIconHeight = "16px";
|
|
7896
7922
|
export declare const SelectSizeLeftPadding = "12px";
|
|
7897
7923
|
export declare const SelectSizeRightPadding = "6px";
|
|
7898
7924
|
export declare const SelectSizeLeftPaddingMultiple = "12px";
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
scrollbar: {
|
|
3
|
+
'light-color-scheme': {
|
|
4
|
+
'track': { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
5
|
+
'thumb': {
|
|
6
|
+
normal: { value: '{light-color-scheme.second.palette.value.200}' },
|
|
7
|
+
hover: { value: '{light-color-scheme.second.palette.value.300}' },
|
|
8
|
+
active: { value: '{light-color-scheme.second.palette.value.400}' },
|
|
9
|
+
disabled: { value: '{light-color-scheme.second.palette.value.100}' },
|
|
10
|
+
},
|
|
11
|
+
arrow: {
|
|
12
|
+
normal: { value: '{light-color-scheme.second.palette.value.300}' },
|
|
13
|
+
disabled: { value: '{light-color-scheme.second.palette.value.100}' },
|
|
14
|
+
background: { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
15
|
+
},
|
|
16
|
+
'corner-background': { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
17
|
+
'resizer-background': { value: '{light-color-scheme.background.background-less-contrast}' },
|
|
18
|
+
},
|
|
19
|
+
'dark-color-scheme': {
|
|
20
|
+
'track': { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
21
|
+
'thumb': {
|
|
22
|
+
normal: { value: '{dark-color-scheme.second.palette.value.560}' },
|
|
23
|
+
hover: { value: '{dark-color-scheme.second.palette.value.500}' },
|
|
24
|
+
active: { value: '{dark-color-scheme.second.palette.value.400}' },
|
|
25
|
+
disabled: { value: '{dark-color-scheme.second.palette.value.700}' },
|
|
26
|
+
},
|
|
27
|
+
arrow: {
|
|
28
|
+
normal: { value: '{dark-color-scheme.second.palette.value.560}' },
|
|
29
|
+
disabled: { value: '{dark-color-scheme.second.palette.value.700}' },
|
|
30
|
+
background: { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
31
|
+
},
|
|
32
|
+
'corner-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
33
|
+
'resizer-background': { value: '{dark-color-scheme.background.background-less-contrast}' },
|
|
34
|
+
},
|
|
35
|
+
size: {
|
|
36
|
+
track: {
|
|
37
|
+
width: { value: '{size.l}' },
|
|
38
|
+
},
|
|
39
|
+
thumb: {
|
|
40
|
+
width: { value: '{size.s}' },
|
|
41
|
+
border: {
|
|
42
|
+
width: { value: '{size.xxs}' },
|
|
43
|
+
radius: { value: '{size.s}' },
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
'arrow-icon': {
|
|
47
|
+
width: { value: '{size.l}' },
|
|
48
|
+
height: { value: '{size.l}' },
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -9222,6 +9222,32 @@ export declare const RadioSizeInnerSize = "10px";
|
|
|
9222
9222
|
export declare const RadioSizeCapSize = "6px";
|
|
9223
9223
|
export declare const RadioSizeLabelMargin = "8px";
|
|
9224
9224
|
export declare const RadioFontDefault = "body";
|
|
9225
|
+
export declare const ScrollbarLightColorSchemeTrack = "#f2f5f9";
|
|
9226
|
+
export declare const ScrollbarLightColorSchemeThumbNormal = "#bdc7d1";
|
|
9227
|
+
export declare const ScrollbarLightColorSchemeThumbHover = "#8c99a5";
|
|
9228
|
+
export declare const ScrollbarLightColorSchemeThumbActive = "#7f8c98";
|
|
9229
|
+
export declare const ScrollbarLightColorSchemeThumbDisabled = "#d7dee4";
|
|
9230
|
+
export declare const ScrollbarLightColorSchemeArrowNormal = "#8c99a5";
|
|
9231
|
+
export declare const ScrollbarLightColorSchemeArrowDisabled = "#d7dee4";
|
|
9232
|
+
export declare const ScrollbarLightColorSchemeArrowBackground = "#f2f5f9";
|
|
9233
|
+
export declare const ScrollbarLightColorSchemeCornerBackground = "#f2f5f9";
|
|
9234
|
+
export declare const ScrollbarLightColorSchemeResizerBackground = "#f2f5f9";
|
|
9235
|
+
export declare const ScrollbarDarkColorSchemeTrack = "#27333e";
|
|
9236
|
+
export declare const ScrollbarDarkColorSchemeThumbNormal = "#515e69";
|
|
9237
|
+
export declare const ScrollbarDarkColorSchemeThumbHover = "#6d7a86";
|
|
9238
|
+
export declare const ScrollbarDarkColorSchemeThumbActive = "#7f8c98";
|
|
9239
|
+
export declare const ScrollbarDarkColorSchemeThumbDisabled = "#333f4a";
|
|
9240
|
+
export declare const ScrollbarDarkColorSchemeArrowNormal = "#515e69";
|
|
9241
|
+
export declare const ScrollbarDarkColorSchemeArrowDisabled = "#333f4a";
|
|
9242
|
+
export declare const ScrollbarDarkColorSchemeArrowBackground = "#27333e";
|
|
9243
|
+
export declare const ScrollbarDarkColorSchemeCornerBackground = "#27333e";
|
|
9244
|
+
export declare const ScrollbarDarkColorSchemeResizerBackground = "#27333e";
|
|
9245
|
+
export declare const ScrollbarSizeTrackWidth = "16px";
|
|
9246
|
+
export declare const ScrollbarSizeThumbWidth = "8px";
|
|
9247
|
+
export declare const ScrollbarSizeThumbBorderWidth = "4px";
|
|
9248
|
+
export declare const ScrollbarSizeThumbBorderRadius = "8px";
|
|
9249
|
+
export declare const ScrollbarSizeArrowIconWidth = "16px";
|
|
9250
|
+
export declare const ScrollbarSizeArrowIconHeight = "16px";
|
|
9225
9251
|
export declare const SelectSizeLeftPadding = "12px";
|
|
9226
9252
|
export declare const SelectSizeRightPadding = "6px";
|
|
9227
9253
|
export declare const SelectSizeLeftPaddingMultiple = "12px";
|
|
@@ -326,7 +326,7 @@ export class McButtonToggle {
|
|
|
326
326
|
(click)="onToggleClick()">
|
|
327
327
|
<ng-content></ng-content>
|
|
328
328
|
</button>
|
|
329
|
-
`, 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-
|
|
329
|
+
`, 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 });
|
|
330
330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: McButtonToggle, decorators: [{
|
|
331
331
|
type: Component,
|
|
332
332
|
args: [{ selector: 'mc-button-toggle', exportAs: 'mcButtonToggle', template: `
|
|
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImpor
|
|
|
342
342
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
343
343
|
class: 'mc-button-toggle',
|
|
344
344
|
'[class.mc-button-toggle-standalone]': '!buttonToggleGroup'
|
|
345
|
-
}, 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-
|
|
345
|
+
}, 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"] }]
|
|
346
346
|
}], ctorParameters: function () { return [{ type: McButtonToggleGroup, decorators: [{
|
|
347
347
|
type: Optional
|
|
348
348
|
}] }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { checked: [{
|