@almoamendev/ngx-md3 0.0.8 → 0.0.9
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/README.md +63 -63
- package/fesm2022/almoamendev-ngx-md3.mjs +56 -56
- package/fesm2022/almoamendev-ngx-md3.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/styles/md3.scss +522 -522
- package/src/lib/styles/tokens/md-border-radius.scss +11 -11
- package/src/lib/styles/tokens/md-elevation.scss +24 -24
- package/src/lib/styles/tokens/md-motion.scss +46 -46
- package/src/lib/styles/tokens/md-scheme.scss +143 -143
- package/src/lib/styles/typography/type-body.spec.ts +28 -28
- package/src/lib/styles/typography/type-body.ts +42 -42
- package/src/lib/styles/typography/type-display.spec.ts +28 -28
- package/src/lib/styles/typography/type-display.ts +42 -42
- package/src/lib/styles/typography/type-headline.spec.ts +28 -28
- package/src/lib/styles/typography/type-headline.ts +42 -42
- package/src/lib/styles/typography/type-label.spec.ts +28 -28
- package/src/lib/styles/typography/type-label.ts +42 -42
- package/src/lib/styles/typography/type-title.spec.ts +28 -28
- package/src/lib/styles/typography/type-title.ts +42 -42
|
@@ -760,13 +760,13 @@ class Scaffold {
|
|
|
760
760
|
this.layout.unregisterPanesContainer();
|
|
761
761
|
}
|
|
762
762
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Scaffold, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
763
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Scaffold, isStandalone: true, selector: "md3-scaffold", viewQueries: [{ propertyName: "startOutlet", first: true, predicate: ["startOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }, { propertyName: "endOutlet", first: true, predicate: ["endOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }, { propertyName: "panesContainer", first: true, predicate: ["panesContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-scaffold-bar=top]\"></ng-content>\
|
|
763
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Scaffold, isStandalone: true, selector: "md3-scaffold", viewQueries: [{ propertyName: "startOutlet", first: true, predicate: ["startOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }, { propertyName: "endOutlet", first: true, predicate: ["endOutlet"], descendants: true, read: CdkPortalOutlet, isSignal: true }, { propertyName: "panesContainer", first: true, predicate: ["panesContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-scaffold-bar=top]\"></ng-content>\n<ng-content select=\"[md3-scaffold-rail=leading]\"></ng-content>\n\n<div class=\"md3-panes-container\" #panesContainer>\n <div class=\"md3-pane md3-pane-start\">\n <ng-content select=\"[md3-scaffold-pane=start]\"></ng-content>\n <ng-template #startOutlet cdkPortalOutlet></ng-template>\n </div>\n <div class=\"md3-pane md3-pane-main\">\n <ng-content select=\"[md3-scaffold-pane=main]\"></ng-content>\n </div>\n <div class=\"md3-pane md3-pane-end\">\n <ng-content select=\"[md3-scaffold-pane=end]\"></ng-content>\n <ng-template #endOutlet cdkPortalOutlet></ng-template>\n </div>\n</div>\n\n<ng-content select=\"[md3-scaffold-rail=trailing]\"></ng-content>\n<ng-content select=\"[md3-scaffold-bar=bottom]\"></ng-content>", styles: [":host{display:grid;width:100%;height:100dvh;min-height:0em;overflow:hidden;grid-template-areas:\"top top top\" \"start content end\" \"bottom bottom bottom\";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto}:host ::ng-deep [md3-scaffold-bar=top]{grid-area:top;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:2}:host ::ng-deep [md3-scaffold-rail=leading]{grid-area:start;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:3}:host ::ng-deep [md3-scaffold-rail=trailing]{grid-area:end;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:3}:host ::ng-deep [md3-scaffold-bar=bottom]{grid-area:bottom;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:2}:host .md3-panes-container{--background-color: rgb(var(--md-scheme-surface));--foreground-color: rgb(var(--md-scheme-on-surface));grid-area:content;min-width:0em;min-height:0em;overflow:hidden;background-color:var(--background-color);color:var(--foreground-color);display:grid;grid-template-areas:\"start main end\";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr)}:host .md3-panes-container .md3-pane{justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;height:100%;overflow:hidden}:host .md3-panes-container .md3-pane.md3-pane-start{grid-area:start}:host .md3-panes-container .md3-pane.md3-pane-main{position:relative;grid-area:main;z-index:1}:host .md3-panes-container .md3-pane.md3-pane-end{grid-area:end}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
|
|
764
764
|
}
|
|
765
765
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Scaffold, decorators: [{
|
|
766
766
|
type: Component,
|
|
767
767
|
args: [{ selector: 'md3-scaffold', imports: [
|
|
768
768
|
CdkPortalOutlet,
|
|
769
|
-
], template: "<ng-content select=\"[md3-scaffold-bar=top]\"></ng-content>\
|
|
769
|
+
], template: "<ng-content select=\"[md3-scaffold-bar=top]\"></ng-content>\n<ng-content select=\"[md3-scaffold-rail=leading]\"></ng-content>\n\n<div class=\"md3-panes-container\" #panesContainer>\n <div class=\"md3-pane md3-pane-start\">\n <ng-content select=\"[md3-scaffold-pane=start]\"></ng-content>\n <ng-template #startOutlet cdkPortalOutlet></ng-template>\n </div>\n <div class=\"md3-pane md3-pane-main\">\n <ng-content select=\"[md3-scaffold-pane=main]\"></ng-content>\n </div>\n <div class=\"md3-pane md3-pane-end\">\n <ng-content select=\"[md3-scaffold-pane=end]\"></ng-content>\n <ng-template #endOutlet cdkPortalOutlet></ng-template>\n </div>\n</div>\n\n<ng-content select=\"[md3-scaffold-rail=trailing]\"></ng-content>\n<ng-content select=\"[md3-scaffold-bar=bottom]\"></ng-content>", styles: [":host{display:grid;width:100%;height:100dvh;min-height:0em;overflow:hidden;grid-template-areas:\"top top top\" \"start content end\" \"bottom bottom bottom\";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto}:host ::ng-deep [md3-scaffold-bar=top]{grid-area:top;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:2}:host ::ng-deep [md3-scaffold-rail=leading]{grid-area:start;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:3}:host ::ng-deep [md3-scaffold-rail=trailing]{grid-area:end;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:3}:host ::ng-deep [md3-scaffold-bar=bottom]{grid-area:bottom;justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;overflow:hidden;z-index:2}:host .md3-panes-container{--background-color: rgb(var(--md-scheme-surface));--foreground-color: rgb(var(--md-scheme-on-surface));grid-area:content;min-width:0em;min-height:0em;overflow:hidden;background-color:var(--background-color);color:var(--foreground-color);display:grid;grid-template-areas:\"start main end\";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr)}:host .md3-panes-container .md3-pane{justify-self:stretch;align-self:stretch;min-width:0em;min-height:0em;height:100%;overflow:hidden}:host .md3-panes-container .md3-pane.md3-pane-start{grid-area:start}:host .md3-panes-container .md3-pane.md3-pane-main{position:relative;grid-area:main;z-index:1}:host .md3-panes-container .md3-pane.md3-pane-end{grid-area:end}\n"] }]
|
|
770
770
|
}], propDecorators: { startOutlet: [{ type: i0.ViewChild, args: ['startOutlet', { ...{ read: CdkPortalOutlet }, isSignal: true }] }], endOutlet: [{ type: i0.ViewChild, args: ['endOutlet', { ...{ read: CdkPortalOutlet }, isSignal: true }] }], panesContainer: [{ type: i0.ViewChild, args: ['panesContainer', { isSignal: true }] }] } });
|
|
771
771
|
|
|
772
772
|
class ScaffoldBar {
|
|
@@ -1154,7 +1154,7 @@ class Button {
|
|
|
1154
1154
|
});
|
|
1155
1155
|
}
|
|
1156
1156
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Button, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1157
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: Button, isStandalone: true, selector: "button[md3-button], a[md3-button]", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "button-type", isSignal: true, isRequired: false, transformFunction: null }, isSquared: { classPropertyName: "isSquared", publicName: "button-squared", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSelected: "selectedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.md3-square": "effectiveSquared()" } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
1157
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: Button, isStandalone: true, selector: "button[md3-button], a[md3-button]", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "button-type", isSignal: true, isRequired: false, transformFunction: null }, isSquared: { classPropertyName: "isSquared", publicName: "button-squared", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSelected: "selectedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.md3-square": "effectiveSquared()" } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<div class=\"md3-label\">\n <ng-content></ng-content>\n</div>", styles: [":host{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary);--border-radius: 2.5em;--border-size: .0625em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;--inline-padding: 1em;font-size:1rem;border:none;outline:none;cursor:pointer;display:inline-flex;position:relative;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;transition:all var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing);background-color:var(--background-color);color:var(--foreground-color);gap:.5em;padding:0 calc(var(--inline-padding) - var(--border-size));height:2.5em;box-shadow:var(--md-shadow-0dp);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container));--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-toggle.md3-selected:not(:active){--border-radius: var(--md-border-radius-medium)}:host.md3-toggle.md3-selected:not(:active).md3-square{--border-radius: 2.5em}:host:disabled{--background-color: rgba(var(--md-scheme-on-surface), .1) !important;--foreground-color: rgba(var(--md-scheme-on-surface), .38) !important;cursor:default!important}:host:disabled:before{display:none}:host:disabled .md3-state-layer{display:none}:host>::ng-deep [md3-icon-element]{color:inherit!important;font-size:1.25em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-label{font-size:.875em;font-weight:500;line-height:1.4286em;letter-spacing:.071429em}:host:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-x-small{--border-radius: var(--md-border-radius-xlarge-i);--inline-padding: .75em;gap:.25em;height:2em}:host.md3-x-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-x-small.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small ::ng-deep [md3-icon-element]{font-size:1.25em!important}:host.md3-x-small .md3-label{font-size:.875em;font-weight:500;line-height:1.4286em;letter-spacing:.071429em}:host.md3-x-small:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: var(--md-border-radius-xlarge-i)}:host.md3-x-small:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-small{--inline-padding: 1em}:host.md3-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-small:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-medium)}:host.md3-small:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 2.5em}:host.md3-medium{--border-radius: 3.5em;--inline-padding: 1.5em;gap:.5em;height:3.5em}:host.md3-medium.md3-square{--border-radius: var(--md-border-radius-large)}:host.md3-medium ::ng-deep [md3-icon-element]{font-size:1.5em!important}:host.md3-medium .md3-label{font-size:1em;font-weight:500;line-height:1.5em;letter-spacing:.09375em}:host.md3-medium:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-large)}:host.md3-medium:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 3.5em}:host.md3-medium:not(:disabled):active{--border-radius: var(--md-border-radius-medium)}:host.md3-large{--border-size: .125em;--border-radius: 6em;--inline-padding: 3em;gap:.75em;height:6em}:host.md3-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large ::ng-deep [md3-icon-element]{font-size:2em!important}:host.md3-large .md3-label{font-size:1.5em;font-weight:400;line-height:1.333332em;letter-spacing:0}:host.md3-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 6em}:host.md3-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-x-large{--border-size: .1875em;--border-radius: 8.5em;--inline-padding: 4em;gap:1em;height:8.5em}:host.md3-x-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large ::ng-deep [md3-icon-element]{font-size:2.5em!important}:host.md3-x-large .md3-label{font-size:2em;font-weight:400;line-height:1.25em;letter-spacing:0}:host.md3-x-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 8.5em}:host.md3-x-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-elevated{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary);--border-size: 0em;box-shadow:var(--md-shadow-1dp)}:host.md3-elevated:disabled{box-shadow:var(--md-shadow-0dp)}:host.md3-elevated.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary)}:host.md3-elevated.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-filled{--border-size: 0em}:host.md3-filled.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container));--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-filled.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-tonal{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--state-color: var(--md-scheme-on-secondary-container);--border-size: 0em}:host.md3-tonal.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-secondary));--foreground-color: rgb(var(--md-scheme-on-secondary));--state-color: var(--md-scheme-on-secondary)}:host.md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant);border:var(--border-size) solid rgb(var(--md-scheme-outline-variant));padding-inline:calc(var(--inline-padding) - var(--border-size))}:host.md3-outlined.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-inverse-surface));--foreground-color: rgb(var(--md-scheme-inverse-on-surface));--state-color: var(--md-scheme-inverse-on-surface)}:host.md3-text{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary);--border-size: 0em}\n"] });
|
|
1158
1158
|
}
|
|
1159
1159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Button, decorators: [{
|
|
1160
1160
|
type: Component,
|
|
@@ -1162,7 +1162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
1162
1162
|
'[class.md3-square]': 'effectiveSquared()',
|
|
1163
1163
|
}, hostDirectives: [
|
|
1164
1164
|
StateComponent
|
|
1165
|
-
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
1165
|
+
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<div class=\"md3-label\">\n <ng-content></ng-content>\n</div>", styles: [":host{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary);--border-radius: 2.5em;--border-size: .0625em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;--inline-padding: 1em;font-size:1rem;border:none;outline:none;cursor:pointer;display:inline-flex;position:relative;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;transition:all var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing);background-color:var(--background-color);color:var(--foreground-color);gap:.5em;padding:0 calc(var(--inline-padding) - var(--border-size));height:2.5em;box-shadow:var(--md-shadow-0dp);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container));--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-toggle.md3-selected:not(:active){--border-radius: var(--md-border-radius-medium)}:host.md3-toggle.md3-selected:not(:active).md3-square{--border-radius: 2.5em}:host:disabled{--background-color: rgba(var(--md-scheme-on-surface), .1) !important;--foreground-color: rgba(var(--md-scheme-on-surface), .38) !important;cursor:default!important}:host:disabled:before{display:none}:host:disabled .md3-state-layer{display:none}:host>::ng-deep [md3-icon-element]{color:inherit!important;font-size:1.25em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-label{font-size:.875em;font-weight:500;line-height:1.4286em;letter-spacing:.071429em}:host:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-x-small{--border-radius: var(--md-border-radius-xlarge-i);--inline-padding: .75em;gap:.25em;height:2em}:host.md3-x-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-x-small.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small ::ng-deep [md3-icon-element]{font-size:1.25em!important}:host.md3-x-small .md3-label{font-size:.875em;font-weight:500;line-height:1.4286em;letter-spacing:.071429em}:host.md3-x-small:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: var(--md-border-radius-xlarge-i)}:host.md3-x-small:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-small{--inline-padding: 1em}:host.md3-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-small:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-medium)}:host.md3-small:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 2.5em}:host.md3-medium{--border-radius: 3.5em;--inline-padding: 1.5em;gap:.5em;height:3.5em}:host.md3-medium.md3-square{--border-radius: var(--md-border-radius-large)}:host.md3-medium ::ng-deep [md3-icon-element]{font-size:1.5em!important}:host.md3-medium .md3-label{font-size:1em;font-weight:500;line-height:1.5em;letter-spacing:.09375em}:host.md3-medium:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-large)}:host.md3-medium:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 3.5em}:host.md3-medium:not(:disabled):active{--border-radius: var(--md-border-radius-medium)}:host.md3-large{--border-size: .125em;--border-radius: 6em;--inline-padding: 3em;gap:.75em;height:6em}:host.md3-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large ::ng-deep [md3-icon-element]{font-size:2em!important}:host.md3-large .md3-label{font-size:1.5em;font-weight:400;line-height:1.333332em;letter-spacing:0}:host.md3-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 6em}:host.md3-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-x-large{--border-size: .1875em;--border-radius: 8.5em;--inline-padding: 4em;gap:1em;height:8.5em}:host.md3-x-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large ::ng-deep [md3-icon-element]{font-size:2.5em!important}:host.md3-x-large .md3-label{font-size:2em;font-weight:400;line-height:1.25em;letter-spacing:0}:host.md3-x-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 8.5em}:host.md3-x-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-elevated{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary);--border-size: 0em;box-shadow:var(--md-shadow-1dp)}:host.md3-elevated:disabled{box-shadow:var(--md-shadow-0dp)}:host.md3-elevated.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary)}:host.md3-elevated.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-filled{--border-size: 0em}:host.md3-filled.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container));--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-filled.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-tonal{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--state-color: var(--md-scheme-on-secondary-container);--border-size: 0em}:host.md3-tonal.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-secondary));--foreground-color: rgb(var(--md-scheme-on-secondary));--state-color: var(--md-scheme-on-secondary)}:host.md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant);border:var(--border-size) solid rgb(var(--md-scheme-outline-variant));padding-inline:calc(var(--inline-padding) - var(--border-size))}:host.md3-outlined.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-inverse-surface));--foreground-color: rgb(var(--md-scheme-inverse-on-surface));--state-color: var(--md-scheme-inverse-on-surface)}:host.md3-text{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary);--border-size: 0em}\n"] }]
|
|
1166
1166
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onClick: [{
|
|
1167
1167
|
type: HostListener,
|
|
1168
1168
|
args: ['click', ['$event']]
|
|
@@ -1200,7 +1200,7 @@ class FloatingActionButton {
|
|
|
1200
1200
|
return this.el.nativeElement;
|
|
1201
1201
|
}
|
|
1202
1202
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: FloatingActionButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1203
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: FloatingActionButton, isStandalone: true, selector: "button[md3-fab], a[md3-fab]", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "button-type", isSignal: true, isRequired: false, transformFunction: null }, isExtended: { classPropertyName: "isExtended", publicName: "extended", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-extended-fab": "effectiveExtended()" } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
1203
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: FloatingActionButton, isStandalone: true, selector: "button[md3-fab], a[md3-fab]", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "button-type", isSignal: true, isRequired: false, transformFunction: null }, isExtended: { classPropertyName: "isExtended", publicName: "extended", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-extended-fab": "effectiveExtended()" } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<div class=\"md3-icon-label-space\"></div>\n<div class=\"md3-label\">\n <ng-content></ng-content>\n</div>", styles: [":host{--background-color: rgb(var(--md-scheme-primary-container));--foreground-color: rgb(var(--md-scheme-on-primary-container));--state-color: var(--md-scheme-on-primary-container);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;--fab-height: 3.5em;--border-radius: var(--md-border-radius-large);padding:0 1em;font-size:1rem;border:none;outline:none;cursor:pointer;display:inline-flex;position:relative;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);background-color:var(--background-color);color:var(--foreground-color);border-radius:var(--border-radius);height:var(--fab-height);box-shadow:var(--md-shadow-6dp)}:host:hover{box-shadow:var(--md-shadow-8dp)}:host:active,:host:focus{box-shadow:var(--md-shadow-6dp)}:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-icon-label-space{display:none;height:100%;width:0;transform:scaleX(0);transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-label{font-size:1em;font-weight:500;line-height:1.5em;letter-spacing:.09375em;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scaleX(0);max-width:0;visibility:hidden;opacity:0}:host.md3-extended-fab ::ng-deep [md3-icon-element]+.md3-icon-label-space{display:block}:host.md3-extended-fab .md3-icon-label-space{width:.5em;transform:scaleX(1)}:host.md3-extended-fab .md3-label{transform:scaleX(1);max-width:initial;visibility:visible;opacity:1}:host.md3-medium{--fab-height: 5em;--border-radius: var(--md-border-radius-large-i);padding:0 1.625em}:host.md3-medium ::ng-deep [md3-icon-element]{font-size:1.75em!important}:host.md3-medium .md3-icon-label-space{width:.75em}:host.md3-medium .md3-label{font-size:1.375em;font-weight:400;line-height:1.27273em;letter-spacing:0}:host.md3-large{--fab-height: 6em;--border-radius: var(--md-border-radius-xlarge);padding:0 1.75em}:host.md3-large ::ng-deep [md3-icon-element]{font-size:2.25em!important}:host.md3-large .md3-icon-label-space{width:1em}:host.md3-large .md3-label{font-size:1.5em;font-weight:400;line-height:1.333332em;letter-spacing:0}:host.md3-tonal-secondary{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--state-color: var(--md-scheme-on-secondary-container)}:host.md3-tonal-tertiary{--background-color: rgb(var(--md-scheme-tertiary-container));--foreground-color: rgb(var(--md-scheme-on-tertiary-container));--state-color: var(--md-scheme-on-tertiary-container)}:host.md3-primary{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-secondary{--background-color: rgb(var(--md-scheme-secondary));--foreground-color: rgb(var(--md-scheme-on-secondary));--state-color: var(--md-scheme-on-secondary)}:host.md3-tertiary{--background-color: rgb(var(--md-scheme-tertiary));--foreground-color: rgb(var(--md-scheme-on-tertiary));--state-color: var(--md-scheme-on-tertiary)}\n"] });
|
|
1204
1204
|
}
|
|
1205
1205
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: FloatingActionButton, decorators: [{
|
|
1206
1206
|
type: Component,
|
|
@@ -1208,7 +1208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
1208
1208
|
'[class.md3-extended-fab]': 'effectiveExtended()',
|
|
1209
1209
|
}, hostDirectives: [
|
|
1210
1210
|
StateComponent
|
|
1211
|
-
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
1211
|
+
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<div class=\"md3-icon-label-space\"></div>\n<div class=\"md3-label\">\n <ng-content></ng-content>\n</div>", styles: [":host{--background-color: rgb(var(--md-scheme-primary-container));--foreground-color: rgb(var(--md-scheme-on-primary-container));--state-color: var(--md-scheme-on-primary-container);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;--fab-height: 3.5em;--border-radius: var(--md-border-radius-large);padding:0 1em;font-size:1rem;border:none;outline:none;cursor:pointer;display:inline-flex;position:relative;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);background-color:var(--background-color);color:var(--foreground-color);border-radius:var(--border-radius);height:var(--fab-height);box-shadow:var(--md-shadow-6dp)}:host:hover{box-shadow:var(--md-shadow-8dp)}:host:active,:host:focus{box-shadow:var(--md-shadow-6dp)}:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-icon-label-space{display:none;height:100%;width:0;transform:scaleX(0);transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-label{font-size:1em;font-weight:500;line-height:1.5em;letter-spacing:.09375em;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scaleX(0);max-width:0;visibility:hidden;opacity:0}:host.md3-extended-fab ::ng-deep [md3-icon-element]+.md3-icon-label-space{display:block}:host.md3-extended-fab .md3-icon-label-space{width:.5em;transform:scaleX(1)}:host.md3-extended-fab .md3-label{transform:scaleX(1);max-width:initial;visibility:visible;opacity:1}:host.md3-medium{--fab-height: 5em;--border-radius: var(--md-border-radius-large-i);padding:0 1.625em}:host.md3-medium ::ng-deep [md3-icon-element]{font-size:1.75em!important}:host.md3-medium .md3-icon-label-space{width:.75em}:host.md3-medium .md3-label{font-size:1.375em;font-weight:400;line-height:1.27273em;letter-spacing:0}:host.md3-large{--fab-height: 6em;--border-radius: var(--md-border-radius-xlarge);padding:0 1.75em}:host.md3-large ::ng-deep [md3-icon-element]{font-size:2.25em!important}:host.md3-large .md3-icon-label-space{width:1em}:host.md3-large .md3-label{font-size:1.5em;font-weight:400;line-height:1.333332em;letter-spacing:0}:host.md3-tonal-secondary{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--state-color: var(--md-scheme-on-secondary-container)}:host.md3-tonal-tertiary{--background-color: rgb(var(--md-scheme-tertiary-container));--foreground-color: rgb(var(--md-scheme-on-tertiary-container));--state-color: var(--md-scheme-on-tertiary-container)}:host.md3-primary{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-secondary{--background-color: rgb(var(--md-scheme-secondary));--foreground-color: rgb(var(--md-scheme-on-secondary));--state-color: var(--md-scheme-on-secondary)}:host.md3-tertiary{--background-color: rgb(var(--md-scheme-tertiary));--foreground-color: rgb(var(--md-scheme-on-tertiary));--state-color: var(--md-scheme-on-tertiary)}\n"] }]
|
|
1212
1212
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "button-size", required: false }] }], buttonType: [{ type: i0.Input, args: [{ isSignal: true, alias: "button-type", required: false }] }], isExtended: [{ type: i0.Input, args: [{ isSignal: true, alias: "extended", required: false }] }] } });
|
|
1213
1213
|
|
|
1214
1214
|
class IconButton {
|
|
@@ -1288,7 +1288,7 @@ class IconButton {
|
|
|
1288
1288
|
});
|
|
1289
1289
|
}
|
|
1290
1290
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IconButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1291
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: IconButton, isStandalone: true, selector: "button[md3-icon-button], a[md3-icon-button]", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "button-type", isSignal: true, isRequired: false, transformFunction: null }, buttonWidth: { classPropertyName: "buttonWidth", publicName: "button-width", isSignal: true, isRequired: false, transformFunction: null }, isSquared: { classPropertyName: "isSquared", publicName: "button-squared", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSelected: "selectedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.md3-square": "effectiveSquared()" } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
1291
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: IconButton, isStandalone: true, selector: "button[md3-icon-button], a[md3-icon-button]", inputs: { buttonSize: { classPropertyName: "buttonSize", publicName: "button-size", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "button-type", isSignal: true, isRequired: false, transformFunction: null }, buttonWidth: { classPropertyName: "buttonWidth", publicName: "button-width", isSignal: true, isRequired: false, transformFunction: null }, isSquared: { classPropertyName: "isSquared", publicName: "button-squared", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSelected: "selectedChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.md3-square": "effectiveSquared()" } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<ng-content></ng-content>", styles: [":host{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary);--border-radius: 2.5em;--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;--inline-padding: calc(.5em - var(--border-size));font-size:1rem;border:none;outline:none;cursor:pointer;display:inline-flex;position:relative;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;transition:all var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing);background-color:var(--background-color);color:var(--foreground-color);padding:0 var(--inline-padding);height:2.5em;border:var(--border-size) solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host.md3-narrow{--inline-padding: calc(.25em - var(--border-size))}:host.md3-wide{--inline-padding: calc(.825em - var(--border-size))}:host.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container));--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-toggle.md3-selected:not(:active){--border-radius: var(--md-border-radius-medium)}:host.md3-toggle.md3-selected:not(:active).md3-square{--border-radius: 2.5em}:host:disabled{--background-color: rgba(var(--md-scheme-on-surface), .1) !important;--foreground-color: rgba(var(--md-scheme-on-surface), .38) !important;cursor:default!important}:host:disabled .md3-state-layer{display:none}:host:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-x-small{--border-radius: var(--md-border-radius-xlarge-i);--inline-padding: calc(.375em - var(--border-size));height:2em}:host.md3-x-small ::ng-deep [md3-icon-element]{font-size:1.25em!important}:host.md3-x-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-x-small.md3-narrow{--inline-padding: calc(.25em - var(--border-size))}:host.md3-x-small.md3-wide{--inline-padding: calc(.625em - var(--border-size))}:host.md3-x-small.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: var(--md-border-radius-xlarge-i)}:host.md3-x-small:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-medium{--border-radius: 3.5em;--inline-padding: calc(1em - var(--border-size));height:3.5em}:host.md3-medium ::ng-deep [md3-icon-element]{font-size:1.5em!important}:host.md3-medium.md3-narrow{--inline-padding: calc(.75em - var(--border-size))}:host.md3-medium.md3-wide{--inline-padding: calc(1.5em - var(--border-size))}:host.md3-medium.md3-square{--border-radius: var(--md-border-radius-large)}:host.md3-medium:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-large)}:host.md3-medium:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 3.5em}:host.md3-medium:not(:disabled):active{--border-radius: var(--md-border-radius-medium)}:host.md3-large{--border-radius: 6em;--inline-padding: calc(2em - var(--border-size));height:6em}:host.md3-large ::ng-deep [md3-icon-element]{font-size:2em!important}:host.md3-large.md3-narrow{--inline-padding: calc(1em - var(--border-size))}:host.md3-large.md3-wide{--inline-padding: calc(3em - var(--border-size))}:host.md3-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 6em}:host.md3-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-x-large{--border-radius: 8.5em;--inline-padding: calc(3em - var(--border-size));height:8.5em}:host.md3-x-large ::ng-deep [md3-icon-element]{font-size:2.5em!important}:host.md3-x-large.md3-narrow{--inline-padding: calc(2em - var(--border-size))}:host.md3-x-large.md3-wide{--inline-padding: calc(4.5em - var(--border-size))}:host.md3-x-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 8.5em}:host.md3-x-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-tonal{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--state-color: var(--md-scheme-on-secondary-container)}:host.md3-tonal.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-secondary));--foreground-color: rgb(var(--md-scheme-on-secondary));--state-color: var(--md-scheme-on-secondary)}:host.md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant);--border-size: .0625em}:host.md3-outlined.md3-large{--border-size: .125em}:host.md3-outlined.md3-x-large{--border-size: .1875em}:host.md3-outlined{border-color:rgb(var(--md-scheme-outline-variant))}:host.md3-outlined.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-inverse-surface));--foreground-color: rgb(var(--md-scheme-inverse-on-surface));--state-color: var(--md-scheme-inverse-on-surface)}:host.md3-standard{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-standard.md3-toggle.md3-selected{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary)}\n"] });
|
|
1292
1292
|
}
|
|
1293
1293
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IconButton, decorators: [{
|
|
1294
1294
|
type: Component,
|
|
@@ -1296,7 +1296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
1296
1296
|
'[class.md3-square]': 'effectiveSquared()',
|
|
1297
1297
|
}, hostDirectives: [
|
|
1298
1298
|
StateComponent
|
|
1299
|
-
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
1299
|
+
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<ng-content></ng-content>", styles: [":host{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary);--border-radius: 2.5em;--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;--inline-padding: calc(.5em - var(--border-size));font-size:1rem;border:none;outline:none;cursor:pointer;display:inline-flex;position:relative;align-items:center;justify-content:center;text-decoration:none!important;white-space:nowrap;transition:all var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing);background-color:var(--background-color);color:var(--foreground-color);padding:0 var(--inline-padding);height:2.5em;border:var(--border-size) solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host.md3-narrow{--inline-padding: calc(.25em - var(--border-size))}:host.md3-wide{--inline-padding: calc(.825em - var(--border-size))}:host.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-toggle{--background-color: rgb(var(--md-scheme-surface-container));--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-primary));--foreground-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-primary)}:host.md3-toggle.md3-selected:not(:active){--border-radius: var(--md-border-radius-medium)}:host.md3-toggle.md3-selected:not(:active).md3-square{--border-radius: 2.5em}:host:disabled{--background-color: rgba(var(--md-scheme-on-surface), .1) !important;--foreground-color: rgba(var(--md-scheme-on-surface), .38) !important;cursor:default!important}:host:disabled .md3-state-layer{display:none}:host:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-x-small{--border-radius: var(--md-border-radius-xlarge-i);--inline-padding: calc(.375em - var(--border-size));height:2em}:host.md3-x-small ::ng-deep [md3-icon-element]{font-size:1.25em!important}:host.md3-x-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-x-small.md3-narrow{--inline-padding: calc(.25em - var(--border-size))}:host.md3-x-small.md3-wide{--inline-padding: calc(.625em - var(--border-size))}:host.md3-x-small.md3-square{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-medium)}:host.md3-x-small:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: var(--md-border-radius-xlarge-i)}:host.md3-x-small:not(:disabled):active{--border-radius: var(--md-border-radius-small)}:host.md3-small:before{content:\"\";position:absolute;display:block;min-width:3rem;min-height:3rem;width:100%}:host.md3-medium{--border-radius: 3.5em;--inline-padding: calc(1em - var(--border-size));height:3.5em}:host.md3-medium ::ng-deep [md3-icon-element]{font-size:1.5em!important}:host.md3-medium.md3-narrow{--inline-padding: calc(.75em - var(--border-size))}:host.md3-medium.md3-wide{--inline-padding: calc(1.5em - var(--border-size))}:host.md3-medium.md3-square{--border-radius: var(--md-border-radius-large)}:host.md3-medium:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-large)}:host.md3-medium:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 3.5em}:host.md3-medium:not(:disabled):active{--border-radius: var(--md-border-radius-medium)}:host.md3-large{--border-radius: 6em;--inline-padding: calc(2em - var(--border-size));height:6em}:host.md3-large ::ng-deep [md3-icon-element]{font-size:2em!important}:host.md3-large.md3-narrow{--inline-padding: calc(1em - var(--border-size))}:host.md3-large.md3-wide{--inline-padding: calc(3em - var(--border-size))}:host.md3-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 6em}:host.md3-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-x-large{--border-radius: 8.5em;--inline-padding: calc(3em - var(--border-size));height:8.5em}:host.md3-x-large ::ng-deep [md3-icon-element]{font-size:2.5em!important}:host.md3-x-large.md3-narrow{--inline-padding: calc(2em - var(--border-size))}:host.md3-x-large.md3-wide{--inline-padding: calc(4.5em - var(--border-size))}:host.md3-x-large.md3-square{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large:not(:active).md3-toggle.md3-selected{--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large:not(:active).md3-toggle.md3-selected.md3-square{--border-radius: 8.5em}:host.md3-x-large:not(:disabled):active{--border-radius: var(--md-border-radius-large)}:host.md3-tonal{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--state-color: var(--md-scheme-on-secondary-container)}:host.md3-tonal.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-secondary));--foreground-color: rgb(var(--md-scheme-on-secondary));--state-color: var(--md-scheme-on-secondary)}:host.md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant);--border-size: .0625em}:host.md3-outlined.md3-large{--border-size: .125em}:host.md3-outlined.md3-x-large{--border-size: .1875em}:host.md3-outlined{border-color:rgb(var(--md-scheme-outline-variant))}:host.md3-outlined.md3-toggle.md3-selected{--background-color: rgb(var(--md-scheme-inverse-surface));--foreground-color: rgb(var(--md-scheme-inverse-on-surface));--state-color: var(--md-scheme-inverse-on-surface)}:host.md3-standard{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--state-color: var(--md-scheme-on-surface-variant)}:host.md3-standard.md3-toggle.md3-selected{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary)}\n"] }]
|
|
1300
1300
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onClick: [{
|
|
1301
1301
|
type: HostListener,
|
|
1302
1302
|
args: ['click', ['$event']]
|
|
@@ -1357,7 +1357,7 @@ class SplitButton {
|
|
|
1357
1357
|
provide: MD3_BUTTON_CONTEXT,
|
|
1358
1358
|
useExisting: SplitButton,
|
|
1359
1359
|
},
|
|
1360
|
-
], queries: [{ propertyName: "button", first: true, predicate: Button, descendants: true, isSignal: true }, { propertyName: "iconButtons", predicate: IconButton, isSignal: true }], ngImport: i0, template: "<ng-content select=\"button[md3-button], button[md3-icon-button][md3-main-action], a[md3-button], a[md3-icon-button][md3-main-action]\"></ng-content>\
|
|
1360
|
+
], queries: [{ propertyName: "button", first: true, predicate: Button, descendants: true, isSignal: true }, { propertyName: "iconButtons", predicate: IconButton, isSignal: true }], ngImport: i0, template: "<ng-content select=\"button[md3-button], button[md3-icon-button][md3-main-action], a[md3-button], a[md3-icon-button][md3-main-action]\"></ng-content>\n<ng-content select=\"button[md3-icon-button], a[md3-icon-button]\"></ng-content>", styles: [":host{--outer-radius: var(--md-border-radius-large-i);--inner-radius: var(--md-border-radius-xsmall);--trailing-padding-diff: .0625em;display:inline-flex;gap:.125em}:host.md3-x-small{--outer-radius: var(--md-border-radius-large);--trailing-padding-diff: .0625em}:host.md3-x-small ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-x-small ::ng-deep [md3-button] :not(:disabled):active,:host.md3-x-small ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-x-small ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-small)}:host.md3-small{--outer-radius: var(--md-border-radius-large-i);--trailing-padding-diff: .0625em}:host.md3-small ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-small ::ng-deep [md3-button] :not(:disabled):active,:host.md3-small ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-small ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-medium)}:host.md3-medium{--outer-radius: var(--md-border-radius-xlarge);--trailing-padding-diff: .125em}:host.md3-medium ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-medium ::ng-deep [md3-button] :not(:disabled):active,:host.md3-medium ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-medium ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-medium)}:host.md3-large{--outer-radius: var(--md-border-radius-xxlarge);--inner-radius: var(--md-border-radius-medium);--trailing-padding-diff: .1875em}:host.md3-large ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-large ::ng-deep [md3-button] :not(:disabled):active,:host.md3-large ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-large ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-large-i)}:host.md3-x-large{--outer-radius: 4.25em;--inner-radius: var(--md-border-radius-medium);--trailing-padding-diff: .375em}:host.md3-x-large ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-x-large ::ng-deep [md3-button] :not(:disabled):active,:host.md3-x-large ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-x-large ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-large-i)}:host ::ng-deep [md3-button]{--border-top-start-r: var(--outer-radius);--border-bottom-start-r: var(--outer-radius);--border-top-end-r: var(--inner-radius);--border-bottom-end-r: var(--inner-radius)}:host ::ng-deep [md3-button]:not(:disabled):focus{z-index:2}:host ::ng-deep [md3-button].md3-x-small{padding-inline-end:calc(.625em - var(--border-size))}:host ::ng-deep [md3-button].md3-small{padding-inline-end:calc(.75em - var(--border-size))}:host ::ng-deep [md3-icon-button]{--padding-start: .8125em;--padding-end: .8125em}:host ::ng-deep [md3-icon-button].md3-standard{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary);--border-size: 0em;box-shadow:var(--md-shadow-1dp)}:host ::ng-deep [md3-icon-button].md3-standard:disabled{box-shadow:var(--md-shadow-0dp)}:host ::ng-deep [md3-icon-button].md3-x-small{--padding-start: .8125em;--padding-end: .8125em}:host ::ng-deep [md3-icon-button].md3-x-small [md3-icon-element]{font-size:1.375em!important}:host ::ng-deep [md3-icon-button].md3-small{--padding-start: .8125em;--padding-end: .8125em}:host ::ng-deep [md3-icon-button].md3-small [md3-icon-element]{font-size:1.375em!important}:host ::ng-deep [md3-icon-button].md3-medium{--padding-start: .9375em;--padding-end: .9375em}:host ::ng-deep [md3-icon-button].md3-medium [md3-icon-element]{font-size:1.625em!important}:host ::ng-deep [md3-icon-button].md3-large{--padding-start: 1.8125em;--padding-end: 1.8125em}:host ::ng-deep [md3-icon-button].md3-large [md3-icon-element]{font-size:2.375em!important}:host ::ng-deep [md3-icon-button].md3-x-large{--padding-start: 2.6875em;--padding-end: 2.6875em}:host ::ng-deep [md3-icon-button].md3-x-large [md3-icon-element]{font-size:3.125em!important}:host ::ng-deep [md3-icon-button][md3-main-action]{--border-top-start-r: var(--outer-radius);--border-bottom-start-r: var(--outer-radius);--border-top-end-r: var(--inner-radius);--border-bottom-end-r: var(--inner-radius);padding-inline-start:calc(var(--padding-end) - var(--border-size) + var(--trailing-padding-diff));padding-inline-end:calc(var(--padding-start) - var(--border-size) - var(--trailing-padding-diff))}:host ::ng-deep [md3-icon-button][md3-main-action]:not(:disabled):focus{z-index:2}:host ::ng-deep [md3-icon-button]:not([md3-main-action]){--border-top-start-r: var(--inner-radius);--border-bottom-start-r: var(--inner-radius);--border-top-end-r: var(--outer-radius);--border-bottom-end-r: var(--outer-radius);padding-inline-start:calc(var(--padding-start) - var(--border-size) - var(--trailing-padding-diff));padding-inline-end:calc(var(--padding-end) - var(--border-size) + var(--trailing-padding-diff))}:host ::ng-deep [md3-icon-button]:not([md3-main-action]):not(:disabled):focus{z-index:2}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-flip-icon [md3-icon-element]{transition:transform var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-menu-active{--border-top-start-r: var(--outer-radius);--border-bottom-start-r: var(--outer-radius);padding-inline-start:calc(var(--padding-start) - var(--border-size));padding-inline-end:calc(var(--padding-end) - var(--border-size))}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-menu-active.md3-flip-icon:dir(ltr) [md3-icon-element]{transform:rotate(180deg)}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-menu-active.md3-flip-icon:dir(rtl) [md3-icon-element]{transform:rotate(-180deg)}\n"] });
|
|
1361
1361
|
}
|
|
1362
1362
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: SplitButton, decorators: [{
|
|
1363
1363
|
type: Component,
|
|
@@ -1368,7 +1368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
1368
1368
|
provide: MD3_BUTTON_CONTEXT,
|
|
1369
1369
|
useExisting: SplitButton,
|
|
1370
1370
|
},
|
|
1371
|
-
], template: "<ng-content select=\"button[md3-button], button[md3-icon-button][md3-main-action], a[md3-button], a[md3-icon-button][md3-main-action]\"></ng-content>\
|
|
1371
|
+
], template: "<ng-content select=\"button[md3-button], button[md3-icon-button][md3-main-action], a[md3-button], a[md3-icon-button][md3-main-action]\"></ng-content>\n<ng-content select=\"button[md3-icon-button], a[md3-icon-button]\"></ng-content>", styles: [":host{--outer-radius: var(--md-border-radius-large-i);--inner-radius: var(--md-border-radius-xsmall);--trailing-padding-diff: .0625em;display:inline-flex;gap:.125em}:host.md3-x-small{--outer-radius: var(--md-border-radius-large);--trailing-padding-diff: .0625em}:host.md3-x-small ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-x-small ::ng-deep [md3-button] :not(:disabled):active,:host.md3-x-small ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-x-small ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-small)}:host.md3-small{--outer-radius: var(--md-border-radius-large-i);--trailing-padding-diff: .0625em}:host.md3-small ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-small ::ng-deep [md3-button] :not(:disabled):active,:host.md3-small ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-small ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-medium)}:host.md3-medium{--outer-radius: var(--md-border-radius-xlarge);--trailing-padding-diff: .125em}:host.md3-medium ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-medium ::ng-deep [md3-button] :not(:disabled):active,:host.md3-medium ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-medium ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-medium)}:host.md3-large{--outer-radius: var(--md-border-radius-xxlarge);--inner-radius: var(--md-border-radius-medium);--trailing-padding-diff: .1875em}:host.md3-large ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-large ::ng-deep [md3-button] :not(:disabled):active,:host.md3-large ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-large ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-large-i)}:host.md3-x-large{--outer-radius: 4.25em;--inner-radius: var(--md-border-radius-medium);--trailing-padding-diff: .375em}:host.md3-x-large ::ng-deep [md3-button]:not(:disabled):hover,:host.md3-x-large ::ng-deep [md3-button] :not(:disabled):active,:host.md3-x-large ::ng-deep [md3-icon-button]:not(:disabled):hover,:host.md3-x-large ::ng-deep [md3-icon-button] :not(:disabled):active{--inner-radius: var(--md-border-radius-large-i)}:host ::ng-deep [md3-button]{--border-top-start-r: var(--outer-radius);--border-bottom-start-r: var(--outer-radius);--border-top-end-r: var(--inner-radius);--border-bottom-end-r: var(--inner-radius)}:host ::ng-deep [md3-button]:not(:disabled):focus{z-index:2}:host ::ng-deep [md3-button].md3-x-small{padding-inline-end:calc(.625em - var(--border-size))}:host ::ng-deep [md3-button].md3-small{padding-inline-end:calc(.75em - var(--border-size))}:host ::ng-deep [md3-icon-button]{--padding-start: .8125em;--padding-end: .8125em}:host ::ng-deep [md3-icon-button].md3-standard{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-primary);--border-size: 0em;box-shadow:var(--md-shadow-1dp)}:host ::ng-deep [md3-icon-button].md3-standard:disabled{box-shadow:var(--md-shadow-0dp)}:host ::ng-deep [md3-icon-button].md3-x-small{--padding-start: .8125em;--padding-end: .8125em}:host ::ng-deep [md3-icon-button].md3-x-small [md3-icon-element]{font-size:1.375em!important}:host ::ng-deep [md3-icon-button].md3-small{--padding-start: .8125em;--padding-end: .8125em}:host ::ng-deep [md3-icon-button].md3-small [md3-icon-element]{font-size:1.375em!important}:host ::ng-deep [md3-icon-button].md3-medium{--padding-start: .9375em;--padding-end: .9375em}:host ::ng-deep [md3-icon-button].md3-medium [md3-icon-element]{font-size:1.625em!important}:host ::ng-deep [md3-icon-button].md3-large{--padding-start: 1.8125em;--padding-end: 1.8125em}:host ::ng-deep [md3-icon-button].md3-large [md3-icon-element]{font-size:2.375em!important}:host ::ng-deep [md3-icon-button].md3-x-large{--padding-start: 2.6875em;--padding-end: 2.6875em}:host ::ng-deep [md3-icon-button].md3-x-large [md3-icon-element]{font-size:3.125em!important}:host ::ng-deep [md3-icon-button][md3-main-action]{--border-top-start-r: var(--outer-radius);--border-bottom-start-r: var(--outer-radius);--border-top-end-r: var(--inner-radius);--border-bottom-end-r: var(--inner-radius);padding-inline-start:calc(var(--padding-end) - var(--border-size) + var(--trailing-padding-diff));padding-inline-end:calc(var(--padding-start) - var(--border-size) - var(--trailing-padding-diff))}:host ::ng-deep [md3-icon-button][md3-main-action]:not(:disabled):focus{z-index:2}:host ::ng-deep [md3-icon-button]:not([md3-main-action]){--border-top-start-r: var(--inner-radius);--border-bottom-start-r: var(--inner-radius);--border-top-end-r: var(--outer-radius);--border-bottom-end-r: var(--outer-radius);padding-inline-start:calc(var(--padding-start) - var(--border-size) - var(--trailing-padding-diff));padding-inline-end:calc(var(--padding-end) - var(--border-size) + var(--trailing-padding-diff))}:host ::ng-deep [md3-icon-button]:not([md3-main-action]):not(:disabled):focus{z-index:2}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-flip-icon [md3-icon-element]{transition:transform var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-menu-active{--border-top-start-r: var(--outer-radius);--border-bottom-start-r: var(--outer-radius);padding-inline-start:calc(var(--padding-start) - var(--border-size));padding-inline-end:calc(var(--padding-end) - var(--border-size))}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-menu-active.md3-flip-icon:dir(ltr) [md3-icon-element]{transform:rotate(180deg)}:host ::ng-deep [md3-icon-button]:not([md3-main-action]).md3-menu-active.md3-flip-icon:dir(rtl) [md3-icon-element]{transform:rotate(-180deg)}\n"] }]
|
|
1372
1372
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "button-size", required: false }] }], buttonType: [{ type: i0.Input, args: [{ isSignal: true, alias: "button-type", required: false }] }], flipTrailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip-trailing-icon", required: false }] }], button: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Button), { isSignal: true }] }], iconButtons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconButton), { isSignal: true }] }] } });
|
|
1373
1373
|
|
|
1374
1374
|
class ButtonGroup {
|
|
@@ -1519,13 +1519,13 @@ class Card {
|
|
|
1519
1519
|
this.isActionTag.set(tagName != 'md3-card');
|
|
1520
1520
|
}
|
|
1521
1521
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Card, deps: [{ token: i0.ElementRef }, { token: StateComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
1522
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: Card, isStandalone: true, selector: "md3-card, button[md3-card], a[md3-card]", inputs: { cardType: { classPropertyName: "cardType", publicName: "card-type", isSignal: true, isRequired: false, transformFunction: null }, isInteractive: { classPropertyName: "isInteractive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content></ng-content>\
|
|
1522
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: Card, isStandalone: true, selector: "md3-card, button[md3-card], a[md3-card]", inputs: { cardType: { classPropertyName: "cardType", publicName: "card-type", isSignal: true, isRequired: false, transformFunction: null }, isInteractive: { classPropertyName: "isInteractive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-on-surface));--state-color: var(--md-scheme-on-surface);--border-radius: var(--md-border-radius-medium);--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;font-size:1rem;border-radius:var(--md-border-radius-medium);display:block;width:100%;text-align:start;padding:0;border:none;text-decoration:none;background-color:var(--background-color);color:var(--foreground-color);box-shadow:var(--md-shadow-1dp);transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host.md3-interactive:hover{box-shadow:var(--md-shadow-3dp)}:host.md3-interactive:active,:host.md3-interactive:focus{box-shadow:var(--md-shadow-1dp)}:host.md3-filled{--background-color: rgb(var(--md-scheme-surface-container-highest));box-shadow:var(--md-shadow-0dp)}:host.md3-filled.md3-interactive:hover{box-shadow:var(--md-shadow-1dp)}:host.md3-filled.md3-interactive:active,:host.md3-filled.md3-interactive:focus{box-shadow:var(--md-shadow-0dp)}:host.md3-outlined{--background-color: rgb(var(--md-scheme-surface));--border-size: .0625em;box-shadow:var(--md-shadow-0dp);border:var(--border-size) solid rgb(var(--md-scheme-outline-variant))}:host.md3-outlined.md3-interactive:hover{box-shadow:var(--md-shadow-1dp)}:host.md3-outlined.md3-interactive:active{box-shadow:var(--md-shadow-0dp)}:host.md3-outlined.md3-interactive:focus{box-shadow:var(--md-shadow-0dp);border-color:rgb(var(--md-scheme-on-surface))}\n"] });
|
|
1523
1523
|
}
|
|
1524
1524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Card, decorators: [{
|
|
1525
1525
|
type: Component,
|
|
1526
1526
|
args: [{ selector: 'md3-card, button[md3-card], a[md3-card]', imports: [], hostDirectives: [
|
|
1527
1527
|
StateComponent
|
|
1528
|
-
], template: "<ng-content></ng-content>\
|
|
1528
|
+
], template: "<ng-content></ng-content>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface-container-low));--foreground-color: rgb(var(--md-scheme-on-surface));--state-color: var(--md-scheme-on-surface);--border-radius: var(--md-border-radius-medium);--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;font-size:1rem;border-radius:var(--md-border-radius-medium);display:block;width:100%;text-align:start;padding:0;border:none;text-decoration:none;background-color:var(--background-color);color:var(--foreground-color);box-shadow:var(--md-shadow-1dp);transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host.md3-interactive:hover{box-shadow:var(--md-shadow-3dp)}:host.md3-interactive:active,:host.md3-interactive:focus{box-shadow:var(--md-shadow-1dp)}:host.md3-filled{--background-color: rgb(var(--md-scheme-surface-container-highest));box-shadow:var(--md-shadow-0dp)}:host.md3-filled.md3-interactive:hover{box-shadow:var(--md-shadow-1dp)}:host.md3-filled.md3-interactive:active,:host.md3-filled.md3-interactive:focus{box-shadow:var(--md-shadow-0dp)}:host.md3-outlined{--background-color: rgb(var(--md-scheme-surface));--border-size: .0625em;box-shadow:var(--md-shadow-0dp);border:var(--border-size) solid rgb(var(--md-scheme-outline-variant))}:host.md3-outlined.md3-interactive:hover{box-shadow:var(--md-shadow-1dp)}:host.md3-outlined.md3-interactive:active{box-shadow:var(--md-shadow-0dp)}:host.md3-outlined.md3-interactive:focus{box-shadow:var(--md-shadow-0dp);border-color:rgb(var(--md-scheme-on-surface))}\n"] }]
|
|
1529
1529
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: StateComponent }], propDecorators: { cardType: [{ type: i0.Input, args: [{ isSignal: true, alias: "card-type", required: false }] }], isInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }] } });
|
|
1530
1530
|
|
|
1531
1531
|
class ChipAvatar {
|
|
@@ -1590,14 +1590,14 @@ class Chips {
|
|
|
1590
1590
|
return this.el.nativeElement;
|
|
1591
1591
|
}
|
|
1592
1592
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Chips, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1593
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: Chips, isStandalone: true, selector: "button[md3-chip], a[md3-chip], label[md3-chip]", inputs: { chipType: { classPropertyName: "chipType", publicName: "chip-type", isSignal: true, isRequired: false, transformFunction: null }, chipStyle: { classPropertyName: "chipStyle", publicName: "chip-style", isSignal: true, isRequired: false, transformFunction: null }, hasSurface: { classPropertyName: "hasSurface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null }, isElevated: { classPropertyName: "isElevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { trailingFunction: "on-trailing" }, queries: [{ propertyName: "avatar", first: true, predicate: ChipAvatar, descendants: true, isSignal: true }, { propertyName: "iconElements", predicate: IconElement, isSignal: true }], ngImport: i0, template: "@if (isSelectable()) {\
|
|
1593
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: Chips, isStandalone: true, selector: "button[md3-chip], a[md3-chip], label[md3-chip]", inputs: { chipType: { classPropertyName: "chipType", publicName: "chip-type", isSignal: true, isRequired: false, transformFunction: null }, chipStyle: { classPropertyName: "chipStyle", publicName: "chip-style", isSignal: true, isRequired: false, transformFunction: null }, hasSurface: { classPropertyName: "hasSurface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null }, isElevated: { classPropertyName: "isElevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { trailingFunction: "on-trailing" }, queries: [{ propertyName: "avatar", first: true, predicate: ChipAvatar, descendants: true, isSignal: true }, { propertyName: "iconElements", predicate: IconElement, isSignal: true }], ngImport: i0, template: "@if (isSelectable()) {\n <ng-content select=\"[md3-input-element]\"></ng-content>\n}\n<div class=\"md3-chip-container\" md3-state-component>\n <div class=\"md3-chip-leading\" [class.has-icon]=\"leading()\" [class.has-avatar]=\"hasAvatar()\">\n <ng-content select=\"[md3-icon-element=leading], [md3-chip-avatar]\"></ng-content>\n @if (showCheckIcon()) {\n <md3-icon [icon-size]=\"18\" md3-icon-element=\"leading\">check</md3-icon>\n }\n </div>\n <div class=\"md3-chip-label\">\n <ng-content></ng-content>\n </div>\n @if (hasRemove() || trailing()) {\n <button class=\"md3-chip-trailing\" md3-state-component [class.has-icon]=\"trailing()\" (click)=\"onTrailingClick($event)\">\n <ng-content select=\"[md3-icon-element=trailing]\"></ng-content>\n\n @if (hasRemove() && !trailing()) {\n <md3-icon [icon-size]=\"18\" md3-icon-element=\"trailing\">close</md3-icon>\n }\n </button>\n }\n</div>", styles: [":host{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--border-color: rgb(var(--md-scheme-outline-variant));--state-color: var(--md-scheme-on-surface);--border-radius: var(--md-border-radius-small);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;display:inline-flex;align-items:center;justify-content:center;position:relative;font-size:1rem;height:2em;width:fit-content;padding:0;border:none;border-radius:var(--border-radius);background-color:transparent;color:var(--foreground-color);cursor:default;white-space:nowrap;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .md3-input-element{position:absolute;inset:0;opacity:0}:host.md3-surface{--background-color: rgb(var(--md-scheme-surface-container-low))}:host .md3-chip-container{display:flex;align-items:center;justify-content:center;height:inherit;padding:0 .5em;border-radius:inherit;min-width:5.5em;background-color:var(--background-color);color:var(--foreground-color);cursor:pointer;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-chip-container:before{content:\"\";display:block;position:absolute;inset:0;border-radius:inherit;border:.0625em solid var(--border-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-chip-container .md3-chip-leading,:host .md3-chip-container .md3-chip-trailing{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;opacity:0;transform:scale(1.2);height:1.125em;width:0;color:inherit;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-chip-container .md3-chip-leading ::ng-deep [md3-icon-element],:host .md3-chip-container .md3-chip-trailing ::ng-deep [md3-icon-element]{font-size:1.125em!important;height:1em!important;width:1em!important;line-height:1em!important}:host .md3-chip-container .md3-chip-leading{color:rgb(var(--md-scheme-primary))}:host .md3-chip-container .md3-chip-leading.has-avatar{background-color:rgb(var(--md-scheme-on-surface-variant));color:rgb(var(--md-scheme-surface-container-low));height:1.5em;transform:scale(.8);border-radius:50%;margin-inline-start:-.25em}:host .md3-chip-container .md3-chip-trailing{color:rgb(var(--md-scheme-on-surface-variant))}:host .md3-chip-container .md3-chip-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;color:var(--foreground-color);font-size:.875em;line-height:1.428572em;font-weight:500;letter-spacing:.007143em;margin:0 .571429em}:host.md3-assist .md3-chip-container{--foreground-color: rgb(var(--md-scheme-on-surface))}:host.md3-assist .md3-chip-container .md3-chip-leading.has-icon{opacity:1;transform:scale(1);width:1.125em}:host.md3-filter .md3-chip-container .md3-chip-trailing.has-icon{--border-radius: 50%;opacity:1;transform:scale(1);width:1.125em;position:relative;border:none;background-color:transparent;border-radius:var(--border-radius);cursor:pointer;z-index:10}:host.md3-filter .md3-chip-container .md3-chip-trailing.has-icon:before{content:\"\";display:block;position:absolute;height:3em;width:3em;border-radius:var(--border-radius)}:host.md3-filter ::ng-deep .md3-input-element:checked+.md3-chip-container .md3-chip-leading{opacity:1;transform:scale(1);width:1.125em}:host.md3-input .md3-chip-container .md3-chip-leading.has-icon{opacity:1;transform:scale(1);width:1.125em}:host.md3-input .md3-chip-container .md3-chip-leading.has-avatar{width:1.5em;opacity:1;transform:scale(1)}:host.md3-input .md3-chip-container .md3-chip-trailing{--border-radius: 50%;opacity:1;transform:scale(1);width:1.125em;position:relative;border:none;background-color:transparent;border-radius:var(--border-radius);cursor:pointer;z-index:10}:host.md3-input .md3-chip-container .md3-chip-trailing:before{content:\"\";display:block;position:absolute;height:3em;width:3em;border-radius:var(--border-radius)}:host.md3-suggestion .md3-chip-container .md3-chip-leading,:host.md3-suggestion .md3-chip-container .md3-chip-trailing{opacity:0;width:0}:host.md3-elevated .md3-chip-container{--background-color: rgb(var(--md-scheme-surface-container-low));box-shadow:var(--md-shadow-1dp)}:host.md3-elevated .md3-chip-container:before{opacity:0}:host.md3-elevated .md3-chip-container:hover{box-shadow:var(--md-shadow-3dp)}:host.md3-elevated:hover ::ng-deep .md3-input-element:checked+.md3-chip-container{box-shadow:var(--md-shadow-1dp)}:host ::ng-deep .md3-input-element:checked+.md3-chip-container{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--border-color: rgb(var(--md-scheme-secondary-container));box-shadow:var(--md-shadow-0dp)}:host ::ng-deep .md3-input-element:checked+.md3-chip-container .md3-chip-leading.has-icon{color:rgb(var(--md-scheme-on-secondary-container))}:host ::ng-deep .md3-input-element:checked+.md3-chip-container .md3-chip-trailing{color:rgb(var(--md-scheme-on-secondary-container))}:host ::ng-deep .md3-input-element:checked+.md3-chip-container:before{opacity:0}:host:not(:hover):not(:active):focus .md3-chip-container:after,:host ::ng-deep .md3-input-element:not(:hover):not(:active):focus+.md3-chip-container:after{opacity:1}:host:active .md3-chip-container:after,:host ::ng-deep .md3-input-element:active+.md3-chip-container:after{opacity:0}:host:disabled .md3-chip-container,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container{--foreground-color: rgba(var(--md-scheme-on-surface), .38);--border-color: rgba(var(--md-scheme-on-surface), .12);cursor:default;box-shadow:var(--md-shadow-0dp)}:host:disabled .md3-chip-container .md3-chip-leading:not(.has-avatar),:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-leading:not(.has-avatar){color:rgba(var(--md-scheme-on-surface),.38)}:host:disabled .md3-chip-container .md3-chip-leading .has-avatar,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-leading .has-avatar{opacity:.38}:host:disabled .md3-chip-container .md3-chip-trailing,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-trailing{color:rgba(var(--md-scheme-on-surface),.38);z-index:auto;pointer-events:none}:host:disabled .md3-chip-container .md3-chip-label,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-label{color:rgba(var(--md-scheme-on-surface),.38)}:host:disabled .md3-chip-container .md3-state-layer,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-state-layer{display:none}:host:disabled .md3-chip-container:after,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container:after{display:none}:host.md3-elevated:disabled .md3-chip-container,:host.md3-surface:disabled .md3-chip-container,:host.md3-elevated ::ng-deep .md3-input-element:disabled+.md3-chip-container,:host.md3-surface ::ng-deep .md3-input-element:disabled+.md3-chip-container,:host ::ng-deep .md3-input-element:checked:disabled+.md3-chip-container{background-color:rgba(var(--md-scheme-on-surface),.12)}\n"], dependencies: [{ kind: "directive", type: StateComponent, selector: "[md3-state-component]" }, { kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }] });
|
|
1594
1594
|
}
|
|
1595
1595
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Chips, decorators: [{
|
|
1596
1596
|
type: Component,
|
|
1597
1597
|
args: [{ selector: 'button[md3-chip], a[md3-chip], label[md3-chip]', imports: [
|
|
1598
1598
|
StateComponent,
|
|
1599
1599
|
MaterialIcon,
|
|
1600
|
-
], template: "@if (isSelectable()) {\
|
|
1600
|
+
], template: "@if (isSelectable()) {\n <ng-content select=\"[md3-input-element]\"></ng-content>\n}\n<div class=\"md3-chip-container\" md3-state-component>\n <div class=\"md3-chip-leading\" [class.has-icon]=\"leading()\" [class.has-avatar]=\"hasAvatar()\">\n <ng-content select=\"[md3-icon-element=leading], [md3-chip-avatar]\"></ng-content>\n @if (showCheckIcon()) {\n <md3-icon [icon-size]=\"18\" md3-icon-element=\"leading\">check</md3-icon>\n }\n </div>\n <div class=\"md3-chip-label\">\n <ng-content></ng-content>\n </div>\n @if (hasRemove() || trailing()) {\n <button class=\"md3-chip-trailing\" md3-state-component [class.has-icon]=\"trailing()\" (click)=\"onTrailingClick($event)\">\n <ng-content select=\"[md3-icon-element=trailing]\"></ng-content>\n\n @if (hasRemove() && !trailing()) {\n <md3-icon [icon-size]=\"18\" md3-icon-element=\"trailing\">close</md3-icon>\n }\n </button>\n }\n</div>", styles: [":host{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface-variant));--border-color: rgb(var(--md-scheme-outline-variant));--state-color: var(--md-scheme-on-surface);--border-radius: var(--md-border-radius-small);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;display:inline-flex;align-items:center;justify-content:center;position:relative;font-size:1rem;height:2em;width:fit-content;padding:0;border:none;border-radius:var(--border-radius);background-color:transparent;color:var(--foreground-color);cursor:default;white-space:nowrap;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .md3-input-element{position:absolute;inset:0;opacity:0}:host.md3-surface{--background-color: rgb(var(--md-scheme-surface-container-low))}:host .md3-chip-container{display:flex;align-items:center;justify-content:center;height:inherit;padding:0 .5em;border-radius:inherit;min-width:5.5em;background-color:var(--background-color);color:var(--foreground-color);cursor:pointer;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-chip-container:before{content:\"\";display:block;position:absolute;inset:0;border-radius:inherit;border:.0625em solid var(--border-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-chip-container .md3-chip-leading,:host .md3-chip-container .md3-chip-trailing{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;opacity:0;transform:scale(1.2);height:1.125em;width:0;color:inherit;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-chip-container .md3-chip-leading ::ng-deep [md3-icon-element],:host .md3-chip-container .md3-chip-trailing ::ng-deep [md3-icon-element]{font-size:1.125em!important;height:1em!important;width:1em!important;line-height:1em!important}:host .md3-chip-container .md3-chip-leading{color:rgb(var(--md-scheme-primary))}:host .md3-chip-container .md3-chip-leading.has-avatar{background-color:rgb(var(--md-scheme-on-surface-variant));color:rgb(var(--md-scheme-surface-container-low));height:1.5em;transform:scale(.8);border-radius:50%;margin-inline-start:-.25em}:host .md3-chip-container .md3-chip-trailing{color:rgb(var(--md-scheme-on-surface-variant))}:host .md3-chip-container .md3-chip-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;color:var(--foreground-color);font-size:.875em;line-height:1.428572em;font-weight:500;letter-spacing:.007143em;margin:0 .571429em}:host.md3-assist .md3-chip-container{--foreground-color: rgb(var(--md-scheme-on-surface))}:host.md3-assist .md3-chip-container .md3-chip-leading.has-icon{opacity:1;transform:scale(1);width:1.125em}:host.md3-filter .md3-chip-container .md3-chip-trailing.has-icon{--border-radius: 50%;opacity:1;transform:scale(1);width:1.125em;position:relative;border:none;background-color:transparent;border-radius:var(--border-radius);cursor:pointer;z-index:10}:host.md3-filter .md3-chip-container .md3-chip-trailing.has-icon:before{content:\"\";display:block;position:absolute;height:3em;width:3em;border-radius:var(--border-radius)}:host.md3-filter ::ng-deep .md3-input-element:checked+.md3-chip-container .md3-chip-leading{opacity:1;transform:scale(1);width:1.125em}:host.md3-input .md3-chip-container .md3-chip-leading.has-icon{opacity:1;transform:scale(1);width:1.125em}:host.md3-input .md3-chip-container .md3-chip-leading.has-avatar{width:1.5em;opacity:1;transform:scale(1)}:host.md3-input .md3-chip-container .md3-chip-trailing{--border-radius: 50%;opacity:1;transform:scale(1);width:1.125em;position:relative;border:none;background-color:transparent;border-radius:var(--border-radius);cursor:pointer;z-index:10}:host.md3-input .md3-chip-container .md3-chip-trailing:before{content:\"\";display:block;position:absolute;height:3em;width:3em;border-radius:var(--border-radius)}:host.md3-suggestion .md3-chip-container .md3-chip-leading,:host.md3-suggestion .md3-chip-container .md3-chip-trailing{opacity:0;width:0}:host.md3-elevated .md3-chip-container{--background-color: rgb(var(--md-scheme-surface-container-low));box-shadow:var(--md-shadow-1dp)}:host.md3-elevated .md3-chip-container:before{opacity:0}:host.md3-elevated .md3-chip-container:hover{box-shadow:var(--md-shadow-3dp)}:host.md3-elevated:hover ::ng-deep .md3-input-element:checked+.md3-chip-container{box-shadow:var(--md-shadow-1dp)}:host ::ng-deep .md3-input-element:checked+.md3-chip-container{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--border-color: rgb(var(--md-scheme-secondary-container));box-shadow:var(--md-shadow-0dp)}:host ::ng-deep .md3-input-element:checked+.md3-chip-container .md3-chip-leading.has-icon{color:rgb(var(--md-scheme-on-secondary-container))}:host ::ng-deep .md3-input-element:checked+.md3-chip-container .md3-chip-trailing{color:rgb(var(--md-scheme-on-secondary-container))}:host ::ng-deep .md3-input-element:checked+.md3-chip-container:before{opacity:0}:host:not(:hover):not(:active):focus .md3-chip-container:after,:host ::ng-deep .md3-input-element:not(:hover):not(:active):focus+.md3-chip-container:after{opacity:1}:host:active .md3-chip-container:after,:host ::ng-deep .md3-input-element:active+.md3-chip-container:after{opacity:0}:host:disabled .md3-chip-container,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container{--foreground-color: rgba(var(--md-scheme-on-surface), .38);--border-color: rgba(var(--md-scheme-on-surface), .12);cursor:default;box-shadow:var(--md-shadow-0dp)}:host:disabled .md3-chip-container .md3-chip-leading:not(.has-avatar),:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-leading:not(.has-avatar){color:rgba(var(--md-scheme-on-surface),.38)}:host:disabled .md3-chip-container .md3-chip-leading .has-avatar,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-leading .has-avatar{opacity:.38}:host:disabled .md3-chip-container .md3-chip-trailing,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-trailing{color:rgba(var(--md-scheme-on-surface),.38);z-index:auto;pointer-events:none}:host:disabled .md3-chip-container .md3-chip-label,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-chip-label{color:rgba(var(--md-scheme-on-surface),.38)}:host:disabled .md3-chip-container .md3-state-layer,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container .md3-state-layer{display:none}:host:disabled .md3-chip-container:after,:host ::ng-deep .md3-input-element:disabled+.md3-chip-container:after{display:none}:host.md3-elevated:disabled .md3-chip-container,:host.md3-surface:disabled .md3-chip-container,:host.md3-elevated ::ng-deep .md3-input-element:disabled+.md3-chip-container,:host.md3-surface ::ng-deep .md3-input-element:disabled+.md3-chip-container,:host ::ng-deep .md3-input-element:checked:disabled+.md3-chip-container{background-color:rgba(var(--md-scheme-on-surface),.12)}\n"] }]
|
|
1601
1601
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { chipType: [{ type: i0.Input, args: [{ isSignal: true, alias: "chip-type", required: false }] }], chipStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "chip-style", required: false }] }], trailingFunction: [{ type: i0.Output, args: ["on-trailing"] }], avatar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ChipAvatar), { isSignal: true }] }], iconElements: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { isSignal: true }] }], hasSurface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }], isElevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }] } });
|
|
1602
1602
|
|
|
1603
1603
|
class Checkbox {
|
|
@@ -1761,14 +1761,14 @@ class Checkbox {
|
|
|
1761
1761
|
}
|
|
1762
1762
|
}
|
|
1763
1763
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Checkbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1764
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Checkbox, isStandalone: true, selector: "md3-checkbox", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, disableStateLayer: { classPropertyName: "disableStateLayer", publicName: "disable-state-layer", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "stateComponent", first: true, predicate: StateComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
1764
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Checkbox, isStandalone: true, selector: "md3-checkbox", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, disableStateLayer: { classPropertyName: "disableStateLayer", publicName: "disable-state-layer", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "stateComponent", first: true, predicate: StateComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div md3-state-component class=\"md3-checkbox-container\">\n <div class=\"md3-checkbox-icon\">\n <md3-icon>{{ checkboxIcon }}</md3-icon>\n </div>\n</div>\n", styles: [":host{--checkbox-color: rgb(var(--md-scheme-on-surface-variant));--checkbox-icon-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-surface);--border-radius: 2.5em;--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;position:relative;font-size:1rem;height:2.5em;width:2.5em;min-width:2.5em;border-radius:var(--border-radius)}:host .md3-checkbox-container{position:absolute;pointer-events:none;inset:0;font-size:1em;border-radius:inherit}:host .md3-checkbox-container .md3-checkbox-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:.5em;width:1.5em;height:1.5em}:host .md3-checkbox-container .md3-checkbox-icon:before{content:\"\";display:block;height:.875em;width:.875em;border:.125em solid var(--checkbox-color);border-radius:.125em;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-checkbox-container .md3-checkbox-icon md3-icon{position:absolute;inset:0;color:var(--checkbox-icon-color);opacity:0;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host ::ng-deep .md3-input-element{display:block;height:100%;width:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element:hover+.md3-checkbox-container .md3-state-layer{opacity:.08}:host ::ng-deep .md3-input-element:hover+.md3-checkbox-container:after{opacity:0}:host ::ng-deep .md3-input-element:focus+.md3-checkbox-container{--checkbox-color: rgb(var(--md-scheme-on-surface))}:host ::ng-deep .md3-input-element:focus+.md3-checkbox-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)+.md3-checkbox-container:after{opacity:1}:host ::ng-deep .md3-input-element:active+.md3-checkbox-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:active+.md3-checkbox-container .md3-state-layer:before{transform:translate(-50%,-50%) scale(2.4);opacity:1}:host ::ng-deep .md3-input-element:active+.md3-checkbox-container:after{opacity:0}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container{--checkbox-color: rgb(var(--md-scheme-primary))}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container .md3-checkbox-icon:before,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container .md3-checkbox-icon:before{background-color:var(--checkbox-color)}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container .md3-checkbox-icon md3-icon,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container .md3-checkbox-icon md3-icon{opacity:1!important}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container .md3-state-layer,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container .md3-state-layer{--state-color: var(--md-scheme-primary)}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-checkbox-container{--checkbox-color: rgb(var(--md-scheme-error));--checkbox-icon-color: rgb(var(--md-scheme-on-error))}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-checkbox-container .md3-state-layer{--state-color: var(--md-scheme-error)}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled+.md3-checkbox-container .md3-checkbox-icon{--checkbox-color: rgb(var(--md-scheme-on-surface));--checkbox-icon-color: rgb(var(--md-scheme-on-primary));opacity:.38}:host ::ng-deep .md3-input-element:disabled+.md3-checkbox-container .md3-state-layer{display:none}\n"], dependencies: [{ kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }, { kind: "directive", type: StateComponent, selector: "[md3-state-component]" }] });
|
|
1765
1765
|
}
|
|
1766
1766
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Checkbox, decorators: [{
|
|
1767
1767
|
type: Component,
|
|
1768
1768
|
args: [{ selector: 'md3-checkbox', imports: [
|
|
1769
1769
|
MaterialIcon,
|
|
1770
1770
|
StateComponent,
|
|
1771
|
-
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
1771
|
+
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div md3-state-component class=\"md3-checkbox-container\">\n <div class=\"md3-checkbox-icon\">\n <md3-icon>{{ checkboxIcon }}</md3-icon>\n </div>\n</div>\n", styles: [":host{--checkbox-color: rgb(var(--md-scheme-on-surface-variant));--checkbox-icon-color: rgb(var(--md-scheme-on-primary));--state-color: var(--md-scheme-on-surface);--border-radius: 2.5em;--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;position:relative;font-size:1rem;height:2.5em;width:2.5em;min-width:2.5em;border-radius:var(--border-radius)}:host .md3-checkbox-container{position:absolute;pointer-events:none;inset:0;font-size:1em;border-radius:inherit}:host .md3-checkbox-container .md3-checkbox-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:.5em;width:1.5em;height:1.5em}:host .md3-checkbox-container .md3-checkbox-icon:before{content:\"\";display:block;height:.875em;width:.875em;border:.125em solid var(--checkbox-color);border-radius:.125em;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-checkbox-container .md3-checkbox-icon md3-icon{position:absolute;inset:0;color:var(--checkbox-icon-color);opacity:0;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host ::ng-deep .md3-input-element{display:block;height:100%;width:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element:hover+.md3-checkbox-container .md3-state-layer{opacity:.08}:host ::ng-deep .md3-input-element:hover+.md3-checkbox-container:after{opacity:0}:host ::ng-deep .md3-input-element:focus+.md3-checkbox-container{--checkbox-color: rgb(var(--md-scheme-on-surface))}:host ::ng-deep .md3-input-element:focus+.md3-checkbox-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)+.md3-checkbox-container:after{opacity:1}:host ::ng-deep .md3-input-element:active+.md3-checkbox-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:active+.md3-checkbox-container .md3-state-layer:before{transform:translate(-50%,-50%) scale(2.4);opacity:1}:host ::ng-deep .md3-input-element:active+.md3-checkbox-container:after{opacity:0}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container{--checkbox-color: rgb(var(--md-scheme-primary))}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container .md3-checkbox-icon:before,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container .md3-checkbox-icon:before{background-color:var(--checkbox-color)}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container .md3-checkbox-icon md3-icon,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container .md3-checkbox-icon md3-icon{opacity:1!important}:host ::ng-deep .md3-input-element:checked+.md3-checkbox-container .md3-state-layer,:host ::ng-deep .md3-input-element:indeterminate+.md3-checkbox-container .md3-state-layer{--state-color: var(--md-scheme-primary)}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-checkbox-container{--checkbox-color: rgb(var(--md-scheme-error));--checkbox-icon-color: rgb(var(--md-scheme-on-error))}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-checkbox-container .md3-state-layer{--state-color: var(--md-scheme-error)}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled+.md3-checkbox-container .md3-checkbox-icon{--checkbox-color: rgb(var(--md-scheme-on-surface));--checkbox-icon-color: rgb(var(--md-scheme-on-primary));opacity:.38}:host ::ng-deep .md3-input-element:disabled+.md3-checkbox-container .md3-state-layer{display:none}\n"] }]
|
|
1772
1772
|
}], ctorParameters: () => [], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], stateComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => StateComponent), { isSignal: true }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => InputElement), { isSignal: true }] }], controlName: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormControlName), { isSignal: true }] }], disableStateLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable-state-layer", required: false }] }] } });
|
|
1773
1773
|
|
|
1774
1774
|
class RadioButton {
|
|
@@ -1937,13 +1937,13 @@ class RadioButton {
|
|
|
1937
1937
|
}
|
|
1938
1938
|
}
|
|
1939
1939
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: RadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1940
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: RadioButton, isStandalone: true, selector: "md3-radio-button", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, disableStateLayer: { classPropertyName: "disableStateLayer", publicName: "disable-state-layer", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "stateComponent", first: true, predicate: StateComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
1940
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: RadioButton, isStandalone: true, selector: "md3-radio-button", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, disableStateLayer: { classPropertyName: "disableStateLayer", publicName: "disable-state-layer", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "stateComponent", first: true, predicate: StateComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div md3-state-component class=\"md3-radio-button-container\">\n <div class=\"md3-radio-button-icon\"></div>\n</div>\n", styles: [":host{--radio-button-color: rgb(var(--md-scheme-on-surface-variant));--radio-button-icon-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-on-surface);--border-radius: 2.5em;--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;position:relative;font-size:1rem;height:2.5em;width:2.5em;min-width:2.5em;border-radius:var(--border-radius)}:host .md3-radio-button-container{position:absolute;inset:0;border-radius:inherit;pointer-events:none}:host .md3-radio-button-container .md3-radio-button-icon{font-size:1rem;position:absolute;display:inline-flex;align-items:center;justify-content:center;inset:.5em;width:1.5em;height:1.5em}:host .md3-radio-button-container .md3-radio-button-icon:before{content:\"\";display:block;height:1.125em;width:1.125em;border:.125em solid var(--radio-button-color);border-radius:50%;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-radio-button-container .md3-radio-button-icon:after{content:\"\";position:absolute;display:block;height:.625em;width:.625em;border-radius:50%;background-color:var(--radio-button-icon-color);opacity:0;transform:scale(0);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host ::ng-deep .md3-input-element{display:block;height:100%;width:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element:hover+.md3-radio-button-container .md3-state-layer{opacity:.08}:host ::ng-deep .md3-input-element:hover+.md3-radio-button-container:after{opacity:0}:host ::ng-deep .md3-input-element:focus+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-on-surface))}:host ::ng-deep .md3-input-element:focus+.md3-radio-button-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)+.md3-radio-button-container:after{opacity:1}:host ::ng-deep .md3-input-element:active+.md3-radio-button-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:active+.md3-radio-button-container .md3-state-layer:before{transform:translate(-50%,-50%) scale(2.4);opacity:1}:host ::ng-deep .md3-input-element:active+.md3-radio-button-container:after{opacity:0}:host ::ng-deep .md3-input-element:checked+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-primary))}:host ::ng-deep .md3-input-element:checked+.md3-radio-button-container .md3-radio-button-icon:after{opacity:1;transform:scale(1)}:host ::ng-deep .md3-input-element:checked+.md3-radio-button-container .md3-state-layer{--state-color: var(--md-scheme-primary)}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-error));--radio-button-icon-color: rgb(var(--md-scheme-error))}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-radio-button-container .md3-state-layer{--state-color: var(--md-scheme-error)}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-on-surface));--radio-button-icon-color: rgb(var(--md-scheme-on-surface));opacity:.38}:host ::ng-deep .md3-input-element:disabled+.md3-radio-button-container .md3-state-layer{display:none}\n"], dependencies: [{ kind: "directive", type: StateComponent, selector: "[md3-state-component]" }] });
|
|
1941
1941
|
}
|
|
1942
1942
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: RadioButton, decorators: [{
|
|
1943
1943
|
type: Component,
|
|
1944
1944
|
args: [{ selector: 'md3-radio-button', imports: [
|
|
1945
1945
|
StateComponent
|
|
1946
|
-
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
1946
|
+
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div md3-state-component class=\"md3-radio-button-container\">\n <div class=\"md3-radio-button-icon\"></div>\n</div>\n", styles: [":host{--radio-button-color: rgb(var(--md-scheme-on-surface-variant));--radio-button-icon-color: rgb(var(--md-scheme-primary));--state-color: var(--md-scheme-on-surface);--border-radius: 2.5em;--border-size: 0em;--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;position:relative;font-size:1rem;height:2.5em;width:2.5em;min-width:2.5em;border-radius:var(--border-radius)}:host .md3-radio-button-container{position:absolute;inset:0;border-radius:inherit;pointer-events:none}:host .md3-radio-button-container .md3-radio-button-icon{font-size:1rem;position:absolute;display:inline-flex;align-items:center;justify-content:center;inset:.5em;width:1.5em;height:1.5em}:host .md3-radio-button-container .md3-radio-button-icon:before{content:\"\";display:block;height:1.125em;width:1.125em;border:.125em solid var(--radio-button-color);border-radius:50%;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-radio-button-container .md3-radio-button-icon:after{content:\"\";position:absolute;display:block;height:.625em;width:.625em;border-radius:50%;background-color:var(--radio-button-icon-color);opacity:0;transform:scale(0);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host ::ng-deep .md3-input-element{display:block;height:100%;width:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element:hover+.md3-radio-button-container .md3-state-layer{opacity:.08}:host ::ng-deep .md3-input-element:hover+.md3-radio-button-container:after{opacity:0}:host ::ng-deep .md3-input-element:focus+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-on-surface))}:host ::ng-deep .md3-input-element:focus+.md3-radio-button-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)+.md3-radio-button-container:after{opacity:1}:host ::ng-deep .md3-input-element:active+.md3-radio-button-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:active+.md3-radio-button-container .md3-state-layer:before{transform:translate(-50%,-50%) scale(2.4);opacity:1}:host ::ng-deep .md3-input-element:active+.md3-radio-button-container:after{opacity:0}:host ::ng-deep .md3-input-element:checked+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-primary))}:host ::ng-deep .md3-input-element:checked+.md3-radio-button-container .md3-radio-button-icon:after{opacity:1;transform:scale(1)}:host ::ng-deep .md3-input-element:checked+.md3-radio-button-container .md3-state-layer{--state-color: var(--md-scheme-primary)}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-error));--radio-button-icon-color: rgb(var(--md-scheme-error))}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-radio-button-container .md3-state-layer{--state-color: var(--md-scheme-error)}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled+.md3-radio-button-container{--radio-button-color: rgb(var(--md-scheme-on-surface));--radio-button-icon-color: rgb(var(--md-scheme-on-surface));opacity:.38}:host ::ng-deep .md3-input-element:disabled+.md3-radio-button-container .md3-state-layer{display:none}\n"] }]
|
|
1947
1947
|
}], ctorParameters: () => [], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], stateComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => StateComponent), { isSignal: true }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => InputElement), { isSignal: true }] }], controlName: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormControlName), { isSignal: true }] }], disableStateLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable-state-layer", required: false }] }] } });
|
|
1948
1948
|
|
|
1949
1949
|
class Switch {
|
|
@@ -2097,13 +2097,13 @@ class Switch {
|
|
|
2097
2097
|
}
|
|
2098
2098
|
}
|
|
2099
2099
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Switch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Switch, isStandalone: true, selector: "md3-switch", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, disableStateLayer: { classPropertyName: "disableStateLayer", publicName: "disable-state-layer", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "stateComponent", first: true, predicate: StateComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
2100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Switch, isStandalone: true, selector: "md3-switch", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, disableStateLayer: { classPropertyName: "disableStateLayer", publicName: "disable-state-layer", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "stateComponent", first: true, predicate: StateComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div md3-state-component class=\"md3-track-container\">\n <div class=\"md3-track\">\n <div class=\"md3-handle-container\">\n <div class=\"md3-handle\">\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--track-color: rgb(var(--md-scheme-surface-container-highest));--track-outline-color: rgb(var(--md-scheme-outline));--switch-handle-color: rgb(var(--md-scheme-outline));--switch-handle-size: 1em;--icon-color: rgb(var(--md-scheme-surface-container-highest));--state-color: var(--md-scheme-on-surface);--border-radius: var(--md-border-radius-large);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;height:2em;width:3.25em;min-width:3.25em;border-radius:var(--border-radius)}:host .md3-track-container{position:absolute;inset:0;border-radius:inherit;pointer-events:none}:host .md3-track-container .md3-track{position:relative;display:inline-flex;align-items:center;width:100%;height:100%;border:.125em solid var(--track-outline-color);border-radius:inherit;background-color:var(--track-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-track-container .md3-track .md3-handle-container{position:absolute;height:1.75em;width:1.75em;left:0;display:flex;align-items:center;justify-content:center;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-track-container .md3-track .md3-handle-container .md3-handle{display:flex;align-items:center;justify-content:center;min-width:var(--switch-handle-size);min-height:var(--switch-handle-size);border-radius:50%;background-color:var(--switch-handle-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element]{font-size:1em!important;height:1em;width:1em;margin:.25em;color:var(--icon-color)}:host .md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=unselected]{display:block}:host .md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=selected]{display:none}:host ::ng-deep .md3-input-element{display:block;height:100%;width:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element+.md3-track-container .md3-state-layer{height:2.5em;width:2.5em;top:-.25em;left:-.25em;border-radius:100%;transition:left var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),right var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),opacity var(--md-motion-expressive-slow-spatial-duration) var(--md-motion-expressive-slow-spatial-easing)}:host ::ng-deep .md3-input-element:hover+.md3-track-container .md3-state-layer{opacity:.08}:host ::ng-deep .md3-input-element:hover+.md3-track-container:after{opacity:0}:host ::ng-deep .md3-input-element:focus+.md3-track-container{--switch-handle-color: rgb(var(--md-scheme-on-surface-variant))}:host ::ng-deep .md3-input-element:focus+.md3-track-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)+.md3-track-container:after{opacity:1}:host ::ng-deep .md3-input-element:active+.md3-track-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:active+.md3-track-container .md3-state-layer:before{transform:translate(-50%,-50%) scale(2.4);opacity:1}:host ::ng-deep .md3-input-element:active+.md3-track-container:after{opacity:0}:host ::ng-deep .md3-input-element:checked+.md3-track-container{--track-color: rgb(var(--md-scheme-primary));--track-outline-color: rgb(var(--md-scheme-primary));--switch-handle-color: rgb(var(--md-scheme-on-primary));--icon-color: rgb(var(--md-scheme-primary));--switch-handle-size: 1.5em}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-track .md3-handle-container{left:1.25em!important}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=unselected]{display:none!important}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=selected]{display:block!important}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-state-layer{--state-color: var(--md-scheme-primary);left:1em}:host ::ng-deep .md3-input-element:active:not(:disabled)+.md3-track-container .md3-track .md3-handle-container{--switch-handle-size: 1.75em}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-track-container{--track-color: rgb(var(--md-scheme-error-container));--track-outline-color: rgb(var(--md-scheme-error));--switch-handle-color: rgb(var(--md-scheme-error))}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-track-container .md3-state-layer{--state-color: var(--md-scheme-error)}:host ::ng-deep .md3-input-element[aria-invalid=true]:checked+.md3-track-container{--track-color: rgb(var(--md-scheme-error));--track-outline-color: rgb(var(--md-scheme-error));--switch-handle-color: rgb(var(--md-scheme-on-error))}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled+.md3-track-container{--track-color: rgb(var(--md-scheme-surface-container-highest));--track-outline-color: rgb(var(--md-scheme-on-surface));--switch-handle-color: rgb(var(--md-scheme-on-surface));opacity:.38}:host ::ng-deep .md3-input-element:disabled+.md3-track-container .md3-state-layer{display:none}:host ::ng-deep .md3-input-element:disabled:checked+.md3-track-container{--track-color: rgb(var(--md-scheme-on-surface));--track-outline-color: rgb(var(--md-scheme-on-surface));--switch-handle-color: rgb(var(--md-scheme-surface));--icon-color: rgb(var(--md-scheme-on-surface))}\n"], dependencies: [{ kind: "directive", type: StateComponent, selector: "[md3-state-component]" }] });
|
|
2101
2101
|
}
|
|
2102
2102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Switch, decorators: [{
|
|
2103
2103
|
type: Component,
|
|
2104
2104
|
args: [{ selector: 'md3-switch', imports: [
|
|
2105
2105
|
StateComponent
|
|
2106
|
-
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
2106
|
+
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div md3-state-component class=\"md3-track-container\">\n <div class=\"md3-track\">\n <div class=\"md3-handle-container\">\n <div class=\"md3-handle\">\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--track-color: rgb(var(--md-scheme-surface-container-highest));--track-outline-color: rgb(var(--md-scheme-outline));--switch-handle-color: rgb(var(--md-scheme-outline));--switch-handle-size: 1em;--icon-color: rgb(var(--md-scheme-surface-container-highest));--state-color: var(--md-scheme-on-surface);--border-radius: var(--md-border-radius-large);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;height:2em;width:3.25em;min-width:3.25em;border-radius:var(--border-radius)}:host .md3-track-container{position:absolute;inset:0;border-radius:inherit;pointer-events:none}:host .md3-track-container .md3-track{position:relative;display:inline-flex;align-items:center;width:100%;height:100%;border:.125em solid var(--track-outline-color);border-radius:inherit;background-color:var(--track-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-track-container .md3-track .md3-handle-container{position:absolute;height:1.75em;width:1.75em;left:0;display:flex;align-items:center;justify-content:center;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-track-container .md3-track .md3-handle-container .md3-handle{display:flex;align-items:center;justify-content:center;min-width:var(--switch-handle-size);min-height:var(--switch-handle-size);border-radius:50%;background-color:var(--switch-handle-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element]{font-size:1em!important;height:1em;width:1em;margin:.25em;color:var(--icon-color)}:host .md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=unselected]{display:block}:host .md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=selected]{display:none}:host ::ng-deep .md3-input-element{display:block;height:100%;width:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element+.md3-track-container .md3-state-layer{height:2.5em;width:2.5em;top:-.25em;left:-.25em;border-radius:100%;transition:left var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),right var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),opacity var(--md-motion-expressive-slow-spatial-duration) var(--md-motion-expressive-slow-spatial-easing)}:host ::ng-deep .md3-input-element:hover+.md3-track-container .md3-state-layer{opacity:.08}:host ::ng-deep .md3-input-element:hover+.md3-track-container:after{opacity:0}:host ::ng-deep .md3-input-element:focus+.md3-track-container{--switch-handle-color: rgb(var(--md-scheme-on-surface-variant))}:host ::ng-deep .md3-input-element:focus+.md3-track-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)+.md3-track-container:after{opacity:1}:host ::ng-deep .md3-input-element:active+.md3-track-container .md3-state-layer{opacity:.1}:host ::ng-deep .md3-input-element:active+.md3-track-container .md3-state-layer:before{transform:translate(-50%,-50%) scale(2.4);opacity:1}:host ::ng-deep .md3-input-element:active+.md3-track-container:after{opacity:0}:host ::ng-deep .md3-input-element:checked+.md3-track-container{--track-color: rgb(var(--md-scheme-primary));--track-outline-color: rgb(var(--md-scheme-primary));--switch-handle-color: rgb(var(--md-scheme-on-primary));--icon-color: rgb(var(--md-scheme-primary));--switch-handle-size: 1.5em}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-track .md3-handle-container{left:1.25em!important}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=unselected]{display:none!important}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-track .md3-handle-container .md3-handle ::ng-deep [md3-icon-element=selected]{display:block!important}:host ::ng-deep .md3-input-element:checked+.md3-track-container .md3-state-layer{--state-color: var(--md-scheme-primary);left:1em}:host ::ng-deep .md3-input-element:active:not(:disabled)+.md3-track-container .md3-track .md3-handle-container{--switch-handle-size: 1.75em}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-track-container{--track-color: rgb(var(--md-scheme-error-container));--track-outline-color: rgb(var(--md-scheme-error));--switch-handle-color: rgb(var(--md-scheme-error))}:host ::ng-deep .md3-input-element[aria-invalid=true]+.md3-track-container .md3-state-layer{--state-color: var(--md-scheme-error)}:host ::ng-deep .md3-input-element[aria-invalid=true]:checked+.md3-track-container{--track-color: rgb(var(--md-scheme-error));--track-outline-color: rgb(var(--md-scheme-error));--switch-handle-color: rgb(var(--md-scheme-on-error))}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled+.md3-track-container{--track-color: rgb(var(--md-scheme-surface-container-highest));--track-outline-color: rgb(var(--md-scheme-on-surface));--switch-handle-color: rgb(var(--md-scheme-on-surface));opacity:.38}:host ::ng-deep .md3-input-element:disabled+.md3-track-container .md3-state-layer{display:none}:host ::ng-deep .md3-input-element:disabled:checked+.md3-track-container{--track-color: rgb(var(--md-scheme-on-surface));--track-outline-color: rgb(var(--md-scheme-on-surface));--switch-handle-color: rgb(var(--md-scheme-surface));--icon-color: rgb(var(--md-scheme-on-surface))}\n"] }]
|
|
2107
2107
|
}], ctorParameters: () => [], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], stateComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => StateComponent), { isSignal: true }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => InputElement), { isSignal: true }] }], controlName: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormControlName), { isSignal: true }] }], disableStateLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable-state-layer", required: false }] }] } });
|
|
2108
2108
|
|
|
2109
2109
|
class Slider {
|
|
@@ -2232,13 +2232,13 @@ class Slider {
|
|
|
2232
2232
|
}
|
|
2233
2233
|
}
|
|
2234
2234
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Slider, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2235
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: Slider, isStandalone: true, selector: "md3-slider", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, sliderSize: { classPropertyName: "sliderSize", publicName: "slider-size", isSignal: true, isRequired: false, transformFunction: null }, showValueLabel: { classPropertyName: "showValueLabel", publicName: "show-value-label", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
2235
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: Slider, isStandalone: true, selector: "md3-slider", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, sliderSize: { classPropertyName: "sliderSize", publicName: "slider-size", isSignal: true, isRequired: false, transformFunction: null }, showValueLabel: { classPropertyName: "showValueLabel", publicName: "show-value-label", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div class=\"md3-slider-container\">\n <div class=\"md3-slider-track\">\n <div class=\"md3-active-track\">\n <div class=\"md3-track-bar\">\n <div class=\"md3-icon-container\">\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"md3-inactive-track\">\n <div class=\"md3-track-bar\"></div>\n </div>\n </div>\n <div class=\"md3-slider-handle\">\n @if (showValueLabel()) {\n <div class=\"md3-value-label\">\n <md3-type-body size=\"medium\">{{ value() }}</md3-type-body>\n </div>\n }\n </div>\n</div>\n", styles: [":host{--slider-active-track-color: rgb(var(--md-scheme-primary));--slider-active-track-on-color: rgb(var(--md-scheme-on-primary));--slider-track-color: rgb(var(--md-scheme-secondary-container));--slider-handle-color: rgb(var(--md-scheme-primary));--outline-color: rgb(var(--md-scheme-secondary));--slider-size: 1em;--border-radius: var(--md-border-radius-small);--slider-progress: 0%;position:relative;display:block;width:100%;font-size:1rem;min-width:12.5em;min-height:2.75em;height:calc(var(--slider-size) + 1.125em);border-radius:var(--border-radius)}:host.md3-x-small{--slider-size: 1em;--border-radius: var(--md-border-radius-small)}:host.md3-small{--slider-size: 1.5em;--border-radius: var(--md-border-radius-small)}:host.md3-x-small .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container,:host.md3-small .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{display:none}:host.md3-medium{--slider-size: 2.5em;--border-radius: var(--md-border-radius-medium)}:host.md3-large{--slider-size: 3.5em;--border-radius: var(--md-border-radius-large)}:host.md3-medium .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container,:host.md3-large .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{--icon-size: 1.5em;margin-top:-.75em}:host.md3-x-large{--slider-size: 6em;--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{--icon-size: 2em;margin-top:-1em}:host .md3-slider-container{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;height:100%}:host .md3-slider-container .md3-slider-track{display:flex;flex:1 1 100%;position:relative;align-items:center;height:var(--slider-size);border-radius:var(--border-radius);overflow:hidden}:host .md3-slider-container .md3-slider-track .md3-active-track{position:relative;width:var(--slider-progress);overflow:hidden;height:100%;transition:width var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar{position:relative;overflow:hidden;height:100%;border-radius:.125em;background-color:var(--slider-active-track-color);margin-inline-end:.5em}:host .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{--icon-size: 1.5em;position:absolute;display:flex;align-items:center;justify-content:center;inset-inline-start:.25em;top:50%;font-size:1em!important;margin-top:-.75em;height:var(--icon-size);width:var(--icon-size);color:var(--slider-active-track-on-color)}:host .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container ::ng-deep [md3-icon-element]{font-size:var(--icon-size)!important}:host .md3-slider-container .md3-slider-track .md3-inactive-track{position:relative;flex:1 1 0;overflow:hidden;height:100%;transition:width var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-slider-container .md3-slider-track .md3-inactive-track .md3-track-bar{position:relative;overflow:hidden;height:100%;border-radius:.125em;background-color:var(--slider-track-color);margin-inline-start:.5em}:host .md3-slider-container .md3-slider-track .md3-inactive-track .md3-track-bar:after{content:\"\";position:absolute;inset-inline-end:.25em;top:50%;margin-top:-.125em;display:block;height:.25em;width:.25em;border-radius:var(--md-border-radius-xsmall);background-color:var(--slider-active-track-color)}:host .md3-slider-container .md3-slider-handle{position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--slider-progress) - .5em);width:1em;height:100%;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle:before{content:\"\";display:block;height:100%;width:.25em;border-radius:.125em;margin:auto;background-color:var(--slider-handle-color);transition:width var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle:after{content:\"\";position:absolute;display:block;inset:-.5625em -.1875em;border-radius:var(--md-border-radius-large);border:.1875em solid var(--outline-color);pointer-events:none;opacity:0;transition:opacity var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle .md3-value-label{position:absolute;inset-inline-start:50%;bottom:calc(100% + .25em);min-width:3em;height:2.75em;display:inline-flex;align-items:center;justify-content:center;padding:0 1em;border-radius:1.375em;color:rgb(var(--md-scheme-inverse-on-surface));background-color:rgb(var(--md-scheme-inverse-surface));transform:translate(-50%) scale(0);opacity:0;transition:transform var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing),opacity var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle .md3-value-label .md3-text-body{font-size:.875em;white-space:nowrap}:host ::ng-deep .md3-input-element{display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element:focus~.md3-slider-container .md3-slider-handle .md3-value-label,:host ::ng-deep .md3-input-element:active~.md3-slider-container .md3-slider-handle .md3-value-label{opacity:1!important;transform:translate(-50%) scale(1)!important}:host ::ng-deep .md3-input-element:focus~.md3-slider-container .md3-slider-handle:before{width:.125em}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)~.md3-slider-container .md3-slider-handle:after{opacity:1}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container{--slider-active-track-color: rgb(var(--md-scheme-on-surface));--slider-active-track-on-color: rgb(var(--md-scheme-inverse-on-surface));--slider-track-color: rgb(var(--md-scheme-on-surface));--slider-handle-color: rgb(var(--md-scheme-on-surface))}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-track .md3-active-track{opacity:.38}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-track .md3-inactive-track{opacity:.12}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-handle{opacity:.38}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-handle .md3-value-label{display:none!important}\n"], dependencies: [{ kind: "directive", type: TypeBody, selector: "md3-type-body, [md3-type-body]", inputs: ["size", "color", "emphasized"] }] });
|
|
2236
2236
|
}
|
|
2237
2237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Slider, decorators: [{
|
|
2238
2238
|
type: Component,
|
|
2239
2239
|
args: [{ selector: 'md3-slider', imports: [
|
|
2240
2240
|
TypeBody,
|
|
2241
|
-
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\
|
|
2241
|
+
], template: "<ng-content select=\"[md3-input-element]\"></ng-content>\n<div class=\"md3-slider-container\">\n <div class=\"md3-slider-track\">\n <div class=\"md3-active-track\">\n <div class=\"md3-track-bar\">\n <div class=\"md3-icon-container\">\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"md3-inactive-track\">\n <div class=\"md3-track-bar\"></div>\n </div>\n </div>\n <div class=\"md3-slider-handle\">\n @if (showValueLabel()) {\n <div class=\"md3-value-label\">\n <md3-type-body size=\"medium\">{{ value() }}</md3-type-body>\n </div>\n }\n </div>\n</div>\n", styles: [":host{--slider-active-track-color: rgb(var(--md-scheme-primary));--slider-active-track-on-color: rgb(var(--md-scheme-on-primary));--slider-track-color: rgb(var(--md-scheme-secondary-container));--slider-handle-color: rgb(var(--md-scheme-primary));--outline-color: rgb(var(--md-scheme-secondary));--slider-size: 1em;--border-radius: var(--md-border-radius-small);--slider-progress: 0%;position:relative;display:block;width:100%;font-size:1rem;min-width:12.5em;min-height:2.75em;height:calc(var(--slider-size) + 1.125em);border-radius:var(--border-radius)}:host.md3-x-small{--slider-size: 1em;--border-radius: var(--md-border-radius-small)}:host.md3-small{--slider-size: 1.5em;--border-radius: var(--md-border-radius-small)}:host.md3-x-small .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container,:host.md3-small .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{display:none}:host.md3-medium{--slider-size: 2.5em;--border-radius: var(--md-border-radius-medium)}:host.md3-large{--slider-size: 3.5em;--border-radius: var(--md-border-radius-large)}:host.md3-medium .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container,:host.md3-large .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{--icon-size: 1.5em;margin-top:-.75em}:host.md3-x-large{--slider-size: 6em;--border-radius: var(--md-border-radius-xlarge)}:host.md3-x-large .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{--icon-size: 2em;margin-top:-1em}:host .md3-slider-container{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;height:100%}:host .md3-slider-container .md3-slider-track{display:flex;flex:1 1 100%;position:relative;align-items:center;height:var(--slider-size);border-radius:var(--border-radius);overflow:hidden}:host .md3-slider-container .md3-slider-track .md3-active-track{position:relative;width:var(--slider-progress);overflow:hidden;height:100%;transition:width var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar{position:relative;overflow:hidden;height:100%;border-radius:.125em;background-color:var(--slider-active-track-color);margin-inline-end:.5em}:host .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container{--icon-size: 1.5em;position:absolute;display:flex;align-items:center;justify-content:center;inset-inline-start:.25em;top:50%;font-size:1em!important;margin-top:-.75em;height:var(--icon-size);width:var(--icon-size);color:var(--slider-active-track-on-color)}:host .md3-slider-container .md3-slider-track .md3-active-track .md3-track-bar .md3-icon-container ::ng-deep [md3-icon-element]{font-size:var(--icon-size)!important}:host .md3-slider-container .md3-slider-track .md3-inactive-track{position:relative;flex:1 1 0;overflow:hidden;height:100%;transition:width var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-slider-container .md3-slider-track .md3-inactive-track .md3-track-bar{position:relative;overflow:hidden;height:100%;border-radius:.125em;background-color:var(--slider-track-color);margin-inline-start:.5em}:host .md3-slider-container .md3-slider-track .md3-inactive-track .md3-track-bar:after{content:\"\";position:absolute;inset-inline-end:.25em;top:50%;margin-top:-.125em;display:block;height:.25em;width:.25em;border-radius:var(--md-border-radius-xsmall);background-color:var(--slider-active-track-color)}:host .md3-slider-container .md3-slider-handle{position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--slider-progress) - .5em);width:1em;height:100%;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle:before{content:\"\";display:block;height:100%;width:.25em;border-radius:.125em;margin:auto;background-color:var(--slider-handle-color);transition:width var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle:after{content:\"\";position:absolute;display:block;inset:-.5625em -.1875em;border-radius:var(--md-border-radius-large);border:.1875em solid var(--outline-color);pointer-events:none;opacity:0;transition:opacity var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle .md3-value-label{position:absolute;inset-inline-start:50%;bottom:calc(100% + .25em);min-width:3em;height:2.75em;display:inline-flex;align-items:center;justify-content:center;padding:0 1em;border-radius:1.375em;color:rgb(var(--md-scheme-inverse-on-surface));background-color:rgb(var(--md-scheme-inverse-surface));transform:translate(-50%) scale(0);opacity:0;transition:transform var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing),opacity var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing)}:host .md3-slider-container .md3-slider-handle .md3-value-label .md3-text-body{font-size:.875em;white-space:nowrap}:host ::ng-deep .md3-input-element{display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}:host ::ng-deep .md3-input-element:focus~.md3-slider-container .md3-slider-handle .md3-value-label,:host ::ng-deep .md3-input-element:active~.md3-slider-container .md3-slider-handle .md3-value-label{opacity:1!important;transform:translate(-50%) scale(1)!important}:host ::ng-deep .md3-input-element:focus~.md3-slider-container .md3-slider-handle:before{width:.125em}:host ::ng-deep .md3-input-element:focus:not(:hover):not(:active)~.md3-slider-container .md3-slider-handle:after{opacity:1}:host ::ng-deep .md3-input-element:disabled{cursor:default}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container{--slider-active-track-color: rgb(var(--md-scheme-on-surface));--slider-active-track-on-color: rgb(var(--md-scheme-inverse-on-surface));--slider-track-color: rgb(var(--md-scheme-on-surface));--slider-handle-color: rgb(var(--md-scheme-on-surface))}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-track .md3-active-track{opacity:.38}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-track .md3-inactive-track{opacity:.12}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-handle{opacity:.38}:host ::ng-deep .md3-input-element:disabled~.md3-slider-container .md3-slider-handle .md3-value-label{display:none!important}\n"] }]
|
|
2242
2242
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], sliderSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "slider-size", required: false }] }], showValueLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "show-value-label", required: false }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => InputElement), { isSignal: true }] }], controlName: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormControlName), { isSignal: true }] }] } });
|
|
2243
2243
|
|
|
2244
2244
|
class List {
|
|
@@ -2392,7 +2392,7 @@ class ListItem {
|
|
|
2392
2392
|
return target instanceof HTMLInputElement;
|
|
2393
2393
|
}
|
|
2394
2394
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ListItem, deps: [{ token: i0.ElementRef }, { token: StateComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
2395
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: ListItem, isStandalone: true, selector: "md3-list-item, label[md3-list-item], button[md3-list-item], a[md3-list-item]", inputs: { slotsAlignment: { classPropertyName: "slotsAlignment", publicName: "slots-alignment", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn($event)", "keydown": "onKeyDown($event)" }, properties: { "class.md3-selected": "isSelected()" } }, queries: [{ propertyName: "checkbox", first: true, predicate: Checkbox, descendants: true, isSignal: true }, { propertyName: "radioButton", first: true, predicate: RadioButton, descendants: true, isSignal: true }, { propertyName: "switch", first: true, predicate: Switch, descendants: true, isSignal: true }], hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-item-primary-action]\"></ng-content>\
|
|
2395
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: ListItem, isStandalone: true, selector: "md3-list-item, label[md3-list-item], button[md3-list-item], a[md3-list-item]", inputs: { slotsAlignment: { classPropertyName: "slotsAlignment", publicName: "slots-alignment", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "onFocusIn($event)", "keydown": "onKeyDown($event)" }, properties: { "class.md3-selected": "isSelected()" } }, queries: [{ propertyName: "checkbox", first: true, predicate: Checkbox, descendants: true, isSignal: true }, { propertyName: "radioButton", first: true, predicate: RadioButton, descendants: true, isSignal: true }, { propertyName: "switch", first: true, predicate: Switch, descendants: true, isSignal: true }], hostDirectives: [{ directive: StateComponent }], ngImport: i0, template: "<ng-content select=\"[md3-item-primary-action]\"></ng-content>\n<ng-content select=\"md3-list-leading\"></ng-content>\n<ng-content select=\"[md3-list-slot=content]\"></ng-content>\n<ng-content select=\"[md3-list-slot=trailing]\"></ng-content>", styles: [":host{border:none;background:none;text-decoration:none;text-align:start;font-size:1em;flex:0 1 auto;display:flex;align-items:center;gap:var(--slots-gap, .75em);padding:var(--padding-y, .625em) 1em;background-color:var(--background-color);color:var(--foreground-color);border-radius:var(--border-radius);transition:all var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing);position:relative;z-index:1}:host.md3-state-component{cursor:pointer}:host:has(.md3-item-primary-action){background-color:transparent}:host.md3-selected{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--border-radius: var(--md-border-radius-large)}:host:hover,:host:has(.md3-item-primary-action:hover){z-index:2}:host:focus,:host:has(.md3-item-primary-action:focus){z-index:3}:host.md3-slots-alignment-start{align-items:start}:host.md3-slots-alignment-center{align-items:center}:host.md3-slots-alignment-end{align-items:end}:host ::ng-deep [md3-list-slot=content]{flex:1 1 max-content;font-size:1em;line-height:1.5em;letter-spacing:.03125em;font-weight:400;color:rgb(var(--md-scheme-on-surface));pointer-events:none}:host ::ng-deep [md3-list-slot=trailing]{flex:0 1 max-content;display:inline-flex;align-items:center;font-size:.6875em;line-height:1.454545em;letter-spacing:.045455em;font-weight:500;pointer-events:none}:host ::ng-deep [md3-item-primary-action]{cursor:pointer;position:absolute;inset:0;font-size:1rem;border-radius:var(--border-radius);border:none;background-color:var(--background-color);z-index:-1}:host ::ng-deep [md3-item-primary-action].md3-disabled,:host ::ng-deep [md3-item-primary-action]:disabled{--background-color: transparent;--state-color: var(--md-scheme-on-surface);cursor:default!important}:host ::ng-deep [md3-item-primary-action].md3-disabled,:host ::ng-deep [md3-item-primary-action].md3-disabled~*,:host ::ng-deep [md3-item-primary-action]:disabled,:host ::ng-deep [md3-item-primary-action]:disabled~*{--foreground-color: rgb(var(--md-scheme-on-surface));--border-radius: var(--md-border-radius-medium);opacity:.38}:host.md3-disabled,:host:disabled{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface));--border-radius: var(--md-border-radius-medium);cursor:default!important;opacity:.38}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep a{pointer-events:all}\n"] });
|
|
2396
2396
|
}
|
|
2397
2397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: ListItem, decorators: [{
|
|
2398
2398
|
type: Component,
|
|
@@ -2400,7 +2400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2400
2400
|
'[class.md3-selected]': 'isSelected()',
|
|
2401
2401
|
}, hostDirectives: [
|
|
2402
2402
|
StateComponent
|
|
2403
|
-
], template: "<ng-content select=\"[md3-item-primary-action]\"></ng-content>\
|
|
2403
|
+
], template: "<ng-content select=\"[md3-item-primary-action]\"></ng-content>\n<ng-content select=\"md3-list-leading\"></ng-content>\n<ng-content select=\"[md3-list-slot=content]\"></ng-content>\n<ng-content select=\"[md3-list-slot=trailing]\"></ng-content>", styles: [":host{border:none;background:none;text-decoration:none;text-align:start;font-size:1em;flex:0 1 auto;display:flex;align-items:center;gap:var(--slots-gap, .75em);padding:var(--padding-y, .625em) 1em;background-color:var(--background-color);color:var(--foreground-color);border-radius:var(--border-radius);transition:all var(--md-motion-expressive-fast-spatial-duration) var(--md-motion-expressive-fast-spatial-easing);position:relative;z-index:1}:host.md3-state-component{cursor:pointer}:host:has(.md3-item-primary-action){background-color:transparent}:host.md3-selected{--background-color: rgb(var(--md-scheme-secondary-container));--foreground-color: rgb(var(--md-scheme-on-secondary-container));--border-radius: var(--md-border-radius-large)}:host:hover,:host:has(.md3-item-primary-action:hover){z-index:2}:host:focus,:host:has(.md3-item-primary-action:focus){z-index:3}:host.md3-slots-alignment-start{align-items:start}:host.md3-slots-alignment-center{align-items:center}:host.md3-slots-alignment-end{align-items:end}:host ::ng-deep [md3-list-slot=content]{flex:1 1 max-content;font-size:1em;line-height:1.5em;letter-spacing:.03125em;font-weight:400;color:rgb(var(--md-scheme-on-surface));pointer-events:none}:host ::ng-deep [md3-list-slot=trailing]{flex:0 1 max-content;display:inline-flex;align-items:center;font-size:.6875em;line-height:1.454545em;letter-spacing:.045455em;font-weight:500;pointer-events:none}:host ::ng-deep [md3-item-primary-action]{cursor:pointer;position:absolute;inset:0;font-size:1rem;border-radius:var(--border-radius);border:none;background-color:var(--background-color);z-index:-1}:host ::ng-deep [md3-item-primary-action].md3-disabled,:host ::ng-deep [md3-item-primary-action]:disabled{--background-color: transparent;--state-color: var(--md-scheme-on-surface);cursor:default!important}:host ::ng-deep [md3-item-primary-action].md3-disabled,:host ::ng-deep [md3-item-primary-action].md3-disabled~*,:host ::ng-deep [md3-item-primary-action]:disabled,:host ::ng-deep [md3-item-primary-action]:disabled~*{--foreground-color: rgb(var(--md-scheme-on-surface));--border-radius: var(--md-border-radius-medium);opacity:.38}:host.md3-disabled,:host:disabled{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-on-surface));--border-radius: var(--md-border-radius-medium);cursor:default!important;opacity:.38}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep a{pointer-events:all}\n"] }]
|
|
2404
2404
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: StateComponent }], propDecorators: { slotsAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "slots-alignment", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], checkbox: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Checkbox), { isSignal: true }] }], radioButton: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RadioButton), { isSignal: true }] }], switch: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Switch), { isSignal: true }] }], onFocusIn: [{
|
|
2405
2405
|
type: HostListener,
|
|
2406
2406
|
args: ['focusin', ['$event']]
|
|
@@ -2489,11 +2489,11 @@ class LoadingIndicator {
|
|
|
2489
2489
|
return Number.parseFloat(getComputedStyle(this.element).fontSize) || 16;
|
|
2490
2490
|
}
|
|
2491
2491
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LoadingIndicator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2492
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: LoadingIndicator, isStandalone: true, selector: "md3-loading-indicator", inputs: { contained: { classPropertyName: "contained", publicName: "contained", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"md3-indicator-indeterminate\" [class.md3-contained]=\"contained()\" [style]=\"'--size: '+dpSize()+'em'\">\r\n <svg viewBox=\"0 0 48 48\" class=\"md3-indicator-svg\">\r\n <path class=\"md3-indicator-shape\"></path>\r\n </svg>\r\n</div>", styles: [":host{display:inline-flex;font-size:1em}:host .md3-indicator-indeterminate{--size: 3rem;--indicator-color: rgb(var(--md-scheme-primary));width:var(--size);height:var(--size);min-width:1.5rem;min-height:1.5rem;max-width:15rem;max-height:15rem;border-radius:50%;display:inline-block}:host .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-primary-container));background-color:rgb(var(--md-scheme-primary-container))}:host .md3-indicator-indeterminate .md3-indicator-svg{width:100%;height:100%;animation:md3-rotate calc(var(--md-motion-expressive-slow-effects-duration) * 6) infinite;overflow:visible;shape-rendering:geometricprecision}:host .md3-indicator-indeterminate .md3-indicator-svg .md3-indicator-shape{fill:var(--indicator-color);animation:md3-shape-morph calc(var(--md-motion-expressive-slow-effects-duration) * 14) infinite;transform-origin:center}@keyframes md3-rotate{0%{transform:rotate(0) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}22%{transform:rotate(120deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}33%{transform:rotate(120deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}55%{transform:rotate(240deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}66%{transform:rotate(240deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}88%{transform:rotate(360deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{transform:rotate(360deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}}@keyframes md3-shape-morph{0%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}8%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}14%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\")}22%{d:path(\"M22.2529,8.2753c1.0702-0.4027,2.6632-0.3463,3.6081,0.0142l0.2885,0.0997 c1.4024,0.5481,2.6663,1.7425,3.8695,2.5323l0.519,0.363c1.125,0.875,2.1172,1.5745,3.3838,2.4379l0.5146,0.3526 c0.7846,0.5831,2.5182,1.6539,4.1443,2.8694l0.464,0.3738c2.2432,1.994,2.2187,4.5886,1.5743,6.4148l-0.3283,0.9315 c-0.3917,1.106-1.0665,3.0615-1.4883,4.2593l-0.2632,0.7474c-0.5151,1.5576-1.3014,3.9908-1.6875,5.309l-0.2131,0.6339 c-0.6979,2.3092-2.4757,4.0175-4.9737,4.3263l-0.6133,0.0468c-1.347,0.0184-2.2359-0.0025-3.3886-0.011l-0.7147-0.0149 c-0.6206-0.0108-1.4641-0.0221-2.1465-0.0241l-0.847-0.0146c-0.3599,0.0054-1.071,0.016-1.4312,0.0213l-0.4206-0.0035 c-1.6453,0.0418-3.3534,0.0651-4.448,0.064l-0.2439-0.0033c-3.5905,0.0648-5.4728-2.5077-5.9129-4.0613l-0.1342-0.3766 c-0.3181-0.8027-0.5063-1.6671-0.8878-2.7553l-0.1021-0.3218c-0.3809-1.288-1.343-4.1394-1.8144-5.4704l-0.1884-0.4961 c-0.3011-0.855-0.5532-1.5891-0.7902-2.2606l-0.105-0.3253c-1.387-3.5766,0.5162-6.1212,2.5899-7.4473l0.2549-0.1728 c0.556-0.3708,1.854-1.2772,2.2107-1.5208l0.469-0.3203c0.9458-0.613,3.3416-2.3396,4.1848-2.9563l0.3774-0.2749 c1.2871-0.9469,3.5364-2.6735,4.3991-2.8666L22.2529,8.2753z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}37%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}43%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\")}51%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}57%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\")}65%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}71%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\")}80%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}86%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\")}94%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\")}}\n"] });
|
|
2492
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: LoadingIndicator, isStandalone: true, selector: "md3-loading-indicator", inputs: { contained: { classPropertyName: "contained", publicName: "contained", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"md3-indicator-indeterminate\" [class.md3-contained]=\"contained()\" [style]=\"'--size: '+dpSize()+'em'\">\n <svg viewBox=\"0 0 48 48\" class=\"md3-indicator-svg\">\n <path class=\"md3-indicator-shape\"></path>\n </svg>\n</div>", styles: [":host{display:inline-flex;font-size:1em}:host .md3-indicator-indeterminate{--size: 3rem;--indicator-color: rgb(var(--md-scheme-primary));width:var(--size);height:var(--size);min-width:1.5rem;min-height:1.5rem;max-width:15rem;max-height:15rem;border-radius:50%;display:inline-block}:host .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-primary-container));background-color:rgb(var(--md-scheme-primary-container))}:host .md3-indicator-indeterminate .md3-indicator-svg{width:100%;height:100%;animation:md3-rotate calc(var(--md-motion-expressive-slow-effects-duration) * 6) infinite;overflow:visible;shape-rendering:geometricprecision}:host .md3-indicator-indeterminate .md3-indicator-svg .md3-indicator-shape{fill:var(--indicator-color);animation:md3-shape-morph calc(var(--md-motion-expressive-slow-effects-duration) * 14) infinite;transform-origin:center}@keyframes md3-rotate{0%{transform:rotate(0) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}22%{transform:rotate(120deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}33%{transform:rotate(120deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}55%{transform:rotate(240deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}66%{transform:rotate(240deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}88%{transform:rotate(360deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{transform:rotate(360deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}}@keyframes md3-shape-morph{0%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}8%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}14%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\")}22%{d:path(\"M22.2529,8.2753c1.0702-0.4027,2.6632-0.3463,3.6081,0.0142l0.2885,0.0997 c1.4024,0.5481,2.6663,1.7425,3.8695,2.5323l0.519,0.363c1.125,0.875,2.1172,1.5745,3.3838,2.4379l0.5146,0.3526 c0.7846,0.5831,2.5182,1.6539,4.1443,2.8694l0.464,0.3738c2.2432,1.994,2.2187,4.5886,1.5743,6.4148l-0.3283,0.9315 c-0.3917,1.106-1.0665,3.0615-1.4883,4.2593l-0.2632,0.7474c-0.5151,1.5576-1.3014,3.9908-1.6875,5.309l-0.2131,0.6339 c-0.6979,2.3092-2.4757,4.0175-4.9737,4.3263l-0.6133,0.0468c-1.347,0.0184-2.2359-0.0025-3.3886-0.011l-0.7147-0.0149 c-0.6206-0.0108-1.4641-0.0221-2.1465-0.0241l-0.847-0.0146c-0.3599,0.0054-1.071,0.016-1.4312,0.0213l-0.4206-0.0035 c-1.6453,0.0418-3.3534,0.0651-4.448,0.064l-0.2439-0.0033c-3.5905,0.0648-5.4728-2.5077-5.9129-4.0613l-0.1342-0.3766 c-0.3181-0.8027-0.5063-1.6671-0.8878-2.7553l-0.1021-0.3218c-0.3809-1.288-1.343-4.1394-1.8144-5.4704l-0.1884-0.4961 c-0.3011-0.855-0.5532-1.5891-0.7902-2.2606l-0.105-0.3253c-1.387-3.5766,0.5162-6.1212,2.5899-7.4473l0.2549-0.1728 c0.556-0.3708,1.854-1.2772,2.2107-1.5208l0.469-0.3203c0.9458-0.613,3.3416-2.3396,4.1848-2.9563l0.3774-0.2749 c1.2871-0.9469,3.5364-2.6735,4.3991-2.8666L22.2529,8.2753z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}37%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}43%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\")}51%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}57%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\")}65%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}71%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\")}80%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}86%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\")}94%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\")}}\n"] });
|
|
2493
2493
|
}
|
|
2494
2494
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LoadingIndicator, decorators: [{
|
|
2495
2495
|
type: Component,
|
|
2496
|
-
args: [{ selector: 'md3-loading-indicator', imports: [], template: "<div class=\"md3-indicator-indeterminate\" [class.md3-contained]=\"contained()\" [style]=\"'--size: '+dpSize()+'em'\">\r\n <svg viewBox=\"0 0 48 48\" class=\"md3-indicator-svg\">\r\n <path class=\"md3-indicator-shape\"></path>\r\n </svg>\r\n</div>", styles: [":host{display:inline-flex;font-size:1em}:host .md3-indicator-indeterminate{--size: 3rem;--indicator-color: rgb(var(--md-scheme-primary));width:var(--size);height:var(--size);min-width:1.5rem;min-height:1.5rem;max-width:15rem;max-height:15rem;border-radius:50%;display:inline-block}:host .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-primary-container));background-color:rgb(var(--md-scheme-primary-container))}:host .md3-indicator-indeterminate .md3-indicator-svg{width:100%;height:100%;animation:md3-rotate calc(var(--md-motion-expressive-slow-effects-duration) * 6) infinite;overflow:visible;shape-rendering:geometricprecision}:host .md3-indicator-indeterminate .md3-indicator-svg .md3-indicator-shape{fill:var(--indicator-color);animation:md3-shape-morph calc(var(--md-motion-expressive-slow-effects-duration) * 14) infinite;transform-origin:center}@keyframes md3-rotate{0%{transform:rotate(0) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}22%{transform:rotate(120deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}33%{transform:rotate(120deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}55%{transform:rotate(240deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}66%{transform:rotate(240deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}88%{transform:rotate(360deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{transform:rotate(360deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}}@keyframes md3-shape-morph{0%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}8%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}14%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\")}22%{d:path(\"M22.2529,8.2753c1.0702-0.4027,2.6632-0.3463,3.6081,0.0142l0.2885,0.0997 c1.4024,0.5481,2.6663,1.7425,3.8695,2.5323l0.519,0.363c1.125,0.875,2.1172,1.5745,3.3838,2.4379l0.5146,0.3526 c0.7846,0.5831,2.5182,1.6539,4.1443,2.8694l0.464,0.3738c2.2432,1.994,2.2187,4.5886,1.5743,6.4148l-0.3283,0.9315 c-0.3917,1.106-1.0665,3.0615-1.4883,4.2593l-0.2632,0.7474c-0.5151,1.5576-1.3014,3.9908-1.6875,5.309l-0.2131,0.6339 c-0.6979,2.3092-2.4757,4.0175-4.9737,4.3263l-0.6133,0.0468c-1.347,0.0184-2.2359-0.0025-3.3886-0.011l-0.7147-0.0149 c-0.6206-0.0108-1.4641-0.0221-2.1465-0.0241l-0.847-0.0146c-0.3599,0.0054-1.071,0.016-1.4312,0.0213l-0.4206-0.0035 c-1.6453,0.0418-3.3534,0.0651-4.448,0.064l-0.2439-0.0033c-3.5905,0.0648-5.4728-2.5077-5.9129-4.0613l-0.1342-0.3766 c-0.3181-0.8027-0.5063-1.6671-0.8878-2.7553l-0.1021-0.3218c-0.3809-1.288-1.343-4.1394-1.8144-5.4704l-0.1884-0.4961 c-0.3011-0.855-0.5532-1.5891-0.7902-2.2606l-0.105-0.3253c-1.387-3.5766,0.5162-6.1212,2.5899-7.4473l0.2549-0.1728 c0.556-0.3708,1.854-1.2772,2.2107-1.5208l0.469-0.3203c0.9458-0.613,3.3416-2.3396,4.1848-2.9563l0.3774-0.2749 c1.2871-0.9469,3.5364-2.6735,4.3991-2.8666L22.2529,8.2753z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}37%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}43%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\")}51%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}57%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\")}65%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}71%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\")}80%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}86%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\")}94%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\")}}\n"] }]
|
|
2496
|
+
args: [{ selector: 'md3-loading-indicator', imports: [], template: "<div class=\"md3-indicator-indeterminate\" [class.md3-contained]=\"contained()\" [style]=\"'--size: '+dpSize()+'em'\">\n <svg viewBox=\"0 0 48 48\" class=\"md3-indicator-svg\">\n <path class=\"md3-indicator-shape\"></path>\n </svg>\n</div>", styles: [":host{display:inline-flex;font-size:1em}:host .md3-indicator-indeterminate{--size: 3rem;--indicator-color: rgb(var(--md-scheme-primary));width:var(--size);height:var(--size);min-width:1.5rem;min-height:1.5rem;max-width:15rem;max-height:15rem;border-radius:50%;display:inline-block}:host .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-primary-container));background-color:rgb(var(--md-scheme-primary-container))}:host .md3-indicator-indeterminate .md3-indicator-svg{width:100%;height:100%;animation:md3-rotate calc(var(--md-motion-expressive-slow-effects-duration) * 6) infinite;overflow:visible;shape-rendering:geometricprecision}:host .md3-indicator-indeterminate .md3-indicator-svg .md3-indicator-shape{fill:var(--indicator-color);animation:md3-shape-morph calc(var(--md-motion-expressive-slow-effects-duration) * 14) infinite;transform-origin:center}@keyframes md3-rotate{0%{transform:rotate(0) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}22%{transform:rotate(120deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}33%{transform:rotate(120deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}55%{transform:rotate(240deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}66%{transform:rotate(240deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}88%{transform:rotate(360deg) scale(1.1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{transform:rotate(360deg) scale(1);animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}}@keyframes md3-shape-morph{0%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}8%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}14%{d:path(\"M22.288,7.4835c1.0702-0.4027,2.5865-0.3242,3.5314,0.0363l0.3034,0.1088 c1.6066,0.6078,2.0511,2.0876,4.906,2.3019l0.298,0.0052c1.4275,0.0105,3.1686,0.3556,4.6457,2.2874l0.2086,0.3094 c1.2686,2.0987,0.2542,3.2281,2.7084,5.4591l0.202,0.1795c2.4194,2.1114,2.2944,5.2642,1.0799,7.0737l-0.1184,0.2519 c-0.6393,1.2025-0.7588,2.5085-0.5092,3.785l0.0369,0.2678c0.3052,2.8163-1.4726,4.7747-3.0693,5.5682l-0.4376,0.1896 c-0.7771,0.3134-1.0907,0.378-1.9052,1.0261l-0.3048,0.2885c-1.1724,0.9106-0.8113,1.6329-2.3668,2.9245l-0.4982,0.3487 c-1.5295,0.8924-2.9184,1.0818-4.2717,0.7467l-0.4743-0.1335c-1.4363-0.6008-2.728-0.5313-3.445-0.3274l-0.432,0.1138 c-1.3926,0.4929-2.9898,0.9045-5.2429-0.3167l-0.3168-0.2088c-1.569-1.07-1.6662-2.5561-3.1385-3.5839l-0.3502-0.2176 c-0.6944-0.6306-2.3581-0.5879-3.8882-2.5649l-0.2951-0.4503c-0.536-1.0172-0.8832-2.1144-0.6749-3.6144l0.0694-0.5797 c0.3195-3.1981-1.3333-3.5037-1.5022-5.7951l-0.0256-0.4447C7,20.2825,7.8998,18.9908,9.1105,17.9916l0.349-0.3161 c1.9821-2.0319,1.3015-3.2819,2.1016-4.6805l0.2717-0.4837c1.3311-2.1455,3.5949-2.6316,4.5533-2.5622l0.5148-0.0226 c3.138-0.2552,3.1102-1.5886,5.0962-2.3438L22.288,7.4835z\")}22%{d:path(\"M22.2529,8.2753c1.0702-0.4027,2.6632-0.3463,3.6081,0.0142l0.2885,0.0997 c1.4024,0.5481,2.6663,1.7425,3.8695,2.5323l0.519,0.363c1.125,0.875,2.1172,1.5745,3.3838,2.4379l0.5146,0.3526 c0.7846,0.5831,2.5182,1.6539,4.1443,2.8694l0.464,0.3738c2.2432,1.994,2.2187,4.5886,1.5743,6.4148l-0.3283,0.9315 c-0.3917,1.106-1.0665,3.0615-1.4883,4.2593l-0.2632,0.7474c-0.5151,1.5576-1.3014,3.9908-1.6875,5.309l-0.2131,0.6339 c-0.6979,2.3092-2.4757,4.0175-4.9737,4.3263l-0.6133,0.0468c-1.347,0.0184-2.2359-0.0025-3.3886-0.011l-0.7147-0.0149 c-0.6206-0.0108-1.4641-0.0221-2.1465-0.0241l-0.847-0.0146c-0.3599,0.0054-1.071,0.016-1.4312,0.0213l-0.4206-0.0035 c-1.6453,0.0418-3.3534,0.0651-4.448,0.064l-0.2439-0.0033c-3.5905,0.0648-5.4728-2.5077-5.9129-4.0613l-0.1342-0.3766 c-0.3181-0.8027-0.5063-1.6671-0.8878-2.7553l-0.1021-0.3218c-0.3809-1.288-1.343-4.1394-1.8144-5.4704l-0.1884-0.4961 c-0.3011-0.855-0.5532-1.5891-0.7902-2.2606l-0.105-0.3253c-1.387-3.5766,0.5162-6.1212,2.5899-7.4473l0.2549-0.1728 c0.556-0.3708,1.854-1.2772,2.2107-1.5208l0.469-0.3203c0.9458-0.613,3.3416-2.3396,4.1848-2.9563l0.3774-0.2749 c1.2871-0.9469,3.5364-2.6735,4.3991-2.8666L22.2529,8.2753z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}37%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}43%{d:path(\"M22.3908,9.547c0.8975-0.3216,2.623-0.547,3.721-0.5412L26.3733,9 c0.8784,0,2.3856,0.13,3.9245,0.6979l0.4386,0.1594c0.9388,0.3302,1.8487,0.8113,3.0863,1.7057l0.3101,0.2454 c0.7846,0.5831,2.5516,2.332,3.4527,4.2087l0.2075,0.4239c0.9621,1.9765,1.4954,4.8,1.0779,7.28l-0.0788,0.4871 c-0.3612,1.7283-0.8004,2.889-1.6241,4.3184l-0.3813,0.5965c-0.8656,1.3205-2.8107,3.0774-3.3032,3.6306l-0.4549,0.4549 c-0.6526,0.6128-2.3676,2.5579-3.9362,3.5932l-0.2886,0.1949c-0.732,0.4318-1.6042,0.945-2.3734,1.1829l-0.3498,0.1176 c-0.4739,0.1597-1.2661,0.394-1.8919,0.4983l-0.3751,0.0577c-0.7272,0.1308-1.6997,0.1466-2.1363,0.1412l-0.4628-0.0125 c-1.5372-0.0372-3.0745-0.5078-3.861-0.8053l-0.363-0.1485c-2.1133-0.8403-3.776-2.2834-4.6021-3.2257l-0.2039-0.2142 c-0.5044-0.6027-1.2603-1.5206-1.7868-2.6377l-0.189-0.3874c-0.7903-1.5596-1.0831-3.3687-1.1789-4.5817l-0.0219-0.4388 c-0.0358-0.8441,0.0549-2.0153,0.1815-2.6463l0.1193-0.6041c0.6047-2.2556,1.2714-3.6723,2.6603-5.4084l0.2508-0.3049 c0.3597-0.3905,1.3271-1.4098,1.7063-1.7423l0.4076-0.4076c0.8125-0.8125,2.9111-2.9349,3.4558-3.3912l0.3878-0.2929 c1.0855-0.9028,3.1648-1.8378,3.9443-2.0994L22.3908,9.547z\")}51%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}57%{d:path(\"M17.3343,10.9597c0.9296-0.0419,1.5685-0.2919,2.3463-1.0697l2.464-2.1372 c1.2155-1.0621,2.7354-1.0273,3.9244,0.1905l2.3629,2.047c0.8054,0.6882,1.1539,0.9461,2.5687,0.9954l2.882,0.1879 c1.1729,0.0498,2.7563,0.4664,2.9207,2.6909l0.2384,3.4422c0.0556,1.6528,0.9306,2.0972,1.728,3.1321l1.1505,1.3194 c1.2048,1.235,1.5937,2.7707,0.1985,4.2514l-1.9111,2.1956c-1.2631,1.1848-1.152,2.2403-1.1866,2.851l-0.1761,2.5826 c-0.1226,2.5706-1.4143,3.029-2.7311,3.1676l-0.4741,0.0383c-0.454,0.0314-1.1965,0.0819-1.6806,0.1086l-1.1866,0.0869 c-0.8558,0.0165-1.5781,0.2109-2.0902,0.7523l-0.5501,0.4788c-0.3948,0.3445-1.0211,0.9104-1.5225,1.3288l-0.3848,0.3346 c-1.629,1.5803-3.1415,1.2053-4.3361,0.0977l-0.3721-0.3221c-0.3827-0.3286-1.191-1.0358-1.5387-1.3429l-0.4099-0.3578 c-0.8459-0.8141-1.4153-0.9669-2.5697-0.9851l-2.639-0.1799c-2.7621-0.0519-3.0816-1.7464-3.1759-2.8426l-0.2066-3.0152 c0.0092-1.1802-0.352-2.0136-1.053-2.631l-2.256-2.6058c-0.9318-1.1101-0.9735-2.5545,0.2354-3.7859l1.3596-1.5628 c0.9453-1.0947,1.6814-1.5669,1.6923-3.1088l0.2305-3.3912c0.0919-1.4559,0.9947-2.6086,2.4947-2.6781l0.5952-0.051 c0.7383-0.057,1.3048-0.1006,2.0846-0.1536L17.3343,10.9597z\")}65%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}71%{d:path(\"M16.8101,10.0117c1.4552-0.1387,3.0971,0.4573,4.0678,0.9351l0.4583,0.1948 c1.0527,0.4706,3.2935,0.915,5.5424-0.089l0.55-0.2214c1.09-0.5523,2.5213-0.9791,4.1715-0.7832l0.404,0.0597 c2.0103,0.3614,4.0077,1.6791,5.0607,3.6081l0.1902,0.3565c0.8483,1.6256,1.0784,3.8112,0.1244,6.0548l-0.1846,0.4249 c-0.8274,1.4831-1.1307,3.8674-0.5271,5.5688l0.1808,0.5469c0.5663,1.2623,1.2654,2.7922,1.1424,4.4759l-0.0442,0.5032 c-0.5126,3.3137-2.6041,4.7882-3.6228,5.395l-0.3172,0.173c-0.6093,0.3156-1.4302,0.6111-2.2563,0.7078l-0.1908,0.0235 c-0.902,0.1229-1.9883-0.0051-2.7529-0.2379l-0.2719-0.0863c-0.9856-0.3346-1.3673-0.5804-1.9889-0.8095l-0.1287-0.048 c-1.8405-0.6275-3.5033-0.4601-4.6824-0.0523l-0.2104,0.0744c-0.5541,0.2128-1.1535,0.5008-1.5003,0.6315l-0.205,0.0775 c-1.8987,0.7068-3.2791,0.6022-4.8139,0.1452l-0.184-0.0641c-1.5753-0.535-3.1579-1.8736-4.0033-3.5069l-0.1016-0.2006 c-0.5868-1.2196-0.9772-3.0044-0.512-4.7634l0.1183-0.4286c0.5668-1.7654,1.3807-2.5479,1.3267-4.9514l-0.0393-0.4922 c-0.1001-1.8886-1.5119-3.4259-1.5753-5.3291l-0.0224-0.2823c-0.0815-1.6524,0.5146-4.4132,2.9981-6.2297l0.3684-0.2529 c0.7036-0.5136,2.1947-1.0331,2.9746-1.0861L16.8101,10.0117z\")}80%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}86%{d:path(\"M23.5,10.5567c1.0417-0.4722,3-1.1667,4.2917-1.3333l0.4579-0.0719 c0.9446-0.1123,2.3615-0.3586,4.3198,0.0997L33,9.3483c0.9389,0.3302,1.8056,0.5556,2.9722,1.5139l0.4444,0.3611 c1.1111,1.0139,2,2.625,2.2778,4.0417l0.0972,0.4444c0.5278,2.4167-0.125,5.4861-0.5952,6.8483l-0.2569,0.742 c-0.3423,1.1042-1.2589,2.8125-2.0923,4.1875L35.4167,28.14c-0.8056,1.3194-2.2778,2.9722-2.9333,3.6138l-0.4549,0.4549 c-0.7646,0.8202-2.4868,2.2785-4.0007,3.2924l-0.4861,0.3056c-0.7713,0.4886-1.698,1.0485-2.2917,1.2917l-0.3611,0.1806 c-0.5278,0.2778-1.1528,0.5-1.6182,0.6713l-0.4271,0.1512c-0.6178,0.199-1.4996,0.4706-2.0867,0.5879l-0.6318,0.1174 c-1.0417,0.1852-2.8889,0.2778-3.8194,0.0833l-0.4583-0.0556c-2.6806-0.4722-4.1667-1.8194-5.0952-2.9663l-0.2381-0.3393 c-0.5077-0.7331-0.8889-1.5417-1.1528-2.5l-0.0833-0.4028C9,31.7511,8.875,30.0011,9.1281,28.3638l0.0663-0.3627 c0.1296-0.9883,0.5618-2.4103,0.8054-3.134l0.1946-0.491c0.6111-1.5972,1.625-3.5278,2.9444-5.2778l0.189-0.3044 c0.3527-0.4595,1.1783-1.5055,1.5982-1.9571l0.4076-0.4076c0.7497-0.8864,2.8608-2.7475,3.6386-3.2336l0.375-0.2778 c0.7773-0.5701,3.0515-1.8838,3.6389-2.125L23.5,10.5567z\")}94%{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\");animation-timing-function:var(--md-motion-expressive-slow-effects-easing)}to{d:path(\"M22.4683,7.8398c0.7049-1.1197,2.3585-1.1197,3.0634,0l1.6897,2.6839 c0.4634,0.7362,1.3983,1.0355,2.2124,0.7083l2.9683-1.1929c1.2383-0.4976,2.576,0.4599,2.4783,1.774l-0.2343,3.1499 c-0.0642,0.8639,0.5136,1.6474,1.3674,1.8542l3.113,0.7538c1.2987,0.3145,1.8097,1.8639,0.9467,2.8704l-2.0688,2.4126 c-0.5674,0.6618-0.5674,1.6303,0,2.292l2.0688,2.4126c0.863,1.0065,0.352,2.5559-0.9467,2.8704l-3.113,0.7538 c-0.8538,0.2068-1.4316,0.9903-1.3674,1.8542l0.2343,3.1499c0.0977,1.3141-1.24,2.2717-2.4783,1.774l-2.9683-1.1929 c-0.8141-0.3272-1.749-0.0279-2.2124,0.7083l-1.6897,2.6839c-0.7049,1.1197-2.3585,1.1197-3.0634,0l-1.6897-2.6839 c-0.4634-0.7362-1.3983-1.0355-2.2124-0.7083l-2.9683,1.1929c-1.2383,0.4976-2.576-0.4599-2.4783-1.774l0.2343-3.1499 c0.0642-0.8639-0.5136-1.6474-1.3674-1.8542l-3.113-0.7538c-1.2987-0.3145-1.8097-1.8639-0.9467-2.8704l2.0687-2.4126 c0.5674-0.6617,0.5674-1.6302,0-2.292l-2.0687-2.4126c-0.863-1.0065-0.3521-2.5559,0.9466-2.8704l3.113-0.7538 c0.8538-0.2068,1.4316-0.9903,1.3674-1.8542l-0.2343-3.1499c-0.0977-1.3141,1.24-2.2717,2.4783-1.774l2.9683,1.1929 c0.8141,0.3272,1.749,0.0279,2.2124-0.7083L22.4683,7.8398z\")}}\n"] }]
|
|
2497
2497
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { contained: [{ type: i0.Input, args: [{ isSignal: true, alias: "contained", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
2498
2498
|
|
|
2499
2499
|
class LinearProgressIndicator {
|
|
@@ -2517,11 +2517,11 @@ class LinearProgressIndicator {
|
|
|
2517
2517
|
constructor() {
|
|
2518
2518
|
}
|
|
2519
2519
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LinearProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2520
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: LinearProgressIndicator, isStandalone: true, selector: "md3-linear-progress-indicator", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"md3-linear-indicator\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue() + '%'\">\
|
|
2520
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: LinearProgressIndicator, isStandalone: true, selector: "md3-linear-progress-indicator", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"md3-linear-indicator\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue() + '%'\">\n <div class=\"md3-track\"></div>\n <div class=\"md3-active-indicator\"></div>\n @if (indeterminate()) {\n <div class=\"md3-track-secondary\"></div>\n <div class=\"md3-active-indicator-secondary\"></div>\n }\n</div>", styles: [":host{display:block;width:100%}:host .md3-linear-indicator{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));--progress: 0%;font-size:.25rem;position:relative;overflow:hidden;height:1em;border-radius:var(--md-border-radius-large)}:host .md3-linear-indicator.md3-thickness-8dp{font-size:.5rem}:host .md3-linear-indicator .md3-track{position:absolute;inset-block:0;inset-inline-end:0;height:100%;width:calc(100% - var(--progress) - .25rem);border-radius:var(--md-border-radius-large);background-color:var(--track-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing)}:host .md3-linear-indicator .md3-active-indicator{position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:var(--progress);border-radius:var(--md-border-radius-large);background-color:var(--indicator-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing)}:host .md3-linear-indicator.md3-indeterminate{--multiplier: 6}:host .md3-linear-indicator.md3-indeterminate:before{content:\"\";position:absolute;display:block;inset-block:0;inset-inline-start:auto;height:100%;width:60%;border-radius:var(--md-border-radius-large);background-color:var(--track-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing);animation:md3-indeterminate-track-start calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.65,.815,.735,.395) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-track{width:auto;inset-inline-start:auto;inset-inline-end:0;animation:md3-indeterminate-track-end calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.65,.815,.735,.395) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-track-secondary{position:absolute;display:block;inset-block:0;inset-inline-start:0;height:100%;width:auto;border-radius:var(--md-border-radius-large);background-color:var(--track-color);animation:md3-indeterminate-track-start-short calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.165,.84,.44,1) calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier) / 2) infinite}:host .md3-linear-indicator.md3-indeterminate:after{content:\"\";position:absolute;display:block;inset-block:0;height:100%;width:0;border-radius:var(--md-border-radius-large);background-color:var(--track-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing);animation:md3-indeterminate-track-end-short calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.165,.84,.44,1) calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier) / 2) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-active-indicator{width:auto;inset-inline:auto;animation:md3-indeterminate-indicator calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.65,.815,.735,.395) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-active-indicator-secondary{position:absolute;display:block;inset-block:0;height:100%;width:auto;border-radius:var(--md-border-radius-large);background-color:var(--indicator-color);animation:md3-indeterminate-indicator-short calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.165,.84,.44,1) calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier) / 2) infinite}@keyframes md3-indeterminate-track-start{0%{width:80%;inset-inline-end:calc(135% + .25rem)}50%{width:70%}51%{width:30%}60%{width:30%;inset-inline-end:0}70%{width:0%}to{width:0%;inset-inline-end:0}}@keyframes md3-indeterminate-track-end{0%{inset-inline-start:calc(0% + .25rem)}60%{inset-inline-start:calc(190% + .25rem)}to{inset-inline-start:calc(190% + .25rem)}}@keyframes md3-indeterminate-indicator{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:calc(100% + .25rem);inset-inline-end:-90%}to{inset-inline-start:calc(100% + .25rem);inset-inline-end:-90%}}@keyframes md3-indeterminate-track-start-short{0%{opacity:1;inset-inline-start:0%;inset-inline-end:calc(300% + .25rem)}50%{inset-inline-start:0%}51%{inset-inline-start:20%}60%{inset-inline-start:60%;inset-inline-end:calc(-7% + .25rem)}to{inset-inline-start:100%;inset-inline-end:calc(108% + .25rem)}}@keyframes md3-indeterminate-track-end-short{0%{width:44%;inset-inline-start:calc(0% + .25rem)}10%{width:38%}20%{width:34%}30%{width:28%}60%{width:40%;inset-inline-start:calc(108% + .25rem)}to{width:0%;inset-inline-start:calc(108% + .25rem)}}@keyframes md3-indeterminate-indicator-short{0%{inset-inline-start:-200%;inset-inline-end:100%}60%{inset-inline-start:107%;inset-inline-end:-8%}to{inset-inline-start:107%;inset-inline-end:-8%}}\n"] });
|
|
2521
2521
|
}
|
|
2522
2522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LinearProgressIndicator, decorators: [{
|
|
2523
2523
|
type: Component,
|
|
2524
|
-
args: [{ selector: 'md3-linear-progress-indicator', imports: [], template: "<div class=\"md3-linear-indicator\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue() + '%'\">\
|
|
2524
|
+
args: [{ selector: 'md3-linear-progress-indicator', imports: [], template: "<div class=\"md3-linear-indicator\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue() + '%'\">\n <div class=\"md3-track\"></div>\n <div class=\"md3-active-indicator\"></div>\n @if (indeterminate()) {\n <div class=\"md3-track-secondary\"></div>\n <div class=\"md3-active-indicator-secondary\"></div>\n }\n</div>", styles: [":host{display:block;width:100%}:host .md3-linear-indicator{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));--progress: 0%;font-size:.25rem;position:relative;overflow:hidden;height:1em;border-radius:var(--md-border-radius-large)}:host .md3-linear-indicator.md3-thickness-8dp{font-size:.5rem}:host .md3-linear-indicator .md3-track{position:absolute;inset-block:0;inset-inline-end:0;height:100%;width:calc(100% - var(--progress) - .25rem);border-radius:var(--md-border-radius-large);background-color:var(--track-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing)}:host .md3-linear-indicator .md3-active-indicator{position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:var(--progress);border-radius:var(--md-border-radius-large);background-color:var(--indicator-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing)}:host .md3-linear-indicator.md3-indeterminate{--multiplier: 6}:host .md3-linear-indicator.md3-indeterminate:before{content:\"\";position:absolute;display:block;inset-block:0;inset-inline-start:auto;height:100%;width:60%;border-radius:var(--md-border-radius-large);background-color:var(--track-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing);animation:md3-indeterminate-track-start calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.65,.815,.735,.395) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-track{width:auto;inset-inline-start:auto;inset-inline-end:0;animation:md3-indeterminate-track-end calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.65,.815,.735,.395) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-track-secondary{position:absolute;display:block;inset-block:0;inset-inline-start:0;height:100%;width:auto;border-radius:var(--md-border-radius-large);background-color:var(--track-color);animation:md3-indeterminate-track-start-short calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.165,.84,.44,1) calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier) / 2) infinite}:host .md3-linear-indicator.md3-indeterminate:after{content:\"\";position:absolute;display:block;inset-block:0;height:100%;width:0;border-radius:var(--md-border-radius-large);background-color:var(--track-color);transition:width var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing);animation:md3-indeterminate-track-end-short calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.165,.84,.44,1) calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier) / 2) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-active-indicator{width:auto;inset-inline:auto;animation:md3-indeterminate-indicator calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.65,.815,.735,.395) infinite}:host .md3-linear-indicator.md3-indeterminate .md3-active-indicator-secondary{position:absolute;display:block;inset-block:0;height:100%;width:auto;border-radius:var(--md-border-radius-large);background-color:var(--indicator-color);animation:md3-indeterminate-indicator-short calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier)) cubic-bezier(.165,.84,.44,1) calc(var(--md-motion-standard-slow-effects-duration) * var(--multiplier) / 2) infinite}@keyframes md3-indeterminate-track-start{0%{width:80%;inset-inline-end:calc(135% + .25rem)}50%{width:70%}51%{width:30%}60%{width:30%;inset-inline-end:0}70%{width:0%}to{width:0%;inset-inline-end:0}}@keyframes md3-indeterminate-track-end{0%{inset-inline-start:calc(0% + .25rem)}60%{inset-inline-start:calc(190% + .25rem)}to{inset-inline-start:calc(190% + .25rem)}}@keyframes md3-indeterminate-indicator{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:calc(100% + .25rem);inset-inline-end:-90%}to{inset-inline-start:calc(100% + .25rem);inset-inline-end:-90%}}@keyframes md3-indeterminate-track-start-short{0%{opacity:1;inset-inline-start:0%;inset-inline-end:calc(300% + .25rem)}50%{inset-inline-start:0%}51%{inset-inline-start:20%}60%{inset-inline-start:60%;inset-inline-end:calc(-7% + .25rem)}to{inset-inline-start:100%;inset-inline-end:calc(108% + .25rem)}}@keyframes md3-indeterminate-track-end-short{0%{width:44%;inset-inline-start:calc(0% + .25rem)}10%{width:38%}20%{width:34%}30%{width:28%}60%{width:40%;inset-inline-start:calc(108% + .25rem)}to{width:0%;inset-inline-start:calc(108% + .25rem)}}@keyframes md3-indeterminate-indicator-short{0%{inset-inline-start:-200%;inset-inline-end:100%}60%{inset-inline-start:107%;inset-inline-end:-8%}to{inset-inline-start:107%;inset-inline-end:-8%}}\n"] }]
|
|
2525
2525
|
}], ctorParameters: () => [], propDecorators: { indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], thickness: [{ type: i0.Input, args: [{ isSignal: true, alias: "thickness", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }] } });
|
|
2526
2526
|
|
|
2527
2527
|
class CircularProgressIndicator {
|
|
@@ -2545,11 +2545,11 @@ class CircularProgressIndicator {
|
|
|
2545
2545
|
constructor() {
|
|
2546
2546
|
}
|
|
2547
2547
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CircularProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2548
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: CircularProgressIndicator, isStandalone: true, selector: "md3-circular-progress-indicator", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"md3-indicator-container\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue()\">\
|
|
2548
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: CircularProgressIndicator, isStandalone: true, selector: "md3-circular-progress-indicator", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"md3-indicator-container\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue()\">\n <svg class=\"md3-circlar-indicator\">\n <circle class=\"md3-track\" pathLength=\"100\"></circle>\n <circle class=\"md3-active-indicator\" pathLength=\"100\"></circle>\n </svg>\n</div>", styles: [":host{display:inline-block}:host .md3-indicator-container{font-size:.25rem;--gap: 7;--progress: 0}:host .md3-indicator-container.md3-thickness-8dp{font-size:.5rem;--gap: 10}:host .md3-indicator-container{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));--size: calc(2.25rem + 1em) ;--stroke: 1em;--center: calc(var(--size) / 2);--radius: calc(var(--size) / 2 - var(--stroke) / 2);--track-arc: calc(100 - var(--progress));display:inline-block;width:var(--size);height:var(--size)}:host .md3-indicator-container .md3-circlar-indicator{display:block;width:var(--size);height:var(--size);shape-rendering:geometricprecision}:host .md3-indicator-container .md3-track,:host .md3-indicator-container .md3-active-indicator{fill:none;stroke-width:var(--stroke);stroke-linecap:round;cx:var(--center);cy:var(--center);r:var(--radius);transform-origin:center;transform:rotate(-90deg);transition:stroke-dasharray var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing),stroke-dashoffset var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing)}:host .md3-indicator-container .md3-track{--track-length: calc(var(--track-arc) - var(--gap) * 2);stroke:var(--track-color);stroke-dasharray:var(--track-length) calc(100 - var(--track-length));stroke-dashoffset:calc(var(--track-arc) - var(--gap))}:host .md3-indicator-container .md3-active-indicator{stroke:var(--indicator-color);stroke-dasharray:var(--progress) calc(100 - var(--progress))}:host .md3-indicator-container.md3-indeterminate{animation:container-rotate calc(var(--md-motion-standard-slow-effects-duration) * 5) linear infinite}:host .md3-indicator-container.md3-indeterminate .md3-circlar-indicator{animation:indicator-track-rotate calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}:host .md3-indicator-container.md3-indeterminate .md3-circlar-indicator .md3-track{stroke-dashoffset:92;animation:track-fill calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}:host .md3-indicator-container.md3-indeterminate .md3-circlar-indicator .md3-active-indicator{stroke-dashoffset:0;animation:indicator-fill calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}:host .md3-indicator-container.md3-indeterminate.md3-thickness-8dp .md3-circlar-indicator .md3-track{stroke-dashoffset:90;animation:track-fill-8dp calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}@keyframes container-rotate{to{transform:rotate(360deg)}}@keyframes indicator-track-rotate{0%{transform:rotate(0)}30%{transform:rotate(0)}50%{transform:rotate(180deg)}80%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes track-fill{0%{stroke-dasharray:84 16;stroke-dashoffset:92}30%{stroke-dasharray:34 66;stroke-dashoffset:42}50%{stroke-dasharray:84 24;stroke-dashoffset:100}80%{stroke-dasharray:34 66;stroke-dashoffset:42}to{stroke-dasharray:84 16;stroke-dashoffset:92}}@keyframes track-fill-8dp{0%{stroke-dasharray:80 20;stroke-dashoffset:90}30%{stroke-dasharray:30 70;stroke-dashoffset:40}50%{stroke-dasharray:80 20;stroke-dashoffset:90}80%{stroke-dasharray:30 70;stroke-dashoffset:40}to{stroke-dasharray:80 20;stroke-dashoffset:90}}@keyframes indicator-fill{0%{stroke-dasharray:0 100}30%{stroke-dasharray:50 50}50%{stroke-dasharray:0 100}80%{stroke-dasharray:50 50}to{stroke-dasharray:0 100}}\n"] });
|
|
2549
2549
|
}
|
|
2550
2550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CircularProgressIndicator, decorators: [{
|
|
2551
2551
|
type: Component,
|
|
2552
|
-
args: [{ selector: 'md3-circular-progress-indicator', imports: [], template: "<div class=\"md3-indicator-container\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue()\">\
|
|
2552
|
+
args: [{ selector: 'md3-circular-progress-indicator', imports: [], template: "<div class=\"md3-indicator-container\" [class.md3-thickness-8dp]=\"thickness() == 8\" [class.md3-indeterminate]=\"indeterminate()\" [style.--progress]=\"progressValue()\">\n <svg class=\"md3-circlar-indicator\">\n <circle class=\"md3-track\" pathLength=\"100\"></circle>\n <circle class=\"md3-active-indicator\" pathLength=\"100\"></circle>\n </svg>\n</div>", styles: [":host{display:inline-block}:host .md3-indicator-container{font-size:.25rem;--gap: 7;--progress: 0}:host .md3-indicator-container.md3-thickness-8dp{font-size:.5rem;--gap: 10}:host .md3-indicator-container{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));--size: calc(2.25rem + 1em) ;--stroke: 1em;--center: calc(var(--size) / 2);--radius: calc(var(--size) / 2 - var(--stroke) / 2);--track-arc: calc(100 - var(--progress));display:inline-block;width:var(--size);height:var(--size)}:host .md3-indicator-container .md3-circlar-indicator{display:block;width:var(--size);height:var(--size);shape-rendering:geometricprecision}:host .md3-indicator-container .md3-track,:host .md3-indicator-container .md3-active-indicator{fill:none;stroke-width:var(--stroke);stroke-linecap:round;cx:var(--center);cy:var(--center);r:var(--radius);transform-origin:center;transform:rotate(-90deg);transition:stroke-dasharray var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing),stroke-dashoffset var(--md-motion-standard-fast-effects-duration) var(--md-motion-standard-fast-effects-easing)}:host .md3-indicator-container .md3-track{--track-length: calc(var(--track-arc) - var(--gap) * 2);stroke:var(--track-color);stroke-dasharray:var(--track-length) calc(100 - var(--track-length));stroke-dashoffset:calc(var(--track-arc) - var(--gap))}:host .md3-indicator-container .md3-active-indicator{stroke:var(--indicator-color);stroke-dasharray:var(--progress) calc(100 - var(--progress))}:host .md3-indicator-container.md3-indeterminate{animation:container-rotate calc(var(--md-motion-standard-slow-effects-duration) * 5) linear infinite}:host .md3-indicator-container.md3-indeterminate .md3-circlar-indicator{animation:indicator-track-rotate calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}:host .md3-indicator-container.md3-indeterminate .md3-circlar-indicator .md3-track{stroke-dashoffset:92;animation:track-fill calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}:host .md3-indicator-container.md3-indeterminate .md3-circlar-indicator .md3-active-indicator{stroke-dashoffset:0;animation:indicator-fill calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}:host .md3-indicator-container.md3-indeterminate.md3-thickness-8dp .md3-circlar-indicator .md3-track{stroke-dashoffset:90;animation:track-fill-8dp calc(var(--md-motion-standard-slow-effects-duration) * 8) var(--md-motion-standard-slow-effects-easing) infinite}@keyframes container-rotate{to{transform:rotate(360deg)}}@keyframes indicator-track-rotate{0%{transform:rotate(0)}30%{transform:rotate(0)}50%{transform:rotate(180deg)}80%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes track-fill{0%{stroke-dasharray:84 16;stroke-dashoffset:92}30%{stroke-dasharray:34 66;stroke-dashoffset:42}50%{stroke-dasharray:84 24;stroke-dashoffset:100}80%{stroke-dasharray:34 66;stroke-dashoffset:42}to{stroke-dasharray:84 16;stroke-dashoffset:92}}@keyframes track-fill-8dp{0%{stroke-dasharray:80 20;stroke-dashoffset:90}30%{stroke-dasharray:30 70;stroke-dashoffset:40}50%{stroke-dasharray:80 20;stroke-dashoffset:90}80%{stroke-dasharray:30 70;stroke-dashoffset:40}to{stroke-dasharray:80 20;stroke-dashoffset:90}}@keyframes indicator-fill{0%{stroke-dasharray:0 100}30%{stroke-dasharray:50 50}50%{stroke-dasharray:0 100}80%{stroke-dasharray:50 50}to{stroke-dasharray:0 100}}\n"] }]
|
|
2553
2553
|
}], ctorParameters: () => [], propDecorators: { indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], thickness: [{ type: i0.Input, args: [{ isSignal: true, alias: "thickness", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }] } });
|
|
2554
2554
|
|
|
2555
2555
|
class AppBarLogo {
|
|
@@ -2688,7 +2688,7 @@ class AppBar {
|
|
|
2688
2688
|
provide: MD3_BUTTON_CONTEXT,
|
|
2689
2689
|
useExisting: AppBar,
|
|
2690
2690
|
},
|
|
2691
|
-
], queries: [{ propertyName: "logo", first: true, predicate: AppBarLogo, descendants: true, isSignal: true }, { propertyName: "avatar", first: true, predicate: Avatar, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"md3-app-bar-container\">\r\n <div class=\"md3-app-bar-leading\">\r\n <ng-content select=\"[md3-app-bar-leading]\"></ng-content>\r\n </div>\r\n\r\n @if (appBarType() == 'search') {\r\n <div class=\"md3-app-bar-search\" [class.md3-center]=\"centerAligned()\">\r\n <div class=\"md3-search-container\">\r\n <div class=\"md3-leading-buttons\">\r\n <ng-content select=\"[md3-search-leading]\"></ng-content>\r\n </div>\r\n <ng-content select=\"[md3-input-element]\"></ng-content>\r\n <div class=\"md3-trailing-buttons\">\r\n <ng-content select=\"[md3-search-trailing]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n } @else if (hasLogo()) {\r\n <div class=\"md3-app-bar-logo\" [class.md3-center]=\"centerAligned()\">\r\n <ng-content select=\"[md3-app-bar-logo]\"></ng-content>\r\n </div>\r\n } @else if (title() || subtitle()) {\r\n <div class=\"md3-app-bar-title\" [class.md3-center]=\"centerAligned()\">\r\n @if (title()?.length) {\r\n <div md3-type-title size=\"large\">{{ title() }}</div>\r\n }\r\n @if (subtitle()?.length) {\r\n <div md3-type-body size=\"small\" emphasized>{{ subtitle() }}</div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"md3-app-bar-trailing\">\r\n <ng-content select=\"[md3-app-bar-trailing]\"></ng-content>\r\n @if (hasAvatar()) {\r\n <div class=\"md3-app-bar-avatar\">\r\n <ng-content select=\"[md3-avatar]\"></ng-content>\r\n </div>\r\n }\r\n </div>\r\n\r\n @if ((appBarType() == 'medium' || appBarType() == 'large') && (title() || subtitle())) {\r\n <div class=\"md3-app-bar-bottom\" [class.md3-center]=\"centerAligned()\">\r\n <div class=\"md3-app-bar-bottom-content\">\r\n @if (appBarType() == 'medium') {\r\n @if (title()?.length) {\r\n <div md3-type-headline size=\"medium\">{{ title() }}</div>\r\n }\r\n @if (subtitle()?.length) {\r\n <div md3-type-title size=\"small\">{{ subtitle() }}</div>\r\n }\r\n }\r\n @if (appBarType() == 'large') {\r\n @if (title()?.length) {\r\n <div md3-type-display size=\"small\">{{ title() }}</div>\r\n }\r\n @if (subtitle()?.length) {\r\n <div md3-type-title size=\"medium\">{{ subtitle() }}</div>\r\n }\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface));--foreground-color: rgb(var(--md-scheme-on-surface));--search-background-color: rgb(var(--md-scheme-surface-container));--search-foreground-color: rgb(var(--md-scheme-on-surface));--foreground-secondary: rgb(var(--md-scheme-on-surface-variant));--elevation: var(--md-shadow-0dp);--app-bar-bottom-collapse: 0px;--app-bar-bottom-opacity: 1;display:block;min-height:0em;max-height:9.5em;overflow:hidden;background-color:var(--background-color);color:var(--foreground-color);box-shadow:var(--elevation);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:4em auto auto;min-height:4em;width:100%;background-color:inherit;color:inherit;transition:opacity var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-leading,:host .md3-app-bar-container .md3-app-bar-trailing{grid-row:1;z-index:1;display:inline-flex;align-items:center;gap:.25em;min-inline-size:0;block-size:4em}:host .md3-app-bar-container .md3-app-bar-leading:empty,:host .md3-app-bar-container .md3-app-bar-trailing:empty{display:none}:host .md3-app-bar-container .md3-app-bar-leading .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-trailing],:host .md3-app-bar-container .md3-app-bar-trailing .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{flex:0 0 auto;height:3em;min-width:3em;display:inline-flex;align-items:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-leading{grid-column:1;justify-self:start;padding-inline-start:.25em;padding-inline-end:.5em;min-width:1em}:host .md3-app-bar-container .md3-app-bar-leading:empty{display:inline-flex}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading]{color:var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-trailing{grid-column:3;justify-self:end;padding-inline-end:.25em}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{color:var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-avatar]{--border-radius: var(--md-border-radius-large);--border-size: 0em;flex:0 0 2em;height:2em;width:2em;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background-color:rgb(var(--md-scheme-on-primary-container));color:rgb(var(--md-scheme-primary-container));border:none;padding:0;margin:0;text-decoration:none;font-size:1em;position:relative;-webkit-user-select:none;user-select:none;cursor:default}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]{--state-color: var(--md-scheme-on-primary);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;cursor:pointer}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar]:before,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]:before{content:\"\";position:absolute;height:3em;width:3em}:host .md3-app-bar-container .md3-app-bar-search{grid-column:1/-1;grid-row:1;align-self:center;display:flex;justify-content:center;min-inline-size:0;height:3em;padding:0 .5em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container{display:inline-flex;align-items:center;justify-content:center;width:50%;max-width:100%;border-radius:1.5em;background-color:var(--search-background-color);color:var(--search-foreground-color);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons{flex:0 0 1.5em;pointer-events:none;display:inline-flex;gap:.25em;padding:0 .25em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons:empty,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons:empty{padding:0}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-trailing],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-trailing]{pointer-events:all}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container ::ng-deep [md3-input-element]{flex:1 1 auto;background-color:transparent;color:var(--search-foreground-color);font-size:1em;height:100%;min-width:0em;border:none;padding:0 1.5em;margin:0 -1.5em}:host .md3-app-bar-container .md3-app-bar-search.md3-center .md3-search-container ::ng-deep [md3-input-element]{text-align:center}:host .md3-app-bar-container .md3-app-bar-logo{grid-column:2;grid-row:1;align-self:center;display:flex;justify-content:start;min-inline-size:0;overflow:hidden;height:3em}:host .md3-app-bar-container .md3-app-bar-logo.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep a[md3-app-bar-logo],:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep button[md3-app-bar-logo]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]{flex:0 1 auto;max-height:100%;max-width:100%;display:inline;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]>*{display:inline;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}:host .md3-app-bar-container .md3-app-bar-title{grid-column:2;grid-row:1;align-self:center;min-inline-size:0;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing);transform:scale(0);opacity:0}:host .md3-app-bar-container .md3-app-bar-title:dir(ltr){transform-origin:bottom left}:host .md3-app-bar-container .md3-app-bar-title:dir(rtl){transform-origin:bottom right}:host .md3-app-bar-container .md3-app-bar-title.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;transform-origin:bottom center}:host .md3-app-bar-container .md3-app-bar-title ::ng-deep [md3-app-bar-title]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:all}:host .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: auto;grid-column:1/-1;grid-row:2;min-inline-size:0;min-block-size:0;overflow:hidden;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom:empty{display:none}:host .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content{padding-bottom:.75em;padding-inline-start:1em;padding-inline-end:.25em;opacity:var(--app-bar-bottom-opacity);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom.md3-center .md3-app-bar-bottom-content{text-align:center;padding-inline:1em}:host.md3-scrolled.md3-scroll-style-elevate{--background-color: rgb(var(--md-scheme-surface-container));--search-background-color: rgb(var(--md-scheme-surface-container-highest));--elevation: var(--md-shadow-3dp)}:host.md3-scrolled.md3-scroll-style-transparent{--background-color: transparent}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:19.5em}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:100%}:host.md3-small .md3-app-bar-container .md3-app-bar-title,:host.md3-collapsed .md3-app-bar-container .md3-app-bar-title{transform:scale(1);opacity:1}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-small){--app-bar-bottom-expanded-block-size: 4.5em}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-small{margin-top:.285715em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3.5em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-medium){--app-bar-bottom-expanded-block-size: 5.5em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-medium{margin-top:.5em}:host.md3-scrolling-down.md3-auto-hide{max-height:0}:host.md3-scrolling-down.md3-auto-hide .md3-app-bar-container{opacity:0}\n"], dependencies: [{ kind: "directive", type: TypeHeadline, selector: "md3-type-headline, [md3-type-headline]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeTitle, selector: "md3-type-title, [md3-type-title]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeDisplay, selector: "md3-type-display, [md3-type-display]", inputs: ["size", "color", "emphasized"] }] });
|
|
2691
|
+
], queries: [{ propertyName: "logo", first: true, predicate: AppBarLogo, descendants: true, isSignal: true }, { propertyName: "avatar", first: true, predicate: Avatar, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"md3-app-bar-container\">\n <div class=\"md3-app-bar-leading\">\n <ng-content select=\"[md3-app-bar-leading]\"></ng-content>\n </div>\n\n @if (appBarType() == 'search') {\n <div class=\"md3-app-bar-search\" [class.md3-center]=\"centerAligned()\">\n <div class=\"md3-search-container\">\n <div class=\"md3-leading-buttons\">\n <ng-content select=\"[md3-search-leading]\"></ng-content>\n </div>\n <ng-content select=\"[md3-input-element]\"></ng-content>\n <div class=\"md3-trailing-buttons\">\n <ng-content select=\"[md3-search-trailing]\"></ng-content>\n </div>\n </div>\n </div>\n } @else if (hasLogo()) {\n <div class=\"md3-app-bar-logo\" [class.md3-center]=\"centerAligned()\">\n <ng-content select=\"[md3-app-bar-logo]\"></ng-content>\n </div>\n } @else if (title() || subtitle()) {\n <div class=\"md3-app-bar-title\" [class.md3-center]=\"centerAligned()\">\n @if (title()?.length) {\n <div md3-type-title size=\"large\">{{ title() }}</div>\n }\n @if (subtitle()?.length) {\n <div md3-type-body size=\"small\" emphasized>{{ subtitle() }}</div>\n }\n </div>\n }\n\n <div class=\"md3-app-bar-trailing\">\n <ng-content select=\"[md3-app-bar-trailing]\"></ng-content>\n @if (hasAvatar()) {\n <div class=\"md3-app-bar-avatar\">\n <ng-content select=\"[md3-avatar]\"></ng-content>\n </div>\n }\n </div>\n\n @if ((appBarType() == 'medium' || appBarType() == 'large') && (title() || subtitle())) {\n <div class=\"md3-app-bar-bottom\" [class.md3-center]=\"centerAligned()\">\n <div class=\"md3-app-bar-bottom-content\">\n @if (appBarType() == 'medium') {\n @if (title()?.length) {\n <div md3-type-headline size=\"medium\">{{ title() }}</div>\n }\n @if (subtitle()?.length) {\n <div md3-type-title size=\"small\">{{ subtitle() }}</div>\n }\n }\n @if (appBarType() == 'large') {\n @if (title()?.length) {\n <div md3-type-display size=\"small\">{{ title() }}</div>\n }\n @if (subtitle()?.length) {\n <div md3-type-title size=\"medium\">{{ subtitle() }}</div>\n }\n }\n </div>\n </div>\n }\n</div>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface));--foreground-color: rgb(var(--md-scheme-on-surface));--search-background-color: rgb(var(--md-scheme-surface-container));--search-foreground-color: rgb(var(--md-scheme-on-surface));--foreground-secondary: rgb(var(--md-scheme-on-surface-variant));--elevation: var(--md-shadow-0dp);--app-bar-bottom-collapse: 0px;--app-bar-bottom-opacity: 1;display:block;min-height:0em;max-height:9.5em;overflow:hidden;background-color:var(--background-color);color:var(--foreground-color);box-shadow:var(--elevation);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:4em auto auto;min-height:4em;width:100%;background-color:inherit;color:inherit;transition:opacity var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-leading,:host .md3-app-bar-container .md3-app-bar-trailing{grid-row:1;z-index:1;display:inline-flex;align-items:center;gap:.25em;min-inline-size:0;block-size:4em}:host .md3-app-bar-container .md3-app-bar-leading:empty,:host .md3-app-bar-container .md3-app-bar-trailing:empty{display:none}:host .md3-app-bar-container .md3-app-bar-leading .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-trailing],:host .md3-app-bar-container .md3-app-bar-trailing .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{flex:0 0 auto;height:3em;min-width:3em;display:inline-flex;align-items:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-leading{grid-column:1;justify-self:start;padding-inline-start:.25em;padding-inline-end:.5em;min-width:1em}:host .md3-app-bar-container .md3-app-bar-leading:empty{display:inline-flex}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading]{color:var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-trailing{grid-column:3;justify-self:end;padding-inline-end:.25em}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{color:var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-avatar]{--border-radius: var(--md-border-radius-large);--border-size: 0em;flex:0 0 2em;height:2em;width:2em;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background-color:rgb(var(--md-scheme-on-primary-container));color:rgb(var(--md-scheme-primary-container));border:none;padding:0;margin:0;text-decoration:none;font-size:1em;position:relative;-webkit-user-select:none;user-select:none;cursor:default}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]{--state-color: var(--md-scheme-on-primary);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;cursor:pointer}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar]:before,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]:before{content:\"\";position:absolute;height:3em;width:3em}:host .md3-app-bar-container .md3-app-bar-search{grid-column:1/-1;grid-row:1;align-self:center;display:flex;justify-content:center;min-inline-size:0;height:3em;padding:0 .5em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container{display:inline-flex;align-items:center;justify-content:center;width:50%;max-width:100%;border-radius:1.5em;background-color:var(--search-background-color);color:var(--search-foreground-color);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons{flex:0 0 1.5em;pointer-events:none;display:inline-flex;gap:.25em;padding:0 .25em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons:empty,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons:empty{padding:0}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-trailing],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-trailing]{pointer-events:all}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container ::ng-deep [md3-input-element]{flex:1 1 auto;background-color:transparent;color:var(--search-foreground-color);font-size:1em;height:100%;min-width:0em;border:none;padding:0 1.5em;margin:0 -1.5em}:host .md3-app-bar-container .md3-app-bar-search.md3-center .md3-search-container ::ng-deep [md3-input-element]{text-align:center}:host .md3-app-bar-container .md3-app-bar-logo{grid-column:2;grid-row:1;align-self:center;display:flex;justify-content:start;min-inline-size:0;overflow:hidden;height:3em}:host .md3-app-bar-container .md3-app-bar-logo.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep a[md3-app-bar-logo],:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep button[md3-app-bar-logo]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]{flex:0 1 auto;max-height:100%;max-width:100%;display:inline;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]>*{display:inline;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}:host .md3-app-bar-container .md3-app-bar-title{grid-column:2;grid-row:1;align-self:center;min-inline-size:0;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing);transform:scale(0);opacity:0}:host .md3-app-bar-container .md3-app-bar-title:dir(ltr){transform-origin:bottom left}:host .md3-app-bar-container .md3-app-bar-title:dir(rtl){transform-origin:bottom right}:host .md3-app-bar-container .md3-app-bar-title.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;transform-origin:bottom center}:host .md3-app-bar-container .md3-app-bar-title ::ng-deep [md3-app-bar-title]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:all}:host .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: auto;grid-column:1/-1;grid-row:2;min-inline-size:0;min-block-size:0;overflow:hidden;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom:empty{display:none}:host .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content{padding-bottom:.75em;padding-inline-start:1em;padding-inline-end:.25em;opacity:var(--app-bar-bottom-opacity);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom.md3-center .md3-app-bar-bottom-content{text-align:center;padding-inline:1em}:host.md3-scrolled.md3-scroll-style-elevate{--background-color: rgb(var(--md-scheme-surface-container));--search-background-color: rgb(var(--md-scheme-surface-container-highest));--elevation: var(--md-shadow-3dp)}:host.md3-scrolled.md3-scroll-style-transparent{--background-color: transparent}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:19.5em}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:100%}:host.md3-small .md3-app-bar-container .md3-app-bar-title,:host.md3-collapsed .md3-app-bar-container .md3-app-bar-title{transform:scale(1);opacity:1}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-small){--app-bar-bottom-expanded-block-size: 4.5em}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-small{margin-top:.285715em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3.5em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-medium){--app-bar-bottom-expanded-block-size: 5.5em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-medium{margin-top:.5em}:host.md3-scrolling-down.md3-auto-hide{max-height:0}:host.md3-scrolling-down.md3-auto-hide .md3-app-bar-container{opacity:0}\n"], dependencies: [{ kind: "directive", type: TypeHeadline, selector: "md3-type-headline, [md3-type-headline]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeTitle, selector: "md3-type-title, [md3-type-title]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeDisplay, selector: "md3-type-display, [md3-type-display]", inputs: ["size", "color", "emphasized"] }] });
|
|
2692
2692
|
}
|
|
2693
2693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: AppBar, decorators: [{
|
|
2694
2694
|
type: Component,
|
|
@@ -2706,7 +2706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2706
2706
|
'[class.md3-scrolled]': 'mainIsScrolled()',
|
|
2707
2707
|
'[class.md3-auto-hide]': 'autoHide()',
|
|
2708
2708
|
'[class.md3-scrolling-down]': 'isScrollingDown()',
|
|
2709
|
-
}, template: "<div class=\"md3-app-bar-container\">\r\n <div class=\"md3-app-bar-leading\">\r\n <ng-content select=\"[md3-app-bar-leading]\"></ng-content>\r\n </div>\r\n\r\n @if (appBarType() == 'search') {\r\n <div class=\"md3-app-bar-search\" [class.md3-center]=\"centerAligned()\">\r\n <div class=\"md3-search-container\">\r\n <div class=\"md3-leading-buttons\">\r\n <ng-content select=\"[md3-search-leading]\"></ng-content>\r\n </div>\r\n <ng-content select=\"[md3-input-element]\"></ng-content>\r\n <div class=\"md3-trailing-buttons\">\r\n <ng-content select=\"[md3-search-trailing]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n } @else if (hasLogo()) {\r\n <div class=\"md3-app-bar-logo\" [class.md3-center]=\"centerAligned()\">\r\n <ng-content select=\"[md3-app-bar-logo]\"></ng-content>\r\n </div>\r\n } @else if (title() || subtitle()) {\r\n <div class=\"md3-app-bar-title\" [class.md3-center]=\"centerAligned()\">\r\n @if (title()?.length) {\r\n <div md3-type-title size=\"large\">{{ title() }}</div>\r\n }\r\n @if (subtitle()?.length) {\r\n <div md3-type-body size=\"small\" emphasized>{{ subtitle() }}</div>\r\n }\r\n </div>\r\n }\r\n\r\n <div class=\"md3-app-bar-trailing\">\r\n <ng-content select=\"[md3-app-bar-trailing]\"></ng-content>\r\n @if (hasAvatar()) {\r\n <div class=\"md3-app-bar-avatar\">\r\n <ng-content select=\"[md3-avatar]\"></ng-content>\r\n </div>\r\n }\r\n </div>\r\n\r\n @if ((appBarType() == 'medium' || appBarType() == 'large') && (title() || subtitle())) {\r\n <div class=\"md3-app-bar-bottom\" [class.md3-center]=\"centerAligned()\">\r\n <div class=\"md3-app-bar-bottom-content\">\r\n @if (appBarType() == 'medium') {\r\n @if (title()?.length) {\r\n <div md3-type-headline size=\"medium\">{{ title() }}</div>\r\n }\r\n @if (subtitle()?.length) {\r\n <div md3-type-title size=\"small\">{{ subtitle() }}</div>\r\n }\r\n }\r\n @if (appBarType() == 'large') {\r\n @if (title()?.length) {\r\n <div md3-type-display size=\"small\">{{ title() }}</div>\r\n }\r\n @if (subtitle()?.length) {\r\n <div md3-type-title size=\"medium\">{{ subtitle() }}</div>\r\n }\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface));--foreground-color: rgb(var(--md-scheme-on-surface));--search-background-color: rgb(var(--md-scheme-surface-container));--search-foreground-color: rgb(var(--md-scheme-on-surface));--foreground-secondary: rgb(var(--md-scheme-on-surface-variant));--elevation: var(--md-shadow-0dp);--app-bar-bottom-collapse: 0px;--app-bar-bottom-opacity: 1;display:block;min-height:0em;max-height:9.5em;overflow:hidden;background-color:var(--background-color);color:var(--foreground-color);box-shadow:var(--elevation);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:4em auto auto;min-height:4em;width:100%;background-color:inherit;color:inherit;transition:opacity var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-leading,:host .md3-app-bar-container .md3-app-bar-trailing{grid-row:1;z-index:1;display:inline-flex;align-items:center;gap:.25em;min-inline-size:0;block-size:4em}:host .md3-app-bar-container .md3-app-bar-leading:empty,:host .md3-app-bar-container .md3-app-bar-trailing:empty{display:none}:host .md3-app-bar-container .md3-app-bar-leading .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-trailing],:host .md3-app-bar-container .md3-app-bar-trailing .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{flex:0 0 auto;height:3em;min-width:3em;display:inline-flex;align-items:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-leading{grid-column:1;justify-self:start;padding-inline-start:.25em;padding-inline-end:.5em;min-width:1em}:host .md3-app-bar-container .md3-app-bar-leading:empty{display:inline-flex}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading]{color:var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-trailing{grid-column:3;justify-self:end;padding-inline-end:.25em}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{color:var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-avatar]{--border-radius: var(--md-border-radius-large);--border-size: 0em;flex:0 0 2em;height:2em;width:2em;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background-color:rgb(var(--md-scheme-on-primary-container));color:rgb(var(--md-scheme-primary-container));border:none;padding:0;margin:0;text-decoration:none;font-size:1em;position:relative;-webkit-user-select:none;user-select:none;cursor:default}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]{--state-color: var(--md-scheme-on-primary);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;cursor:pointer}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar]:before,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]:before{content:\"\";position:absolute;height:3em;width:3em}:host .md3-app-bar-container .md3-app-bar-search{grid-column:1/-1;grid-row:1;align-self:center;display:flex;justify-content:center;min-inline-size:0;height:3em;padding:0 .5em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container{display:inline-flex;align-items:center;justify-content:center;width:50%;max-width:100%;border-radius:1.5em;background-color:var(--search-background-color);color:var(--search-foreground-color);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons{flex:0 0 1.5em;pointer-events:none;display:inline-flex;gap:.25em;padding:0 .25em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons:empty,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons:empty{padding:0}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-trailing],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-trailing]{pointer-events:all}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container ::ng-deep [md3-input-element]{flex:1 1 auto;background-color:transparent;color:var(--search-foreground-color);font-size:1em;height:100%;min-width:0em;border:none;padding:0 1.5em;margin:0 -1.5em}:host .md3-app-bar-container .md3-app-bar-search.md3-center .md3-search-container ::ng-deep [md3-input-element]{text-align:center}:host .md3-app-bar-container .md3-app-bar-logo{grid-column:2;grid-row:1;align-self:center;display:flex;justify-content:start;min-inline-size:0;overflow:hidden;height:3em}:host .md3-app-bar-container .md3-app-bar-logo.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep a[md3-app-bar-logo],:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep button[md3-app-bar-logo]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]{flex:0 1 auto;max-height:100%;max-width:100%;display:inline;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]>*{display:inline;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}:host .md3-app-bar-container .md3-app-bar-title{grid-column:2;grid-row:1;align-self:center;min-inline-size:0;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing);transform:scale(0);opacity:0}:host .md3-app-bar-container .md3-app-bar-title:dir(ltr){transform-origin:bottom left}:host .md3-app-bar-container .md3-app-bar-title:dir(rtl){transform-origin:bottom right}:host .md3-app-bar-container .md3-app-bar-title.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;transform-origin:bottom center}:host .md3-app-bar-container .md3-app-bar-title ::ng-deep [md3-app-bar-title]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:all}:host .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: auto;grid-column:1/-1;grid-row:2;min-inline-size:0;min-block-size:0;overflow:hidden;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom:empty{display:none}:host .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content{padding-bottom:.75em;padding-inline-start:1em;padding-inline-end:.25em;opacity:var(--app-bar-bottom-opacity);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom.md3-center .md3-app-bar-bottom-content{text-align:center;padding-inline:1em}:host.md3-scrolled.md3-scroll-style-elevate{--background-color: rgb(var(--md-scheme-surface-container));--search-background-color: rgb(var(--md-scheme-surface-container-highest));--elevation: var(--md-shadow-3dp)}:host.md3-scrolled.md3-scroll-style-transparent{--background-color: transparent}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:19.5em}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:100%}:host.md3-small .md3-app-bar-container .md3-app-bar-title,:host.md3-collapsed .md3-app-bar-container .md3-app-bar-title{transform:scale(1);opacity:1}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-small){--app-bar-bottom-expanded-block-size: 4.5em}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-small{margin-top:.285715em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3.5em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-medium){--app-bar-bottom-expanded-block-size: 5.5em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-medium{margin-top:.5em}:host.md3-scrolling-down.md3-auto-hide{max-height:0}:host.md3-scrolling-down.md3-auto-hide .md3-app-bar-container{opacity:0}\n"] }]
|
|
2709
|
+
}, template: "<div class=\"md3-app-bar-container\">\n <div class=\"md3-app-bar-leading\">\n <ng-content select=\"[md3-app-bar-leading]\"></ng-content>\n </div>\n\n @if (appBarType() == 'search') {\n <div class=\"md3-app-bar-search\" [class.md3-center]=\"centerAligned()\">\n <div class=\"md3-search-container\">\n <div class=\"md3-leading-buttons\">\n <ng-content select=\"[md3-search-leading]\"></ng-content>\n </div>\n <ng-content select=\"[md3-input-element]\"></ng-content>\n <div class=\"md3-trailing-buttons\">\n <ng-content select=\"[md3-search-trailing]\"></ng-content>\n </div>\n </div>\n </div>\n } @else if (hasLogo()) {\n <div class=\"md3-app-bar-logo\" [class.md3-center]=\"centerAligned()\">\n <ng-content select=\"[md3-app-bar-logo]\"></ng-content>\n </div>\n } @else if (title() || subtitle()) {\n <div class=\"md3-app-bar-title\" [class.md3-center]=\"centerAligned()\">\n @if (title()?.length) {\n <div md3-type-title size=\"large\">{{ title() }}</div>\n }\n @if (subtitle()?.length) {\n <div md3-type-body size=\"small\" emphasized>{{ subtitle() }}</div>\n }\n </div>\n }\n\n <div class=\"md3-app-bar-trailing\">\n <ng-content select=\"[md3-app-bar-trailing]\"></ng-content>\n @if (hasAvatar()) {\n <div class=\"md3-app-bar-avatar\">\n <ng-content select=\"[md3-avatar]\"></ng-content>\n </div>\n }\n </div>\n\n @if ((appBarType() == 'medium' || appBarType() == 'large') && (title() || subtitle())) {\n <div class=\"md3-app-bar-bottom\" [class.md3-center]=\"centerAligned()\">\n <div class=\"md3-app-bar-bottom-content\">\n @if (appBarType() == 'medium') {\n @if (title()?.length) {\n <div md3-type-headline size=\"medium\">{{ title() }}</div>\n }\n @if (subtitle()?.length) {\n <div md3-type-title size=\"small\">{{ subtitle() }}</div>\n }\n }\n @if (appBarType() == 'large') {\n @if (title()?.length) {\n <div md3-type-display size=\"small\">{{ title() }}</div>\n }\n @if (subtitle()?.length) {\n <div md3-type-title size=\"medium\">{{ subtitle() }}</div>\n }\n }\n </div>\n </div>\n }\n</div>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface));--foreground-color: rgb(var(--md-scheme-on-surface));--search-background-color: rgb(var(--md-scheme-surface-container));--search-foreground-color: rgb(var(--md-scheme-on-surface));--foreground-secondary: rgb(var(--md-scheme-on-surface-variant));--elevation: var(--md-shadow-0dp);--app-bar-bottom-collapse: 0px;--app-bar-bottom-opacity: 1;display:block;min-height:0em;max-height:9.5em;overflow:hidden;background-color:var(--background-color);color:var(--foreground-color);box-shadow:var(--elevation);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:4em auto auto;min-height:4em;width:100%;background-color:inherit;color:inherit;transition:opacity var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-leading,:host .md3-app-bar-container .md3-app-bar-trailing{grid-row:1;z-index:1;display:inline-flex;align-items:center;gap:.25em;min-inline-size:0;block-size:4em}:host .md3-app-bar-container .md3-app-bar-leading:empty,:host .md3-app-bar-container .md3-app-bar-trailing:empty{display:none}:host .md3-app-bar-container .md3-app-bar-leading .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-trailing],:host .md3-app-bar-container .md3-app-bar-trailing .md3-app-bar-avatar,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-leading],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{flex:0 0 auto;height:3em;min-width:3em;display:inline-flex;align-items:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-leading{grid-column:1;justify-self:start;padding-inline-start:.25em;padding-inline-end:.5em;min-width:1em}:host .md3-app-bar-container .md3-app-bar-leading:empty{display:inline-flex}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading]{color:var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-leading ::ng-deep [md3-app-bar-leading] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-color)}:host .md3-app-bar-container .md3-app-bar-trailing{grid-column:3;justify-self:end;padding-inline-end:.25em}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing]{color:var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-app-bar-trailing] .md3-standard[md3-icon-button]{--foreground-color: var(--foreground-secondary)}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep [md3-avatar]{--border-radius: var(--md-border-radius-large);--border-size: 0em;flex:0 0 2em;height:2em;width:2em;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background-color:rgb(var(--md-scheme-on-primary-container));color:rgb(var(--md-scheme-primary-container));border:none;padding:0;margin:0;text-decoration:none;font-size:1em;position:relative;-webkit-user-select:none;user-select:none;cursor:default}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar],:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]{--state-color: var(--md-scheme-on-primary);--outline-color: rgb(var(--md-scheme-secondary));--outline-width: .1875em;--outline-offset: -.125em;cursor:pointer}:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep button[md3-avatar]:before,:host .md3-app-bar-container .md3-app-bar-trailing ::ng-deep a[md3-avatar]:before{content:\"\";position:absolute;height:3em;width:3em}:host .md3-app-bar-container .md3-app-bar-search{grid-column:1/-1;grid-row:1;align-self:center;display:flex;justify-content:center;min-inline-size:0;height:3em;padding:0 .5em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container{display:inline-flex;align-items:center;justify-content:center;width:50%;max-width:100%;border-radius:1.5em;background-color:var(--search-background-color);color:var(--search-foreground-color);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons{flex:0 0 1.5em;pointer-events:none;display:inline-flex;gap:.25em;padding:0 .25em}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons:empty,:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons:empty{padding:0}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-leading-buttons ::ng-deep [md3-search-trailing],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-leading],:host .md3-app-bar-container .md3-app-bar-search .md3-search-container .md3-trailing-buttons ::ng-deep [md3-search-trailing]{pointer-events:all}:host .md3-app-bar-container .md3-app-bar-search .md3-search-container ::ng-deep [md3-input-element]{flex:1 1 auto;background-color:transparent;color:var(--search-foreground-color);font-size:1em;height:100%;min-width:0em;border:none;padding:0 1.5em;margin:0 -1.5em}:host .md3-app-bar-container .md3-app-bar-search.md3-center .md3-search-container ::ng-deep [md3-input-element]{text-align:center}:host .md3-app-bar-container .md3-app-bar-logo{grid-column:2;grid-row:1;align-self:center;display:flex;justify-content:start;min-inline-size:0;overflow:hidden;height:3em}:host .md3-app-bar-container .md3-app-bar-logo.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep a[md3-app-bar-logo],:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep button[md3-app-bar-logo]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]{flex:0 1 auto;max-height:100%;max-width:100%;display:inline;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-logo ::ng-deep [md3-app-bar-logo]>*{display:inline;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}:host .md3-app-bar-container .md3-app-bar-title{grid-column:2;grid-row:1;align-self:center;min-inline-size:0;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing);transform:scale(0);opacity:0}:host .md3-app-bar-container .md3-app-bar-title:dir(ltr){transform-origin:bottom left}:host .md3-app-bar-container .md3-app-bar-title:dir(rtl){transform-origin:bottom right}:host .md3-app-bar-container .md3-app-bar-title.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;transform-origin:bottom center}:host .md3-app-bar-container .md3-app-bar-title ::ng-deep [md3-app-bar-title]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:all}:host .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: auto;grid-column:1/-1;grid-row:2;min-inline-size:0;min-block-size:0;overflow:hidden;transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom:empty{display:none}:host .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content{padding-bottom:.75em;padding-inline-start:1em;padding-inline-end:.25em;opacity:var(--app-bar-bottom-opacity);transition:all var(--md-motion-standard-default-effects-duration) var(--md-motion-standard-default-effects-easing)}:host .md3-app-bar-container .md3-app-bar-bottom.md3-center .md3-app-bar-bottom-content{text-align:center;padding-inline:1em}:host.md3-scrolled.md3-scroll-style-elevate{--background-color: rgb(var(--md-scheme-surface-container));--search-background-color: rgb(var(--md-scheme-surface-container-highest));--elevation: var(--md-shadow-3dp)}:host.md3-scrolled.md3-scroll-style-transparent{--background-color: transparent}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-medium .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:19.5em}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search{grid-column:2}:host.md3-layout-compact .md3-app-bar-container .md3-app-bar-search .md3-search-container{width:100%}:host.md3-small .md3-app-bar-container .md3-app-bar-title,:host.md3-collapsed .md3-app-bar-container .md3-app-bar-title{transform:scale(1);opacity:1}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-small){--app-bar-bottom-expanded-block-size: 4.5em}:host.md3-medium .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-small{margin-top:.285715em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom{--app-bar-bottom-expanded-block-size: 3.5em;block-size:max(0px,var(--app-bar-bottom-expanded-block-size) - var(--app-bar-bottom-collapse))}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom:has(.md3-text-title.md3-text-medium){--app-bar-bottom-expanded-block-size: 5.5em}:host.md3-large .md3-app-bar-container .md3-app-bar-bottom .md3-app-bar-bottom-content .md3-text-title.md3-text-medium{margin-top:.5em}:host.md3-scrolling-down.md3-auto-hide{max-height:0}:host.md3-scrolling-down.md3-auto-hide .md3-app-bar-container{opacity:0}\n"] }]
|
|
2710
2710
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: LayoutService }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "bar-title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "bar-subtitle", required: false }] }], appBarType: [{ type: i0.Input, args: [{ isSignal: true, alias: "bar-type", required: false }] }], appBarScrollingStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll-style", required: false }] }], autoHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto-hide", required: false }] }], centerAligned: [{ type: i0.Input, args: [{ isSignal: true, alias: "center-aligned", required: false }] }], logo: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AppBarLogo), { isSignal: true }] }], avatar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Avatar), { isSignal: true }] }] } });
|
|
2711
2711
|
|
|
2712
2712
|
class NavigationItem {
|
|
@@ -2730,7 +2730,7 @@ class NavigationItem {
|
|
|
2730
2730
|
return this.el.nativeElement;
|
|
2731
2731
|
}
|
|
2732
2732
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2733
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationItem, isStandalone: true, selector: "button[md3-nav-item], a[md3-nav-item]", inputs: { hideOnCollapse: { classPropertyName: "hideOnCollapse", publicName: "hide-on-collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-hide-on-collapse": "this.hideOnCollapse()", "class.md3-active": "this.active" } }, queries: [{ propertyName: "icons", predicate: IconElement, isSignal: true }, { propertyName: "badge", first: true, predicate: Badge, descendants: true, isSignal: true }], exportAs: ["md3NavItem"], hostDirectives: [{ directive: i1.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions", "ariaCurrentWhenActive", "ariaCurrentWhenActive"] }], ngImport: i0, template: "<div class=\"md3-item-container\">\
|
|
2733
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationItem, isStandalone: true, selector: "button[md3-nav-item], a[md3-nav-item]", inputs: { hideOnCollapse: { classPropertyName: "hideOnCollapse", publicName: "hide-on-collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-hide-on-collapse": "this.hideOnCollapse()", "class.md3-active": "this.active" } }, queries: [{ propertyName: "icons", predicate: IconElement, isSignal: true }, { propertyName: "badge", first: true, predicate: Badge, descendants: true, isSignal: true }], exportAs: ["md3NavItem"], hostDirectives: [{ directive: i1.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions", "ariaCurrentWhenActive", "ariaCurrentWhenActive"] }], ngImport: i0, template: "<div class=\"md3-item-container\">\n @if (hasIcons()) {\n <div class=\"md3-icon-container\">\n <ng-content select=\"[md3-icon-element=active]\"></ng-content>\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n }\n <div class=\"md3-label\">\n <ng-content></ng-content>\n </div>\n @if (hasIcons() && badge()) {\n <div class=\"md3-badge-container\" [class.md3-small]=\"badge()?.isSmall()\">\n <ng-content select=\"md3-badge\"></ng-content>\n </div>\n }\n</div>", styles: [":host{--icon-color: rgb(var(--md-scheme-on-surface-variant));--label-color: rgb(var(--md-scheme-on-surface-variant));--state-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: transparent;font-size:1em;text-decoration:none;border:none;outline:none;cursor:pointer;position:relative;display:inline-flex;align-items:start;text-decoration:none!important;white-space:nowrap;background-color:transparent;padding:0;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .md3-item-container{display:inline-flex;flex-direction:column;gap:.25em;position:relative;align-items:center;justify-content:center;padding:.375em 0;max-width:100%}:host .md3-item-container:before{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:0;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);background-color:var(--active-indicator-color)}:host .md3-item-container:after{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:1;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);opacity:0;background-color:var(--state-color)}:host .md3-label{font-size:.75em;font-weight:500;line-height:1.333333em;letter-spacing:.041667em;padding-inline:.666667em;overflow:hidden;z-index:2;max-width:100%;max-height:2.666667em;color:var(--label-color)}:host:hover .md3-item-container:after{transform:scale(1);opacity:.08}:host:focus .md3-item-container:after{transform:scale(1);opacity:.1}:host:active .md3-item-container:after{transform:scale(1);opacity:.1}:host .md3-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.25em;z-index:2;color:var(--icon-color)}:host .md3-icon-container ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-icon-container ::ng-deep [md3-icon-element=active]{display:none}:host .md3-badge-container{flex:0 0 auto;position:absolute;top:.5em;inset-inline-start:50%;display:inline-flex;align-items:start;justify-content:end;min-height:.875em;min-width:.875em;z-index:3}:host.md3-active{--icon-color: rgb(var(--md-scheme-secondary));--label-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: rgb(var(--md-scheme-secondary-container))}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]{display:inline-block}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]+[md3-icon-element]{display:none}:host.md3-active .md3-item-container:before{transform:scale(1)}\n"] });
|
|
2734
2734
|
}
|
|
2735
2735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationItem, decorators: [{
|
|
2736
2736
|
type: Component,
|
|
@@ -2741,7 +2741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2741
2741
|
directive: RouterLinkActive,
|
|
2742
2742
|
inputs: ['routerLinkActiveOptions', 'ariaCurrentWhenActive'],
|
|
2743
2743
|
}
|
|
2744
|
-
], template: "<div class=\"md3-item-container\">\
|
|
2744
|
+
], template: "<div class=\"md3-item-container\">\n @if (hasIcons()) {\n <div class=\"md3-icon-container\">\n <ng-content select=\"[md3-icon-element=active]\"></ng-content>\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n }\n <div class=\"md3-label\">\n <ng-content></ng-content>\n </div>\n @if (hasIcons() && badge()) {\n <div class=\"md3-badge-container\" [class.md3-small]=\"badge()?.isSmall()\">\n <ng-content select=\"md3-badge\"></ng-content>\n </div>\n }\n</div>", styles: [":host{--icon-color: rgb(var(--md-scheme-on-surface-variant));--label-color: rgb(var(--md-scheme-on-surface-variant));--state-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: transparent;font-size:1em;text-decoration:none;border:none;outline:none;cursor:pointer;position:relative;display:inline-flex;align-items:start;text-decoration:none!important;white-space:nowrap;background-color:transparent;padding:0;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .md3-item-container{display:inline-flex;flex-direction:column;gap:.25em;position:relative;align-items:center;justify-content:center;padding:.375em 0;max-width:100%}:host .md3-item-container:before{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:0;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);background-color:var(--active-indicator-color)}:host .md3-item-container:after{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:1;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);opacity:0;background-color:var(--state-color)}:host .md3-label{font-size:.75em;font-weight:500;line-height:1.333333em;letter-spacing:.041667em;padding-inline:.666667em;overflow:hidden;z-index:2;max-width:100%;max-height:2.666667em;color:var(--label-color)}:host:hover .md3-item-container:after{transform:scale(1);opacity:.08}:host:focus .md3-item-container:after{transform:scale(1);opacity:.1}:host:active .md3-item-container:after{transform:scale(1);opacity:.1}:host .md3-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.25em;z-index:2;color:var(--icon-color)}:host .md3-icon-container ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-icon-container ::ng-deep [md3-icon-element=active]{display:none}:host .md3-badge-container{flex:0 0 auto;position:absolute;top:.5em;inset-inline-start:50%;display:inline-flex;align-items:start;justify-content:end;min-height:.875em;min-width:.875em;z-index:3}:host.md3-active{--icon-color: rgb(var(--md-scheme-secondary));--label-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: rgb(var(--md-scheme-secondary-container))}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]{display:inline-block}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]+[md3-icon-element]{display:none}:host.md3-active .md3-item-container:before{transform:scale(1)}\n"] }]
|
|
2745
2745
|
}], propDecorators: { hideOnCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide-on-collapse", required: false }] }], icons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { isSignal: true }] }], badge: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Badge), { isSignal: true }] }], active: [{
|
|
2746
2746
|
type: HostBinding,
|
|
2747
2747
|
args: ['class.md3-active']
|
|
@@ -2757,7 +2757,7 @@ class NavigationGroup {
|
|
|
2757
2757
|
return this.el.nativeElement;
|
|
2758
2758
|
}
|
|
2759
2759
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2760
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationGroup, isStandalone: true, selector: "md3-nav-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hideOnCollapse: { classPropertyName: "hideOnCollapse", publicName: "hide-on-collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-hide-on-collapse": "hideOnCollapse()" } }, ngImport: i0, template: "@if (label()?.length) {\
|
|
2760
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationGroup, isStandalone: true, selector: "md3-nav-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hideOnCollapse: { classPropertyName: "hideOnCollapse", publicName: "hide-on-collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-hide-on-collapse": "hideOnCollapse()" } }, ngImport: i0, template: "@if (label()?.length) {\n <div class=\"md3-nav-label\">\n <md3-type-label size=\"large\">{{ label() }}</md3-type-label>\n </div>\n}\n<ng-content select=\"[md3-nav-item]\"></ng-content>", styles: [":host{display:flex;flex-direction:column;align-items:stretch;width:100%;overflow:hidden;max-width:100%;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-nav-label{padding-block:1em;padding-inline:2.25em 1.25em;white-space:nowrap;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}\n"], dependencies: [{ kind: "directive", type: TypeLabel, selector: "md3-type-label, [md3-type-label]", inputs: ["size", "color", "emphasized"] }] });
|
|
2761
2761
|
}
|
|
2762
2762
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationGroup, decorators: [{
|
|
2763
2763
|
type: Component,
|
|
@@ -2765,7 +2765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2765
2765
|
TypeLabel,
|
|
2766
2766
|
], host: {
|
|
2767
2767
|
'[class.md3-hide-on-collapse]': 'hideOnCollapse()',
|
|
2768
|
-
}, template: "@if (label()?.length) {\
|
|
2768
|
+
}, template: "@if (label()?.length) {\n <div class=\"md3-nav-label\">\n <md3-type-label size=\"large\">{{ label() }}</md3-type-label>\n </div>\n}\n<ng-content select=\"[md3-nav-item]\"></ng-content>", styles: [":host{display:flex;flex-direction:column;align-items:stretch;width:100%;overflow:hidden;max-width:100%;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-nav-label{padding-block:1em;padding-inline:2.25em 1.25em;white-space:nowrap;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}\n"] }]
|
|
2769
2769
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hideOnCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide-on-collapse", required: false }] }] } });
|
|
2770
2770
|
|
|
2771
2771
|
class NavigationRail {
|
|
@@ -2853,7 +2853,7 @@ class NavigationRail {
|
|
|
2853
2853
|
provide: MD3_BUTTON_CONTEXT,
|
|
2854
2854
|
useExisting: NavigationRail,
|
|
2855
2855
|
},
|
|
2856
|
-
], queries: [{ propertyName: "menuIcons", predicate: IconElement, isSignal: true }, { propertyName: "floatingActionButton", first: true, predicate: FloatingActionButton, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\
|
|
2856
|
+
], queries: [{ propertyName: "menuIcons", predicate: IconElement, isSignal: true }, { propertyName: "floatingActionButton", first: true, predicate: FloatingActionButton, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\n<div class=\"md3-nav-container\">\n <div class=\"md3-nav-header\" [class.md3-hidden]=\"hideMenuButton() && !hasFab()\">\n @if (!hideMenuButton()) {\n <button md3-icon-button button-type=\"standard\" class=\"md3-menu-button\" (click)=\"toggle()\">\n <ng-content select=\"[md3-icon-element=expand]\"></ng-content>\n @if (!menuExpandIcon()) {\n <md3-icon md3-icon-element md3-menu-expand>menu</md3-icon>\n }\n <ng-content select=\"[md3-icon-element=collapse]\"></ng-content>\n @if (!menuCollapseIcon()) {\n <md3-icon md3-icon-element md3-menu-collapse bi-directional>menu_open</md3-icon>\n }\n </button>\n }\n\n <ng-content select=\"[md3-fab]\"></ng-content>\n </div>\n <div class=\"md3-menu-container\" [class.md3-full-width-indicator]=\"fullWidthIndicator()\">\n <ng-content select=\"[md3-nav-item], md3-nav-group\"></ng-content>\n </div>\n</div>", styles: [":host{display:flex;width:6em;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-scrim{position:fixed;inset:0;z-index:399;pointer-events:none;display:none;background-color:rgb(var(--md-scheme-scrim));opacity:0;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:start;position:relative;padding:2.75em 0 0;background-color:rgb(var(--md-scheme-surface));color:rgb(var(--md-scheme-on-surface));height:100%;max-width:6em}:host .md3-nav-container .md3-nav-header{display:flex;flex-direction:column;align-items:start;gap:.25em;padding-inline:1.25em;margin-bottom:2.5em;width:100%;min-width:fit-content}:host .md3-nav-container .md3-nav-header.md3-hidden{display:none}:host .md3-nav-container .md3-nav-header .md3-menu-button{margin:.5em}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:inline-block}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:none}:host .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{box-shadow:var(--md-shadow-0dp)}:host .md3-nav-container .md3-menu-container{display:flex;flex-direction:column;align-items:stretch;width:100%;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container .md3-menu-container ::ng-deep md3-nav-group .md3-nav-label{max-height:3.25em}:host .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item]{margin-bottom:.25em}:host .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-style-elevated{box-shadow:var(--md-shadow-1dp)}:host.md3-style-divider .md3-nav-container:after{content:\"\";position:absolute;height:100%;width:.0625em;top:0;bottom:0;inset-inline-end:0;background-color:rgb(var(--md-scheme-outline-variant));pointer-events:none;opacity:1;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host.md3-collapsed-narrow{width:5em}:host.md3-collapsed-narrow .md3-nav-container{max-width:5em}:host.md3-collapsed-narrow .md3-nav-container .md3-nav-header{padding-inline:.75em}:host.md3-collapsed-hidden{width:0}:host.md3-collapsed-hidden .md3-nav-container{max-width:0em}:host.md3-collapsed-hidden .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:0}:host.md3-collapsed-hidden .md3-nav-container .md3-menu-container{opacity:0}:host.md3-collapsed-hidden .md3-nav-container:after{opacity:0}:host.md3-expanded-modal .md3-nav-scrim{display:block}:host.md3-expanded-modal .md3-nav-container{position:fixed;z-index:400;inset-inline-start:0;top:0;bottom:0}:host:not(.md3-expanded) ::ng-deep md3-nav-group.md3-hide-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host:not(.md3-expanded) ::ng-deep md3-nav-group .md3-nav-label{transform:scaleY(0);opacity:0;max-height:0em}:host.md3-expanded .md3-nav-container{min-width:13.75em;max-width:22.5em;width:fit-content;padding:2.75em 0}:host.md3-expanded .md3-nav-container .md3-nav-header{padding-inline:1.25em}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:none}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:inline-block}:host.md3-expanded .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item]{padding-inline:1.25em;margin-bottom:.5em}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:.5em;transform:scaleY(1);opacity:1;max-height:5em;max-width:100%}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:3.5em}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-xlarge)}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-label{font-size:.875em;line-height:1.428571em;letter-spacing:.007143em;max-height:2.857143em;padding-inline:0}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}:host.md3-expanded .md3-nav-container .md3-menu-container.md3-full-width-indicator ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-expanded.md3-expanded-standard{width:auto}:host.md3-expanded.md3-expanded-modal .md3-nav-scrim{pointer-events:all;opacity:.32}:host.md3-expanded.md3-expanded-modal .md3-nav-container{background-color:rgb(var(--md-scheme-surface-container));border-start-end-radius:var(--md-border-radius-large);border-end-end-radius:var(--md-border-radius-large);box-shadow:var(--md-shadow-3dp);width:fit-content;max-width:22.5em}:host.md3-expanded.md3-expanded-modal .md3-nav-container:after{opacity:0}\n"], dependencies: [{ kind: "component", type: IconButton, selector: "button[md3-icon-button], a[md3-icon-button]", inputs: ["button-size", "button-type", "button-width", "button-squared", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: IconElement, selector: "[md3-icon-element]", inputs: ["md3-icon-element"] }, { kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }] });
|
|
2857
2857
|
}
|
|
2858
2858
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationRail, decorators: [{
|
|
2859
2859
|
type: Component,
|
|
@@ -2868,7 +2868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
2868
2868
|
},
|
|
2869
2869
|
], host: {
|
|
2870
2870
|
'[class.md3-expanded]': 'this.expanded()',
|
|
2871
|
-
}, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\
|
|
2871
|
+
}, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\n<div class=\"md3-nav-container\">\n <div class=\"md3-nav-header\" [class.md3-hidden]=\"hideMenuButton() && !hasFab()\">\n @if (!hideMenuButton()) {\n <button md3-icon-button button-type=\"standard\" class=\"md3-menu-button\" (click)=\"toggle()\">\n <ng-content select=\"[md3-icon-element=expand]\"></ng-content>\n @if (!menuExpandIcon()) {\n <md3-icon md3-icon-element md3-menu-expand>menu</md3-icon>\n }\n <ng-content select=\"[md3-icon-element=collapse]\"></ng-content>\n @if (!menuCollapseIcon()) {\n <md3-icon md3-icon-element md3-menu-collapse bi-directional>menu_open</md3-icon>\n }\n </button>\n }\n\n <ng-content select=\"[md3-fab]\"></ng-content>\n </div>\n <div class=\"md3-menu-container\" [class.md3-full-width-indicator]=\"fullWidthIndicator()\">\n <ng-content select=\"[md3-nav-item], md3-nav-group\"></ng-content>\n </div>\n</div>", styles: [":host{display:flex;width:6em;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-scrim{position:fixed;inset:0;z-index:399;pointer-events:none;display:none;background-color:rgb(var(--md-scheme-scrim));opacity:0;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:start;position:relative;padding:2.75em 0 0;background-color:rgb(var(--md-scheme-surface));color:rgb(var(--md-scheme-on-surface));height:100%;max-width:6em}:host .md3-nav-container .md3-nav-header{display:flex;flex-direction:column;align-items:start;gap:.25em;padding-inline:1.25em;margin-bottom:2.5em;width:100%;min-width:fit-content}:host .md3-nav-container .md3-nav-header.md3-hidden{display:none}:host .md3-nav-container .md3-nav-header .md3-menu-button{margin:.5em}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:inline-block}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:none}:host .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{box-shadow:var(--md-shadow-0dp)}:host .md3-nav-container .md3-menu-container{display:flex;flex-direction:column;align-items:stretch;width:100%;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container .md3-menu-container ::ng-deep md3-nav-group .md3-nav-label{max-height:3.25em}:host .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item]{margin-bottom:.25em}:host .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-style-elevated{box-shadow:var(--md-shadow-1dp)}:host.md3-style-divider .md3-nav-container:after{content:\"\";position:absolute;height:100%;width:.0625em;top:0;bottom:0;inset-inline-end:0;background-color:rgb(var(--md-scheme-outline-variant));pointer-events:none;opacity:1;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host.md3-collapsed-narrow{width:5em}:host.md3-collapsed-narrow .md3-nav-container{max-width:5em}:host.md3-collapsed-narrow .md3-nav-container .md3-nav-header{padding-inline:.75em}:host.md3-collapsed-hidden{width:0}:host.md3-collapsed-hidden .md3-nav-container{max-width:0em}:host.md3-collapsed-hidden .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:0}:host.md3-collapsed-hidden .md3-nav-container .md3-menu-container{opacity:0}:host.md3-collapsed-hidden .md3-nav-container:after{opacity:0}:host.md3-expanded-modal .md3-nav-scrim{display:block}:host.md3-expanded-modal .md3-nav-container{position:fixed;z-index:400;inset-inline-start:0;top:0;bottom:0}:host:not(.md3-expanded) ::ng-deep md3-nav-group.md3-hide-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host:not(.md3-expanded) ::ng-deep md3-nav-group .md3-nav-label{transform:scaleY(0);opacity:0;max-height:0em}:host.md3-expanded .md3-nav-container{min-width:13.75em;max-width:22.5em;width:fit-content;padding:2.75em 0}:host.md3-expanded .md3-nav-container .md3-nav-header{padding-inline:1.25em}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:none}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:inline-block}:host.md3-expanded .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item]{padding-inline:1.25em;margin-bottom:.5em}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:.5em;transform:scaleY(1);opacity:1;max-height:5em;max-width:100%}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:3.5em}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-xlarge)}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-label{font-size:.875em;line-height:1.428571em;letter-spacing:.007143em;max-height:2.857143em;padding-inline:0}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto}:host.md3-expanded .md3-nav-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}:host.md3-expanded .md3-nav-container .md3-menu-container.md3-full-width-indicator ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-expanded.md3-expanded-standard{width:auto}:host.md3-expanded.md3-expanded-modal .md3-nav-scrim{pointer-events:all;opacity:.32}:host.md3-expanded.md3-expanded-modal .md3-nav-container{background-color:rgb(var(--md-scheme-surface-container));border-start-end-radius:var(--md-border-radius-large);border-end-end-radius:var(--md-border-radius-large);box-shadow:var(--md-shadow-3dp);width:fit-content;max-width:22.5em}:host.md3-expanded.md3-expanded-modal .md3-nav-container:after{opacity:0}\n"] }]
|
|
2872
2872
|
}], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], hideMenuButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide-menu-button", required: false }] }], fullWidthIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "full-width-indicator", required: false }] }], containerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "container-style", required: false }] }], collapsedMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed-layout", required: false }] }], expandedMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded-layout", required: false }] }], menuIcons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { isSignal: true }] }], floatingActionButton: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FloatingActionButton), { isSignal: true }] }] } });
|
|
2873
2873
|
|
|
2874
2874
|
class NavigationBar {
|
|
@@ -2894,11 +2894,11 @@ class NavigationBar {
|
|
|
2894
2894
|
return this.el.nativeElement;
|
|
2895
2895
|
}
|
|
2896
2896
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2897
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: NavigationBar, isStandalone: true, selector: "md3-navigation-bar", ngImport: i0, template: "<div class=\"md3-navigation-container\">\
|
|
2897
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: NavigationBar, isStandalone: true, selector: "md3-navigation-bar", ngImport: i0, template: "<div class=\"md3-navigation-container\">\n <div class=\"md3-menu-container\">\n <ng-content select=\"[md3-nav-item]\"></ng-content>\n </div>\n</div>", styles: [":host{background-color:rgb(var(--md-scheme-surface-container));box-shadow:var(--md-shadow-3dp)}:host .md3-navigation-container{display:flex;align-items:center;justify-content:center;height:4em}:host .md3-navigation-container .md3-menu-container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5em;height:100%;max-width:52.5em;width:fit-content}:host .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item]{flex:1 1 0;min-width:0;align-items:center;justify-content:center}:host.md3-layout-vertical .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-label{white-space:nowrap}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:2.5em}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-large-i)}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0;flex:0 0 auto}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-label{padding-inline:0;flex:1 1 auto}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto;flex:0 0 auto}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}\n"] });
|
|
2898
2898
|
}
|
|
2899
2899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationBar, decorators: [{
|
|
2900
2900
|
type: Component,
|
|
2901
|
-
args: [{ selector: 'md3-navigation-bar', imports: [], template: "<div class=\"md3-navigation-container\">\
|
|
2901
|
+
args: [{ selector: 'md3-navigation-bar', imports: [], template: "<div class=\"md3-navigation-container\">\n <div class=\"md3-menu-container\">\n <ng-content select=\"[md3-nav-item]\"></ng-content>\n </div>\n</div>", styles: [":host{background-color:rgb(var(--md-scheme-surface-container));box-shadow:var(--md-shadow-3dp)}:host .md3-navigation-container{display:flex;align-items:center;justify-content:center;height:4em}:host .md3-navigation-container .md3-menu-container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5em;height:100%;max-width:52.5em;width:fit-content}:host .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item]{flex:1 1 0;min-width:0;align-items:center;justify-content:center}:host.md3-layout-vertical .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-label{white-space:nowrap}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:2.5em}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-large-i)}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0;flex:0 0 auto}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-label{padding-inline:0;flex:1 1 auto}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto;flex:0 0 auto}:host.md3-layout-horizontal .md3-navigation-container .md3-menu-container ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}\n"] }]
|
|
2902
2902
|
}], ctorParameters: () => [] });
|
|
2903
2903
|
|
|
2904
2904
|
class TextField {
|
|
@@ -3052,7 +3052,7 @@ class TextField {
|
|
|
3052
3052
|
provide: MD3_BUTTON_CONTEXT,
|
|
3053
3053
|
useExisting: TextField,
|
|
3054
3054
|
},
|
|
3055
|
-
], queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "iconElements", predicate: IconElement, descendants: true, isSignal: true }, { propertyName: "iconButtons", predicate: IconButton, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputContainer", first: true, predicate: ["inputContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<label #inputContainer class=\"md3-text-field-container\" [ngClass]=\"{\r\n 'md3-text-field-filled': fieldType() == 'filled',\r\n 'md3-text-field-outlined': fieldType() == 'outlined',\r\n}\">\r\n <ng-content></ng-content>\r\n <fieldset aria-hidden=\"true\" class=\"md3-text-field-outline\">\r\n @if (label() && fieldType() == 'outlined') {\r\n <legend class=\"md3-label-gap\">{{ label() }}</legend>\r\n }\r\n </fieldset>\r\n @if (label()) {\r\n <label class=\"md3-text-field-label\">{{ label() }}</label>\r\n }\r\n <ng-content select=\"[md3-icon-element=leading]\"></ng-content>\r\n <ng-content select=\"[md3-icon-button], [md3-icon-element=trailing]\"></ng-content>\r\n @if (fieldType() != 'outlined') {\r\n <div class=\"md3-text-field-state\"></div>\r\n }\r\n</label>\r\n<div class=\"md3-supporting-text-container\" [class.md3-has-error]=\"inputError()\">\r\n <ng-content select=\"[md3-supporting-text]\"></ng-content>\n @if (inputCounter()) {\n <div class=\"md3-text-input-counter\">{{ valueLength() + (maxLength() ? \"/\" + maxLength() : \"\") }}</div>\n }\n</div>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface-container-highest));--foreground-color: rgb(var(--md-scheme-on-surface));--label-color: rgb(var(--md-scheme-on-surface-variant));--caret-color: rgb(var(--md-scheme-primary));--outline-color: rgb(var(--md-scheme-on-surface-variant));font-size:1rem;width:100%}:host .md3-text-field-container{display:block;position:relative;border-radius:var(--md-border-radius-xsmall) var(--md-border-radius-xsmall) 0 0;overflow:hidden}:host .md3-text-field-container ::ng-deep [md3-icon-element=leading]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-start:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-element=trailing]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-end:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-button]{position:absolute;font-size:1em!important;top:.5em;inset-inline-end:.5em}:host .md3-text-field-container .md3-text-field-outline{position:absolute;inset:0;pointer-events:none;padding:0 .625em;margin:.0625em 0 0;border:none;border-bottom:.0625em solid var(--outline-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),border-width none}:host .md3-text-field-container .md3-text-field-outline .md3-label-gap{padding:0;max-width:0em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.041667em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing);interpolate-size:allow-keywords}:host .md3-text-field-container .md3-text-field-label{position:absolute;top:1em;inset-inline-start:1em;inset-inline-end:1em;padding:0;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:var(--label-color);transform-origin:top left;transform:scale(1);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container .md3-text-field-label:dir(rtl){transform-origin:top right}:host .md3-text-field-container .md3-text-field-state{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-color:rgba(var(--md-scheme-on-surface));opacity:0;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container ::ng-deep .md3-input-element{display:block;width:100%;border:none;outline:none;padding:1.5em 1em .5em;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;resize:none;background-color:var(--background-color);color:var(--foreground-color);caret-color:var(--caret-color)}:host .md3-text-field-container ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-state{opacity:.08}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-surface))}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-primary));border-bottom-width:.1875em}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-label{color:var(--caret-color);top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled{--background-color: rgba(var(--md-scheme-surface-container), .4);--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-state{display:none}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border-bottom:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]{caret-color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-label{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-filled{--background-color: rgb(var(--md-scheme-error));--foreground-color: rgb(var(--md-scheme-on-error));--state-color: var(--md-scheme-on-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-tonal{--background-color: rgb(var(--md-scheme-error-container));--foreground-color: rgb(var(--md-scheme-on-error-container));--state-color: var(--md-scheme-on-error-container)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error);border-color:var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-standard{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-label{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container.md3-has-leading-icon ::ng-deep .md3-input-element{padding-inline-start:3.25em}:host .md3-text-field-container.md3-has-leading-icon .md3-text-field-label{inset-inline-start:3.25em}:host .md3-text-field-container.md3-has-trailing-icon ::ng-deep .md3-input-element{padding-inline-end:3.25em}:host .md3-text-field-container.md3-has-trailing-icon .md3-text-field-label{inset-inline-end:3.25em}:host .md3-text-field-container.md3-text-field-outlined{--background-color: transparent;border-radius:var(--md-border-radius-xsmall);padding-top:.5em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-outline{border-radius:inherit;border:.0625em solid var(--outline-color)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=leading],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=trailing],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-button]{top:1em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-label{top:1.5em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element{padding-block:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline{padding:0 .5em;border-width:.1875em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline .md3-label-gap,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-outline .md3-label-gap{padding:0 .375em;max-width:fit-content}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-label,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:0;inset-inline:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled{--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-supporting-text-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1.333332em;padding:0 1.333332em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.033332em;color:var(--label-color)}:host .md3-supporting-text-container.md3-has-error{color:rgb(var(--md-scheme-error))}:host .md3-supporting-text-container .md3-text-input-counter{margin-inline-start:auto}:host .md3-supporting-text-container>::ng-deep *{margin-top:.333332em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3055
|
+
], queries: [{ propertyName: "input", first: true, predicate: InputElement, descendants: true, isSignal: true }, { propertyName: "iconElements", predicate: IconElement, descendants: true, isSignal: true }, { propertyName: "iconButtons", predicate: IconButton, descendants: true, isSignal: true }, { propertyName: "controlName", first: true, predicate: FormControlName, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputContainer", first: true, predicate: ["inputContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<label #inputContainer class=\"md3-text-field-container\" [ngClass]=\"{\n 'md3-text-field-filled': fieldType() == 'filled',\n 'md3-text-field-outlined': fieldType() == 'outlined',\n}\">\n <ng-content></ng-content>\n <fieldset aria-hidden=\"true\" class=\"md3-text-field-outline\">\n @if (label() && fieldType() == 'outlined') {\n <legend class=\"md3-label-gap\">{{ label() }}</legend>\n }\n </fieldset>\n @if (label()) {\n <label class=\"md3-text-field-label\">{{ label() }}</label>\n }\n <ng-content select=\"[md3-icon-element=leading]\"></ng-content>\n <ng-content select=\"[md3-icon-button], [md3-icon-element=trailing]\"></ng-content>\n @if (fieldType() != 'outlined') {\n <div class=\"md3-text-field-state\"></div>\n }\n</label>\n<div class=\"md3-supporting-text-container\" [class.md3-has-error]=\"inputError()\">\n <ng-content select=\"[md3-supporting-text]\"></ng-content>\n @if (inputCounter()) {\n <div class=\"md3-text-input-counter\">{{ valueLength() + (maxLength() ? \"/\" + maxLength() : \"\") }}</div>\n }\n</div>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface-container-highest));--foreground-color: rgb(var(--md-scheme-on-surface));--label-color: rgb(var(--md-scheme-on-surface-variant));--caret-color: rgb(var(--md-scheme-primary));--outline-color: rgb(var(--md-scheme-on-surface-variant));font-size:1rem;width:100%}:host .md3-text-field-container{display:block;position:relative;border-radius:var(--md-border-radius-xsmall) var(--md-border-radius-xsmall) 0 0;overflow:hidden}:host .md3-text-field-container ::ng-deep [md3-icon-element=leading]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-start:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-element=trailing]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-end:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-button]{position:absolute;font-size:1em!important;top:.5em;inset-inline-end:.5em}:host .md3-text-field-container .md3-text-field-outline{position:absolute;inset:0;pointer-events:none;padding:0 .625em;margin:.0625em 0 0;border:none;border-bottom:.0625em solid var(--outline-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),border-width none}:host .md3-text-field-container .md3-text-field-outline .md3-label-gap{padding:0;max-width:0em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.041667em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing);interpolate-size:allow-keywords}:host .md3-text-field-container .md3-text-field-label{position:absolute;top:1em;inset-inline-start:1em;inset-inline-end:1em;padding:0;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:var(--label-color);transform-origin:top left;transform:scale(1);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container .md3-text-field-label:dir(rtl){transform-origin:top right}:host .md3-text-field-container .md3-text-field-state{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-color:rgba(var(--md-scheme-on-surface));opacity:0;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container ::ng-deep .md3-input-element{display:block;width:100%;border:none;outline:none;padding:1.5em 1em .5em;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;resize:none;background-color:var(--background-color);color:var(--foreground-color);caret-color:var(--caret-color)}:host .md3-text-field-container ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-state{opacity:.08}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-surface))}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-primary));border-bottom-width:.1875em}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-label{color:var(--caret-color);top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled{--background-color: rgba(var(--md-scheme-surface-container), .4);--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-state{display:none}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border-bottom:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]{caret-color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-label{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-filled{--background-color: rgb(var(--md-scheme-error));--foreground-color: rgb(var(--md-scheme-on-error));--state-color: var(--md-scheme-on-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-tonal{--background-color: rgb(var(--md-scheme-error-container));--foreground-color: rgb(var(--md-scheme-on-error-container));--state-color: var(--md-scheme-on-error-container)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error);border-color:var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-standard{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-label{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container.md3-has-leading-icon ::ng-deep .md3-input-element{padding-inline-start:3.25em}:host .md3-text-field-container.md3-has-leading-icon .md3-text-field-label{inset-inline-start:3.25em}:host .md3-text-field-container.md3-has-trailing-icon ::ng-deep .md3-input-element{padding-inline-end:3.25em}:host .md3-text-field-container.md3-has-trailing-icon .md3-text-field-label{inset-inline-end:3.25em}:host .md3-text-field-container.md3-text-field-outlined{--background-color: transparent;border-radius:var(--md-border-radius-xsmall);padding-top:.5em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-outline{border-radius:inherit;border:.0625em solid var(--outline-color)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=leading],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=trailing],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-button]{top:1em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-label{top:1.5em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element{padding-block:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline{padding:0 .5em;border-width:.1875em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline .md3-label-gap,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-outline .md3-label-gap{padding:0 .375em;max-width:fit-content}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-label,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:0;inset-inline:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled{--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-supporting-text-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1.333332em;padding:0 1.333332em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.033332em;color:var(--label-color)}:host .md3-supporting-text-container.md3-has-error{color:rgb(var(--md-scheme-error))}:host .md3-supporting-text-container .md3-text-input-counter{margin-inline-start:auto}:host .md3-supporting-text-container>::ng-deep *{margin-top:.333332em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3056
3056
|
}
|
|
3057
3057
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: TextField, decorators: [{
|
|
3058
3058
|
type: Component,
|
|
@@ -3063,7 +3063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3063
3063
|
provide: MD3_BUTTON_CONTEXT,
|
|
3064
3064
|
useExisting: TextField,
|
|
3065
3065
|
},
|
|
3066
|
-
], template: "<label #inputContainer class=\"md3-text-field-container\" [ngClass]=\"{\r\n 'md3-text-field-filled': fieldType() == 'filled',\r\n 'md3-text-field-outlined': fieldType() == 'outlined',\r\n}\">\r\n <ng-content></ng-content>\r\n <fieldset aria-hidden=\"true\" class=\"md3-text-field-outline\">\r\n @if (label() && fieldType() == 'outlined') {\r\n <legend class=\"md3-label-gap\">{{ label() }}</legend>\r\n }\r\n </fieldset>\r\n @if (label()) {\r\n <label class=\"md3-text-field-label\">{{ label() }}</label>\r\n }\r\n <ng-content select=\"[md3-icon-element=leading]\"></ng-content>\r\n <ng-content select=\"[md3-icon-button], [md3-icon-element=trailing]\"></ng-content>\r\n @if (fieldType() != 'outlined') {\r\n <div class=\"md3-text-field-state\"></div>\r\n }\r\n</label>\r\n<div class=\"md3-supporting-text-container\" [class.md3-has-error]=\"inputError()\">\r\n <ng-content select=\"[md3-supporting-text]\"></ng-content>\n @if (inputCounter()) {\n <div class=\"md3-text-input-counter\">{{ valueLength() + (maxLength() ? \"/\" + maxLength() : \"\") }}</div>\n }\n</div>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface-container-highest));--foreground-color: rgb(var(--md-scheme-on-surface));--label-color: rgb(var(--md-scheme-on-surface-variant));--caret-color: rgb(var(--md-scheme-primary));--outline-color: rgb(var(--md-scheme-on-surface-variant));font-size:1rem;width:100%}:host .md3-text-field-container{display:block;position:relative;border-radius:var(--md-border-radius-xsmall) var(--md-border-radius-xsmall) 0 0;overflow:hidden}:host .md3-text-field-container ::ng-deep [md3-icon-element=leading]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-start:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-element=trailing]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-end:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-button]{position:absolute;font-size:1em!important;top:.5em;inset-inline-end:.5em}:host .md3-text-field-container .md3-text-field-outline{position:absolute;inset:0;pointer-events:none;padding:0 .625em;margin:.0625em 0 0;border:none;border-bottom:.0625em solid var(--outline-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),border-width none}:host .md3-text-field-container .md3-text-field-outline .md3-label-gap{padding:0;max-width:0em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.041667em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing);interpolate-size:allow-keywords}:host .md3-text-field-container .md3-text-field-label{position:absolute;top:1em;inset-inline-start:1em;inset-inline-end:1em;padding:0;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:var(--label-color);transform-origin:top left;transform:scale(1);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container .md3-text-field-label:dir(rtl){transform-origin:top right}:host .md3-text-field-container .md3-text-field-state{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-color:rgba(var(--md-scheme-on-surface));opacity:0;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container ::ng-deep .md3-input-element{display:block;width:100%;border:none;outline:none;padding:1.5em 1em .5em;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;resize:none;background-color:var(--background-color);color:var(--foreground-color);caret-color:var(--caret-color)}:host .md3-text-field-container ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-state{opacity:.08}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-surface))}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-primary));border-bottom-width:.1875em}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-label{color:var(--caret-color);top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled{--background-color: rgba(var(--md-scheme-surface-container), .4);--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-state{display:none}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border-bottom:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]{caret-color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-label{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-filled{--background-color: rgb(var(--md-scheme-error));--foreground-color: rgb(var(--md-scheme-on-error));--state-color: var(--md-scheme-on-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-tonal{--background-color: rgb(var(--md-scheme-error-container));--foreground-color: rgb(var(--md-scheme-on-error-container));--state-color: var(--md-scheme-on-error-container)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error);border-color:var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-standard{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-label{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container.md3-has-leading-icon ::ng-deep .md3-input-element{padding-inline-start:3.25em}:host .md3-text-field-container.md3-has-leading-icon .md3-text-field-label{inset-inline-start:3.25em}:host .md3-text-field-container.md3-has-trailing-icon ::ng-deep .md3-input-element{padding-inline-end:3.25em}:host .md3-text-field-container.md3-has-trailing-icon .md3-text-field-label{inset-inline-end:3.25em}:host .md3-text-field-container.md3-text-field-outlined{--background-color: transparent;border-radius:var(--md-border-radius-xsmall);padding-top:.5em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-outline{border-radius:inherit;border:.0625em solid var(--outline-color)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=leading],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=trailing],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-button]{top:1em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-label{top:1.5em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element{padding-block:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline{padding:0 .5em;border-width:.1875em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline .md3-label-gap,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-outline .md3-label-gap{padding:0 .375em;max-width:fit-content}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-label,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:0;inset-inline:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled{--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-supporting-text-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1.333332em;padding:0 1.333332em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.033332em;color:var(--label-color)}:host .md3-supporting-text-container.md3-has-error{color:rgb(var(--md-scheme-error))}:host .md3-supporting-text-container .md3-text-input-counter{margin-inline-start:auto}:host .md3-supporting-text-container>::ng-deep *{margin-top:.333332em}\n"] }]
|
|
3066
|
+
], template: "<label #inputContainer class=\"md3-text-field-container\" [ngClass]=\"{\n 'md3-text-field-filled': fieldType() == 'filled',\n 'md3-text-field-outlined': fieldType() == 'outlined',\n}\">\n <ng-content></ng-content>\n <fieldset aria-hidden=\"true\" class=\"md3-text-field-outline\">\n @if (label() && fieldType() == 'outlined') {\n <legend class=\"md3-label-gap\">{{ label() }}</legend>\n }\n </fieldset>\n @if (label()) {\n <label class=\"md3-text-field-label\">{{ label() }}</label>\n }\n <ng-content select=\"[md3-icon-element=leading]\"></ng-content>\n <ng-content select=\"[md3-icon-button], [md3-icon-element=trailing]\"></ng-content>\n @if (fieldType() != 'outlined') {\n <div class=\"md3-text-field-state\"></div>\n }\n</label>\n<div class=\"md3-supporting-text-container\" [class.md3-has-error]=\"inputError()\">\n <ng-content select=\"[md3-supporting-text]\"></ng-content>\n @if (inputCounter()) {\n <div class=\"md3-text-input-counter\">{{ valueLength() + (maxLength() ? \"/\" + maxLength() : \"\") }}</div>\n }\n</div>\n", styles: [":host{--background-color: rgb(var(--md-scheme-surface-container-highest));--foreground-color: rgb(var(--md-scheme-on-surface));--label-color: rgb(var(--md-scheme-on-surface-variant));--caret-color: rgb(var(--md-scheme-primary));--outline-color: rgb(var(--md-scheme-on-surface-variant));font-size:1rem;width:100%}:host .md3-text-field-container{display:block;position:relative;border-radius:var(--md-border-radius-xsmall) var(--md-border-radius-xsmall) 0 0;overflow:hidden}:host .md3-text-field-container ::ng-deep [md3-icon-element=leading]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-start:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-element=trailing]{position:absolute;font-size:1.5em!important;height:1em!important;width:1em!important;top:.666667em;inset-inline-end:.5em;pointer-events:none;color:var(--label-color)}:host .md3-text-field-container ::ng-deep [md3-icon-button]{position:absolute;font-size:1em!important;top:.5em;inset-inline-end:.5em}:host .md3-text-field-container .md3-text-field-outline{position:absolute;inset:0;pointer-events:none;padding:0 .625em;margin:.0625em 0 0;border:none;border-bottom:.0625em solid var(--outline-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),border-width none}:host .md3-text-field-container .md3-text-field-outline .md3-label-gap{padding:0;max-width:0em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.041667em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing);interpolate-size:allow-keywords}:host .md3-text-field-container .md3-text-field-label{position:absolute;top:1em;inset-inline-start:1em;inset-inline-end:1em;padding:0;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:var(--label-color);transform-origin:top left;transform:scale(1);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container .md3-text-field-label:dir(rtl){transform-origin:top right}:host .md3-text-field-container .md3-text-field-state{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-color:rgba(var(--md-scheme-on-surface));opacity:0;transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-text-field-container ::ng-deep .md3-input-element{display:block;width:100%;border:none;outline:none;padding:1.5em 1em .5em;font-size:1em;font-weight:400;line-height:1.5em;letter-spacing:.03125em;resize:none;background-color:var(--background-color);color:var(--foreground-color);caret-color:var(--caret-color)}:host .md3-text-field-container ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-state{opacity:.08}:host .md3-text-field-container ::ng-deep .md3-input-element:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-surface))}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-primary));border-bottom-width:.1875em}:host .md3-text-field-container ::ng-deep .md3-input-element:focus~.md3-text-field-label{color:var(--caret-color);top:.4375em;transform:scale(.75)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled{--background-color: rgba(var(--md-scheme-surface-container), .4);--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-state{display:none}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border-bottom:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]{caret-color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~.md3-text-field-label{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-error))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-filled{--background-color: rgb(var(--md-scheme-error));--foreground-color: rgb(var(--md-scheme-on-error));--state-color: var(--md-scheme-on-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-tonal{--background-color: rgb(var(--md-scheme-error-container));--foreground-color: rgb(var(--md-scheme-on-error-container));--state-color: var(--md-scheme-on-error-container)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-outlined{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error);border-color:var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]~[md3-icon-button].md3-standard{--background-color: transparent;--foreground-color: rgb(var(--md-scheme-error));--state-color: var(--md-scheme-error)}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-outline{--outline-color: rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~.md3-text-field-label{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container ::ng-deep .md3-input-element[aria-invalid=true]:hover~[md3-icon-element=trailing]{color:rgb(var(--md-scheme-on-error-container))}:host .md3-text-field-container.md3-has-leading-icon ::ng-deep .md3-input-element{padding-inline-start:3.25em}:host .md3-text-field-container.md3-has-leading-icon .md3-text-field-label{inset-inline-start:3.25em}:host .md3-text-field-container.md3-has-trailing-icon ::ng-deep .md3-input-element{padding-inline-end:3.25em}:host .md3-text-field-container.md3-has-trailing-icon .md3-text-field-label{inset-inline-end:3.25em}:host .md3-text-field-container.md3-text-field-outlined{--background-color: transparent;border-radius:var(--md-border-radius-xsmall);padding-top:.5em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-outline{border-radius:inherit;border:.0625em solid var(--outline-color)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=leading],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-element=trailing],:host .md3-text-field-container.md3-text-field-outlined ::ng-deep [md3-icon-button]{top:1em}:host .md3-text-field-container.md3-text-field-outlined .md3-text-field-label{top:1.5em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element{padding-block:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline{padding:0 .5em;border-width:.1875em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-outline .md3-label-gap,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-outline .md3-label-gap{padding:0 .375em;max-width:fit-content}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:focus~.md3-text-field-label,:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:not(:placeholder-shown)~.md3-text-field-label{top:0;inset-inline:1em}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled{--foreground-color: rgba(var(--md-scheme-on-surface), .38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-outline{border:.0625em solid rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~.md3-text-field-label{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-text-field-container.md3-text-field-outlined ::ng-deep .md3-input-element:disabled~[md3-icon-element]{color:rgba(var(--md-scheme-on-surface),.38)}:host .md3-supporting-text-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1.333332em;padding:0 1.333332em;font-size:.75em;font-weight:400;line-height:1.333332em;letter-spacing:.033332em;color:var(--label-color)}:host .md3-supporting-text-container.md3-has-error{color:rgb(var(--md-scheme-error))}:host .md3-supporting-text-container .md3-text-input-counter{margin-inline-start:auto}:host .md3-supporting-text-container>::ng-deep *{margin-top:.333332em}\n"] }]
|
|
3067
3067
|
}], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], fieldType: [{ type: i0.Input, args: [{ isSignal: true, alias: "field-type", required: false }] }], inputCounter: [{ type: i0.Input, args: [{ isSignal: true, alias: "input-counter", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], inputContainer: [{ type: i0.ViewChild, args: ['inputContainer', { isSignal: true }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => InputElement), { isSignal: true }] }], iconElements: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { ...{ descendants: true }, isSignal: true }] }], iconButtons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconButton), { ...{ descendants: true }, isSignal: true }] }], controlName: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormControlName), { isSignal: true }] }] } });
|
|
3068
3068
|
|
|
3069
3069
|
class SupportingText {
|
|
@@ -3168,13 +3168,13 @@ class Dialog {
|
|
|
3168
3168
|
return this.portalOutlet().attachComponentPortal(portal);
|
|
3169
3169
|
}
|
|
3170
3170
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3171
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Dialog, isStandalone: true, selector: "md3-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<section\
|
|
3171
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: Dialog, isStandalone: true, selector: "md3-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: "<section\n class=\"md3-dialog-container\"\n [class.md3-active]=\"isActive()\"\n [class.md-scheme-dark]=\"config.scheme == 'dark'\"\n [class.md-scheme-light]=\"config.scheme == 'light'\"\n [attr.dir]=\"config.direction ?? null\"\n tabindex=\"-1\"\n [attr.role]=\"role\"\n [attr.aria-modal]=\"true\"\n [attr.aria-label]=\"config.ariaLabel ?? null\"\n [attr.aria-labelledby]=\"config.ariaLabelledBy ?? null\"\n [attr.aria-describedby]=\"config.ariaDescribedBy ?? null\">\n <ng-template cdkPortalOutlet></ng-template>\n</section>\n", styles: ["::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;inset:0;pointer-events:none;font-size:1rem}::ng-deep .cdk-overlay-container .md3-dialog-scrim{position:absolute;inset:0;pointer-events:auto;background-color:rgb(var(--md-scheme-scrim));transition:all var(--md-motion-expressive-slow-spatial-duration) var(--md-motion-expressive-slow-spatial-easing);opacity:.32}::ng-deep .cdk-overlay-container .md3-dialog-scrim.md3-dialog-opening{opacity:0}::ng-deep .cdk-overlay-container .md3-dialog-scrim.md3-dialog-closing{opacity:0}::ng-deep .cdk-overlay-container .cdk-global-overlay-wrapper{position:absolute;display:flex;inset:0;pointer-events:none;padding:3.5rem 1.5rem;overflow:hidden}::ng-deep .cdk-overlay-container .cdk-global-overlay-wrapper .md3-dialog-panel{position:absolute;pointer-events:auto;max-width:35em}::ng-deep .cdk-overlay-container .cdk-global-overlay-wrapper .md3-dialog-panel.md3-dialog-closing{pointer-events:none}:host{display:block;max-width:100%;min-width:17.5em}:host .md3-dialog-container{display:block;width:100%;max-height:inherit;overflow:auto;color:rgb(var(--md-scheme-on-surface));background-color:rgb(var(--md-scheme-surface-container-high));border-radius:var(--md-border-radius-xlarge);box-shadow:var(--md-shadow-6dp);transform-origin:center;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);opacity:0;transform:scaleY(.8);margin-top:-8rem}:host .md3-dialog-container.md3-active{opacity:1;transform:scaleY(1);margin-top:0}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
|
|
3172
3172
|
}
|
|
3173
3173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Dialog, decorators: [{
|
|
3174
3174
|
type: Component,
|
|
3175
3175
|
args: [{ selector: 'md3-dialog', imports: [
|
|
3176
3176
|
CdkPortalOutlet,
|
|
3177
|
-
], template: "<section\
|
|
3177
|
+
], template: "<section\n class=\"md3-dialog-container\"\n [class.md3-active]=\"isActive()\"\n [class.md-scheme-dark]=\"config.scheme == 'dark'\"\n [class.md-scheme-light]=\"config.scheme == 'light'\"\n [attr.dir]=\"config.direction ?? null\"\n tabindex=\"-1\"\n [attr.role]=\"role\"\n [attr.aria-modal]=\"true\"\n [attr.aria-label]=\"config.ariaLabel ?? null\"\n [attr.aria-labelledby]=\"config.ariaLabelledBy ?? null\"\n [attr.aria-describedby]=\"config.ariaDescribedBy ?? null\">\n <ng-template cdkPortalOutlet></ng-template>\n</section>\n", styles: ["::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;inset:0;pointer-events:none;font-size:1rem}::ng-deep .cdk-overlay-container .md3-dialog-scrim{position:absolute;inset:0;pointer-events:auto;background-color:rgb(var(--md-scheme-scrim));transition:all var(--md-motion-expressive-slow-spatial-duration) var(--md-motion-expressive-slow-spatial-easing);opacity:.32}::ng-deep .cdk-overlay-container .md3-dialog-scrim.md3-dialog-opening{opacity:0}::ng-deep .cdk-overlay-container .md3-dialog-scrim.md3-dialog-closing{opacity:0}::ng-deep .cdk-overlay-container .cdk-global-overlay-wrapper{position:absolute;display:flex;inset:0;pointer-events:none;padding:3.5rem 1.5rem;overflow:hidden}::ng-deep .cdk-overlay-container .cdk-global-overlay-wrapper .md3-dialog-panel{position:absolute;pointer-events:auto;max-width:35em}::ng-deep .cdk-overlay-container .cdk-global-overlay-wrapper .md3-dialog-panel.md3-dialog-closing{pointer-events:none}:host{display:block;max-width:100%;min-width:17.5em}:host .md3-dialog-container{display:block;width:100%;max-height:inherit;overflow:auto;color:rgb(var(--md-scheme-on-surface));background-color:rgb(var(--md-scheme-surface-container-high));border-radius:var(--md-border-radius-xlarge);box-shadow:var(--md-shadow-6dp);transform-origin:center;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);opacity:0;transform:scaleY(.8);margin-top:-8rem}:host .md3-dialog-container.md3-active{opacity:1;transform:scaleY(1);margin-top:0}\n"] }]
|
|
3178
3178
|
}], propDecorators: { portalOutlet: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkPortalOutlet), { isSignal: true }] }] } });
|
|
3179
3179
|
|
|
3180
3180
|
class DialogService {
|
|
@@ -3305,33 +3305,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3305
3305
|
|
|
3306
3306
|
class DialogHeader {
|
|
3307
3307
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3308
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DialogHeader, isStandalone: true, selector: "md3-dialog-header", ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
3308
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DialogHeader, isStandalone: true, selector: "md3-dialog-header", ngImport: i0, template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<div class=\"md3-dialog-title\">\n <md3-type-headline size=\"small\">\n <ng-content></ng-content>\n </md3-type-headline>\n</div>", styles: [":host{display:block;margin:1.5em 1.5em 1em;text-align:center}:host .md3-dialog-title{text-align:start;color:rgb(var(--md-scheme-on-surface))}:host ::ng-deep [md3-icon-element]{color:rgb(var(--md-scheme-secondary))}:host ::ng-deep [md3-icon-element]+.md3-dialog-title{margin-top:1em;text-align:center}\n"], dependencies: [{ kind: "directive", type: TypeHeadline, selector: "md3-type-headline, [md3-type-headline]", inputs: ["size", "color", "emphasized"] }] });
|
|
3309
3309
|
}
|
|
3310
3310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DialogHeader, decorators: [{
|
|
3311
3311
|
type: Component,
|
|
3312
3312
|
args: [{ selector: 'md3-dialog-header', imports: [
|
|
3313
3313
|
TypeHeadline
|
|
3314
|
-
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\
|
|
3314
|
+
], template: "<ng-content select=\"[md3-icon-element]\"></ng-content>\n<div class=\"md3-dialog-title\">\n <md3-type-headline size=\"small\">\n <ng-content></ng-content>\n </md3-type-headline>\n</div>", styles: [":host{display:block;margin:1.5em 1.5em 1em;text-align:center}:host .md3-dialog-title{text-align:start;color:rgb(var(--md-scheme-on-surface))}:host ::ng-deep [md3-icon-element]{color:rgb(var(--md-scheme-secondary))}:host ::ng-deep [md3-icon-element]+.md3-dialog-title{margin-top:1em;text-align:center}\n"] }]
|
|
3315
3315
|
}] });
|
|
3316
3316
|
|
|
3317
3317
|
class DialogBody {
|
|
3318
3318
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DialogBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3319
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DialogBody, isStandalone: true, selector: "md3-dialog-body", ngImport: i0, template: "<md3-type-body size=\"medium\">\
|
|
3319
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DialogBody, isStandalone: true, selector: "md3-dialog-body", ngImport: i0, template: "<md3-type-body size=\"medium\">\n <ng-content></ng-content>\n</md3-type-body>", styles: [":host{display:block;margin:1em 1.5em 1.5em;color:rgb(var(--md-scheme-on-surface-variant))}:host .md3-text-body.md3-text-medium{letter-spacing:.017857em}\n"], dependencies: [{ kind: "directive", type: TypeBody, selector: "md3-type-body, [md3-type-body]", inputs: ["size", "color", "emphasized"] }] });
|
|
3320
3320
|
}
|
|
3321
3321
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DialogBody, decorators: [{
|
|
3322
3322
|
type: Component,
|
|
3323
3323
|
args: [{ selector: 'md3-dialog-body', imports: [
|
|
3324
3324
|
TypeBody
|
|
3325
|
-
], template: "<md3-type-body size=\"medium\">\
|
|
3325
|
+
], template: "<md3-type-body size=\"medium\">\n <ng-content></ng-content>\n</md3-type-body>", styles: [":host{display:block;margin:1em 1.5em 1.5em;color:rgb(var(--md-scheme-on-surface-variant))}:host .md3-text-body.md3-text-medium{letter-spacing:.017857em}\n"] }]
|
|
3326
3326
|
}] });
|
|
3327
3327
|
|
|
3328
3328
|
class DialogActions {
|
|
3329
3329
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DialogActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3330
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DialogActions, isStandalone: true, selector: "md3-dialog-actions", ngImport: i0, template: "<div class=\"md3-actions\">\
|
|
3330
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DialogActions, isStandalone: true, selector: "md3-dialog-actions", ngImport: i0, template: "<div class=\"md3-actions\">\n <ng-content></ng-content>\n</div>", styles: [":host{display:block;margin:1.5em}:host .md3-actions{display:flex;gap:1em;flex-direction:row-reverse}\n"] });
|
|
3331
3331
|
}
|
|
3332
3332
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DialogActions, decorators: [{
|
|
3333
3333
|
type: Component,
|
|
3334
|
-
args: [{ selector: 'md3-dialog-actions', imports: [], template: "<div class=\"md3-actions\">\
|
|
3334
|
+
args: [{ selector: 'md3-dialog-actions', imports: [], template: "<div class=\"md3-actions\">\n <ng-content></ng-content>\n</div>", styles: [":host{display:block;margin:1.5em}:host .md3-actions{display:flex;gap:1em;flex-direction:row-reverse}\n"] }]
|
|
3335
3335
|
}] });
|
|
3336
3336
|
|
|
3337
3337
|
const MENU_DATA = new InjectionToken('MD3_MENU_DATA');
|
|
@@ -3907,13 +3907,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3907
3907
|
|
|
3908
3908
|
class MenuGroup {
|
|
3909
3909
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3910
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: MenuGroup, isStandalone: true, selector: "md3-menu-group", host: { attributes: { "role": "group" } }, ngImport: i0, template: "<ng-content></ng-content>\
|
|
3910
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: MenuGroup, isStandalone: true, selector: "md3-menu-group", host: { attributes: { "role": "group" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;gap:.125em;padding:.25em;background-color:var(--background-color);color:var(--foreground-color);border-radius:var(--menu-group-radius);box-shadow:var(--menu-group-shadow)}:host:first-child{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}:host:last-child{border-end-start-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}:host ::ng-deep md3-divider{margin:.125em .5em}:host ::ng-deep [md3-menu-item]:first-child .md3-menu-item-container{--border-top-start-r: var(--md-border-radius-medium);--border-top-end-r: var(--md-border-radius-medium);border-start-start-radius:var(--border-top-start-r);border-start-end-radius:var(--border-top-end-r)}:host ::ng-deep [md3-menu-item]:last-child .md3-menu-item-container{--border-bottom-start-r: var(--md-border-radius-medium);--border-bottom-end-r: var(--md-border-radius-medium);border-end-start-radius:var(--border-bottom-start-r);border-end-end-radius:var(--border-bottom-end-r)}.md3-menu-group-label{padding:.5rem var(--menu-item-inline-padding, .75rem) .25rem;color:rgb(var(--md-scheme-on-surface-variant));font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.03125rem}\n"] });
|
|
3911
3911
|
}
|
|
3912
3912
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MenuGroup, decorators: [{
|
|
3913
3913
|
type: Component,
|
|
3914
3914
|
args: [{ selector: 'md3-menu-group', imports: [], host: {
|
|
3915
3915
|
'role': 'group',
|
|
3916
|
-
}, template: "<ng-content></ng-content>\
|
|
3916
|
+
}, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;gap:.125em;padding:.25em;background-color:var(--background-color);color:var(--foreground-color);border-radius:var(--menu-group-radius);box-shadow:var(--menu-group-shadow)}:host:first-child{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}:host:last-child{border-end-start-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}:host ::ng-deep md3-divider{margin:.125em .5em}:host ::ng-deep [md3-menu-item]:first-child .md3-menu-item-container{--border-top-start-r: var(--md-border-radius-medium);--border-top-end-r: var(--md-border-radius-medium);border-start-start-radius:var(--border-top-start-r);border-start-end-radius:var(--border-top-end-r)}:host ::ng-deep [md3-menu-item]:last-child .md3-menu-item-container{--border-bottom-start-r: var(--md-border-radius-medium);--border-bottom-end-r: var(--md-border-radius-medium);border-end-start-radius:var(--border-bottom-start-r);border-end-end-radius:var(--border-bottom-end-r)}.md3-menu-group-label{padding:.5rem var(--menu-item-inline-padding, .75rem) .25rem;color:rgb(var(--md-scheme-on-surface-variant));font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.03125rem}\n"] }]
|
|
3917
3917
|
}] });
|
|
3918
3918
|
|
|
3919
3919
|
class MenuItem {
|
|
@@ -3947,7 +3947,7 @@ class MenuItem {
|
|
|
3947
3947
|
return this.el.nativeElement;
|
|
3948
3948
|
}
|
|
3949
3949
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MenuItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3950
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: MenuItem, isStandalone: true, selector: "button[md3-menu-item], a[md3-menu-item]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, supportingText: { classPropertyName: "supportingText", publicName: "supporting-text", isSignal: true, isRequired: false, transformFunction: null }, trailingText: { classPropertyName: "trailingText", publicName: "trailing-text", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, host: { listeners: { "click": "onHostClick()" } }, queries: [{ propertyName: "iconElements", predicate: IconElement, isSignal: true }], ngImport: i0, template: "@if (selected() !== null) {\
|
|
3950
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: MenuItem, isStandalone: true, selector: "button[md3-menu-item], a[md3-menu-item]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, supportingText: { classPropertyName: "supportingText", publicName: "supporting-text", isSignal: true, isRequired: false, transformFunction: null }, trailingText: { classPropertyName: "trailingText", publicName: "trailing-text", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, host: { listeners: { "click": "onHostClick()" } }, queries: [{ propertyName: "iconElements", predicate: IconElement, isSignal: true }], ngImport: i0, template: "@if (selected() !== null) {\n <input type=\"checkbox\" md3-input-element [checked]=\"selected()\">\n}\n\n<div class=\"md3-menu-item-container\" md3-state-component>\n <div class=\"md3-menu-item-leading\" [class.has-icon]=\"showLeadingIcon\">\n <ng-content select=\"[md3-icon-element=leading]\"></ng-content>\n @if (!leading) {\n <md3-icon>check</md3-icon>\n }\n </div>\n\n <div class=\"md3-menu-item-content\">\n <md3-type-label size=\"large\">{{ label() }}</md3-type-label>\n @if (supportingText()?.length) {\n <md3-type-body size=\"small\">{{ supportingText() }}</md3-type-body>\n }\n </div>\n\n <div class=\"md3-menu-item-trailing\">\n <ng-content select=\"md3-badge\"></ng-content>\n @if (trailingText()?.length) {\n <md3-type-title size=\"small\">{{ trailingText() }}</md3-type-title>\n }\n <ng-content select=\"[md3-icon-element=trailing]\"></ng-content>\n </div>\n</div>", styles: [":host{--state-color: var(--menu-item-state-color);--border-radius: var(--menu-item-border-radius);--outline-color: var(--menu-item-outline-color);--outline-width: var(--menu-item-outline-width);--outline-offset: var(--menu-item-outline-offset);position:relative;display:block;padding:0;border:0;background:transparent;color:var(--menu-item-label-color);font:inherit;text-align:start;text-decoration:none;cursor:pointer;outline:none;appearance:none;-webkit-user-select:none;user-select:none;z-index:0}:host:focus{z-index:1}:host:focus:not(:hover) .md3-menu-item-container:after{opacity:1}:host:active{z-index:2}:host:active .md3-menu-item-container:after{opacity:0}:host .md3-menu-item-container{display:flex;align-items:center;min-height:3em;padding:0 .75em;border-radius:var(--border-radius);transition:background-color var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),color var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-menu-item-container .md3-menu-item-leading{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;opacity:0;transform:scale(1.2);width:0;height:1.25em;color:var(--menu-item-supporting-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-menu-item-container .md3-menu-item-leading ::ng-deep [md3-icon-element]{font-size:1.25em!important;height:1em!important;width:1em!important;line-height:1em!important}:host .md3-menu-item-container .md3-menu-item-leading.has-icon{margin-inline-end:.5em;opacity:1;transform:scale(1);height:1.25em;width:1.25em}:host .md3-menu-item-container .md3-menu-item-trailing{flex:0 1 content;display:inline-flex;gap:.5em;align-items:center;justify-content:center;font-size:inherit;margin-inline-start:.5em;color:var(--menu-item-supporting-color)}:host .md3-menu-item-container .md3-menu-item-trailing:empty{margin:0}:host .md3-menu-item-container .md3-menu-item-trailing ::ng-deep md3-badge{background-color:var(--menu-item-badge-background);color:var(--menu-item-badge-foreground)}:host .md3-menu-item-container .md3-menu-item-trailing .md3-text-title.md3-text-small{margin:0;padding:0;white-space:nowrap;letter-spacing:.007143em}:host .md3-menu-item-container .md3-menu-item-trailing ::ng-deep [md3-icon-element]{font-size:1.25em!important;height:1em!important;width:1em!important;line-height:1em!important}:host .md3-menu-item-container .md3-menu-item-content{flex:1 1 auto}:host .md3-menu-item-container .md3-menu-item-content .md3-text-label.md3-text-large{display:block;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.007143em;color:var(--menu-item-label-color)}:host .md3-menu-item-container .md3-menu-item-content .md3-text-body.md3-text-small{display:block;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.0333334em;color:var(--menu-item-supporting-color)}:host [md3-input-element]{position:absolute;height:0;width:0;opacity:0;pointer-events:none}:host [md3-input-element]+.md3-menu-item-container .md3-menu-item-leading{opacity:0;transform:scale(1.2);width:0}:host [md3-input-element]:checked+.md3-menu-item-container{--menu-item-label-color: var(--menu-item-selected-foreground);--menu-item-supporting-color: var(--menu-item-selected-foreground);--border-radius: var(--md-border-radius-medium);background-color:var(--menu-item-selected-background)}:host [md3-input-element]:checked+.md3-menu-item-container .md3-menu-item-leading{opacity:1;transform:scale(1);width:1.25em}:host:disabled{cursor:default}:host:disabled .md3-menu-item-container{--menu-item-label-color: var(--menu-item-label-color);--menu-item-supporting-color: var(--menu-item-label-color);--menu-item-selected-background: transparent;--menu-item-selected-foreground: var(--menu-item-label-color);pointer-events:none;opacity:.38}:host:disabled .md3-menu-item-container.md3-state-layer,:host:disabled .md3-menu-item-container:after{display:none}\n"], dependencies: [{ kind: "directive", type: InputElement, selector: "[md3-input-element]" }, { kind: "directive", type: StateComponent, selector: "[md3-state-component]" }, { kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }, { kind: "directive", type: TypeLabel, selector: "md3-type-label, [md3-type-label]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeBody, selector: "md3-type-body, [md3-type-body]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeTitle, selector: "md3-type-title, [md3-type-title]", inputs: ["size", "color", "emphasized"] }] });
|
|
3951
3951
|
}
|
|
3952
3952
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MenuItem, decorators: [{
|
|
3953
3953
|
type: Component,
|
|
@@ -3960,7 +3960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
3960
3960
|
TypeTitle,
|
|
3961
3961
|
], host: {
|
|
3962
3962
|
'(click)': 'onHostClick()',
|
|
3963
|
-
}, template: "@if (selected() !== null) {\
|
|
3963
|
+
}, template: "@if (selected() !== null) {\n <input type=\"checkbox\" md3-input-element [checked]=\"selected()\">\n}\n\n<div class=\"md3-menu-item-container\" md3-state-component>\n <div class=\"md3-menu-item-leading\" [class.has-icon]=\"showLeadingIcon\">\n <ng-content select=\"[md3-icon-element=leading]\"></ng-content>\n @if (!leading) {\n <md3-icon>check</md3-icon>\n }\n </div>\n\n <div class=\"md3-menu-item-content\">\n <md3-type-label size=\"large\">{{ label() }}</md3-type-label>\n @if (supportingText()?.length) {\n <md3-type-body size=\"small\">{{ supportingText() }}</md3-type-body>\n }\n </div>\n\n <div class=\"md3-menu-item-trailing\">\n <ng-content select=\"md3-badge\"></ng-content>\n @if (trailingText()?.length) {\n <md3-type-title size=\"small\">{{ trailingText() }}</md3-type-title>\n }\n <ng-content select=\"[md3-icon-element=trailing]\"></ng-content>\n </div>\n</div>", styles: [":host{--state-color: var(--menu-item-state-color);--border-radius: var(--menu-item-border-radius);--outline-color: var(--menu-item-outline-color);--outline-width: var(--menu-item-outline-width);--outline-offset: var(--menu-item-outline-offset);position:relative;display:block;padding:0;border:0;background:transparent;color:var(--menu-item-label-color);font:inherit;text-align:start;text-decoration:none;cursor:pointer;outline:none;appearance:none;-webkit-user-select:none;user-select:none;z-index:0}:host:focus{z-index:1}:host:focus:not(:hover) .md3-menu-item-container:after{opacity:1}:host:active{z-index:2}:host:active .md3-menu-item-container:after{opacity:0}:host .md3-menu-item-container{display:flex;align-items:center;min-height:3em;padding:0 .75em;border-radius:var(--border-radius);transition:background-color var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing),color var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-menu-item-container .md3-menu-item-leading{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;opacity:0;transform:scale(1.2);width:0;height:1.25em;color:var(--menu-item-supporting-color);transition:all var(--md-motion-standard-fast-spatial-duration) var(--md-motion-standard-fast-spatial-easing)}:host .md3-menu-item-container .md3-menu-item-leading ::ng-deep [md3-icon-element]{font-size:1.25em!important;height:1em!important;width:1em!important;line-height:1em!important}:host .md3-menu-item-container .md3-menu-item-leading.has-icon{margin-inline-end:.5em;opacity:1;transform:scale(1);height:1.25em;width:1.25em}:host .md3-menu-item-container .md3-menu-item-trailing{flex:0 1 content;display:inline-flex;gap:.5em;align-items:center;justify-content:center;font-size:inherit;margin-inline-start:.5em;color:var(--menu-item-supporting-color)}:host .md3-menu-item-container .md3-menu-item-trailing:empty{margin:0}:host .md3-menu-item-container .md3-menu-item-trailing ::ng-deep md3-badge{background-color:var(--menu-item-badge-background);color:var(--menu-item-badge-foreground)}:host .md3-menu-item-container .md3-menu-item-trailing .md3-text-title.md3-text-small{margin:0;padding:0;white-space:nowrap;letter-spacing:.007143em}:host .md3-menu-item-container .md3-menu-item-trailing ::ng-deep [md3-icon-element]{font-size:1.25em!important;height:1em!important;width:1em!important;line-height:1em!important}:host .md3-menu-item-container .md3-menu-item-content{flex:1 1 auto}:host .md3-menu-item-container .md3-menu-item-content .md3-text-label.md3-text-large{display:block;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.007143em;color:var(--menu-item-label-color)}:host .md3-menu-item-container .md3-menu-item-content .md3-text-body.md3-text-small{display:block;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.0333334em;color:var(--menu-item-supporting-color)}:host [md3-input-element]{position:absolute;height:0;width:0;opacity:0;pointer-events:none}:host [md3-input-element]+.md3-menu-item-container .md3-menu-item-leading{opacity:0;transform:scale(1.2);width:0}:host [md3-input-element]:checked+.md3-menu-item-container{--menu-item-label-color: var(--menu-item-selected-foreground);--menu-item-supporting-color: var(--menu-item-selected-foreground);--border-radius: var(--md-border-radius-medium);background-color:var(--menu-item-selected-background)}:host [md3-input-element]:checked+.md3-menu-item-container .md3-menu-item-leading{opacity:1;transform:scale(1);width:1.25em}:host:disabled{cursor:default}:host:disabled .md3-menu-item-container{--menu-item-label-color: var(--menu-item-label-color);--menu-item-supporting-color: var(--menu-item-label-color);--menu-item-selected-background: transparent;--menu-item-selected-foreground: var(--menu-item-label-color);pointer-events:none;opacity:.38}:host:disabled .md3-menu-item-container.md3-state-layer,:host:disabled .md3-menu-item-container:after{display:none}\n"] }]
|
|
3964
3964
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], supportingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "supporting-text", required: false }] }], trailingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailing-text", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], iconElements: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { isSignal: true }] }] } });
|
|
3965
3965
|
|
|
3966
3966
|
class SideSheetHeader {
|
|
@@ -4191,7 +4191,7 @@ class Snackbar {
|
|
|
4191
4191
|
this.snackbarRef?.close('manual');
|
|
4192
4192
|
}
|
|
4193
4193
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Snackbar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4194
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: Snackbar, isStandalone: true, selector: "md3-snackbar", host: { listeners: { "pointerenter": "onInteractionStart()", "focusin": "onInteractionStart()", "pointerleave": "onInteractionEnd()", "focusout": "onInteractionEnd()" } }, ngImport: i0, template: "<div\
|
|
4194
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: Snackbar, isStandalone: true, selector: "md3-snackbar", host: { listeners: { "pointerenter": "onInteractionStart()", "focusin": "onInteractionStart()", "pointerleave": "onInteractionEnd()", "focusout": "onInteractionEnd()" } }, ngImport: i0, template: "<div\n class=\"md3-snackbar-container\"\n [class.md3-active]=\"isActive()\"\n [class.md3-snackbar-stacked]=\"isStacked\"\n [ngClass]=\"{\n 'md-scheme-light': config.scheme == 'dark',\n 'md-scheme-dark': config.scheme == 'light',\n }\"\n [attr.dir]=\"config.direction ?? null\"\n [attr.role]=\"role\"\n [attr.aria-live]=\"config.politeness ?? 'polite'\"\n [attr.aria-label]=\"config.ariaLabel || null\">\n <div class=\"md3-snackbar-message\">\n @if (isTemplateMessage) {\n <ng-container *ngTemplateOutlet=\"templateMessage; context: templateContext\"></ng-container>\n } @else {\n <div md3-type-body size=\"medium\">{{ textMessage }}</div>\n }\n </div>\n\n @if (actionLabel) {\n <button md3-button type=\"button\" class=\"md3-snackbar-action\" button-type=\"text\" button-size=\"small\" (click)=\"onActionClick()\">\n {{ actionLabel }}\n </button>\n }\n\n @if (config.showCloseIcon) {\n <button md3-icon-button type=\"button\" class=\"md3-snackbar-close\" button-type=\"standard\" button-size=\"small\" aria-label=\"Dismiss\" (click)=\"onCloseClick()\">\n <md3-icon md3-icon-element>close</md3-icon>\n </button>\n }\n</div>\n", styles: ["::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;inset:0;pointer-events:none;font-size:1rem}::ng-deep .cdk-overlay-container .md3-snackbar-panel{position:absolute;inset:auto 0 0;display:flex;align-self:end;pointer-events:none;padding:1em;width:100%}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-position-start{justify-content:start}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-position-center{justify-content:center}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-position-end{justify-content:end}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-direction-ltr{direction:ltr}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-direction-rtl{direction:rtl}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-snackbar-closing{pointer-events:none}:host{display:block;width:auto;max-width:42em;min-width:21.5em;pointer-events:auto;margin-bottom:var(--md3-snackbar-bottom-inset, 0px);transition:margin-bottom var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host.md3-full-width{width:100%}:host .md3-snackbar-container{display:flex;align-items:center;width:100%;min-height:3em;box-sizing:border-box;padding:0;border-radius:var(--md-border-radius-small);background-color:rgb(var(--md-scheme-inverse-surface));color:rgb(var(--md-scheme-inverse-on-surface));box-shadow:var(--md-shadow-3dp);opacity:0;transform:translateY(.5em);transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-snackbar-container.md3-active{opacity:1;transform:translateY(0)}:host .md3-snackbar-container .md3-snackbar-message{flex:1 1 auto;padding:.875em 1em;min-width:0}:host .md3-snackbar-container .md3-snackbar-message .md3-text-body{max-height:2.857143em;overflow:hidden}:host .md3-snackbar-container ::ng-deep button.md3-snackbar-action{--foreground-color: rgb(var(--md-scheme-inverse-primary)) !important;--state-color: var(--md-scheme-inverse-primary) !important;flex:0 0 auto;margin-inline-end:.5em}:host .md3-snackbar-container ::ng-deep button.md3-snackbar-close{--foreground-color: rgb(var(--md-scheme-inverse-on-surface)) !important;--state-color: var(--md-scheme-inverse-on-surface) !important;flex:0 0 auto;margin-inline-end:.25em}:host .md3-snackbar-container.md3-snackbar-stacked{flex-direction:column;align-items:stretch;min-height:0}:host .md3-snackbar-container.md3-snackbar-stacked .md3-snackbar-message{padding-bottom:.5em}:host .md3-snackbar-container.md3-snackbar-stacked ::ng-deep button.md3-snackbar-action{align-self:flex-end;margin:0 .5em .5em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TypeBody, selector: "md3-type-body, [md3-type-body]", inputs: ["size", "color", "emphasized"] }, { kind: "component", type: Button, selector: "button[md3-button], a[md3-button]", inputs: ["button-size", "button-type", "button-squared", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: IconButton, selector: "button[md3-icon-button], a[md3-icon-button]", inputs: ["button-size", "button-type", "button-width", "button-squared", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }, { kind: "directive", type: IconElement, selector: "[md3-icon-element]", inputs: ["md3-icon-element"] }] });
|
|
4195
4195
|
}
|
|
4196
4196
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Snackbar, decorators: [{
|
|
4197
4197
|
type: Component,
|
|
@@ -4203,7 +4203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
4203
4203
|
IconButton,
|
|
4204
4204
|
MaterialIcon,
|
|
4205
4205
|
IconElement,
|
|
4206
|
-
], template: "<div\
|
|
4206
|
+
], template: "<div\n class=\"md3-snackbar-container\"\n [class.md3-active]=\"isActive()\"\n [class.md3-snackbar-stacked]=\"isStacked\"\n [ngClass]=\"{\n 'md-scheme-light': config.scheme == 'dark',\n 'md-scheme-dark': config.scheme == 'light',\n }\"\n [attr.dir]=\"config.direction ?? null\"\n [attr.role]=\"role\"\n [attr.aria-live]=\"config.politeness ?? 'polite'\"\n [attr.aria-label]=\"config.ariaLabel || null\">\n <div class=\"md3-snackbar-message\">\n @if (isTemplateMessage) {\n <ng-container *ngTemplateOutlet=\"templateMessage; context: templateContext\"></ng-container>\n } @else {\n <div md3-type-body size=\"medium\">{{ textMessage }}</div>\n }\n </div>\n\n @if (actionLabel) {\n <button md3-button type=\"button\" class=\"md3-snackbar-action\" button-type=\"text\" button-size=\"small\" (click)=\"onActionClick()\">\n {{ actionLabel }}\n </button>\n }\n\n @if (config.showCloseIcon) {\n <button md3-icon-button type=\"button\" class=\"md3-snackbar-close\" button-type=\"standard\" button-size=\"small\" aria-label=\"Dismiss\" (click)=\"onCloseClick()\">\n <md3-icon md3-icon-element>close</md3-icon>\n </button>\n }\n</div>\n", styles: ["::ng-deep .cdk-overlay-container{position:fixed;z-index:1000;inset:0;pointer-events:none;font-size:1rem}::ng-deep .cdk-overlay-container .md3-snackbar-panel{position:absolute;inset:auto 0 0;display:flex;align-self:end;pointer-events:none;padding:1em;width:100%}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-position-start{justify-content:start}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-position-center{justify-content:center}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-position-end{justify-content:end}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-direction-ltr{direction:ltr}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-direction-rtl{direction:rtl}::ng-deep .cdk-overlay-container .md3-snackbar-panel.md3-snackbar-closing{pointer-events:none}:host{display:block;width:auto;max-width:42em;min-width:21.5em;pointer-events:auto;margin-bottom:var(--md3-snackbar-bottom-inset, 0px);transition:margin-bottom var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host.md3-full-width{width:100%}:host .md3-snackbar-container{display:flex;align-items:center;width:100%;min-height:3em;box-sizing:border-box;padding:0;border-radius:var(--md-border-radius-small);background-color:rgb(var(--md-scheme-inverse-surface));color:rgb(var(--md-scheme-inverse-on-surface));box-shadow:var(--md-shadow-3dp);opacity:0;transform:translateY(.5em);transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-snackbar-container.md3-active{opacity:1;transform:translateY(0)}:host .md3-snackbar-container .md3-snackbar-message{flex:1 1 auto;padding:.875em 1em;min-width:0}:host .md3-snackbar-container .md3-snackbar-message .md3-text-body{max-height:2.857143em;overflow:hidden}:host .md3-snackbar-container ::ng-deep button.md3-snackbar-action{--foreground-color: rgb(var(--md-scheme-inverse-primary)) !important;--state-color: var(--md-scheme-inverse-primary) !important;flex:0 0 auto;margin-inline-end:.5em}:host .md3-snackbar-container ::ng-deep button.md3-snackbar-close{--foreground-color: rgb(var(--md-scheme-inverse-on-surface)) !important;--state-color: var(--md-scheme-inverse-on-surface) !important;flex:0 0 auto;margin-inline-end:.25em}:host .md3-snackbar-container.md3-snackbar-stacked{flex-direction:column;align-items:stretch;min-height:0}:host .md3-snackbar-container.md3-snackbar-stacked .md3-snackbar-message{padding-bottom:.5em}:host .md3-snackbar-container.md3-snackbar-stacked ::ng-deep button.md3-snackbar-action{align-self:flex-end;margin:0 .5em .5em}\n"] }]
|
|
4207
4207
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInteractionStart: [{
|
|
4208
4208
|
type: HostListener,
|
|
4209
4209
|
args: ['pointerenter']
|