@angular/material 22.0.4 → 22.0.6
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/core/focus-indicators/_private.scss +3 -0
- package/fesm2022/_error-options-chunk.mjs +6 -6
- package/fesm2022/_error-state-chunk.mjs +9 -12
- package/fesm2022/_error-state-chunk.mjs.map +1 -1
- package/fesm2022/_form-field-chunk.mjs +30 -30
- package/fesm2022/_icon-button-chunk.mjs +6 -6
- package/fesm2022/_icon-registry-chunk.mjs +3 -3
- package/fesm2022/_internal-form-field-chunk.mjs +7 -7
- package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
- package/fesm2022/_line-chunk.mjs +7 -7
- package/fesm2022/_option-chunk.mjs +6 -6
- package/fesm2022/_option-module-chunk.mjs +4 -4
- package/fesm2022/_pseudo-checkbox-chunk.mjs +3 -3
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
- package/fesm2022/_ripple-chunk.mjs +6 -6
- package/fesm2022/_ripple-loader-chunk.mjs +3 -3
- package/fesm2022/_ripple-module-chunk.mjs +4 -4
- package/fesm2022/_structural-styles-chunk.mjs +5 -5
- package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
- package/fesm2022/_tooltip-chunk.mjs +6 -6
- package/fesm2022/autocomplete.mjs +13 -13
- package/fesm2022/badge.mjs +10 -10
- package/fesm2022/bottom-sheet.mjs +10 -10
- package/fesm2022/button-toggle.mjs +10 -10
- package/fesm2022/button.mjs +17 -17
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -46
- package/fesm2022/checkbox.mjs +8 -8
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +52 -47
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +12 -12
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +89 -84
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog.mjs +25 -25
- package/fesm2022/divider.mjs +7 -7
- package/fesm2022/expansion.mjs +27 -27
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +4 -4
- package/fesm2022/grid-list.mjs +22 -22
- package/fesm2022/icon-testing.mjs +7 -7
- package/fesm2022/icon.mjs +7 -7
- package/fesm2022/input.mjs +13 -8
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list.mjs +70 -56
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +22 -22
- package/fesm2022/paginator.mjs +11 -10
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +7 -7
- package/fesm2022/progress-spinner.mjs +7 -7
- package/fesm2022/radio.mjs +15 -21
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +16 -11
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +22 -22
- package/fesm2022/slide-toggle.mjs +8 -8
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +16 -16
- package/fesm2022/snack-bar.mjs +22 -22
- package/fesm2022/sort.mjs +15 -15
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +33 -33
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -55
- package/fesm2022/tabs.mjs +43 -43
- package/fesm2022/timepicker.mjs +16 -14
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -10
- package/fesm2022/tooltip.mjs +4 -4
- package/fesm2022/tree.mjs +25 -25
- package/package.json +2 -2
- package/prebuilt-themes/deeppurple-amber.css +2 -2
- package/prebuilt-themes/indigo-pink.css +2 -2
- package/prebuilt-themes/pink-bluegrey.css +2 -2
- package/prebuilt-themes/purple-green.css +2 -2
- package/schematics/ng-add/index.js +1 -1
- package/stepper/_m2-stepper.scss +2 -2
- package/types/core.d.ts +2 -1
- package/types/radio.d.ts +0 -2
|
@@ -304,7 +304,7 @@ class MatButtonToggleGroup {
|
|
|
304
304
|
}
|
|
305
305
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
306
306
|
minVersion: "12.0.0",
|
|
307
|
-
version: "22.0.
|
|
307
|
+
version: "22.0.7",
|
|
308
308
|
ngImport: i0,
|
|
309
309
|
type: MatButtonToggleGroup,
|
|
310
310
|
deps: [],
|
|
@@ -312,7 +312,7 @@ class MatButtonToggleGroup {
|
|
|
312
312
|
});
|
|
313
313
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
314
314
|
minVersion: "16.1.0",
|
|
315
|
-
version: "22.0.
|
|
315
|
+
version: "22.0.7",
|
|
316
316
|
type: MatButtonToggleGroup,
|
|
317
317
|
isStandalone: true,
|
|
318
318
|
selector: "mat-button-toggle-group",
|
|
@@ -358,7 +358,7 @@ class MatButtonToggleGroup {
|
|
|
358
358
|
}
|
|
359
359
|
i0.ɵɵngDeclareClassMetadata({
|
|
360
360
|
minVersion: "12.0.0",
|
|
361
|
-
version: "22.0.
|
|
361
|
+
version: "22.0.7",
|
|
362
362
|
ngImport: i0,
|
|
363
363
|
type: MatButtonToggleGroup,
|
|
364
364
|
decorators: [{
|
|
@@ -582,7 +582,7 @@ class MatButtonToggle {
|
|
|
582
582
|
}
|
|
583
583
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
584
584
|
minVersion: "12.0.0",
|
|
585
|
-
version: "22.0.
|
|
585
|
+
version: "22.0.7",
|
|
586
586
|
ngImport: i0,
|
|
587
587
|
type: MatButtonToggle,
|
|
588
588
|
deps: [],
|
|
@@ -590,7 +590,7 @@ class MatButtonToggle {
|
|
|
590
590
|
});
|
|
591
591
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
592
592
|
minVersion: "17.0.0",
|
|
593
|
-
version: "22.0.
|
|
593
|
+
version: "22.0.7",
|
|
594
594
|
type: MatButtonToggle,
|
|
595
595
|
isStandalone: true,
|
|
596
596
|
selector: "mat-button-toggle",
|
|
@@ -657,7 +657,7 @@ class MatButtonToggle {
|
|
|
657
657
|
}
|
|
658
658
|
i0.ɵɵngDeclareClassMetadata({
|
|
659
659
|
minVersion: "12.0.0",
|
|
660
|
-
version: "22.0.
|
|
660
|
+
version: "22.0.7",
|
|
661
661
|
ngImport: i0,
|
|
662
662
|
type: MatButtonToggle,
|
|
663
663
|
decorators: [{
|
|
@@ -747,7 +747,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
747
747
|
class MatButtonToggleModule {
|
|
748
748
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
749
749
|
minVersion: "12.0.0",
|
|
750
|
-
version: "22.0.
|
|
750
|
+
version: "22.0.7",
|
|
751
751
|
ngImport: i0,
|
|
752
752
|
type: MatButtonToggleModule,
|
|
753
753
|
deps: [],
|
|
@@ -755,7 +755,7 @@ class MatButtonToggleModule {
|
|
|
755
755
|
});
|
|
756
756
|
static ɵmod = i0.ɵɵngDeclareNgModule({
|
|
757
757
|
minVersion: "14.0.0",
|
|
758
|
-
version: "22.0.
|
|
758
|
+
version: "22.0.7",
|
|
759
759
|
ngImport: i0,
|
|
760
760
|
type: MatButtonToggleModule,
|
|
761
761
|
imports: [MatRippleModule, MatButtonToggleGroup, MatButtonToggle],
|
|
@@ -763,7 +763,7 @@ class MatButtonToggleModule {
|
|
|
763
763
|
});
|
|
764
764
|
static ɵinj = i0.ɵɵngDeclareInjector({
|
|
765
765
|
minVersion: "12.0.0",
|
|
766
|
-
version: "22.0.
|
|
766
|
+
version: "22.0.7",
|
|
767
767
|
ngImport: i0,
|
|
768
768
|
type: MatButtonToggleModule,
|
|
769
769
|
imports: [MatRippleModule, MatButtonToggle, BidiModule]
|
|
@@ -771,7 +771,7 @@ class MatButtonToggleModule {
|
|
|
771
771
|
}
|
|
772
772
|
i0.ɵɵngDeclareClassMetadata({
|
|
773
773
|
minVersion: "12.0.0",
|
|
774
|
-
version: "22.0.
|
|
774
|
+
version: "22.0.7",
|
|
775
775
|
ngImport: i0,
|
|
776
776
|
type: MatButtonToggleModule,
|
|
777
777
|
decorators: [{
|
package/fesm2022/button.mjs
CHANGED
|
@@ -48,7 +48,7 @@ class MatButton extends MatButtonBase {
|
|
|
48
48
|
}
|
|
49
49
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
50
50
|
minVersion: "12.0.0",
|
|
51
|
-
version: "22.0.
|
|
51
|
+
version: "22.0.7",
|
|
52
52
|
ngImport: i0,
|
|
53
53
|
type: MatButton,
|
|
54
54
|
deps: [],
|
|
@@ -56,7 +56,7 @@ class MatButton extends MatButtonBase {
|
|
|
56
56
|
});
|
|
57
57
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
58
58
|
minVersion: "17.0.0",
|
|
59
|
-
version: "22.0.
|
|
59
|
+
version: "22.0.7",
|
|
60
60
|
type: MatButton,
|
|
61
61
|
isStandalone: true,
|
|
62
62
|
selector: "\n button[matButton], a[matButton], button[mat-button], button[mat-raised-button],\n button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],\n a[mat-flat-button], a[mat-stroked-button]\n ",
|
|
@@ -76,7 +76,7 @@ class MatButton extends MatButtonBase {
|
|
|
76
76
|
}
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({
|
|
78
78
|
minVersion: "12.0.0",
|
|
79
|
-
version: "22.0.
|
|
79
|
+
version: "22.0.7",
|
|
80
80
|
ngImport: i0,
|
|
81
81
|
type: MatButton,
|
|
82
82
|
decorators: [{
|
|
@@ -141,7 +141,7 @@ class MatFabButton extends MatButtonBase {
|
|
|
141
141
|
}
|
|
142
142
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
143
143
|
minVersion: "12.0.0",
|
|
144
|
-
version: "22.0.
|
|
144
|
+
version: "22.0.7",
|
|
145
145
|
ngImport: i0,
|
|
146
146
|
type: MatFabButton,
|
|
147
147
|
deps: [],
|
|
@@ -149,7 +149,7 @@ class MatFabButton extends MatButtonBase {
|
|
|
149
149
|
});
|
|
150
150
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
151
151
|
minVersion: "17.0.0",
|
|
152
|
-
version: "22.0.
|
|
152
|
+
version: "22.0.7",
|
|
153
153
|
type: MatFabButton,
|
|
154
154
|
isStandalone: true,
|
|
155
155
|
selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]",
|
|
@@ -167,13 +167,13 @@ class MatFabButton extends MatButtonBase {
|
|
|
167
167
|
usesInheritance: true,
|
|
168
168
|
ngImport: i0,
|
|
169
169
|
template: "<span\n class=\"mat-mdc-button-persistent-ripple\"\n [class.mdc-button__ripple]=\"!_isFab\"\n [class.mdc-fab__ripple]=\"_isFab\"\n></span>\n\n<ng-content\n select=\".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])\"\n>\n</ng-content>\n\n<span class=\"mdc-button__label\"><ng-content></ng-content></span>\n\n<ng-content\n select=\".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]\"\n>\n</ng-content>\n\n@if (showProgress()) {\n <div class=\"mat-mdc-button-progress-indicator-container\">\n <ng-content select=\"[progressIndicator]\" />\n </div>\n}\n\n<!--\n The indicator can't be directly on the button, because MDC uses ::before for high contrast\n indication and it can't be on the ripple, because it has a border radius and overflow: hidden.\n-->\n<span class=\"mat-focus-indicator\"></span>\n\n<span class=\"mat-mdc-button-touch-target\"></span>\n",
|
|
170
|
-
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"],
|
|
170
|
+
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n border-radius: calc(var(--mat-fab-container-shape, var(--mat-sys-corner-large)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab .mat-focus-indicator::before {\n border-radius: calc(var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"],
|
|
171
171
|
encapsulation: i0.ViewEncapsulation.None
|
|
172
172
|
});
|
|
173
173
|
}
|
|
174
174
|
i0.ɵɵngDeclareClassMetadata({
|
|
175
175
|
minVersion: "12.0.0",
|
|
176
|
-
version: "22.0.
|
|
176
|
+
version: "22.0.7",
|
|
177
177
|
ngImport: i0,
|
|
178
178
|
type: MatFabButton,
|
|
179
179
|
decorators: [{
|
|
@@ -188,7 +188,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
188
188
|
exportAs: 'matButton, matAnchor',
|
|
189
189
|
encapsulation: ViewEncapsulation.None,
|
|
190
190
|
template: "<span\n class=\"mat-mdc-button-persistent-ripple\"\n [class.mdc-button__ripple]=\"!_isFab\"\n [class.mdc-fab__ripple]=\"_isFab\"\n></span>\n\n<ng-content\n select=\".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])\"\n>\n</ng-content>\n\n<span class=\"mdc-button__label\"><ng-content></ng-content></span>\n\n<ng-content\n select=\".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]\"\n>\n</ng-content>\n\n@if (showProgress()) {\n <div class=\"mat-mdc-button-progress-indicator-container\">\n <ng-content select=\"[progressIndicator]\" />\n </div>\n}\n\n<!--\n The indicator can't be directly on the button, because MDC uses ::before for high contrast\n indication and it can't be on the ripple, because it has a border radius and overflow: hidden.\n-->\n<span class=\"mat-focus-indicator\"></span>\n\n<span class=\"mat-mdc-button-touch-target\"></span>\n",
|
|
191
|
-
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"]
|
|
191
|
+
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n border-radius: calc(var(--mat-fab-container-shape, var(--mat-sys-corner-large)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab .mat-focus-indicator::before {\n border-radius: calc(var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"]
|
|
192
192
|
}]
|
|
193
193
|
}],
|
|
194
194
|
ctorParameters: () => [],
|
|
@@ -213,7 +213,7 @@ class MatMiniFabButton extends MatButtonBase {
|
|
|
213
213
|
}
|
|
214
214
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
215
215
|
minVersion: "12.0.0",
|
|
216
|
-
version: "22.0.
|
|
216
|
+
version: "22.0.7",
|
|
217
217
|
ngImport: i0,
|
|
218
218
|
type: MatMiniFabButton,
|
|
219
219
|
deps: [],
|
|
@@ -221,7 +221,7 @@ class MatMiniFabButton extends MatButtonBase {
|
|
|
221
221
|
});
|
|
222
222
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
223
223
|
minVersion: "17.0.0",
|
|
224
|
-
version: "22.0.
|
|
224
|
+
version: "22.0.7",
|
|
225
225
|
type: MatMiniFabButton,
|
|
226
226
|
isStandalone: true,
|
|
227
227
|
selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]",
|
|
@@ -232,13 +232,13 @@ class MatMiniFabButton extends MatButtonBase {
|
|
|
232
232
|
usesInheritance: true,
|
|
233
233
|
ngImport: i0,
|
|
234
234
|
template: "<span\n class=\"mat-mdc-button-persistent-ripple\"\n [class.mdc-button__ripple]=\"!_isFab\"\n [class.mdc-fab__ripple]=\"_isFab\"\n></span>\n\n<ng-content\n select=\".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])\"\n>\n</ng-content>\n\n<span class=\"mdc-button__label\"><ng-content></ng-content></span>\n\n<ng-content\n select=\".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]\"\n>\n</ng-content>\n\n@if (showProgress()) {\n <div class=\"mat-mdc-button-progress-indicator-container\">\n <ng-content select=\"[progressIndicator]\" />\n </div>\n}\n\n<!--\n The indicator can't be directly on the button, because MDC uses ::before for high contrast\n indication and it can't be on the ripple, because it has a border radius and overflow: hidden.\n-->\n<span class=\"mat-focus-indicator\"></span>\n\n<span class=\"mat-mdc-button-touch-target\"></span>\n",
|
|
235
|
-
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"],
|
|
235
|
+
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n border-radius: calc(var(--mat-fab-container-shape, var(--mat-sys-corner-large)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab .mat-focus-indicator::before {\n border-radius: calc(var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"],
|
|
236
236
|
encapsulation: i0.ViewEncapsulation.None
|
|
237
237
|
});
|
|
238
238
|
}
|
|
239
239
|
i0.ɵɵngDeclareClassMetadata({
|
|
240
240
|
minVersion: "12.0.0",
|
|
241
|
-
version: "22.0.
|
|
241
|
+
version: "22.0.7",
|
|
242
242
|
ngImport: i0,
|
|
243
243
|
type: MatMiniFabButton,
|
|
244
244
|
decorators: [{
|
|
@@ -251,7 +251,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
251
251
|
exportAs: 'matButton, matAnchor',
|
|
252
252
|
encapsulation: ViewEncapsulation.None,
|
|
253
253
|
template: "<span\n class=\"mat-mdc-button-persistent-ripple\"\n [class.mdc-button__ripple]=\"!_isFab\"\n [class.mdc-fab__ripple]=\"_isFab\"\n></span>\n\n<ng-content\n select=\".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])\"\n>\n</ng-content>\n\n<span class=\"mdc-button__label\"><ng-content></ng-content></span>\n\n<ng-content\n select=\".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]\"\n>\n</ng-content>\n\n@if (showProgress()) {\n <div class=\"mat-mdc-button-progress-indicator-container\">\n <ng-content select=\"[progressIndicator]\" />\n </div>\n}\n\n<!--\n The indicator can't be directly on the button, because MDC uses ::before for high contrast\n indication and it can't be on the ripple, because it has a border radius and overflow: hidden.\n-->\n<span class=\"mat-focus-indicator\"></span>\n\n<span class=\"mat-mdc-button-touch-target\"></span>\n",
|
|
254
|
-
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"]
|
|
254
|
+
styles: [".mat-mdc-fab-base {\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n flex-shrink: 0;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple,\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n.mat-mdc-fab-base .mat-mdc-button-ripple {\n overflow: hidden;\n}\n.mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before {\n content: \"\";\n opacity: 0;\n}\n.mat-mdc-fab-base .mdc-button__label,\n.mat-mdc-fab-base .mat-icon {\n z-index: 1;\n position: relative;\n}\n.mat-mdc-fab-base .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n.mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n.mat-mdc-fab-base._mat-animation-noopable {\n transition: none !important;\n animation: none !important;\n}\n.mat-mdc-fab-base::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: \"\";\n pointer-events: none;\n}\n.mat-mdc-fab-base[hidden] {\n display: none;\n}\n.mat-mdc-fab-base::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mat-mdc-fab-base:active, .mat-mdc-fab-base:focus {\n outline: none;\n}\n.mat-mdc-fab-base:hover {\n cursor: pointer;\n}\n.mat-mdc-fab-base > svg {\n width: 100%;\n}\n.mat-mdc-fab-base .mat-icon, .mat-mdc-fab-base .material-icons {\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n.mat-mdc-fab-base .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n border-radius: calc(var(--mat-fab-container-shape, var(--mat-sys-corner-large)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-fab-base[disabled], .mat-mdc-fab-base[disabled]:focus, .mat-mdc-fab-base.mat-mdc-button-disabled, .mat-mdc-fab-base.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-fab-base.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n\n.mat-mdc-fab {\n background-color: var(--mat-fab-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-container-shape, var(--mat-sys-corner-large));\n color: var(--mat-fab-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-fab:hover {\n box-shadow: var(--mat-fab-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-fab:focus {\n box-shadow: var(--mat-fab-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab:active, .mat-mdc-fab:focus:active {\n box-shadow: var(--mat-fab-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-fab[disabled], .mat-mdc-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-touch-target-size, 48px);\n display: var(--mat-fab-touch-target-display, block);\n left: 50%;\n width: var(--mat-fab-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-fab .mat-ripple-element {\n background-color: var(--mat-fab-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-disabled-state-layer-color);\n}\n.mat-mdc-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-mini-fab {\n width: 40px;\n height: 40px;\n background-color: var(--mat-fab-small-container-color, var(--mat-sys-primary-container));\n border-radius: var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium));\n color: var(--mat-fab-small-foreground-color, var(--mat-sys-on-primary-container, inherit));\n box-shadow: var(--mat-fab-small-container-elevation-shadow, var(--mat-sys-level3));\n}\n@media (hover: hover) {\n .mat-mdc-mini-fab:hover {\n box-shadow: var(--mat-fab-small-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-mini-fab:focus {\n box-shadow: var(--mat-fab-small-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab:active, .mat-mdc-mini-fab:focus:active {\n box-shadow: var(--mat-fab-small-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-mini-fab .mat-focus-indicator::before {\n border-radius: calc(var(--mat-fab-small-container-shape, var(--mat-sys-corner-medium)) + calc(var(--mat-focus-indicator-border-width, 3px) + 2px));\n}\n.mat-mdc-mini-fab[disabled], .mat-mdc-mini-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n color: var(--mat-fab-small-disabled-state-foreground-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n background-color: var(--mat-fab-small-disabled-state-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n.mat-mdc-mini-fab .mat-mdc-button-touch-target {\n position: absolute;\n top: 50%;\n height: var(--mat-fab-small-touch-target-size, 48px);\n display: var(--mat-fab-small-touch-target-display);\n left: 50%;\n width: var(--mat-fab-small-touch-target-size, 48px);\n transform: translate(-50%, -50%);\n}\n.mat-mdc-mini-fab .mat-ripple-element {\n background-color: var(--mat-fab-small-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent));\n}\n.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-state-layer-color, var(--mat-sys-on-primary-container));\n}\n.mat-mdc-mini-fab.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {\n background-color: var(--mat-fab-small-disabled-state-layer-color);\n}\n.mat-mdc-mini-fab:hover > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-mini-fab.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-mini-fab:active > .mat-mdc-button-persistent-ripple::before {\n opacity: var(--mat-fab-small-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity));\n}\n\n.mat-mdc-extended-fab {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n padding-left: 20px;\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n line-height: normal;\n box-shadow: var(--mat-fab-extended-container-elevation-shadow, var(--mat-sys-level3));\n height: var(--mat-fab-extended-container-height, 56px);\n border-radius: var(--mat-fab-extended-container-shape, var(--mat-sys-corner-large));\n font-family: var(--mat-fab-extended-label-text-font, var(--mat-sys-label-large-font));\n font-size: var(--mat-fab-extended-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-fab-extended-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-fab-extended-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n@media (hover: hover) {\n .mat-mdc-extended-fab:hover {\n box-shadow: var(--mat-fab-extended-hover-container-elevation-shadow, var(--mat-sys-level4));\n }\n}\n.mat-mdc-extended-fab:focus {\n box-shadow: var(--mat-fab-extended-focus-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab:active, .mat-mdc-extended-fab:focus:active {\n box-shadow: var(--mat-fab-extended-pressed-container-elevation-shadow, var(--mat-sys-level3));\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab.mat-mdc-button-disabled {\n cursor: default;\n pointer-events: none;\n}\n.mat-mdc-extended-fab[disabled], .mat-mdc-extended-fab[disabled]:focus, .mat-mdc-extended-fab.mat-mdc-button-disabled, .mat-mdc-extended-fab.mat-mdc-button-disabled:focus {\n box-shadow: none;\n}\n.mat-mdc-extended-fab.mat-mdc-button-disabled-interactive {\n pointer-events: auto;\n}\n[dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .mat-icon, [dir=rtl] .mat-mdc-extended-fab .mdc-button__label + .material-icons,\n.mat-mdc-extended-fab > .mat-icon,\n.mat-mdc-extended-fab > .material-icons {\n margin-left: -8px;\n margin-right: 12px;\n}\n.mat-mdc-extended-fab .mdc-button__label + .mat-icon,\n.mat-mdc-extended-fab .mdc-button__label + .material-icons, [dir=rtl] .mat-mdc-extended-fab > .mat-icon, [dir=rtl] .mat-mdc-extended-fab > .material-icons {\n margin-left: 12px;\n margin-right: -8px;\n}\n.mat-mdc-extended-fab .mat-mdc-button-touch-target {\n width: 100%;\n}\n\n.mat-mdc-button-progress-indicator-container {\n position: absolute;\n inset-inline-start: 0;\n margin-block-start: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.mat-mdc-button-progress-indicator-shown mat-icon,\n.mat-mdc-button-progress-indicator-shown [matButtonIcon],\n.mat-mdc-button-progress-indicator-shown .mdc-button__label {\n visibility: hidden;\n}\n"]
|
|
255
255
|
}]
|
|
256
256
|
}],
|
|
257
257
|
ctorParameters: () => []
|
|
@@ -262,7 +262,7 @@ const MatMiniFabAnchor = MatMiniFabButton;
|
|
|
262
262
|
class MatButtonModule {
|
|
263
263
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
264
264
|
minVersion: "12.0.0",
|
|
265
|
-
version: "22.0.
|
|
265
|
+
version: "22.0.7",
|
|
266
266
|
ngImport: i0,
|
|
267
267
|
type: MatButtonModule,
|
|
268
268
|
deps: [],
|
|
@@ -270,7 +270,7 @@ class MatButtonModule {
|
|
|
270
270
|
});
|
|
271
271
|
static ɵmod = i0.ɵɵngDeclareNgModule({
|
|
272
272
|
minVersion: "14.0.0",
|
|
273
|
-
version: "22.0.
|
|
273
|
+
version: "22.0.7",
|
|
274
274
|
ngImport: i0,
|
|
275
275
|
type: MatButtonModule,
|
|
276
276
|
imports: [MatRippleModule, MatButton, MatMiniFabButton, MatIconButton, MatFabButton],
|
|
@@ -278,7 +278,7 @@ class MatButtonModule {
|
|
|
278
278
|
});
|
|
279
279
|
static ɵinj = i0.ɵɵngDeclareInjector({
|
|
280
280
|
minVersion: "12.0.0",
|
|
281
|
-
version: "22.0.
|
|
281
|
+
version: "22.0.7",
|
|
282
282
|
ngImport: i0,
|
|
283
283
|
type: MatButtonModule,
|
|
284
284
|
imports: [MatRippleModule, BidiModule]
|
|
@@ -286,7 +286,7 @@ class MatButtonModule {
|
|
|
286
286
|
}
|
|
287
287
|
i0.ɵɵngDeclareClassMetadata({
|
|
288
288
|
minVersion: "12.0.0",
|
|
289
|
-
version: "22.0.
|
|
289
|
+
version: "22.0.7",
|
|
290
290
|
ngImport: i0,
|
|
291
291
|
type: MatButtonModule,
|
|
292
292
|
decorators: [{
|
package/fesm2022/button.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/button.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/button.html","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/fab.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/button-module.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Component, Input, ViewEncapsulation} from '@angular/core';\nimport {MatButtonAppearance, MatButtonBase} from './button-base';\n\n/**\n * Classes that need to be set for each appearance of the button.\n * Note that we use a `Map` here to avoid issues with property renaming.\n */\nconst APPEARANCE_CLASSES: Map<MatButtonAppearance, readonly string[]> = new Map([\n ['text', ['mat-mdc-button']],\n ['filled', ['mdc-button--unelevated', 'mat-mdc-unelevated-button']],\n ['elevated', ['mdc-button--raised', 'mat-mdc-raised-button']],\n ['outlined', ['mdc-button--outlined', 'mat-mdc-outlined-button']],\n ['tonal', ['mat-tonal-button']],\n]);\n\n/**\n * Material Design button component. Users interact with a button to perform an action.\n * See https://m3.material.io/components/buttons/overview\n */\n@Component({\n selector: `\n button[matButton], a[matButton], button[mat-button], button[mat-raised-button],\n button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],\n a[mat-flat-button], a[mat-stroked-button]\n `,\n templateUrl: 'button.html',\n styleUrls: ['button.css', 'button-high-contrast.css'],\n host: {\n 'class': 'mdc-button',\n },\n exportAs: 'matButton, matAnchor',\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatButton extends MatButtonBase {\n /** Appearance of the button. */\n @Input('matButton')\n get appearance(): MatButtonAppearance | null {\n return this._appearance;\n }\n set appearance(value: MatButtonAppearance | '') {\n // Allow empty string so users can do `<button matButton></button>`\n // without having to write out `=\"text\"` every time.\n this.setAppearance(value || this._config?.defaultAppearance || 'text');\n }\n private _appearance: MatButtonAppearance | null = null;\n\n constructor() {\n super();\n const inferredAppearance = _inferAppearance(this._elementRef.nativeElement);\n\n // Only set the appearance if we managed to infer it from the static attributes, rather than\n // doing something like `setAppearance(inferredAppearance || 'text')`, because doing so can\n // cause the fallback appearance's classes to be set and then immediately replaced when\n // the input value is assigned.\n if (inferredAppearance) {\n this.setAppearance(inferredAppearance);\n }\n }\n\n /** Programmatically sets the appearance of the button. */\n setAppearance(appearance: MatButtonAppearance): void {\n if (appearance === this._appearance) {\n return;\n }\n\n const classList = this._elementRef.nativeElement.classList;\n const previousClasses = this._appearance ? APPEARANCE_CLASSES.get(this._appearance) : null;\n const newClasses = APPEARANCE_CLASSES.get(appearance)!;\n\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && !newClasses) {\n throw new Error(`Unsupported MatButton appearance \"${appearance}\"`);\n }\n\n if (previousClasses) {\n classList.remove(...previousClasses);\n }\n\n classList.add(...newClasses);\n this._appearance = appearance;\n }\n}\n\n/** Infers the button's appearance from its static attributes. */\nfunction _inferAppearance(button: HTMLElement): MatButtonAppearance | null {\n if (button.hasAttribute('mat-raised-button')) {\n return 'elevated';\n }\n\n if (button.hasAttribute('mat-stroked-button')) {\n return 'outlined';\n }\n\n if (button.hasAttribute('mat-flat-button')) {\n return 'filled';\n }\n\n if (button.hasAttribute('mat-button')) {\n return 'text';\n }\n\n return null;\n}\n\n// tslint:disable:variable-name\n/**\n * Material Design button component for anchor elements. Anchor elements are used to provide\n * links for the user to navigate across different routes or pages.\n * See https://m3.material.io/components/buttons/overview\n */\nexport const MatAnchor = MatButton;\nexport type MatAnchor = MatButton;\n// tslint:enable:variable-name\n","<span\n class=\"mat-mdc-button-persistent-ripple\"\n [class.mdc-button__ripple]=\"!_isFab\"\n [class.mdc-fab__ripple]=\"_isFab\"\n></span>\n\n<ng-content\n select=\".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])\"\n>\n</ng-content>\n\n<span class=\"mdc-button__label\"><ng-content></ng-content></span>\n\n<ng-content\n select=\".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]\"\n>\n</ng-content>\n\n@if (showProgress()) {\n <div class=\"mat-mdc-button-progress-indicator-container\">\n <ng-content select=\"[progressIndicator]\" />\n </div>\n}\n\n<!--\n The indicator can't be directly on the button, because MDC uses ::before for high contrast\n indication and it can't be on the ripple, because it has a border radius and overflow: hidden.\n-->\n<span class=\"mat-focus-indicator\"></span>\n\n<span class=\"mat-mdc-button-touch-target\"></span>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Component,\n InjectionToken,\n Input,\n ViewEncapsulation,\n booleanAttribute,\n inject,\n} from '@angular/core';\n\nimport {MatButtonBase} from './button-base';\nimport {ThemePalette} from '../core';\n\n/** Default FAB options that can be overridden. */\nexport interface MatFabDefaultOptions {\n /**\n * Default theme color of the button. This API is supported in M2 themes\n * only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/button/styling.\n *\n * For information on applying color variants in M3, see\n * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants.\n */\n color?: ThemePalette;\n}\n\n/** Injection token to be used to override the default options for FAB. */\nexport const MAT_FAB_DEFAULT_OPTIONS = new InjectionToken<MatFabDefaultOptions>(\n 'mat-mdc-fab-default-options',\n {\n providedIn: 'root',\n factory: () => defaults,\n },\n);\n\n// Default FAB configuration.\nconst defaults: MatFabDefaultOptions = {\n // The FAB by default has its color set to accent.\n color: 'accent',\n};\n\n/**\n * Material Design floating action button (FAB) component. These buttons represent the primary\n * or most common action for users to interact with.\n * See https://m3.material.io/components/floating-action-button/overview\n *\n * The `MatFabButton` class has two appearances: normal and extended.\n */\n@Component({\n selector: `button[mat-fab], a[mat-fab], button[matFab], a[matFab]`,\n templateUrl: 'button.html',\n styleUrl: 'fab.css',\n host: {\n 'class': 'mdc-fab mat-mdc-fab-base mat-mdc-fab',\n '[class.mdc-fab--extended]': 'extended',\n '[class.mat-mdc-extended-fab]': 'extended',\n },\n exportAs: 'matButton, matAnchor',\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatFabButton extends MatButtonBase {\n private _options = inject<MatFabDefaultOptions>(MAT_FAB_DEFAULT_OPTIONS, {optional: true});\n\n override _isFab = true;\n\n @Input({transform: booleanAttribute}) extended: boolean = false;\n\n constructor() {\n super();\n this._options = this._options || defaults;\n this.color = this._options!.color || defaults.color;\n }\n}\n\n/**\n * Material Design mini floating action button (FAB) component. These buttons represent the primary\n * or most common action for users to interact with.\n * See https://m3.material.io/components/floating-action-button/overview\n */\n@Component({\n selector: `button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]`,\n templateUrl: 'button.html',\n styleUrl: 'fab.css',\n host: {\n 'class': 'mdc-fab mat-mdc-fab-base mdc-fab--mini mat-mdc-mini-fab',\n },\n exportAs: 'matButton, matAnchor',\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatMiniFabButton extends MatButtonBase {\n private _options = inject<MatFabDefaultOptions>(MAT_FAB_DEFAULT_OPTIONS, {optional: true});\n\n override _isFab = true;\n\n constructor() {\n super();\n this._options = this._options || defaults;\n this.color = this._options!.color || defaults.color;\n }\n}\n\n// tslint:disable:variable-name\n/**\n * Material Design floating action button (FAB) component for anchor elements. Anchor elements\n * are used to provide links for the user to navigate across different routes or pages.\n * See https://m3.material.io/components/floating-action-button/overview\n *\n * The `MatFabAnchor` class has two appearances: normal and extended.\n */\nexport const MatFabAnchor = MatFabButton;\nexport type MatFabAnchor = MatFabButton;\n\n/**\n * Material Design mini floating action button (FAB) component for anchor elements. Anchor elements\n * are used to provide links for the user to navigate across different routes or pages.\n * See https://m3.material.io/components/floating-action-button/overview\n */\nexport const MatMiniFabAnchor = MatMiniFabButton;\nexport type MatMiniFabAnchor = MatMiniFabButton;\n// tslint:enable:variable-name\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {BidiModule} from '@angular/cdk/bidi';\nimport {MatRippleModule} from '../core';\nimport {MatButton} from './button';\nimport {MatFabButton, MatMiniFabButton} from './fab';\nimport {MatIconButton} from './icon-button';\n\n@NgModule({\n imports: [MatRippleModule, MatButton, MatMiniFabButton, MatIconButton, MatFabButton],\n exports: [BidiModule, MatButton, MatMiniFabButton, MatIconButton, MatFabButton],\n})\nexport class MatButtonModule {}\n"],"names":["APPEARANCE_CLASSES","Map","MatButton","MatButtonBase","appearance","_appearance","value","setAppearance","_config","defaultAppearance","constructor","inferredAppearance","_inferAppearance","_elementRef","nativeElement","classList","previousClasses","get","newClasses","ngDevMode","Error","remove","add","deps","target","i0","ɵɵFactoryTarget","Component","ɵcmp","ɵɵngDeclareComponent","minVersion","version","type","styles","encapsulation","ViewEncapsulation","None","decorators","args","selector","host","exportAs","template","Input","button","hasAttribute","MatAnchor","MAT_FAB_DEFAULT_OPTIONS","InjectionToken","providedIn","factory","defaults","color","MatFabButton","_options","inject","optional","_isFab","extended","isStandalone","inputs","booleanAttribute","properties","classAttribute","usesInheritance","ngImport","transform","MatMiniFabButton","MatFabAnchor","MatMiniFabAnchor","MatButtonModule","NgModule","ɵmod","ɵɵngDeclareNgModule","MatRippleModule","MatIconButton","exports","BidiModule","imports"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/button.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/button.html","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/fab.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/material/button/button-module.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Component, Input, ViewEncapsulation} from '@angular/core';\nimport {MatButtonAppearance, MatButtonBase} from './button-base';\n\n/**\n * Classes that need to be set for each appearance of the button.\n * Note that we use a `Map` here to avoid issues with property renaming.\n */\nconst APPEARANCE_CLASSES: Map<MatButtonAppearance, readonly string[]> = new Map([\n ['text', ['mat-mdc-button']],\n ['filled', ['mdc-button--unelevated', 'mat-mdc-unelevated-button']],\n ['elevated', ['mdc-button--raised', 'mat-mdc-raised-button']],\n ['outlined', ['mdc-button--outlined', 'mat-mdc-outlined-button']],\n ['tonal', ['mat-tonal-button']],\n]);\n\n/**\n * Material Design button component. Users interact with a button to perform an action.\n * See https://m3.material.io/components/buttons/overview\n */\n@Component({\n selector: `\n button[matButton], a[matButton], button[mat-button], button[mat-raised-button],\n button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],\n a[mat-flat-button], a[mat-stroked-button]\n `,\n templateUrl: 'button.html',\n styleUrls: ['button.css', 'button-high-contrast.css'],\n host: {\n 'class': 'mdc-button',\n },\n exportAs: 'matButton, matAnchor',\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatButton extends MatButtonBase {\n /** Appearance of the button. */\n @Input('matButton')\n get appearance(): MatButtonAppearance | null {\n return this._appearance;\n }\n set appearance(value: MatButtonAppearance | '') {\n // Allow empty string so users can do `<button matButton></button>`\n // without having to write out `=\"text\"` every time.\n this.setAppearance(value || this._config?.defaultAppearance || 'text');\n }\n private _appearance: MatButtonAppearance | null = null;\n\n constructor() {\n super();\n const inferredAppearance = _inferAppearance(this._elementRef.nativeElement);\n\n // Only set the appearance if we managed to infer it from the static attributes, rather than\n // doing something like `setAppearance(inferredAppearance || 'text')`, because doing so can\n // cause the fallback appearance's classes to be set and then immediately replaced when\n // the input value is assigned.\n if (inferredAppearance) {\n this.setAppearance(inferredAppearance);\n }\n }\n\n /** Programmatically sets the appearance of the button. */\n setAppearance(appearance: MatButtonAppearance): void {\n if (appearance === this._appearance) {\n return;\n }\n\n const classList = this._elementRef.nativeElement.classList;\n const previousClasses = this._appearance ? APPEARANCE_CLASSES.get(this._appearance) : null;\n const newClasses = APPEARANCE_CLASSES.get(appearance)!;\n\n if ((typeof ngDevMode === 'undefined' || ngDevMode) && !newClasses) {\n throw new Error(`Unsupported MatButton appearance \"${appearance}\"`);\n }\n\n if (previousClasses) {\n classList.remove(...previousClasses);\n }\n\n classList.add(...newClasses);\n this._appearance = appearance;\n }\n}\n\n/** Infers the button's appearance from its static attributes. */\nfunction _inferAppearance(button: HTMLElement): MatButtonAppearance | null {\n if (button.hasAttribute('mat-raised-button')) {\n return 'elevated';\n }\n\n if (button.hasAttribute('mat-stroked-button')) {\n return 'outlined';\n }\n\n if (button.hasAttribute('mat-flat-button')) {\n return 'filled';\n }\n\n if (button.hasAttribute('mat-button')) {\n return 'text';\n }\n\n return null;\n}\n\n// tslint:disable:variable-name\n/**\n * Material Design button component for anchor elements. Anchor elements are used to provide\n * links for the user to navigate across different routes or pages.\n * See https://m3.material.io/components/buttons/overview\n */\nexport const MatAnchor = MatButton;\nexport type MatAnchor = MatButton;\n// tslint:enable:variable-name\n","<span\n class=\"mat-mdc-button-persistent-ripple\"\n [class.mdc-button__ripple]=\"!_isFab\"\n [class.mdc-fab__ripple]=\"_isFab\"\n></span>\n\n<ng-content\n select=\".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])\"\n>\n</ng-content>\n\n<span class=\"mdc-button__label\"><ng-content></ng-content></span>\n\n<ng-content\n select=\".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]\"\n>\n</ng-content>\n\n@if (showProgress()) {\n <div class=\"mat-mdc-button-progress-indicator-container\">\n <ng-content select=\"[progressIndicator]\" />\n </div>\n}\n\n<!--\n The indicator can't be directly on the button, because MDC uses ::before for high contrast\n indication and it can't be on the ripple, because it has a border radius and overflow: hidden.\n-->\n<span class=\"mat-focus-indicator\"></span>\n\n<span class=\"mat-mdc-button-touch-target\"></span>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Component,\n InjectionToken,\n Input,\n ViewEncapsulation,\n booleanAttribute,\n inject,\n} from '@angular/core';\n\nimport {MatButtonBase} from './button-base';\nimport {ThemePalette} from '../core';\n\n/** Default FAB options that can be overridden. */\nexport interface MatFabDefaultOptions {\n /**\n * Default theme color of the button. This API is supported in M2 themes\n * only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/button/styling.\n *\n * For information on applying color variants in M3, see\n * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants.\n */\n color?: ThemePalette;\n}\n\n/** Injection token to be used to override the default options for FAB. */\nexport const MAT_FAB_DEFAULT_OPTIONS = new InjectionToken<MatFabDefaultOptions>(\n 'mat-mdc-fab-default-options',\n {\n providedIn: 'root',\n factory: () => defaults,\n },\n);\n\n// Default FAB configuration.\nconst defaults: MatFabDefaultOptions = {\n // The FAB by default has its color set to accent.\n color: 'accent',\n};\n\n/**\n * Material Design floating action button (FAB) component. These buttons represent the primary\n * or most common action for users to interact with.\n * See https://m3.material.io/components/floating-action-button/overview\n *\n * The `MatFabButton` class has two appearances: normal and extended.\n */\n@Component({\n selector: `button[mat-fab], a[mat-fab], button[matFab], a[matFab]`,\n templateUrl: 'button.html',\n styleUrl: 'fab.css',\n host: {\n 'class': 'mdc-fab mat-mdc-fab-base mat-mdc-fab',\n '[class.mdc-fab--extended]': 'extended',\n '[class.mat-mdc-extended-fab]': 'extended',\n },\n exportAs: 'matButton, matAnchor',\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatFabButton extends MatButtonBase {\n private _options = inject<MatFabDefaultOptions>(MAT_FAB_DEFAULT_OPTIONS, {optional: true});\n\n override _isFab = true;\n\n @Input({transform: booleanAttribute}) extended: boolean = false;\n\n constructor() {\n super();\n this._options = this._options || defaults;\n this.color = this._options!.color || defaults.color;\n }\n}\n\n/**\n * Material Design mini floating action button (FAB) component. These buttons represent the primary\n * or most common action for users to interact with.\n * See https://m3.material.io/components/floating-action-button/overview\n */\n@Component({\n selector: `button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]`,\n templateUrl: 'button.html',\n styleUrl: 'fab.css',\n host: {\n 'class': 'mdc-fab mat-mdc-fab-base mdc-fab--mini mat-mdc-mini-fab',\n },\n exportAs: 'matButton, matAnchor',\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatMiniFabButton extends MatButtonBase {\n private _options = inject<MatFabDefaultOptions>(MAT_FAB_DEFAULT_OPTIONS, {optional: true});\n\n override _isFab = true;\n\n constructor() {\n super();\n this._options = this._options || defaults;\n this.color = this._options!.color || defaults.color;\n }\n}\n\n// tslint:disable:variable-name\n/**\n * Material Design floating action button (FAB) component for anchor elements. Anchor elements\n * are used to provide links for the user to navigate across different routes or pages.\n * See https://m3.material.io/components/floating-action-button/overview\n *\n * The `MatFabAnchor` class has two appearances: normal and extended.\n */\nexport const MatFabAnchor = MatFabButton;\nexport type MatFabAnchor = MatFabButton;\n\n/**\n * Material Design mini floating action button (FAB) component for anchor elements. Anchor elements\n * are used to provide links for the user to navigate across different routes or pages.\n * See https://m3.material.io/components/floating-action-button/overview\n */\nexport const MatMiniFabAnchor = MatMiniFabButton;\nexport type MatMiniFabAnchor = MatMiniFabButton;\n// tslint:enable:variable-name\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {BidiModule} from '@angular/cdk/bidi';\nimport {MatRippleModule} from '../core';\nimport {MatButton} from './button';\nimport {MatFabButton, MatMiniFabButton} from './fab';\nimport {MatIconButton} from './icon-button';\n\n@NgModule({\n imports: [MatRippleModule, MatButton, MatMiniFabButton, MatIconButton, MatFabButton],\n exports: [BidiModule, MatButton, MatMiniFabButton, MatIconButton, MatFabButton],\n})\nexport class MatButtonModule {}\n"],"names":["APPEARANCE_CLASSES","Map","MatButton","MatButtonBase","appearance","_appearance","value","setAppearance","_config","defaultAppearance","constructor","inferredAppearance","_inferAppearance","_elementRef","nativeElement","classList","previousClasses","get","newClasses","ngDevMode","Error","remove","add","deps","target","i0","ɵɵFactoryTarget","Component","ɵcmp","ɵɵngDeclareComponent","minVersion","version","type","styles","encapsulation","ViewEncapsulation","None","decorators","args","selector","host","exportAs","template","Input","button","hasAttribute","MatAnchor","MAT_FAB_DEFAULT_OPTIONS","InjectionToken","providedIn","factory","defaults","color","MatFabButton","_options","inject","optional","_isFab","extended","isStandalone","inputs","booleanAttribute","properties","classAttribute","usesInheritance","ngImport","transform","MatMiniFabButton","MatFabAnchor","MatMiniFabAnchor","MatButtonModule","NgModule","ɵmod","ɵɵngDeclareNgModule","MatRippleModule","MatIconButton","exports","BidiModule","imports"],"mappings":"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"}
|