@almoamendev/ngx-md3 0.8.3 → 0.8.5
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.
|
@@ -4842,6 +4842,8 @@ class LoadingIndicator {
|
|
|
4842
4842
|
...(ngDevMode ? [{ debugName: "contained" }] : /* istanbul ignore next */ []));
|
|
4843
4843
|
size = input(48, /* @ts-ignore */
|
|
4844
4844
|
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
4845
|
+
color = input('primary', /* @ts-ignore */
|
|
4846
|
+
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
4845
4847
|
dpSize = computed(() => {
|
|
4846
4848
|
const fontSize = this.getHostFontSize();
|
|
4847
4849
|
return Number((this.size() / fontSize).toFixed(4));
|
|
@@ -4849,6 +4851,13 @@ class LoadingIndicator {
|
|
|
4849
4851
|
...(ngDevMode ? [{ debugName: "dpSize" }] : /* istanbul ignore next */ []));
|
|
4850
4852
|
constructor(el) {
|
|
4851
4853
|
this.el = el;
|
|
4854
|
+
effect((onCleanup) => {
|
|
4855
|
+
const color = 'md3-color-' + this.color();
|
|
4856
|
+
this.element.classList.add(color);
|
|
4857
|
+
onCleanup(() => {
|
|
4858
|
+
this.element.classList.remove(color);
|
|
4859
|
+
});
|
|
4860
|
+
});
|
|
4852
4861
|
}
|
|
4853
4862
|
get element() {
|
|
4854
4863
|
return this.el.nativeElement;
|
|
@@ -4860,20 +4869,23 @@ class LoadingIndicator {
|
|
|
4860
4869
|
return Number.parseFloat(getComputedStyle(this.element).fontSize) || 16;
|
|
4861
4870
|
}
|
|
4862
4871
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LoadingIndicator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4863
|
-
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"] });
|
|
4872
|
+
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 }, color: { classPropertyName: "color", publicName: "color", 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-color-primary .md3-indicator-indeterminate{--indicator-color: rgb(var(--md-scheme-primary));--container-color: transparent}:host.md3-color-primary .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-primary-container));background-color:rgb(var(--md-scheme-primary-container))}:host.md3-color-secondary .md3-indicator-indeterminate{--indicator-color: rgb(var(--md-scheme-secondary));--container-color: transparent}:host.md3-color-secondary .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-secondary-container));background-color:rgb(var(--md-scheme-secondary-container))}:host.md3-color-tertiary .md3-indicator-indeterminate{--indicator-color: rgb(var(--md-scheme-tertiary));--container-color: transparent}:host.md3-color-tertiary .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-tertiary-container));background-color:rgb(var(--md-scheme-tertiary-container))}:host .md3-indicator-indeterminate{--size: 3rem;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-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"] });
|
|
4864
4873
|
}
|
|
4865
4874
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LoadingIndicator, decorators: [{
|
|
4866
4875
|
type: Component,
|
|
4867
|
-
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"] }]
|
|
4868
|
-
}], 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 }] }] } });
|
|
4876
|
+
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-color-primary .md3-indicator-indeterminate{--indicator-color: rgb(var(--md-scheme-primary));--container-color: transparent}:host.md3-color-primary .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-primary-container));background-color:rgb(var(--md-scheme-primary-container))}:host.md3-color-secondary .md3-indicator-indeterminate{--indicator-color: rgb(var(--md-scheme-secondary));--container-color: transparent}:host.md3-color-secondary .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-secondary-container));background-color:rgb(var(--md-scheme-secondary-container))}:host.md3-color-tertiary .md3-indicator-indeterminate{--indicator-color: rgb(var(--md-scheme-tertiary));--container-color: transparent}:host.md3-color-tertiary .md3-indicator-indeterminate.md3-contained{--indicator-color: rgb(var(--md-scheme-on-tertiary-container));background-color:rgb(var(--md-scheme-tertiary-container))}:host .md3-indicator-indeterminate{--size: 3rem;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-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"] }]
|
|
4877
|
+
}], 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 }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
4869
4878
|
|
|
4870
4879
|
class LinearProgressIndicator {
|
|
4880
|
+
el;
|
|
4871
4881
|
indeterminate = input(false, /* @ts-ignore */
|
|
4872
4882
|
...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
|
|
4873
4883
|
thickness = input(4, /* @ts-ignore */
|
|
4874
4884
|
...(ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []));
|
|
4875
4885
|
progress = input(0, /* @ts-ignore */
|
|
4876
4886
|
...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
|
|
4887
|
+
color = input('primary', /* @ts-ignore */
|
|
4888
|
+
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
4877
4889
|
progressValue = computed(() => {
|
|
4878
4890
|
const progress = this.progress();
|
|
4879
4891
|
if (progress < 0) {
|
|
@@ -4885,23 +4897,37 @@ class LinearProgressIndicator {
|
|
|
4885
4897
|
return progress;
|
|
4886
4898
|
}, /* @ts-ignore */
|
|
4887
4899
|
...(ngDevMode ? [{ debugName: "progressValue" }] : /* istanbul ignore next */ []));
|
|
4888
|
-
constructor() {
|
|
4900
|
+
constructor(el) {
|
|
4901
|
+
this.el = el;
|
|
4902
|
+
effect((onCleanup) => {
|
|
4903
|
+
const color = 'md3-color-' + this.color();
|
|
4904
|
+
this.element.classList.add(color);
|
|
4905
|
+
onCleanup(() => {
|
|
4906
|
+
this.element.classList.remove(color);
|
|
4907
|
+
});
|
|
4908
|
+
});
|
|
4889
4909
|
}
|
|
4890
|
-
|
|
4891
|
-
|
|
4910
|
+
get element() {
|
|
4911
|
+
return this.el.nativeElement;
|
|
4912
|
+
}
|
|
4913
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LinearProgressIndicator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4914
|
+
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 }, color: { classPropertyName: "color", publicName: "color", 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{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));display:block;width:100%}:host.md3-color-primary{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container))}:host.md3-color-secondary{--indicator-color: rgb(var(--md-scheme-secondary));--track-color: rgb(var(--md-scheme-secondary-container))}:host.md3-color-tertiary{--indicator-color: rgb(var(--md-scheme-tertiary));--track-color: rgb(var(--md-scheme-tertiary-container))}:host .md3-linear-indicator{--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"] });
|
|
4892
4915
|
}
|
|
4893
4916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: LinearProgressIndicator, decorators: [{
|
|
4894
4917
|
type: Component,
|
|
4895
|
-
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
|
|
4896
|
-
}], 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 }] }] } });
|
|
4918
|
+
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{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));display:block;width:100%}:host.md3-color-primary{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container))}:host.md3-color-secondary{--indicator-color: rgb(var(--md-scheme-secondary));--track-color: rgb(var(--md-scheme-secondary-container))}:host.md3-color-tertiary{--indicator-color: rgb(var(--md-scheme-tertiary));--track-color: rgb(var(--md-scheme-tertiary-container))}:host .md3-linear-indicator{--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"] }]
|
|
4919
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], 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 }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
4897
4920
|
|
|
4898
4921
|
class CircularProgressIndicator {
|
|
4922
|
+
el;
|
|
4899
4923
|
indeterminate = input(false, /* @ts-ignore */
|
|
4900
4924
|
...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
|
|
4901
4925
|
thickness = input(4, /* @ts-ignore */
|
|
4902
4926
|
...(ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []));
|
|
4903
4927
|
progress = input(0, /* @ts-ignore */
|
|
4904
4928
|
...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
|
|
4929
|
+
color = input('primary', /* @ts-ignore */
|
|
4930
|
+
...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
4905
4931
|
progressValue = computed(() => {
|
|
4906
4932
|
const progress = this.progress();
|
|
4907
4933
|
if (progress < 0) {
|
|
@@ -4913,15 +4939,26 @@ class CircularProgressIndicator {
|
|
|
4913
4939
|
return progress;
|
|
4914
4940
|
}, /* @ts-ignore */
|
|
4915
4941
|
...(ngDevMode ? [{ debugName: "progressValue" }] : /* istanbul ignore next */ []));
|
|
4916
|
-
constructor() {
|
|
4942
|
+
constructor(el) {
|
|
4943
|
+
this.el = el;
|
|
4944
|
+
effect((onCleanup) => {
|
|
4945
|
+
const color = 'md3-color-' + this.color();
|
|
4946
|
+
this.element.classList.add(color);
|
|
4947
|
+
onCleanup(() => {
|
|
4948
|
+
this.element.classList.remove(color);
|
|
4949
|
+
});
|
|
4950
|
+
});
|
|
4951
|
+
}
|
|
4952
|
+
get element() {
|
|
4953
|
+
return this.el.nativeElement;
|
|
4917
4954
|
}
|
|
4918
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CircularProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4919
|
-
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-flex}:host
|
|
4955
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CircularProgressIndicator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4956
|
+
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 }, color: { classPropertyName: "color", publicName: "color", 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{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));display:inline-flex}:host.md3-color-primary{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container))}:host.md3-color-secondary{--indicator-color: rgb(var(--md-scheme-secondary));--track-color: rgb(var(--md-scheme-secondary-container))}:host.md3-color-tertiary{--indicator-color: rgb(var(--md-scheme-tertiary));--track-color: rgb(var(--md-scheme-tertiary-container))}: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{--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"] });
|
|
4920
4957
|
}
|
|
4921
4958
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: CircularProgressIndicator, decorators: [{
|
|
4922
4959
|
type: Component,
|
|
4923
|
-
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-flex}:host
|
|
4924
|
-
}], 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 }] }] } });
|
|
4960
|
+
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{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container));display:inline-flex}:host.md3-color-primary{--indicator-color: rgb(var(--md-scheme-primary));--track-color: rgb(var(--md-scheme-primary-container))}:host.md3-color-secondary{--indicator-color: rgb(var(--md-scheme-secondary));--track-color: rgb(var(--md-scheme-secondary-container))}:host.md3-color-tertiary{--indicator-color: rgb(var(--md-scheme-tertiary));--track-color: rgb(var(--md-scheme-tertiary-container))}: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{--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"] }]
|
|
4961
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], 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 }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
|
|
4925
4962
|
|
|
4926
4963
|
const DIALOG_DATA = new InjectionToken('MD3_DIALOG_DATA');
|
|
4927
4964
|
const DIALOG_CONFIG = new InjectionToken('MD3_DIALOG_CONFIG');
|
|
@@ -5250,7 +5287,7 @@ class AppBar {
|
|
|
5250
5287
|
provide: MD3_BUTTON_CONTEXT,
|
|
5251
5288
|
useExisting: AppBar,
|
|
5252
5289
|
},
|
|
5253
|
-
], queries: [{ propertyName: "customHeader", first: true, predicate: AppBarHeader, 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 (hasCustomHeader()) {\n <div class=\"md3-app-bar-header\" [class.md3-center]=\"centerAligned()\">\n <ng-content select=\"[md3-app-bar-header]\"></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 color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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{flex:0 0 2em}: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-header{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-header.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep a[md3-app-bar-header],:host .md3-app-bar-container .md3-app-bar-header ::ng-deep button[md3-app-bar-header]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]{flex:0 1 auto;max-height:100%;max-width:100%;display:block;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>*{max-height:100%;max-width:100%}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>img,:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>svg{display:inline-block;max-height:100%;max-width:100%;width:100%;height:100%;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: TypeBody, selector: "md3-type-body, [md3-type-body]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeDisplay, selector: "md3-type-display, [md3-type-display]", inputs: ["size", "color", "emphasized"] }] });
|
|
5290
|
+
], queries: [{ propertyName: "customHeader", first: true, predicate: AppBarHeader, 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 (hasCustomHeader()) {\n <div class=\"md3-app-bar-header\" [class.md3-center]=\"centerAligned()\">\n <ng-content select=\"[md3-app-bar-header]\"></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 color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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%;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{flex:0 0 2em}: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-header{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-header.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep a[md3-app-bar-header],:host .md3-app-bar-container .md3-app-bar-header ::ng-deep button[md3-app-bar-header]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]{flex:0 1 auto;max-height:100%;max-width:100%;display:block;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>*{max-height:100%;max-width:100%}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>img,:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>svg{display:inline-block;max-height:100%;max-width:100%;width:100%;height:100%;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: TypeBody, selector: "md3-type-body, [md3-type-body]", inputs: ["size", "color", "emphasized"] }, { kind: "directive", type: TypeDisplay, selector: "md3-type-display, [md3-type-display]", inputs: ["size", "color", "emphasized"] }] });
|
|
5254
5291
|
}
|
|
5255
5292
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: AppBar, decorators: [{
|
|
5256
5293
|
type: Component,
|
|
@@ -5269,7 +5306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5269
5306
|
'[class.md3-scrolled]': 'mainIsScrolled()',
|
|
5270
5307
|
'[class.md3-auto-hide]': 'autoHide()',
|
|
5271
5308
|
'[class.md3-scrolling-down]': 'isScrollingDown()',
|
|
5272
|
-
}, 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 (hasCustomHeader()) {\n <div class=\"md3-app-bar-header\" [class.md3-center]=\"centerAligned()\">\n <ng-content select=\"[md3-app-bar-header]\"></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 color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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{flex:0 0 2em}: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-header{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-header.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep a[md3-app-bar-header],:host .md3-app-bar-container .md3-app-bar-header ::ng-deep button[md3-app-bar-header]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]{flex:0 1 auto;max-height:100%;max-width:100%;display:block;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>*{max-height:100%;max-width:100%}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>img,:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>svg{display:inline-block;max-height:100%;max-width:100%;width:100%;height:100%;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"] }]
|
|
5309
|
+
}, 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 (hasCustomHeader()) {\n <div class=\"md3-app-bar-header\" [class.md3-center]=\"centerAligned()\">\n <ng-content select=\"[md3-app-bar-header]\"></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 color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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\" color=\"on-surface-variant\">{{ 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%;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{flex:0 0 2em}: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-header{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-header.md3-center{grid-column:1/-1;justify-self:stretch;text-align:center;justify-content:center}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep a[md3-app-bar-header],:host .md3-app-bar-container .md3-app-bar-header ::ng-deep button[md3-app-bar-header]{cursor:pointer}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]{flex:0 1 auto;max-height:100%;max-width:100%;display:block;border:none;background:transparent;font-size:1em;text-decoration:none;padding:0;margin:0}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>*{max-height:100%;max-width:100%}:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>img,:host .md3-app-bar-container .md3-app-bar-header ::ng-deep [md3-app-bar-header]>svg{display:inline-block;max-height:100%;max-width:100%;width:100%;height:100%;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"] }]
|
|
5273
5310
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: LayoutService }], propDecorators: { barRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "bar-role", required: false }] }], 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 }] }], customHeader: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AppBarHeader), { isSignal: true }] }], avatar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Avatar), { isSignal: true }] }] } });
|
|
5274
5311
|
|
|
5275
5312
|
/**
|