@covalent/components 10.3.2 → 10.3.4

package/circular-progress.mjs

@@ -1,10 +1,10 @@
-import { b as o } from "./tslib.es6-CISSdiiH.mjs";
+import { b as o } from "./tslib.es6-CJ7TUrOc.mjs";
 import { a as g } from "./aria-property-6O5bK0tV.mjs";
-import { s as u, x as d, i as f, e as h } from "./query-assigned-elements-DhyCP_2z.mjs";
+import { s as u, x as d, i as h, e as f } from "./query-assigned-elements-D930kELM.mjs";
 import { n } from "./property-DJzm_oB9.mjs";
-import { o as _ } from "./class-map-BHl5MHd7.mjs";
-import { l as m } from "./if-defined-DN7whKwy.mjs";
-import { o as y } from "./style-map-QxIETvrs.mjs";
+import { o as _ } from "./class-map-DPUylGZM.mjs";
+import { l as p } from "./if-defined-DGrxuPYz.mjs";
+import { o as y } from "./style-map-D2TR7M-D.mjs";
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -36,10 +36,10 @@ class a extends u {
         class="mdc-circular-progress ${_(r)}"
         style="${y(i)}"
         role="progressbar"
-        aria-label="${m(this.ariaLabel)}"
+        aria-label="${p(this.ariaLabel)}"
         aria-valuemin="0"
         aria-valuemax="1"
-        aria-valuenow="${m(this.indeterminate ? void 0 : this.progress)}">
+        aria-valuenow="${p(this.indeterminate ? void 0 : this.progress)}">
         ${this.renderDeterminateContainer()}
         ${this.renderIndeterminateContainer()}
       </div>`;
@@ -48,19 +48,19 @@ class a extends u {
    * @soyTemplate
    */
   renderDeterminateContainer() {
-    const r = 48 + this.density * 4, e = r / 2, i = this.density >= -3 ? 18 + this.density * 11 / 6 : 12.5 + (this.density + 3) * 5 / 4, c = 2 * 3.1415926 * i, s = (1 - this.progress) * c, t = this.density >= -3 ? 4 + this.density * (1 / 3) : 3 + (this.density + 3) * (1 / 6);
+    const r = 48 + this.density * 4, e = r / 2, i = this.density >= -3 ? 18 + this.density * 11 / 6 : 12.5 + (this.density + 3) * 5 / 4, c = 2 * 3.1415926 * i, t = (1 - this.progress) * c, s = this.density >= -3 ? 4 + this.density * (1 / 3) : 3 + (this.density + 3) * (1 / 6);
     return d`
       <div class="mdc-circular-progress__determinate-container">
         <svg class="mdc-circular-progress__determinate-circle-graphic"
              viewBox="0 0 ${r} ${r}">
           <circle class="mdc-circular-progress__determinate-track"
                   cx="${e}" cy="${e}" r="${i}"
-                  stroke-width="${t}"></circle>
+                  stroke-width="${s}"></circle>
           <circle class="mdc-circular-progress__determinate-circle"
                   cx="${e}" cy="${e}" r="${i}"
                   stroke-dasharray="${2 * 3.1415926 * i}"
-                  stroke-dashoffset="${s}"
-                  stroke-width="${t}"></circle>
+                  stroke-dashoffset="${t}"
+                  stroke-width="${s}"></circle>
         </svg>
       </div>`;
   }
@@ -79,15 +79,15 @@ class a extends u {
    * @soyTemplate
    */
   renderIndeterminateSpinnerLayer() {
-    const r = 48 + this.density * 4, e = r / 2, i = this.density >= -3 ? 18 + this.density * 11 / 6 : 12.5 + (this.density + 3) * 5 / 4, c = 2 * 3.1415926 * i, s = 0.5 * c, t = this.density >= -3 ? 4 + this.density * (1 / 3) : 3 + (this.density + 3) * (1 / 6);
+    const r = 48 + this.density * 4, e = r / 2, i = this.density >= -3 ? 18 + this.density * 11 / 6 : 12.5 + (this.density + 3) * 5 / 4, c = 2 * 3.1415926 * i, t = 0.5 * c, s = this.density >= -3 ? 4 + this.density * (1 / 3) : 3 + (this.density + 3) * (1 / 6);
     return d`
         <div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
           <svg class="mdc-circular-progress__indeterminate-circle-graphic"
                viewBox="0 0 ${r} ${r}">
             <circle cx="${e}" cy="${e}" r="${i}"
                     stroke-dasharray="${c}"
-                    stroke-dashoffset="${s}"
-                    stroke-width="${t}"></circle>
+                    stroke-dashoffset="${t}"
+                    stroke-width="${s}"></circle>
           </svg>
         </div>
         <div class="mdc-circular-progress__gap-patch">
@@ -95,8 +95,8 @@ class a extends u {
                viewBox="0 0 ${r} ${r}">
             <circle cx="${e}" cy="${e}" r="${i}"
                     stroke-dasharray="${c}"
-                    stroke-dashoffset="${s}"
-                    stroke-width="${t * 0.8}"></circle>
+                    stroke-dashoffset="${t}"
+                    stroke-width="${s * 0.8}"></circle>
           </svg>
         </div>
         <div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
@@ -104,8 +104,8 @@ class a extends u {
                viewBox="0 0 ${r} ${r}">
             <circle cx="${e}" cy="${e}" r="${i}"
                     stroke-dasharray="${c}"
-                    stroke-dashoffset="${s}"
-                    stroke-width="${t}"></circle>
+                    stroke-dashoffset="${t}"
+                    stroke-width="${s}"></circle>
           </svg>
         </div>`;
   }
@@ -134,17 +134,17 @@ o([
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
  */
-const b = f`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}:host{display:inline-flex}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--mdc-circular-progress-track-color, transparent)}`;
-var $ = Object.defineProperty, v = Object.getOwnPropertyDescriptor, k = (p, r, e, i) => {
-  for (var c = i > 1 ? void 0 : i ? v(r, e) : r, s = p.length - 1, t; s >= 0; s--)
-    (t = p[s]) && (c = (i ? t(r, e, c) : t(c)) || c);
-  return i && c && $(r, e, c), c;
+const b = h`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}:host{display:inline-flex}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--mdc-circular-progress-track-color, transparent)}`;
+var v = Object.getOwnPropertyDescriptor, $ = (m, r, e, i) => {
+  for (var c = i > 1 ? void 0 : i ? v(r, e) : r, t = m.length - 1, s; t >= 0; t--)
+    (s = m[t]) && (c = s(c) || c);
+  return c;
 };
 let l = class extends a {
 };
 l.styles = [b];
-l = k([
-  h("cv-circular-progress")
+l = $([
+  f("cv-circular-progress")
 ], l);
 const D = l;
 export {

package/class-map-DPUylGZM.mjs

@@ -0,0 +1,36 @@
+import { T as a } from "./query-assigned-elements-D930kELM.mjs";
+import { e as d, i as h, t as l } from "./directive-oAbCiebi.mjs";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const v = d(class extends h {
+  constructor(e) {
+    var i;
+    if (super(e), e.type !== l.ATTRIBUTE || e.name !== "class" || ((i = e.strings) === null || i === void 0 ? void 0 : i.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(e) {
+    return " " + Object.keys(e).filter((i) => e[i]).join(" ") + " ";
+  }
+  update(e, [i]) {
+    var s, r;
+    if (this.it === void 0) {
+      this.it = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((t) => t !== "")));
+      for (const t in i) i[t] && !(!((s = this.nt) === null || s === void 0) && s.has(t)) && this.it.add(t);
+      return this.render(i);
+    }
+    const n = e.element.classList;
+    this.it.forEach((t) => {
+      t in i || (n.remove(t), this.it.delete(t));
+    });
+    for (const t in i) {
+      const o = !!i[t];
+      o === this.it.has(t) || !((r = this.nt) === null || r === void 0) && r.has(t) || (o ? (n.add(t), this.it.add(t)) : (n.remove(t), this.it.delete(t)));
+    }
+    return a;
+  }
+});
+export {
+  v as o
+};

package/class-map-DTzB8z-1.js

@@ -0,0 +1,5 @@
+"use strict";const a=require("./query-assigned-elements-8EurZY45.js"),o=require("./directive-C7oCP5Bh.js");/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const h=o.e(class extends o.i{constructor(i){var e;if(super(i),i.type!==o.t.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var s,n;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(const t in e)e[t]&&!(!((s=this.nt)===null||s===void 0)&&s.has(t))&&this.it.add(t);return this.render(e)}const r=i.element.classList;this.it.forEach(t=>{t in e||(r.remove(t),this.it.delete(t))});for(const t in e){const d=!!e[t];d===this.it.has(t)||!((n=this.nt)===null||n===void 0)&&n.has(t)||(d?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return a.T}});exports.o=h;