@almoamendev/ngx-md3 0.8.4 → 0.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -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');
|
|
@@ -5676,8 +5713,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5676
5713
|
class NavigationItem {
|
|
5677
5714
|
el = inject((ElementRef));
|
|
5678
5715
|
routerLinkActive = inject(RouterLinkActive);
|
|
5679
|
-
|
|
5680
|
-
|
|
5716
|
+
onCollapse = input('none', { ...(ngDevMode ? { debugName: "onCollapse" } : /* istanbul ignore next */ {}), alias: 'on-collapse' });
|
|
5717
|
+
hideOnCollapse = computed(() => this.onCollapse() == 'hide', /* @ts-ignore */
|
|
5718
|
+
...(ngDevMode ? [{ debugName: "hideOnCollapse" }] : /* istanbul ignore next */ []));
|
|
5719
|
+
showOnCollapse = computed(() => this.onCollapse() == 'show', /* @ts-ignore */
|
|
5720
|
+
...(ngDevMode ? [{ debugName: "showOnCollapse" }] : /* istanbul ignore next */ []));
|
|
5681
5721
|
icons = contentChildren(IconElement, /* @ts-ignore */
|
|
5682
5722
|
...(ngDevMode ? [{ debugName: "icons" }] : /* istanbul ignore next */ []));
|
|
5683
5723
|
hasIcons = computed(() => this.icons()?.length != 0, /* @ts-ignore */
|
|
@@ -5694,19 +5734,20 @@ class NavigationItem {
|
|
|
5694
5734
|
return this.el.nativeElement;
|
|
5695
5735
|
}
|
|
5696
5736
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5697
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationItem, isStandalone: true, selector: "button[md3-nav-item], a[md3-nav-item]", inputs: {
|
|
5737
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationItem, isStandalone: true, selector: "button[md3-nav-item], a[md3-nav-item]", inputs: { onCollapse: { classPropertyName: "onCollapse", publicName: "on-collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-hide-on-collapse": "hideOnCollapse()", "class.md3-show-on-collapse": "showOnCollapse()", "class.md3-active": "this.active" } }, queries: [{ propertyName: "icons", predicate: IconElement, isSignal: true }, { propertyName: "badge", first: true, predicate: Badge, descendants: true, isSignal: true }], exportAs: ["md3NavItem"], hostDirectives: [{ directive: i1.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions", "ariaCurrentWhenActive", "ariaCurrentWhenActive"] }], ngImport: i0, template: "<div class=\"md3-item-container\">\n @if (hasIcons()) {\n <div class=\"md3-icon-container\">\n <ng-content select=\"[md3-icon-element=active]\"></ng-content>\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n }\n <div class=\"md3-label\">\n <ng-content></ng-content>\n </div>\n @if (hasIcons() && badge()) {\n <div class=\"md3-badge-container\" [class.md3-small]=\"badge()?.isSmall()\">\n <ng-content select=\"md3-badge\"></ng-content>\n </div>\n }\n</div>", styles: [":host{--icon-color: rgb(var(--md-scheme-on-surface-variant));--label-color: rgb(var(--md-scheme-on-surface-variant));--state-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: transparent;font-size:1em;text-decoration:none;border:none;outline:none;cursor:pointer;position:relative;display:inline-flex;align-items:start;text-decoration:none!important;white-space:nowrap;background-color:transparent;padding:0;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .md3-item-container{display:inline-flex;flex-direction:column;gap:.25em;position:relative;align-items:center;justify-content:center;padding:.375em 0;max-width:100%}:host .md3-item-container:before{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:0;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);background-color:var(--active-indicator-color)}:host .md3-item-container:after{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:1;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);opacity:0;background-color:var(--state-color)}:host .md3-label{font-size:.75em;font-weight:500;line-height:1.333333em;letter-spacing:.041667em;padding-inline:.666667em;overflow:hidden;z-index:2;max-width:100%;max-height:2.666667em;color:var(--label-color)}:host:hover .md3-item-container:after{transform:scale(1);opacity:.08}:host:focus .md3-item-container:after{transform:scale(1);opacity:.1}:host:active .md3-item-container:after{transform:scale(1);opacity:.1}:host .md3-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.25em;z-index:2;color:var(--icon-color)}:host .md3-icon-container ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-icon-container ::ng-deep [md3-icon-element=active]{display:none}:host .md3-badge-container{flex:0 0 auto;position:absolute;top:.5em;inset-inline-start:50%;display:inline-flex;align-items:start;justify-content:end;min-height:.875em;min-width:.875em;z-index:3}:host.md3-active{--icon-color: rgb(var(--md-scheme-secondary));--label-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: rgb(var(--md-scheme-secondary-container))}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]{display:inline-block}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]+[md3-icon-element]{display:none}:host.md3-active .md3-item-container:before{transform:scale(1)}\n"] });
|
|
5698
5738
|
}
|
|
5699
5739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationItem, decorators: [{
|
|
5700
5740
|
type: Component,
|
|
5701
5741
|
args: [{ selector: 'button[md3-nav-item], a[md3-nav-item]', exportAs: 'md3NavItem', imports: [], host: {
|
|
5702
|
-
'[class.md3-hide-on-collapse]': '
|
|
5742
|
+
'[class.md3-hide-on-collapse]': 'hideOnCollapse()',
|
|
5743
|
+
'[class.md3-show-on-collapse]': 'showOnCollapse()',
|
|
5703
5744
|
}, hostDirectives: [
|
|
5704
5745
|
{
|
|
5705
5746
|
directive: RouterLinkActive,
|
|
5706
5747
|
inputs: ['routerLinkActiveOptions', 'ariaCurrentWhenActive'],
|
|
5707
5748
|
}
|
|
5708
5749
|
], template: "<div class=\"md3-item-container\">\n @if (hasIcons()) {\n <div class=\"md3-icon-container\">\n <ng-content select=\"[md3-icon-element=active]\"></ng-content>\n <ng-content select=\"[md3-icon-element]\"></ng-content>\n </div>\n }\n <div class=\"md3-label\">\n <ng-content></ng-content>\n </div>\n @if (hasIcons() && badge()) {\n <div class=\"md3-badge-container\" [class.md3-small]=\"badge()?.isSmall()\">\n <ng-content select=\"md3-badge\"></ng-content>\n </div>\n }\n</div>", styles: [":host{--icon-color: rgb(var(--md-scheme-on-surface-variant));--label-color: rgb(var(--md-scheme-on-surface-variant));--state-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: transparent;font-size:1em;text-decoration:none;border:none;outline:none;cursor:pointer;position:relative;display:inline-flex;align-items:start;text-decoration:none!important;white-space:nowrap;background-color:transparent;padding:0;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .md3-item-container{display:inline-flex;flex-direction:column;gap:.25em;position:relative;align-items:center;justify-content:center;padding:.375em 0;max-width:100%}:host .md3-item-container:before{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:0;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);background-color:var(--active-indicator-color)}:host .md3-item-container:after{content:\"\";position:absolute;top:.375em;height:2em;width:3.5em;border-radius:var(--md-border-radius-large);z-index:1;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing);transform:scale(0);opacity:0;background-color:var(--state-color)}:host .md3-label{font-size:.75em;font-weight:500;line-height:1.333333em;letter-spacing:.041667em;padding-inline:.666667em;overflow:hidden;z-index:2;max-width:100%;max-height:2.666667em;color:var(--label-color)}:host:hover .md3-item-container:after{transform:scale(1);opacity:.08}:host:focus .md3-item-container:after{transform:scale(1);opacity:.1}:host:active .md3-item-container:after{transform:scale(1);opacity:.1}:host .md3-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.25em;z-index:2;color:var(--icon-color)}:host .md3-icon-container ::ng-deep [md3-icon-element]{font-size:1.5em!important;line-height:1;height:1em!important;width:1em!important}:host .md3-icon-container ::ng-deep [md3-icon-element=active]{display:none}:host .md3-badge-container{flex:0 0 auto;position:absolute;top:.5em;inset-inline-start:50%;display:inline-flex;align-items:start;justify-content:end;min-height:.875em;min-width:.875em;z-index:3}:host.md3-active{--icon-color: rgb(var(--md-scheme-secondary));--label-color: rgb(var(--md-scheme-on-secondary-container));--active-indicator-color: rgb(var(--md-scheme-secondary-container))}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]{display:inline-block}:host.md3-active .md3-icon-container ::ng-deep [md3-icon-element=active]+[md3-icon-element]{display:none}:host.md3-active .md3-item-container:before{transform:scale(1)}\n"] }]
|
|
5709
|
-
}], propDecorators: {
|
|
5750
|
+
}], propDecorators: { onCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "on-collapse", required: false }] }], icons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { isSignal: true }] }], badge: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Badge), { isSignal: true }] }], active: [{
|
|
5710
5751
|
type: HostBinding,
|
|
5711
5752
|
args: ['class.md3-active']
|
|
5712
5753
|
}] } });
|
|
@@ -5715,13 +5756,16 @@ class NavigationGroup {
|
|
|
5715
5756
|
el = inject((ElementRef));
|
|
5716
5757
|
label = input(/* @ts-ignore */
|
|
5717
5758
|
...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
5718
|
-
|
|
5719
|
-
|
|
5759
|
+
onCollapse = input('none', { ...(ngDevMode ? { debugName: "onCollapse" } : /* istanbul ignore next */ {}), alias: 'on-collapse' });
|
|
5760
|
+
hideOnCollapse = computed(() => this.onCollapse() == 'hide', /* @ts-ignore */
|
|
5761
|
+
...(ngDevMode ? [{ debugName: "hideOnCollapse" }] : /* istanbul ignore next */ []));
|
|
5762
|
+
showOnCollapse = computed(() => this.onCollapse() == 'show', /* @ts-ignore */
|
|
5763
|
+
...(ngDevMode ? [{ debugName: "showOnCollapse" }] : /* istanbul ignore next */ []));
|
|
5720
5764
|
get element() {
|
|
5721
5765
|
return this.el.nativeElement;
|
|
5722
5766
|
}
|
|
5723
5767
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5724
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationGroup, isStandalone: true, selector: "md3-nav-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null },
|
|
5768
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: NavigationGroup, isStandalone: true, selector: "md3-nav-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, onCollapse: { classPropertyName: "onCollapse", publicName: "on-collapse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.md3-hide-on-collapse": "hideOnCollapse()", "class.md3-show-on-collapse": "showOnCollapse()" } }, ngImport: i0, template: "@if (label()?.length) {\n <div class=\"md3-nav-label\">\n <md3-type-label size=\"large\">{{ label() }}</md3-type-label>\n </div>\n}\n<ng-content select=\"[md3-nav-item]\"></ng-content>", styles: [":host{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-nav-label{padding-block:1em;padding-inline:2.25em 1.25em;white-space:nowrap;transform-origin:top}\n"], dependencies: [{ kind: "directive", type: TypeLabel, selector: "md3-type-label, [md3-type-label]", inputs: ["size", "color", "emphasized"] }] });
|
|
5725
5769
|
}
|
|
5726
5770
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationGroup, decorators: [{
|
|
5727
5771
|
type: Component,
|
|
@@ -5729,8 +5773,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5729
5773
|
TypeLabel,
|
|
5730
5774
|
], host: {
|
|
5731
5775
|
'[class.md3-hide-on-collapse]': 'hideOnCollapse()',
|
|
5732
|
-
|
|
5733
|
-
|
|
5776
|
+
'[class.md3-show-on-collapse]': 'showOnCollapse()',
|
|
5777
|
+
}, template: "@if (label()?.length) {\n <div class=\"md3-nav-label\">\n <md3-type-label size=\"large\">{{ label() }}</md3-type-label>\n </div>\n}\n<ng-content select=\"[md3-nav-item]\"></ng-content>", styles: [":host{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;transform-origin:top;transition:all var(--md-motion-expressive-default-spatial-duration) var(--md-motion-expressive-default-spatial-easing)}:host .md3-nav-label{padding-block:1em;padding-inline:2.25em 1.25em;white-space:nowrap;transform-origin:top}\n"] }]
|
|
5778
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], onCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "on-collapse", required: false }] }] } });
|
|
5734
5779
|
|
|
5735
5780
|
class NavigationRail {
|
|
5736
5781
|
el = inject((ElementRef));
|
|
@@ -5818,7 +5863,7 @@ class NavigationRail {
|
|
|
5818
5863
|
provide: MD3_BUTTON_CONTEXT,
|
|
5819
5864
|
useExisting: NavigationRail,
|
|
5820
5865
|
},
|
|
5821
|
-
], queries: [{ propertyName: "menuIcons", predicate: IconElement, isSignal: true }, { propertyName: "floatingActionButton", first: true, predicate: FloatingActionButton, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\n<div class=\"md3-nav-container\">\n <div class=\"md3-nav-header\" [class.md3-hidden]=\"hideMenuButton() && !hasFab()\">\n @if (!hideMenuButton()) {\n <button md3-icon-button button-type=\"standard\" class=\"md3-menu-button\" (click)=\"toggle()\">\n <ng-content select=\"[md3-icon-element=expand]\"></ng-content>\n @if (!menuExpandIcon()) {\n <md3-icon md3-icon-element md3-menu-expand>menu</md3-icon>\n }\n <ng-content select=\"[md3-icon-element=collapse]\"></ng-content>\n @if (!menuCollapseIcon()) {\n <md3-icon md3-icon-element md3-menu-collapse bi-directional>menu_open</md3-icon>\n }\n </button>\n }\n\n <ng-content select=\"[md3-fab]\"></ng-content>\n </div>\n <div class=\"md3-menu-container\" [class.md3-full-width-indicator]=\"fullWidthIndicator()\" [ngClass]=\"'md3-' + menuAlignment()\">\n <div class=\"md3-menu-list md3-scrollable\">\n <ng-content select=\"[md3-nav-item], md3-nav-group\"></ng-content>\n </div>\n </div>\n</div>", styles: [":host{display:flex;width:6em;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-scrim{position:fixed;inset:0;z-index:399;pointer-events:none;display:none;background-color:rgb(var(--md-scheme-scrim));opacity:0;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:start;position:relative;background-color:rgb(var(--md-scheme-surface));color:rgb(var(--md-scheme-on-surface));height:100%;max-width:6em}:host .md3-nav-container .md3-nav-header{display:flex;flex-direction:column;align-items:start;gap:.25em;padding:2.75em 1.25em 1.5em;width:100%;min-width:fit-content}:host .md3-nav-container .md3-nav-header.md3-hidden{display:none}:host .md3-nav-container .md3-nav-header .md3-menu-button{margin:.5em}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:inline-block}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:none}:host .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{box-shadow:var(--md-shadow-0dp)}:host .md3-nav-container .md3-menu-container{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;width:100%;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container .md3-menu-container.md3-start{justify-content:start}:host .md3-nav-container .md3-menu-container.md3-center{justify-content:center}:host .md3-nav-container .md3-menu-container.md3-end{justify-content:end}:host .md3-nav-container .md3-menu-container .md3-menu-list{display:flex;flex-direction:column;align-items:stretch;width:100%;max-height:100%;padding-top:1.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep md3-nav-group .md3-nav-label{max-height:3.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{margin-bottom:.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-style-elevated{box-shadow:var(--md-shadow-1dp)}:host.md3-style-divider .md3-nav-container:after{content:\"\";position:absolute;height:100%;width:.0625em;top:0;bottom:0;inset-inline-end:0;background-color:rgb(var(--md-scheme-outline-variant));pointer-events:none;opacity:1;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host.md3-collapsed-narrow{width:5em}:host.md3-collapsed-narrow .md3-nav-container{max-width:5em}:host.md3-collapsed-narrow .md3-nav-container .md3-nav-header{padding-inline:.75em}:host.md3-collapsed-hidden{width:0}:host.md3-collapsed-hidden .md3-nav-container{max-width:0em}:host.md3-collapsed-hidden .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:0}:host.md3-collapsed-hidden .md3-nav-container .md3-menu-container{opacity:0}:host.md3-collapsed-hidden .md3-nav-container:after{opacity:0}:host.md3-expanded-modal .md3-nav-scrim{display:block}:host.md3-expanded-modal .md3-nav-container{position:fixed;z-index:400;inset-inline-start:0;top:0;bottom:0}:host:not(.md3-expanded) ::ng-deep md3-nav-group.md3-hide-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host:not(.md3-expanded) ::ng-deep md3-nav-group .md3-nav-label{transform:scaleY(0);opacity:0;max-height:0em}:host.md3-expanded .md3-nav-container{min-width:13.75em;max-width:22.5em;width:fit-content}:host.md3-expanded .md3-nav-container .md3-nav-header{padding-inline:1.25em}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:none}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:inline-block}:host.md3-expanded .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list{padding-bottom:2.5em;overflow-y:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{padding-inline:1.25em;margin-bottom:.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:.5em;transform:scaleY(1);opacity:1;max-height:5em;max-width:100%}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:3.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-xlarge)}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-label{font-size:.875em;line-height:1.428571em;letter-spacing:.007143em;max-height:2.857143em;padding-inline:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}:host.md3-expanded .md3-nav-container .md3-menu-container.md3-full-width-indicator ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-expanded.md3-expanded-standard{width:auto}:host.md3-expanded.md3-expanded-modal .md3-nav-scrim{pointer-events:all;opacity:.32}:host.md3-expanded.md3-expanded-modal .md3-nav-container{background-color:rgb(var(--md-scheme-surface-container));border-start-end-radius:var(--md-border-radius-large);border-end-end-radius:var(--md-border-radius-large);box-shadow:var(--md-shadow-3dp);width:fit-content;max-width:22.5em}:host.md3-expanded.md3-expanded-modal .md3-nav-container:after{opacity:0}\n"], dependencies: [{ kind: "component", type: IconButton, selector: "button[md3-icon-button], a[md3-icon-button]", inputs: ["button-size", "button-type", "button-width", "button-squared", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: IconElement, selector: "[md3-icon-element]", inputs: ["md3-icon-element"] }, { kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
5866
|
+
], queries: [{ propertyName: "menuIcons", predicate: IconElement, isSignal: true }, { propertyName: "floatingActionButton", first: true, predicate: FloatingActionButton, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\n<div class=\"md3-nav-container\">\n <div class=\"md3-nav-header\" [class.md3-hidden]=\"hideMenuButton() && !hasFab()\">\n @if (!hideMenuButton()) {\n <button md3-icon-button button-type=\"standard\" class=\"md3-menu-button\" (click)=\"toggle()\">\n <ng-content select=\"[md3-icon-element=expand]\"></ng-content>\n @if (!menuExpandIcon()) {\n <md3-icon md3-icon-element md3-menu-expand>menu</md3-icon>\n }\n <ng-content select=\"[md3-icon-element=collapse]\"></ng-content>\n @if (!menuCollapseIcon()) {\n <md3-icon md3-icon-element md3-menu-collapse bi-directional>menu_open</md3-icon>\n }\n </button>\n }\n\n <ng-content select=\"[md3-fab]\"></ng-content>\n </div>\n <div class=\"md3-menu-container\" [class.md3-full-width-indicator]=\"fullWidthIndicator()\" [ngClass]=\"'md3-' + menuAlignment()\">\n <div class=\"md3-menu-list md3-scrollable\">\n <ng-content select=\"[md3-nav-item], md3-nav-group\"></ng-content>\n </div>\n </div>\n</div>", styles: [":host{display:flex;width:6em;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-scrim{position:fixed;inset:0;z-index:399;pointer-events:none;display:none;background-color:rgb(var(--md-scheme-scrim));opacity:0;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:start;position:relative;background-color:rgb(var(--md-scheme-surface));color:rgb(var(--md-scheme-on-surface));height:100%;max-width:6em}:host .md3-nav-container .md3-nav-header{display:flex;flex-direction:column;align-items:start;gap:.25em;padding:2.75em 1.25em 1.5em;width:100%;min-width:fit-content}:host .md3-nav-container .md3-nav-header.md3-hidden{display:none}:host .md3-nav-container .md3-nav-header .md3-menu-button{margin:.5em}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:inline-block}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:none}:host .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{box-shadow:var(--md-shadow-0dp)}:host .md3-nav-container .md3-menu-container{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;width:100%;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container .md3-menu-container.md3-start{justify-content:start}:host .md3-nav-container .md3-menu-container.md3-center{justify-content:center}:host .md3-nav-container .md3-menu-container.md3-end{justify-content:end}:host .md3-nav-container .md3-menu-container .md3-menu-list{display:flex;flex-direction:column;align-items:stretch;width:100%;max-height:100%;padding-top:1.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep md3-nav-group .md3-nav-label{max-height:3.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{margin-bottom:.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-show-on-collapse{margin-bottom:.25em;transform:scaleY(1);opacity:1;max-height:4em;max-width:100%}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-style-elevated{box-shadow:var(--md-shadow-1dp)}:host.md3-style-divider .md3-nav-container:after{content:\"\";position:absolute;height:100%;width:.0625em;top:0;bottom:0;inset-inline-end:0;background-color:rgb(var(--md-scheme-outline-variant));pointer-events:none;opacity:1;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host.md3-collapsed-narrow{width:5em}:host.md3-collapsed-narrow .md3-nav-container{max-width:5em}:host.md3-collapsed-narrow .md3-nav-container .md3-nav-header{padding-inline:.75em}:host.md3-collapsed-hidden{width:0}:host.md3-collapsed-hidden .md3-nav-container{max-width:0em}:host.md3-collapsed-hidden .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:0}:host.md3-collapsed-hidden .md3-nav-container .md3-menu-container{opacity:0}:host.md3-collapsed-hidden .md3-nav-container:after{opacity:0}:host.md3-expanded-modal .md3-nav-scrim{display:block}:host.md3-expanded-modal .md3-nav-container{position:fixed;z-index:400;inset-inline-start:0;top:0;bottom:0}:host:not(.md3-expanded) ::ng-deep md3-nav-group.md3-hide-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host:not(.md3-expanded) ::ng-deep md3-nav-group .md3-nav-label{display:none}:host.md3-expanded ::ng-deep md3-nav-group.md3-show-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host.md3-expanded .md3-nav-container{min-width:13.75em;max-width:22.5em;width:fit-content}:host.md3-expanded .md3-nav-container .md3-nav-header{padding-inline:1.25em}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:none}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:inline-block}:host.md3-expanded .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list{padding-bottom:2.5em;overflow-y:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{padding-inline:1.25em;margin-bottom:.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:.5em;transform:scaleY(1);opacity:1;max-height:5em;max-width:100%}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-show-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:3.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-xlarge)}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-label{font-size:.875em;line-height:1.428571em;letter-spacing:.007143em;max-height:2.857143em;padding-inline:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}:host.md3-expanded .md3-nav-container .md3-menu-container.md3-full-width-indicator ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-expanded.md3-expanded-standard{width:auto}:host.md3-expanded.md3-expanded-modal .md3-nav-scrim{pointer-events:all;opacity:.32}:host.md3-expanded.md3-expanded-modal .md3-nav-container{background-color:rgb(var(--md-scheme-surface-container));border-start-end-radius:var(--md-border-radius-large);border-end-end-radius:var(--md-border-radius-large);box-shadow:var(--md-shadow-3dp);width:fit-content;max-width:22.5em}:host.md3-expanded.md3-expanded-modal .md3-nav-container:after{opacity:0}\n"], dependencies: [{ kind: "component", type: IconButton, selector: "button[md3-icon-button], a[md3-icon-button]", inputs: ["button-size", "button-type", "button-width", "button-squared", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: IconElement, selector: "[md3-icon-element]", inputs: ["md3-icon-element"] }, { kind: "component", type: MaterialIcon, selector: "md3-icon", inputs: ["icon-version", "filled", "icon-style", "icon-size", "bi-directional"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
5822
5867
|
}
|
|
5823
5868
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: NavigationRail, decorators: [{
|
|
5824
5869
|
type: Component,
|
|
@@ -5834,7 +5879,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5834
5879
|
},
|
|
5835
5880
|
], host: {
|
|
5836
5881
|
'[class.md3-expanded]': 'this.expanded()',
|
|
5837
|
-
}, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\n<div class=\"md3-nav-container\">\n <div class=\"md3-nav-header\" [class.md3-hidden]=\"hideMenuButton() && !hasFab()\">\n @if (!hideMenuButton()) {\n <button md3-icon-button button-type=\"standard\" class=\"md3-menu-button\" (click)=\"toggle()\">\n <ng-content select=\"[md3-icon-element=expand]\"></ng-content>\n @if (!menuExpandIcon()) {\n <md3-icon md3-icon-element md3-menu-expand>menu</md3-icon>\n }\n <ng-content select=\"[md3-icon-element=collapse]\"></ng-content>\n @if (!menuCollapseIcon()) {\n <md3-icon md3-icon-element md3-menu-collapse bi-directional>menu_open</md3-icon>\n }\n </button>\n }\n\n <ng-content select=\"[md3-fab]\"></ng-content>\n </div>\n <div class=\"md3-menu-container\" [class.md3-full-width-indicator]=\"fullWidthIndicator()\" [ngClass]=\"'md3-' + menuAlignment()\">\n <div class=\"md3-menu-list md3-scrollable\">\n <ng-content select=\"[md3-nav-item], md3-nav-group\"></ng-content>\n </div>\n </div>\n</div>", styles: [":host{display:flex;width:6em;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-scrim{position:fixed;inset:0;z-index:399;pointer-events:none;display:none;background-color:rgb(var(--md-scheme-scrim));opacity:0;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:start;position:relative;background-color:rgb(var(--md-scheme-surface));color:rgb(var(--md-scheme-on-surface));height:100%;max-width:6em}:host .md3-nav-container .md3-nav-header{display:flex;flex-direction:column;align-items:start;gap:.25em;padding:2.75em 1.25em 1.5em;width:100%;min-width:fit-content}:host .md3-nav-container .md3-nav-header.md3-hidden{display:none}:host .md3-nav-container .md3-nav-header .md3-menu-button{margin:.5em}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:inline-block}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:none}:host .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{box-shadow:var(--md-shadow-0dp)}:host .md3-nav-container .md3-menu-container{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;width:100%;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container .md3-menu-container.md3-start{justify-content:start}:host .md3-nav-container .md3-menu-container.md3-center{justify-content:center}:host .md3-nav-container .md3-menu-container.md3-end{justify-content:end}:host .md3-nav-container .md3-menu-container .md3-menu-list{display:flex;flex-direction:column;align-items:stretch;width:100%;max-height:100%;padding-top:1.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep md3-nav-group .md3-nav-label{max-height:3.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{margin-bottom:.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-style-elevated{box-shadow:var(--md-shadow-1dp)}:host.md3-style-divider .md3-nav-container:after{content:\"\";position:absolute;height:100%;width:.0625em;top:0;bottom:0;inset-inline-end:0;background-color:rgb(var(--md-scheme-outline-variant));pointer-events:none;opacity:1;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host.md3-collapsed-narrow{width:5em}:host.md3-collapsed-narrow .md3-nav-container{max-width:5em}:host.md3-collapsed-narrow .md3-nav-container .md3-nav-header{padding-inline:.75em}:host.md3-collapsed-hidden{width:0}:host.md3-collapsed-hidden .md3-nav-container{max-width:0em}:host.md3-collapsed-hidden .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:0}:host.md3-collapsed-hidden .md3-nav-container .md3-menu-container{opacity:0}:host.md3-collapsed-hidden .md3-nav-container:after{opacity:0}:host.md3-expanded-modal .md3-nav-scrim{display:block}:host.md3-expanded-modal .md3-nav-container{position:fixed;z-index:400;inset-inline-start:0;top:0;bottom:0}:host:not(.md3-expanded) ::ng-deep md3-nav-group.md3-hide-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host:not(.md3-expanded) ::ng-deep md3-nav-group .md3-nav-label{transform:scaleY(0);opacity:0;max-height:0em}:host.md3-expanded .md3-nav-container{min-width:13.75em;max-width:22.5em;width:fit-content}:host.md3-expanded .md3-nav-container .md3-nav-header{padding-inline:1.25em}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:none}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:inline-block}:host.md3-expanded .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list{padding-bottom:2.5em;overflow-y:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{padding-inline:1.25em;margin-bottom:.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:.5em;transform:scaleY(1);opacity:1;max-height:5em;max-width:100%}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:3.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-xlarge)}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-label{font-size:.875em;line-height:1.428571em;letter-spacing:.007143em;max-height:2.857143em;padding-inline:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}:host.md3-expanded .md3-nav-container .md3-menu-container.md3-full-width-indicator ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-expanded.md3-expanded-standard{width:auto}:host.md3-expanded.md3-expanded-modal .md3-nav-scrim{pointer-events:all;opacity:.32}:host.md3-expanded.md3-expanded-modal .md3-nav-container{background-color:rgb(var(--md-scheme-surface-container));border-start-end-radius:var(--md-border-radius-large);border-end-end-radius:var(--md-border-radius-large);box-shadow:var(--md-shadow-3dp);width:fit-content;max-width:22.5em}:host.md3-expanded.md3-expanded-modal .md3-nav-container:after{opacity:0}\n"] }]
|
|
5882
|
+
}, template: "<div class=\"md3-nav-scrim\" (click)=\"collapse()\"></div>\n<div class=\"md3-nav-container\">\n <div class=\"md3-nav-header\" [class.md3-hidden]=\"hideMenuButton() && !hasFab()\">\n @if (!hideMenuButton()) {\n <button md3-icon-button button-type=\"standard\" class=\"md3-menu-button\" (click)=\"toggle()\">\n <ng-content select=\"[md3-icon-element=expand]\"></ng-content>\n @if (!menuExpandIcon()) {\n <md3-icon md3-icon-element md3-menu-expand>menu</md3-icon>\n }\n <ng-content select=\"[md3-icon-element=collapse]\"></ng-content>\n @if (!menuCollapseIcon()) {\n <md3-icon md3-icon-element md3-menu-collapse bi-directional>menu_open</md3-icon>\n }\n </button>\n }\n\n <ng-content select=\"[md3-fab]\"></ng-content>\n </div>\n <div class=\"md3-menu-container\" [class.md3-full-width-indicator]=\"fullWidthIndicator()\" [ngClass]=\"'md3-' + menuAlignment()\">\n <div class=\"md3-menu-list md3-scrollable\">\n <ng-content select=\"[md3-nav-item], md3-nav-group\"></ng-content>\n </div>\n </div>\n</div>", styles: [":host{display:flex;width:6em;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-scrim{position:fixed;inset:0;z-index:399;pointer-events:none;display:none;background-color:rgb(var(--md-scheme-scrim));opacity:0;transition:all var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container{flex:1 1 auto;display:flex;flex-direction:column;align-items:start;position:relative;background-color:rgb(var(--md-scheme-surface));color:rgb(var(--md-scheme-on-surface));height:100%;max-width:6em}:host .md3-nav-container .md3-nav-header{display:flex;flex-direction:column;align-items:start;gap:.25em;padding:2.75em 1.25em 1.5em;width:100%;min-width:fit-content}:host .md3-nav-container .md3-nav-header.md3-hidden{display:none}:host .md3-nav-container .md3-nav-header .md3-menu-button{margin:.5em}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:inline-block}:host .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:none}:host .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{box-shadow:var(--md-shadow-0dp)}:host .md3-nav-container .md3-menu-container{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;width:100%;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host .md3-nav-container .md3-menu-container.md3-start{justify-content:start}:host .md3-nav-container .md3-menu-container.md3-center{justify-content:center}:host .md3-nav-container .md3-menu-container.md3-end{justify-content:end}:host .md3-nav-container .md3-menu-container .md3-menu-list{display:flex;flex-direction:column;align-items:stretch;width:100%;max-height:100%;padding-top:1.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep md3-nav-group .md3-nav-label{max-height:3.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{margin-bottom:.25em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-show-on-collapse{margin-bottom:.25em;transform:scaleY(1);opacity:1;max-height:4em;max-width:100%}:host .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-style-elevated{box-shadow:var(--md-shadow-1dp)}:host.md3-style-divider .md3-nav-container:after{content:\"\";position:absolute;height:100%;width:.0625em;top:0;bottom:0;inset-inline-end:0;background-color:rgb(var(--md-scheme-outline-variant));pointer-events:none;opacity:1;transition:opacity var(--md-motion-standard-default-spatial-duration) var(--md-motion-standard-default-spatial-easing)}:host.md3-collapsed-narrow{width:5em}:host.md3-collapsed-narrow .md3-nav-container{max-width:5em}:host.md3-collapsed-narrow .md3-nav-container .md3-nav-header{padding-inline:.75em}:host.md3-collapsed-hidden{width:0}:host.md3-collapsed-hidden .md3-nav-container{max-width:0em}:host.md3-collapsed-hidden .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:0}:host.md3-collapsed-hidden .md3-nav-container .md3-menu-container{opacity:0}:host.md3-collapsed-hidden .md3-nav-container:after{opacity:0}:host.md3-expanded-modal .md3-nav-scrim{display:block}:host.md3-expanded-modal .md3-nav-container{position:fixed;z-index:400;inset-inline-start:0;top:0;bottom:0}:host:not(.md3-expanded) ::ng-deep md3-nav-group.md3-hide-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host:not(.md3-expanded) ::ng-deep md3-nav-group .md3-nav-label{display:none}:host.md3-expanded ::ng-deep md3-nav-group.md3-show-on-collapse{transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host.md3-expanded .md3-nav-container{min-width:13.75em;max-width:22.5em;width:fit-content}:host.md3-expanded .md3-nav-container .md3-nav-header{padding-inline:1.25em}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-expand]{display:none}:host.md3-expanded .md3-nav-container .md3-nav-header .md3-menu-button ::ng-deep [md3-menu-collapse]{display:inline-block}:host.md3-expanded .md3-nav-container .md3-nav-header ::ng-deep [md3-fab]{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container{opacity:1}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list{padding-bottom:2.5em;overflow-y:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item]{padding-inline:1.25em;margin-bottom:.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-hide-on-collapse{margin-bottom:.5em;transform:scaleY(1);opacity:1;max-height:5em;max-width:100%}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item].md3-show-on-collapse{margin-bottom:0;transform:scaleY(0);opacity:0;max-height:0em;max-width:0em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container{padding:0 1em;flex-direction:row;align-items:center;justify-content:start;width:fit-content;height:3.5em}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:before,:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container:after{inset:0;height:auto;width:auto;border-radius:var(--md-border-radius-xlarge)}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-icon-container{padding:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-label{font-size:.875em;line-height:1.428571em;letter-spacing:.007143em;max-height:2.857143em;padding-inline:0}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container{position:relative;inset:auto}:host.md3-expanded .md3-nav-container .md3-menu-container .md3-menu-list ::ng-deep [md3-nav-item] .md3-item-container .md3-badge-container.md3-small{position:absolute;height:1.875em;width:1.625em}:host.md3-expanded .md3-nav-container .md3-menu-container.md3-full-width-indicator ::ng-deep [md3-nav-item] .md3-item-container{width:100%}:host.md3-expanded.md3-expanded-standard{width:auto}:host.md3-expanded.md3-expanded-modal .md3-nav-scrim{pointer-events:all;opacity:.32}:host.md3-expanded.md3-expanded-modal .md3-nav-container{background-color:rgb(var(--md-scheme-surface-container));border-start-end-radius:var(--md-border-radius-large);border-end-end-radius:var(--md-border-radius-large);box-shadow:var(--md-shadow-3dp);width:fit-content;max-width:22.5em}:host.md3-expanded.md3-expanded-modal .md3-nav-container:after{opacity:0}\n"] }]
|
|
5838
5883
|
}], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], hideMenuButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide-menu-button", required: false }] }], fullWidthIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "full-width-indicator", required: false }] }], menuAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu-alignment", required: false }] }], containerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "container-style", required: false }] }], collapsedMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed-layout", required: false }] }], expandedMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded-layout", required: false }] }], menuIcons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IconElement), { isSignal: true }] }], floatingActionButton: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FloatingActionButton), { isSignal: true }] }] } });
|
|
5839
5884
|
|
|
5840
5885
|
class NavigationBar {
|