ds-one 0.3.0-alpha.4 → 0.3.0-alpha.6

package/dist/ds-one.bundle.min.js

@@ -5,7 +5,7 @@ var nr = Object.defineProperty, or = (t, e, r) => e in t ? nr(t, e, { enumerable
   if (Object(e) !== e)
     throw TypeError('Cannot use the "in" operator on this value');
   return t.has(e);
-}, re = (t, e, r) => {
+}, ae = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
@@ -17,7 +17,7 @@ var nr = Object.defineProperty, or = (t, e, r) => e in t ? nr(t, e, { enumerable
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-function Pt(t, e) {
+function Bt(t, e) {
   return Object.is(t, e);
 }
 /**
@@ -27,7 +27,7 @@ function Pt(t, e) {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-let m = null, R = !1, ie = 1;
+let m = null, R = !1, ne = 1;
 const se = /* @__PURE__ */ Symbol("SIGNAL");
 function z(t) {
   const e = m;
@@ -75,15 +75,15 @@ function Ce(t) {
   m.producerNode[e] !== t && (m.producerNode[e] = t, m.producerIndexOfThis[e] = Me(m) ? Rt(t, m, e) : 0), m.producerLastReadVersion[e] = t.version;
 }
 function cr() {
-  ie++;
+  ne++;
 }
-function Bt(t) {
-  if (!(!t.dirty && t.lastCleanEpoch === ie)) {
+function Pt(t) {
+  if (!(!t.dirty && t.lastCleanEpoch === ne)) {
     if (!t.producerMustRecompute(t) && !vr(t)) {
-      t.dirty = !1, t.lastCleanEpoch = ie;
+      t.dirty = !1, t.lastCleanEpoch = ne;
       return;
     }
-    t.producerRecomputeValue(t), t.dirty = !1, t.lastCleanEpoch = ie;
+    t.producerRecomputeValue(t), t.dirty = !1, t.lastCleanEpoch = ne;
   }
 }
 function Dt(t) {
@@ -121,7 +121,7 @@ function vr(t) {
   I(t);
   for (let e = 0; e < t.producerNode.length; e++) {
     const r = t.producerNode[e], a = t.producerLastReadVersion[e];
-    if (a !== r.version || (Bt(r), a !== r.version))
+    if (a !== r.version || (Pt(r), a !== r.version))
       return !0;
   }
   return !1;
@@ -169,31 +169,31 @@ function rt(t) {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-function jt(t) {
-  if (Bt(t), Ce(t), t.value === Te)
+function Ut(t) {
+  if (Pt(t), Ce(t), t.value === Te)
     throw t.error;
   return t.value;
 }
 function fr(t) {
   const e = Object.create(mr);
   e.computation = t;
-  const r = () => jt(e);
+  const r = () => Ut(e);
   return r[se] = e, r;
 }
-const Ae = /* @__PURE__ */ Symbol("UNSET"), Se = /* @__PURE__ */ Symbol("COMPUTING"), Te = /* @__PURE__ */ Symbol("ERRORED"), mr = {
+const Ae = /* @__PURE__ */ Symbol("UNSET"), He = /* @__PURE__ */ Symbol("COMPUTING"), Te = /* @__PURE__ */ Symbol("ERRORED"), mr = {
   ...tt,
   value: Ae,
   dirty: !0,
   error: null,
-  equal: Pt,
+  equal: Bt,
   producerMustRecompute(t) {
-    return t.value === Ae || t.value === Se;
+    return t.value === Ae || t.value === He;
   },
   producerRecomputeValue(t) {
-    if (t.value === Se)
+    if (t.value === He)
       throw new Error("Detected cycle in computations.");
     const e = t.value;
-    t.value = Se;
+    t.value = He;
     const r = pr(t);
     let a, i = !1;
     try {
@@ -245,7 +245,7 @@ function Lr(t, e) {
 }
 const Er = {
   ...tt,
-  equal: Pt,
+  equal: Bt,
   value: void 0
 };
 function kr(t) {
@@ -268,12 +268,12 @@ function kr(t) {
  * limitations under the License.
  */
 const b = Symbol("node");
-var F;
+var K;
 ((t) => {
   var e, r, a, i;
   class n {
     constructor(d, u = {}) {
-      re(this, r), $e(this, e);
+      ae(this, r), $e(this, e);
       const c = xr(d)[se];
       if (this[b] = c, c.wrapper = this, u) {
         const y = u.equals;
@@ -299,7 +299,7 @@ var F;
     // Create a Signal which evaluates to the value returned by the callback.
     // Callback is called with this signal as the parameter.
     constructor(d, u) {
-      re(this, i), $e(this, a);
+      ae(this, i), $e(this, a);
       const c = fr(d)[se];
       if (c.consumerAllowSignalWrites = !0, this[b] = c, c.wrapper = this, u) {
         const y = u.equals;
@@ -309,7 +309,7 @@ var F;
     get() {
       if (!(0, t.isComputed)(this))
         throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");
-      return jt(this[b]);
+      return Ut(this[b]);
     }
   }
   a = b, i = /* @__PURE__ */ new WeakSet(), t.isComputed = (s) => typeof s == "object" && _e(i, s), t.Computed = o, ((s) => {
@@ -357,7 +357,7 @@ var F;
       // if it hasn't already been called since the last `watch` call.
       // No signals may be read or written during the notify.
       constructor(p) {
-        re(this, u), re(this, v), $e(this, d);
+        ae(this, u), ae(this, v), $e(this, d);
         let h = Object.create(tt);
         h.wrapper = this, h.consumerMarkedDirty = p, h.consumerIsAlwaysLive = !0, h.consumerAllowSignalWrites = !1, h.producerNode = [], this[b] = h;
       }
@@ -371,10 +371,10 @@ var F;
         vt(this, v, c).call(this, p);
         const h = this[b];
         h.dirty = !1;
-        const C = z(h);
-        for (const te of p)
-          Ce(te[b]);
-        z(C);
+        const L = z(h);
+        for (const re of p)
+          Ce(re[b]);
+        z(L);
       }
       // Remove these signals from the watched set (e.g., for an effect which is disposed)
       unwatch(...p) {
@@ -383,13 +383,13 @@ var F;
         vt(this, v, c).call(this, p);
         const h = this[b];
         I(h);
-        for (let C = h.producerNode.length - 1; C >= 0; C--)
-          if (p.includes(h.producerNode[C].wrapper)) {
-            Le(h.producerNode[C], h.producerIndexOfThis[C]);
-            const te = h.producerNode.length - 1;
-            if (h.producerNode[C] = h.producerNode[te], h.producerIndexOfThis[C] = h.producerIndexOfThis[te], h.producerNode.length--, h.producerIndexOfThis.length--, h.nextProducerIndex--, C < h.producerNode.length) {
-              const ir = h.producerIndexOfThis[C], gt = h.producerNode[C];
-              rt(gt), gt.liveConsumerIndexOfThis[ir] = C;
+        for (let L = h.producerNode.length - 1; L >= 0; L--)
+          if (p.includes(h.producerNode[L].wrapper)) {
+            Le(h.producerNode[L], h.producerIndexOfThis[L]);
+            const re = h.producerNode.length - 1;
+            if (h.producerNode[L] = h.producerNode[re], h.producerIndexOfThis[L] = h.producerIndexOfThis[re], h.producerNode.length--, h.producerIndexOfThis.length--, h.nextProducerIndex--, L < h.producerNode.length) {
+              const ir = h.producerIndexOfThis[L], gt = h.producerNode[L];
+              rt(gt), gt.liveConsumerIndexOfThis[ir] = L;
             }
           }
       }
@@ -412,7 +412,7 @@ var F;
     }
     s.currentComputed = ar, s.watched = Symbol("watched"), s.unwatched = Symbol("unwatched");
   })(t.subtle || (t.subtle = {}));
-})(F || (F = {}));
+})(K || (K = {}));
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -448,38 +448,38 @@ let Ar = class {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j = globalThis, le = j.trustedTypes, ft = le ? le.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Ut = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, qt = "?" + $, Sr = `<${qt}>`, H = document, K = () => H.createComment(""), G = (t) => t === null || typeof t != "object" && typeof t != "function", at = Array.isArray, Vr = (t) => at(t) || typeof t?.[Symbol.iterator] == "function", Ve = `[ 	
-\f\r]`, B = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, mt = /-->/g, wt = />/g, S = RegExp(`>|${Ve}(?:([^\\s"'>=/]+)(${Ve}*=${Ve}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), yt = /'/g, bt = /"/g, Wt = /^(?:script|style|textarea|title)$/i, Hr = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), l = Hr(1), M = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), xt = /* @__PURE__ */ new WeakMap(), V = H.createTreeWalker(H, 129);
+const U = globalThis, le = U.trustedTypes, ft = le ? le.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, jt = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, qt = "?" + $, Hr = `<${qt}>`, V = document, G = () => V.createComment(""), J = (t) => t === null || typeof t != "object" && typeof t != "function", at = Array.isArray, Sr = (t) => at(t) || typeof t?.[Symbol.iterator] == "function", Se = `[ 	
+\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, mt = /-->/g, wt = />/g, H = RegExp(`>|${Se}(?:([^\\s"'>=/]+)(${Se}*=${Se}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), yt = /'/g, bt = /"/g, Wt = /^(?:script|style|textarea|title)$/i, Vr = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), l = Vr(1), M = Symbol.for("lit-noChange"), w = Symbol.for("lit-nothing"), xt = /* @__PURE__ */ new WeakMap(), S = V.createTreeWalker(V, 129);
 function Ft(t, e) {
   if (!at(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ft !== void 0 ? ft.createHTML(e) : e;
 }
 const Mr = (t, e) => {
   const r = t.length - 1, a = [];
-  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = B;
+  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = P;
   for (let s = 0; s < r; s++) {
     const d = t[s];
     let u, v, c = -1, y = 0;
-    for (; y < d.length && (o.lastIndex = y, v = o.exec(d), v !== null); ) y = o.lastIndex, o === B ? v[1] === "!--" ? o = mt : v[1] !== void 0 ? o = wt : v[2] !== void 0 ? (Wt.test(v[2]) && (i = RegExp("</" + v[2], "g")), o = S) : v[3] !== void 0 && (o = S) : o === S ? v[0] === ">" ? (o = i ?? B, c = -1) : v[1] === void 0 ? c = -2 : (c = o.lastIndex - v[2].length, u = v[1], o = v[3] === void 0 ? S : v[3] === '"' ? bt : yt) : o === bt || o === yt ? o = S : o === mt || o === wt ? o = B : (o = S, i = void 0);
-    const k = o === S && t[s + 1].startsWith("/>") ? " " : "";
-    n += o === B ? d + Sr : c >= 0 ? (a.push(u), d.slice(0, c) + Ut + d.slice(c) + $ + k) : d + $ + (c === -2 ? s : k);
+    for (; y < d.length && (o.lastIndex = y, v = o.exec(d), v !== null); ) y = o.lastIndex, o === P ? v[1] === "!--" ? o = mt : v[1] !== void 0 ? o = wt : v[2] !== void 0 ? (Wt.test(v[2]) && (i = RegExp("</" + v[2], "g")), o = H) : v[3] !== void 0 && (o = H) : o === H ? v[0] === ">" ? (o = i ?? P, c = -1) : v[1] === void 0 ? c = -2 : (c = o.lastIndex - v[2].length, u = v[1], o = v[3] === void 0 ? H : v[3] === '"' ? bt : yt) : o === bt || o === yt ? o = H : o === mt || o === wt ? o = P : (o = H, i = void 0);
+    const k = o === H && t[s + 1].startsWith("/>") ? " " : "";
+    n += o === P ? d + Hr : c >= 0 ? (a.push(u), d.slice(0, c) + jt + d.slice(c) + $ + k) : d + $ + (c === -2 ? s : k);
   }
   return [Ft(t, n + (t[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), a];
 };
-class J {
+class Y {
   constructor({ strings: e, _$litType$: r }, a) {
     let i;
     this.parts = [];
     let n = 0, o = 0;
     const s = e.length - 1, d = this.parts, [u, v] = Mr(e, r);
-    if (this.el = J.createElement(u, a), V.currentNode = this.el.content, r === 2 || r === 3) {
+    if (this.el = Y.createElement(u, a), S.currentNode = this.el.content, r === 2 || r === 3) {
       const c = this.el.content.firstChild;
       c.replaceWith(...c.childNodes);
     }
-    for (; (i = V.nextNode()) !== null && d.length < s; ) {
+    for (; (i = S.nextNode()) !== null && d.length < s; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const c of i.getAttributeNames()) if (c.endsWith(Ut)) {
+        if (i.hasAttributes()) for (const c of i.getAttributeNames()) if (c.endsWith(jt)) {
           const y = v[o++], k = i.getAttribute(c).split($), T = /([.?@])?(.*)/.exec(y);
           d.push({ type: 1, index: n, name: T[2], strings: k, ctor: T[1] === "." ? Nr : T[1] === "?" ? Zr : T[1] === "@" ? zr : Ee }), i.removeAttribute(c);
         } else c.startsWith($) && (d.push({ type: 6, index: n }), i.removeAttribute(c));
@@ -487,8 +487,8 @@ class J {
           const c = i.textContent.split($), y = c.length - 1;
           if (y > 0) {
             i.textContent = le ? le.emptyScript : "";
-            for (let k = 0; k < y; k++) i.append(c[k], K()), V.nextNode(), d.push({ type: 2, index: ++n });
-            i.append(c[y], K());
+            for (let k = 0; k < y; k++) i.append(c[k], G()), S.nextNode(), d.push({ type: 2, index: ++n });
+            i.append(c[y], G());
           }
         }
       } else if (i.nodeType === 8) if (i.data === qt) d.push({ type: 2, index: n });
@@ -500,14 +500,14 @@ class J {
     }
   }
   static createElement(e, r) {
-    const a = H.createElement("template");
+    const a = V.createElement("template");
     return a.innerHTML = e, a;
   }
 }
 function O(t, e, r = t, a) {
   if (e === M) return e;
   let i = a !== void 0 ? r._$Co?.[a] : r._$Cl;
-  const n = G(e) ? void 0 : e._$litDirective$;
+  const n = J(e) ? void 0 : e._$litDirective$;
   return i?.constructor !== n && (i?._$AO?.(!1), n === void 0 ? i = void 0 : (i = new n(t), i._$AT(t, r, a)), a !== void 0 ? (r._$Co ?? (r._$Co = []))[a] = i : r._$Cl = i), i !== void 0 && (e = O(t, i._$AS(t, e.values), i, a)), e;
 }
 class Tr {
@@ -521,24 +521,24 @@ class Tr {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: r }, parts: a } = this._$AD, i = (e?.creationScope ?? H).importNode(r, !0);
-    V.currentNode = i;
-    let n = V.nextNode(), o = 0, s = 0, d = a[0];
+    const { el: { content: r }, parts: a } = this._$AD, i = (e?.creationScope ?? V).importNode(r, !0);
+    S.currentNode = i;
+    let n = S.nextNode(), o = 0, s = 0, d = a[0];
     for (; d !== void 0; ) {
       if (o === d.index) {
         let u;
-        d.type === 2 ? u = new Q(n, n.nextSibling, this, e) : d.type === 1 ? u = new d.ctor(n, d.name, d.strings, this, e) : d.type === 6 && (u = new Ir(n, this, e)), this._$AV.push(u), d = a[++s];
+        d.type === 2 ? u = new ee(n, n.nextSibling, this, e) : d.type === 1 ? u = new d.ctor(n, d.name, d.strings, this, e) : d.type === 6 && (u = new Ir(n, this, e)), this._$AV.push(u), d = a[++s];
       }
-      o !== d?.index && (n = V.nextNode(), o++);
+      o !== d?.index && (n = S.nextNode(), o++);
     }
-    return V.currentNode = H, i;
+    return S.currentNode = V, i;
   }
   p(e) {
     let r = 0;
     for (const a of this._$AV) a !== void 0 && (a.strings !== void 0 ? (a._$AI(e, a, r), r += a.strings.length - 2) : a._$AI(e[r])), r++;
   }
 }
-class Q {
+class ee {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -557,7 +557,7 @@ class Q {
     return this._$AB;
   }
   _$AI(e, r = this) {
-    e = O(this, e, r), G(e) ? e === w || e == null || e === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Vr(e) ? this.k(e) : this._(e);
+    e = O(this, e, r), J(e) ? e === w || e == null || e === "" ? (this._$AH !== w && this._$AR(), this._$AH = w) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Sr(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -566,10 +566,10 @@ class Q {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== w && G(this._$AH) ? this._$AA.nextSibling.data = e : this.T(H.createTextNode(e)), this._$AH = e;
+    this._$AH !== w && J(this._$AH) ? this._$AA.nextSibling.data = e : this.T(V.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    const { values: r, _$litType$: a } = e, i = typeof a == "number" ? this._$AC(e) : (a.el === void 0 && (a.el = J.createElement(Ft(a.h, a.h[0]), this.options)), a);
+    const { values: r, _$litType$: a } = e, i = typeof a == "number" ? this._$AC(e) : (a.el === void 0 && (a.el = Y.createElement(Ft(a.h, a.h[0]), this.options)), a);
     if (this._$AH?._$AD === i) this._$AH.p(r);
     else {
       const n = new Tr(i, this), o = n.u(this.options);
@@ -578,13 +578,13 @@ class Q {
   }
   _$AC(e) {
     let r = xt.get(e.strings);
-    return r === void 0 && xt.set(e.strings, r = new J(e)), r;
+    return r === void 0 && xt.set(e.strings, r = new Y(e)), r;
   }
   k(e) {
     at(this._$AH) || (this._$AH = [], this._$AR());
     const r = this._$AH;
     let a, i = 0;
-    for (const n of e) i === r.length ? r.push(a = new Q(this.O(K()), this.O(K()), this, this.options)) : a = r[i], a._$AI(n), i++;
+    for (const n of e) i === r.length ? r.push(a = new ee(this.O(G()), this.O(G()), this, this.options)) : a = r[i], a._$AI(n), i++;
     i < r.length && (this._$AR(a && a._$AB.nextSibling, i), r.length = i);
   }
   _$AR(e = this._$AA.nextSibling, r) {
@@ -610,11 +610,11 @@ class Ee {
   _$AI(e, r = this, a, i) {
     const n = this.strings;
     let o = !1;
-    if (n === void 0) e = O(this, e, r, 0), o = !G(e) || e !== this._$AH && e !== M, o && (this._$AH = e);
+    if (n === void 0) e = O(this, e, r, 0), o = !J(e) || e !== this._$AH && e !== M, o && (this._$AH = e);
     else {
       const s = e;
       let d, u;
-      for (e = n[0], d = 0; d < n.length - 1; d++) u = O(this, s[a + d], r, d), u === M && (u = this._$AH[d]), o || (o = !G(u) || u !== this._$AH[d]), u === w ? e = w : e !== w && (e += (u ?? "") + n[d + 1]), this._$AH[d] = u;
+      for (e = n[0], d = 0; d < n.length - 1; d++) u = O(this, s[a + d], r, d), u === M && (u = this._$AH[d]), o || (o = !J(u) || u !== this._$AH[d]), u === w ? e = w : e !== w && (e += (u ?? "") + n[d + 1]), this._$AH[d] = u;
     }
     o && !i && this.j(e);
   }
@@ -662,14 +662,14 @@ class Ir {
     O(this, e);
   }
 }
-const Or = j.litHtmlPolyfillSupport;
-Or?.(J, Q), (j.litHtmlVersions ?? (j.litHtmlVersions = [])).push("3.3.1");
-const Pr = (t, e, r) => {
+const Or = U.litHtmlPolyfillSupport;
+Or?.(Y, ee), (U.litHtmlVersions ?? (U.litHtmlVersions = [])).push("3.3.1");
+const Br = (t, e, r) => {
   const a = r?.renderBefore ?? e;
   let i = a._$litPart$;
   if (i === void 0) {
     const n = r?.renderBefore ?? null;
-    a._$litPart$ = i = new Q(e.insertBefore(K(), n), n, void 0, r ?? {});
+    a._$litPart$ = i = new ee(e.insertBefore(G(), n), n, void 0, r ?? {});
   }
   return i._$AI(t), i;
 };
@@ -678,14 +678,14 @@ const Pr = (t, e, r) => {
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-F.State;
-F.Computed;
-const it = (t, e) => new F.State(t, e), Br = {
+K.State;
+K.Computed;
+const it = (t, e) => new K.State(t, e), Pr = {
   mode: "auto",
   baseWidth: 280,
   minScale: 0.75,
   maxScale: 2
-}, P = it(1), Y = it(Br);
+}, B = it(1), X = it(Pr);
 function nt() {
   if (typeof navigator > "u" || typeof window > "u")
     return !1;
@@ -707,7 +707,7 @@ function Dr() {
     screenHeight: o
   };
 }
-function Rr(t, e = Y.get()) {
+function Rr(t, e = X.get()) {
   if (e.mode === "fixed")
     return 1;
   const r = t / e.baseWidth, a = Math.max(
@@ -717,43 +717,43 @@ function Rr(t, e = Y.get()) {
   return Number(a.toFixed(3));
 }
 function Ta(t) {
-  const r = { ...Y.get(), ...t };
-  Y.set(r), typeof window < "u" && Kt();
+  const r = { ...X.get(), ...t };
+  X.set(r), typeof window < "u" && Kt();
 }
 function Kt() {
   if (typeof window > "u" || typeof document > "u")
     return;
   if (!nt()) {
-    P.set(1), document.documentElement.style.setProperty("--sf", "1"), window.dispatchEvent(
+    B.set(1), document.documentElement.style.setProperty("--sf", "1"), window.dispatchEvent(
       new CustomEvent("scaling-changed", {
-        detail: { scalingFactor: 1, config: Y.get() }
+        detail: { scalingFactor: 1, config: X.get() }
       })
     );
     return;
   }
-  const e = document.documentElement.clientWidth, r = Y.get(), a = Rr(e, r);
-  P.set(a), document.documentElement.style.setProperty("--sf", a.toString()), window.dispatchEvent(
+  const e = document.documentElement.clientWidth, r = X.get(), a = Rr(e, r);
+  B.set(a), document.documentElement.style.setProperty("--sf", a.toString()), window.dispatchEvent(
     new CustomEvent("scaling-changed", {
       detail: { scalingFactor: a, config: r }
     })
   );
 }
 function Na() {
-  return P.get();
+  return B.get();
 }
 function Za(t) {
-  return t * P.get();
+  return t * B.get();
 }
 function za(t) {
-  const e = P.get();
+  const e = B.get();
   return e === 0 ? t : t / e;
 }
-function ae() {
+function ie() {
   const t = Dr();
   if (typeof document > "u")
     return t;
   t.isMobile ? (document.documentElement.classList.add("mobile"), document.documentElement.classList.remove("desktop")) : (document.documentElement.classList.add("desktop"), document.documentElement.classList.remove("mobile")), Kt();
-  const e = P.get();
+  const e = B.get();
   return t.isMobile ? console.log(
     `[DS one] Mobile device detected - ${t.deviceType} (${t.screenWidth}x${t.screenHeight}), scaling factor: ${e.toFixed(2)}`
   ) : console.log(
@@ -771,15 +771,15 @@ function ae() {
 }
 if (typeof window < "u") {
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-    ae();
-  }) : ae();
+    ie();
+  }) : ie();
   let t;
   window.addEventListener("resize", () => {
     clearTimeout(t), t = setTimeout(() => {
-      ae();
+      ie();
     }, 100);
   }), window.addEventListener("orientationchange", () => {
-    setTimeout(ae, 100);
+    setTimeout(ie, 100);
   });
 }
 function Ia() {
@@ -853,7 +853,7 @@ function Ia() {
     o
   );
 }
-let jr = {};
+let Ur = {};
 const Gt = [
   "da",
   "de",
@@ -865,7 +865,7 @@ const Gt = [
   "pt",
   "sv",
   "zh"
-], Ur = new Map(
+], jr = new Map(
   Gt.map((t, e) => [t, e])
 ), Ct = {
   da: "Danish",
@@ -964,15 +964,15 @@ async function _t() {
   ), !1;
 }
 function ke() {
-  return typeof window < "u" && window.DS_ONE_TRANSLATIONS ? window.DS_ONE_TRANSLATIONS : jr;
+  return typeof window < "u" && window.DS_ONE_TRANSLATIONS ? window.DS_ONE_TRANSLATIONS : Ur;
 }
 let _ = ke();
 const E = "en";
-function ee(t) {
+function te(t) {
   return t ? t.toLowerCase().split(/[-_]/)[0] ?? "" : "";
 }
 function At(t) {
-  const e = ee(t), r = Ur.get(e);
+  const e = te(t), r = jr.get(e);
   return typeof r == "number" ? r : Gt.length;
 }
 function Yt(t) {
@@ -992,7 +992,7 @@ function Gr(t, e) {
       const i = e.replace("_", "-"), n = a.of(i);
       if (n && n !== i)
         return n;
-      const o = a.of(ee(i));
+      const o = a.of(te(i));
       if (o)
         return o;
     } catch {
@@ -1005,7 +1005,7 @@ function Jr(t) {
   const e = t.toLowerCase().replace("_", "-"), r = Ct[e];
   if (r)
     return r;
-  const a = ee(e);
+  const a = te(e);
   return Ct[a];
 }
 function Yr(t, e = {}) {
@@ -1025,10 +1025,10 @@ function Yr(t, e = {}) {
   const i = Jr(t);
   if (i)
     return i;
-  const n = ee(t);
+  const n = te(t);
   return n ? n.toUpperCase() : t;
 }
-const St = {
+const Ht = {
   da: "da",
   "da-dk": "da",
   de: "de",
@@ -1056,13 +1056,13 @@ const St = {
   "zh-tw": "zh",
   "zh-hant": "zh"
 };
-function Vt(t) {
+function St(t) {
   if (!t)
     return null;
-  const e = t.toLowerCase().replace("_", "-"), r = St[e];
+  const e = t.toLowerCase().replace("_", "-"), r = Ht[e];
   if (r)
     return r;
-  const a = ee(e), i = St[a];
+  const a = te(e), i = Ht[a];
   return i || t;
 }
 function Xr() {
@@ -1070,13 +1070,13 @@ function Xr() {
     return E;
   const t = navigator.language;
   if (t) {
-    const e = Vt(t);
+    const e = St(t);
     if (e)
       return e;
   }
   if (Array.isArray(navigator.languages))
     for (const e of navigator.languages) {
-      const r = Vt(e);
+      const r = St(e);
       if (r)
         return r;
     }
@@ -1085,7 +1085,7 @@ function Xr() {
 typeof window < "u" && window.localStorage?.getItem(
   "ds-one:language"
 );
-const L = {
+const C = {
   value: localStorage.getItem("language") || Xr(),
   set: function(t) {
     this.value = t, localStorage.setItem("language", t), window.dispatchEvent(
@@ -1102,7 +1102,7 @@ typeof window < "u" && (document.readyState === "loading" ? document.addEventLis
 }) : _t());
 typeof window < "u" && window.addEventListener("translations-ready", () => {
   _ = ke(), window.dispatchEvent(new CustomEvent("translations-loaded"));
-  const t = L.value;
+  const t = C.value;
   window.dispatchEvent(
     new CustomEvent("language-changed", {
       detail: { language: t },
@@ -1113,7 +1113,7 @@ typeof window < "u" && window.addEventListener("translations-ready", () => {
 });
 setTimeout(() => {
   window.dispatchEvent(new CustomEvent("translations-loaded"));
-  const t = L.value;
+  const t = C.value;
   window.dispatchEvent(
     new CustomEvent("language-changed", {
       detail: { language: t },
@@ -1122,22 +1122,22 @@ setTimeout(() => {
     })
   );
 }, 100);
-function U(t) {
-  const e = L.value;
+function j(t) {
+  const e = C.value;
   return _?.[e]?.[t] ? _[e][t] : e !== E && _?.[E]?.[t] ? _[E][t] : (console.warn(
     `[DS one (Internationalization)] No translation found for key "${t}"`
   ), t);
 }
-function Oa(t, e = L.value) {
+function Oa(t, e = C.value) {
   if (!t)
     return !1;
   const r = _?.[e];
   return !!(r && Object.prototype.hasOwnProperty.call(r, t) || e !== E && _?.[E] && Object.prototype.hasOwnProperty.call(_[E], t));
 }
-function ne(t) {
-  return U(t);
+function q(t) {
+  return j(t);
 }
-function Pa() {
+function Ba() {
   const t = ke();
   if (t && Object.keys(t).length > 0) {
     const e = Object.keys(t);
@@ -1145,11 +1145,11 @@ function Pa() {
   }
   return Promise.resolve([E]);
 }
-function Ht() {
+function Vt() {
   const t = ke();
   return t && Object.keys(t).length > 0 ? Yt(Object.keys(t)) : [E];
 }
-function Ba(t, e) {
+function Pa(t, e) {
   console.log(
     `Loading additional translations for ${t}:`,
     Object.keys(e).length,
@@ -1157,7 +1157,7 @@ function Ba(t, e) {
   );
 }
 function Mt(t) {
-  localStorage.setItem("language", t), L.set(t), window.dispatchEvent(
+  localStorage.setItem("language", t), C.set(t), window.dispatchEvent(
     new CustomEvent("language-changed", {
       detail: { language: t },
       bubbles: !0,
@@ -1208,9 +1208,9 @@ function ea() {
   const t = window.localStorage?.getItem("ds-one:theme");
   return t === "light" || t === "dark" ? t : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-const X = it(ea());
+const Q = it(ea());
 function ta(t) {
-  if (t !== X.get() && (X.set(t), typeof window < "u")) {
+  if (t !== Q.get() && (Q.set(t), typeof window < "u")) {
     try {
       window.localStorage?.setItem("ds-one:theme", t);
     } catch (r) {
@@ -1223,7 +1223,7 @@ function ta(t) {
   }
 }
 if (typeof window < "u") {
-  const t = X.get(), e = window.document?.documentElement;
+  const t = Q.get(), e = window.document?.documentElement;
   e && (e.classList.remove("light-theme", "dark-theme"), e.classList.add(`${t}-theme`));
 }
 /**
@@ -1273,7 +1273,7 @@ const x = (t) => new Xt(typeof t == "string" ? t : t + "", void 0, st), lt = (t,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: aa, defineProperty: ia, getOwnPropertyDescriptor: na, getOwnPropertyNames: oa, getOwnPropertySymbols: sa, getPrototypeOf: la } = Object, A = globalThis, Zt = A.trustedTypes, da = Zt ? Zt.emptyScript : "", ca = A.reactiveElementPolyfillSupport, q = (t, e) => t, Ne = { toAttribute(t, e) {
+const { is: aa, defineProperty: ia, getOwnPropertyDescriptor: na, getOwnPropertyNames: oa, getOwnPropertySymbols: sa, getPrototypeOf: la } = Object, A = globalThis, Zt = A.trustedTypes, da = Zt ? Zt.emptyScript : "", ca = A.reactiveElementPolyfillSupport, W = (t, e) => t, Ne = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? da : null;
@@ -1331,13 +1331,13 @@ class Z extends HTMLElement {
     return this.elementProperties.get(e) ?? zt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(q("elementProperties"))) return;
+    if (this.hasOwnProperty(W("elementProperties"))) return;
     const e = la(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(q("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(q("properties"))) {
+    if (this.hasOwnProperty(W("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
       const r = this.properties, a = [...oa(r), ...sa(r)];
       for (const i of a) this.createProperty(i, r[i]);
     }
@@ -1484,13 +1484,13 @@ class Z extends HTMLElement {
   firstUpdated(e) {
   }
 }
-Z.elementStyles = [], Z.shadowRootOptions = { mode: "open" }, Z[q("elementProperties")] = /* @__PURE__ */ new Map(), Z[q("finalized")] = /* @__PURE__ */ new Map(), ca?.({ ReactiveElement: Z }), (A.reactiveElementVersions ?? (A.reactiveElementVersions = [])).push("2.1.1");
+Z.elementStyles = [], Z.shadowRootOptions = { mode: "open" }, Z[W("elementProperties")] = /* @__PURE__ */ new Map(), Z[W("finalized")] = /* @__PURE__ */ new Map(), ca?.({ ReactiveElement: Z }), (A.reactiveElementVersions ?? (A.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const W = globalThis;
+const F = globalThis;
 class f extends Z {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -1502,7 +1502,7 @@ class f extends Z {
   }
   update(e) {
     const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Pr(r, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Br(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -1514,11 +1514,11 @@ class f extends Z {
     return M;
   }
 }
-f._$litElement$ = !0, f.finalized = !0, W.litElementHydrateSupport?.({ LitElement: f });
-const ha = W.litElementPolyfillSupport;
+f._$litElement$ = !0, f.finalized = !0, F.litElementHydrateSupport?.({ LitElement: f });
+const ha = F.litElementPolyfillSupport;
 ha?.({ LitElement: f });
-(W.litElementVersions ?? (W.litElementVersions = [])).push("4.2.1");
-const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-start;height:calc(16px * var(--sf));font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:calc(var(--type-lineheight-default) * var(--sf));letter-spacing:calc(var(--type-letterspacing-default) * var(--sf));text-align:left;text-transform:var(--text-transform-default);text-decoration:var(--text-decoration-default);vertical-align:middle;white-space:nowrap}:host([data-language="ja"]){font-family:var(--typeface-regular-jp)}:host([data-language="zh"]),:host([data-language="zh-hant"]){font-family:var(--typeface-regular-zh-hant);font-weight:800}:host([data-language="zh-hans"]){font-family:var(--typeface-regular-zh-hans);font-weight:800}', dt = class dt extends f {
+(F.litElementVersions ?? (F.litElementVersions = [])).push("4.2.1");
+const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-start;height:calc(16px * var(--sf));font-family:var(--typeface-regular);font-size:var(--type-size-default);font-weight:var(--type-weight-default);line-height:calc(var(--type-lineheight-default) * var(--sf));letter-spacing:calc(var(--type-letterspacing-default) * var(--sf));text-align:left;text-transform:var(--text-transform-default);text-decoration:var(--text-decoration-default);vertical-align:middle;white-space:nowrap;color:inherit}:host([data-language="ja"]){font-family:var(--typeface-regular-jp)}:host([data-language="zh"]),:host([data-language="zh-hant"]){font-family:var(--typeface-regular-zh-hant);font-weight:800}:host([data-language="zh-hans"]){font-family:var(--typeface-regular-zh-hans);font-weight:800}:host span{color:inherit}', dt = class dt extends f {
   static get properties() {
     return {
       text: { type: String, reflect: !0 },
@@ -1526,14 +1526,14 @@ const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-st
     };
   }
   constructor() {
-    super(), this.text = "", this._text = "", this._currentLanguage = L.value, this.boundHandlers = {
+    super(), this.text = "", this._text = "", this._currentLanguage = C.value, this.boundHandlers = {
       languageChanged: (() => {
-        console.log("Language changed event received in ds-text"), this._currentLanguage = L.value, this._updateLanguageAttribute(), this._loadText(), this.requestUpdate();
+        console.log("Language changed event received in ds-text"), this._currentLanguage = C.value, this._updateLanguageAttribute(), this._loadText(), this.requestUpdate();
       })
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this._currentLanguage = L.value, this._updateLanguageAttribute(), this._loadText(), window.addEventListener(
+    super.connectedCallback(), this._currentLanguage = C.value, this._updateLanguageAttribute(), this._loadText(), window.addEventListener(
       "language-changed",
       this.boundHandlers.languageChanged
     ), window.addEventListener(
@@ -1554,7 +1554,7 @@ const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-st
     super.updated(e), e.has("text") && this._loadText();
   }
   _updateLanguageAttribute() {
-    const r = (this._currentLanguage || L.value || "").toLowerCase().split(/[-_]/).filter(Boolean), a = r[0] || "";
+    const r = (this._currentLanguage || C.value || "").toLowerCase().split(/[-_]/).filter(Boolean), a = r[0] || "";
     if (a === "ja") {
       this.setAttribute("data-language", "ja");
       return;
@@ -1572,7 +1572,7 @@ const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-st
       return;
     }
     try {
-      const e = ne(this.text);
+      const e = q(this.text);
       this._text = e || this.text;
     } catch (e) {
       console.error("Error loading text for text:", this.text, e), this._text = this.text;
@@ -1586,7 +1586,7 @@ const ua = ':host{display:inline-flex;align-items:center;justify-content:flex-st
 dt.styles = x(ua);
 let Ze = dt;
 customElements.define("ds-text", Ze);
-const pa = ":host{display:inline-flex;min-width:0;flex:0 1 auto;max-width:100%;overflow:hidden}button{max-height:calc(var(--08) * var(--sf));height:calc(var(--08) * var(--sf));min-height:calc(var(--08) * var(--sf));width:100%;max-width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;border:none;cursor:pointer;padding:0;color:var(--button-color, var(--button-text-color));font-family:var(--typeface-regular);-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:transparent;text-decoration:none}button ds-text,button ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:left;justify-content:flex-start}button[primary]{background-color:var(--accent-color);color:var(--button-text-color);text-decoration-line:none;font-family:var(--typeface-regular);padding:0 calc(.5px * var(--sf))}button[secondary]{background-color:var(--button-background-color-secondary);color:var(--button-text-color);font-family:var(--typeface-regular);padding:0 calc(.5px * var(--sf))}.loading{opacity:.7}", de = class de extends f {
+const pa = ":host{display:inline-flex;min-width:0;flex:0 1 auto;max-width:100%;overflow:hidden}button{max-height:calc(var(--08) * var(--sf));height:calc(var(--08) * var(--sf));min-height:calc(var(--08) * var(--sf));width:100%;max-width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;border:none;cursor:pointer;padding:0;color:var(--button-color, var(--button-text-color));font-family:var(--typeface-regular);-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:transparent;text-decoration:none}button ds-text,button ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:left;justify-content:flex-start;color:inherit}button[primary]{background-color:var(--accent-color);color:var(--button-text-color-on-light, var(--black));text-decoration-line:none;font-family:var(--typeface-regular);padding:0 calc(.5px * var(--sf))}button[secondary]{background-color:var(--button-background-color-secondary);color:var(--button-text-color-on-light, var(--black));font-family:var(--typeface-regular);padding:0 calc(.5px * var(--sf))}.loading{opacity:.7}", de = class de extends f {
   constructor() {
     super(), this.primary = !1, this.secondary = !1, this.disabled = !1, this.blank = !1, this.language = "en-US", this.text = "", this.href = "", this._loading = !1;
   }
@@ -1646,7 +1646,7 @@ const ga = ':host{display:flex;position:absolute;top:0;left:0;right:0;width:100%
     if (this.href && this.href !== "#") return this.href;
     if (this.mailto)
       try {
-        const e = this.subject ? ne(this.subject) || this.subject : "Issue report", r = this.describe ? ne(this.describe) || this.describe : "Describe the issue:", a = this.appVersion ? ne(this.appVersion) || this.appVersion : "App version:", i = `${r}
+        const e = this.subject ? q(this.subject) || this.subject : "Issue report", r = this.describe ? q(this.describe) || this.describe : "Describe the issue:", a = this.appVersion ? q(this.appVersion) || this.appVersion : "App version:", i = `${r}
 
 
 ${a} ${this.version || ""}`;
@@ -1802,7 +1802,7 @@ customElements.define("ds-card", Oe);
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Pe extends Ar {
+class Be extends Ar {
   constructor(e) {
     if (super(e), this.it = w, e.type !== $r.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -1816,8 +1816,8 @@ class Pe extends Ar {
     return r.raw = r, this._t = { _$litType$: this.constructor.resultType, strings: r, values: [] };
   }
 }
-Pe.directiveName = "unsafeHTML", Pe.resultType = 1;
-const va = _r(Pe), fa = ':host{display:inline-flex;justify-content:center;align-items:center;width:calc(14px * var(--sf, 1));height:calc(14px * var(--sf, 1));color:var(--icon-color, currentColor);background:transparent}:host([variant="glyph"]),:host(:not([variant])){color:var(--icon-color, currentColor);background:transparent}:host([variant="primary"]){color:var(--icon-color, var(--button-text-color, currentColor));background:var(--accent-color)}:host([variant="secondary"]){color:var(--icon-color, var(--icon-color, currentColor));background:var( --icon-background, light-dark(var(--slate-light, #e6e6e6), var(--slate-dark, #3c3c3c)) )}svg{display:block;width:calc(14px * var(--sf, 1));height:calc(14px * var(--sf, 1))}', ma = {
+Be.directiveName = "unsafeHTML", Be.resultType = 1;
+const va = _r(Be), fa = ':host{display:inline-flex;justify-content:center;align-items:center;width:calc(14px * var(--sf, 1));height:calc(14px * var(--sf, 1));color:var(--icon-color, currentColor);background:transparent}:host([variant="glyph"]),:host(:not([variant])){color:var(--icon-color, currentColor);background:transparent}:host([variant="primary"]){color:var(--icon-color, var(--button-text-color, currentColor));background:var(--accent-color)}:host([variant="secondary"]){color:var(--icon-color, var(--icon-color, currentColor));background:var( --icon-background, light-dark(var(--slate-light, #e6e6e6), var(--slate-dark, #3c3c3c)) )}svg{display:block;width:calc(14px * var(--sf, 1));height:calc(14px * var(--sf, 1))}', ma = {
   "1x": `<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M2.20008 2.1176C1.96088 2.3776 1.48248 2.5024 1.09768 2.5024H0.848083V1.4H1.01448C1.68008 1.4 2.21048 1.0464 2.41848 0.307999H3.39608V7.692H2.20008V2.1176Z" fill="#2A2A2A"/>
 <path d="M4.27992 7.692L5.81912 4.9776L4.39432 2.492H5.68392L6.30792 3.7816C6.41192 3.9896 6.48472 4.1456 6.52632 4.312H6.54712C6.57832 4.156 6.65112 3.9792 6.75512 3.7712L7.33752 2.492H8.60632L7.21272 5.0088L8.75192 7.692H7.44152L6.72392 6.2672C6.61992 6.0592 6.53672 5.872 6.50552 5.7368H6.48472C6.45352 5.8512 6.37032 6.0488 6.25592 6.2672L5.53832 7.692H4.27992Z" fill="#2A2A2A"/>
@@ -1945,6 +1945,9 @@ const va = _r(Pe), fa = ':host{display:inline-flex;justify-content:center;align-
 </svg>`,
   email: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11" fill="none">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0871 0.989435L0.930906 0.988037L0.930542 11L13.0753 11H14.0871V0.989435ZM7.50709 8.0566L1.94249 2.49201L1.94248 9.98814H13.0753V2.48839L7.50709 8.0566ZM2.85116 2L7.50709 6.65593L12.1515 1.99952L2.85116 2Z" fill="currentColor"/>
+</svg>`,
+  exercise: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.11131 4.50523C8.89226 4.50523 8.69548 4.45325 8.52098 4.3493C8.34648 4.24163 8.20539 4.10054 8.09772 3.92604C7.99377 3.75154 7.94179 3.55662 7.94179 3.34128C7.94179 3.12594 7.99377 2.93102 8.09772 2.75652C8.20539 2.5783 8.34648 2.43722 8.52098 2.33326C8.69548 2.2293 8.89226 2.17732 9.11131 2.17732C9.32665 2.17732 9.52157 2.2293 9.69607 2.33326C9.87057 2.43722 10.0098 2.5783 10.1138 2.75652C10.2214 2.93102 10.2753 3.12594 10.2753 3.34128C10.2753 3.55662 10.2214 3.75154 10.1138 3.92604C10.0098 4.10054 9.87057 4.24163 9.69607 4.3493C9.52157 4.45325 9.32665 4.50523 9.11131 4.50523ZM7.29019 9.12207C7.13797 9.03668 6.98389 8.94386 6.82795 8.84361C6.67202 8.73965 6.55692 8.60228 6.48267 8.43149C6.40841 8.25699 6.41584 8.01938 6.50494 7.71864L6.9282 6.19269C6.9579 6.09616 6.94305 6.0219 6.88365 5.96992C6.82424 5.91794 6.7537 5.89567 6.67202 5.90309L5.93132 5.95322L5.70855 7.49031C5.66029 7.83559 5.48022 7.99524 5.16834 7.96925C5.01983 7.9544 4.90659 7.89314 4.82862 7.78547C4.75066 7.67409 4.72281 7.53486 4.74509 7.36778L5.00127 5.47984C5.01983 5.3239 5.07738 5.19952 5.17391 5.1067C5.27044 5.01388 5.39482 4.9619 5.54705 4.95077L7.40715 4.82268C7.89723 4.78555 8.30193 4.83753 8.62123 4.97861C8.94052 5.11598 9.22084 5.34989 9.46217 5.68033L10.3755 6.94453L11.701 6.3542C11.8495 6.28737 11.985 6.27251 12.1075 6.30964C12.2338 6.34677 12.3284 6.43402 12.3915 6.57139C12.4584 6.70877 12.4658 6.83871 12.4138 6.96123C12.3618 7.08376 12.2597 7.17843 12.1075 7.24526L10.4256 7.9971C10.3143 8.04908 10.1992 8.05836 10.0803 8.02495C9.96525 7.99153 9.87429 7.92284 9.80746 7.81889L9.21713 6.9668C9.16143 6.88512 9.09089 6.84985 9.0055 6.86099C8.9201 6.87213 8.86441 6.92596 8.83842 7.0225L8.44301 8.38137L10.4312 9.68456C10.5834 9.7848 10.6688 9.9296 10.6874 10.119C10.7059 10.3083 10.6503 10.4568 10.5203 10.5645L8.69362 12.1183C8.54511 12.2445 8.3966 12.3021 8.24809 12.2909C8.10329 12.2835 7.98634 12.2297 7.89723 12.1294C7.81184 12.0292 7.77286 11.9085 7.78028 11.7674C7.78771 11.6226 7.86382 11.4908 8.00862 11.372L9.30066 10.2526L7.29019 9.12207ZM3.73707 13.6999C3.6294 13.6034 3.56814 13.4772 3.55329 13.3212C3.54215 13.1653 3.60712 13.0186 3.74821 12.8813L5.53034 11.1103L6.15409 8.89373C6.25062 9.01997 6.37128 9.13878 6.51608 9.25016C6.66088 9.35783 6.83352 9.46736 7.03401 9.57874L7.2178 9.68456L6.50494 11.5224C6.46039 11.6338 6.42326 11.7117 6.39356 11.7563C6.36386 11.7971 6.31188 11.8547 6.23762 11.9289L4.51675 13.6275C4.38309 13.7575 4.24572 13.8224 4.10463 13.8224C3.96355 13.8262 3.84103 13.7853 3.73707 13.6999Z" fill="currentColor"/>
 </svg>`,
   expand: `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
   <path d="M0 5.81415V0H5.80924L5.81842 0.990424H1.70698L11.0089 10.2943L10.9997 6.18585H12V12H6.19076L6.18158 11.0096H10.293L0.99115 1.70573L1.00033 5.81415H0Z" fill="currentColor"/>
@@ -2015,6 +2018,14 @@ const va = _r(Pe), fa = ':host{display:inline-flex;justify-content:center;align-
 </svg>`,
   left: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9" viewBox="0 0 16 9" fill="none">
   <path d="M1.90697 3.60594H15.0636V4.61651L1.90734 4.61791L4.81456 7.52513L4.10774 8.21898L-1.23978e-05 4.11123L4.11122 0L4.81855 0.707338L1.90697 3.60594Z" fill="currentColor"/>
+</svg>`,
+  life: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.76595 12.3556L12.2336 12.3556V13.3529L4.76332 13.3529L3.76595 13.3529V12.3556Z" fill="currentColor"/>
+<path d="M4.76332 13.3529L3.76595 13.3529V7.16597L4.76329 7.16597L4.76332 13.3529Z" fill="currentColor"/>
+<path d="M12.2336 13.3529H11.2363L11.2363 7.16599L12.2336 7.16597V13.3529Z" fill="currentColor"/>
+<path d="M11.6251 6.4395H10.6278L10.6278 4.16374L11.6251 4.16372V6.4395Z" fill="currentColor"/>
+<path d="M7.99993 2.64708L13.4713 8.11835L12.7661 8.82358L7.2947 3.35231L7.99993 2.64708Z" fill="currentColor"/>
+<path d="M3.23393 8.82358L2.52869 8.11832L7.99993 2.64708L8.70517 3.3523L3.23393 8.82358Z" fill="currentColor"/>
 </svg>`,
   lock: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.60742C9.53669 2.60746 10.7822 3.85296 10.7822 5.38965V7.64746H11.5996V13.3926H4.40039V7.64746H5.21777V5.38965C5.21779 3.85295 6.4633 2.60744 8 2.60742ZM8 3.62695C7.02663 3.62697 6.23733 4.41628 6.2373 5.38965V7.64746H9.7627V5.38965C9.76267 4.41629 8.97336 3.62699 8 3.62695Z" fill="#1E1E1E"/>
@@ -2051,12 +2062,21 @@ const va = _r(Pe), fa = ':host{display:inline-flex;justify-content:center;align-
 </svg>`,
   plus: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.50235 2.6739L8.4996 7.5035L13.3334 7.51044L13.325 8.50193L8.49328 8.49569L8.49951 13.3274L7.49764 13.3268L7.50039 8.49717L2.66663 8.49024L2.67503 7.49875L7.50672 7.50499L7.50117 2.67261L8.50235 2.6739Z" fill="#1E1E1E"/>
+</svg>`,
+  rewind: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0098 8.4352C12.0098 6.22054 10.2147 4.42544 8 4.42544V5.44497C9.65133 5.44497 10.9902 6.78387 10.9902 8.4352C10.9902 10.0865 9.65133 11.4254 8 11.4254C6.34867 11.4254 5.00977 10.0865 5.00977 8.4352H3.99023C3.99023 10.6499 5.78534 12.445 8 12.445C10.2147 12.445 12.0098 10.6499 12.0098 8.4352Z" fill="#1E1E1E"/>
+<path d="M10.8353 5.59987C9.26933 4.03387 6.73067 4.03387 5.16467 5.59987L5.88559 6.32079C7.05325 5.15312 8.94675 5.15312 10.1144 6.32079C11.2821 7.48845 11.2821 9.38195 10.1144 10.5496C8.94675 11.7173 7.05325 11.7173 5.88559 10.5496L5.16467 11.2705C6.73067 12.8365 9.26933 12.8365 10.8353 11.2705C12.4013 9.70453 12.4013 7.16587 10.8353 5.59987Z" fill="#1E1E1E"/>
+<path d="M5.15847 5.59315L5.8743 6.30846H7.93002V7.29888H4.16732V3.53894H5.16306L5.15847 5.59315Z" fill="#1E1E1E"/>
 </svg>`,
   right: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.1566 8.60594H0V9.61651L13.1562 9.61791L10.249 12.5251L10.9558 13.219L15.0636 9.11123L10.9524 5L10.245 5.70734L13.1566 8.60594Z" fill="#1E1E1E"/>
 </svg>`,
   row: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.87698 4.67614L8.01617 0.536957L12.1488 4.66961L11.4503 5.38124L8.5254 2.45639L8.49306 13.5436L11.4114 10.6122L12.123 11.3239L7.98382 15.463L3.85117 11.3304L4.54974 10.6188L7.47459 13.5436L7.50693 2.45639L4.58861 5.38777L3.87698 4.67614Z" fill="#1E1E1E"/>
+</svg>`,
+  school: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.48751 11.2972L10.4354 11.2964H5.49535L5.48751 11.2972Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.49535 13.0423C4.81691 13.0423 4.2588 12.5265 4.19152 11.8658L4.18468 4.00851C4.18468 3.42828 4.65521 2.95775 5.23544 2.95775H10.7646C11.3448 2.95775 11.8153 3.42829 11.8153 4.00851V10.4123C11.8153 10.7646 11.6092 11.0692 11.3109 11.2115V12.1689C11.5526 12.169 11.7527 12.3649 11.7527 12.6066C11.7527 12.8483 11.5526 13.0421 11.3109 13.0423H5.49535ZM5.06017 11.7316C5.06017 11.5214 5.20914 11.3456 5.40729 11.3049L5.48751 11.2972L5.49535 11.2964H10.4354V12.1668H5.49535L5.40729 12.1574C5.20923 12.1167 5.06023 11.9417 5.06017 11.7316ZM10.798 4.09446H5.20187V5.49349H10.798V4.09446Z" fill="currentColor"/>
 </svg>`,
   sdown: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.50361 11.1717L8.50222 2.92134L7.49165 2.92134L7.49165 11.1713L4.58442 8.26409L3.89058 8.97091L7.99833 13.0787L12.1096 8.96744L11.4022 8.2601L8.50361 11.1717Z" fill="#1E1E1E"/>
@@ -2146,6 +2166,9 @@ const va = _r(Pe), fa = ':host{display:inline-flex;justify-content:center;align-
 </svg>`,
   up: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.49645 3.48222V16H8.50702L8.50841 3.48259L11.4156 6.38982L12.1095 5.68299L8.00173 1.57524L3.8905 5.68647L4.59784 6.39381L7.49645 3.48222Z" fill="#1E1E1E"/>
+</svg>`,
+  work: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8153 4.78289C13.8153 4.20267 13.3448 3.73213 12.7646 3.73213H8H3.23544C2.65521 3.73213 2.18468 4.20267 2.18468 4.78289V7.31419H13.8153L13.8153 4.78289ZM2.18468 8V11.2171C2.18468 11.7973 2.65521 12.2679 3.23544 12.2679H12.7646C13.3448 12.2679 13.8153 11.7973 13.8153 11.2171L13.8153 8L9.33239 7.98014V8.63222C9.33239 8.92233 9.09712 9.1576 8.807 9.1576H8H7.19299C6.90287 9.1576 6.66761 8.92233 6.66761 8.63222V7.98014L2.18468 8Z" fill="currentColor"/>
 </svg>`
 }, ue = class ue extends f {
   constructor() {
@@ -2169,11 +2192,11 @@ ue.properties = {
   type: { type: String, reflect: !0 },
   variant: { type: String, reflect: !0 }
 }, ue.styles = x(fa);
-let Be = ue;
-customElements.define("ds-icon", Be);
+let Pe = ue;
+customElements.define("ds-icon", Pe);
 const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-flex;align-items:center}", ya = (t) => {
   localStorage.setItem("accentColor", t);
-}, De = () => localStorage.getItem("accentColor") || "--sharp-blue", He = () => {
+}, De = () => localStorage.getItem("accentColor") || "--sharp-blue", Ve = () => {
   const t = De();
   document.documentElement.style.setProperty("--accent-color", `var(${t})`);
 }, ba = (t) => {
@@ -2224,11 +2247,11 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   }
   async initializeValues() {
     if (this.type === "language") {
-      const e = Ht();
-      this.values = e, this.currentValue = L.value;
+      const e = Vt();
+      this.values = e, this.currentValue = C.value;
     } else if (this.type === "theme") {
       this.values = ["light", "dark"];
-      const e = X.get();
+      const e = Q.get();
       this.currentValue = e;
     } else if (this.type === "accent-color") {
       this.values = [
@@ -2242,7 +2265,7 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
         "--yellow"
       ];
       const e = De();
-      this.currentValue = e, He();
+      this.currentValue = e, Ve();
     } else if (this.type === "notes-style-medium") {
       this.values = ["default", "big", "gallery"];
       const e = It();
@@ -2269,14 +2292,14 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   }
   async setupInitialValue() {
     if (this.type === "language") {
-      const e = L.value;
+      const e = C.value;
       this.currentValue = e;
     } else if (this.type === "theme") {
-      const e = X.get();
+      const e = Q.get();
       this.currentValue = e;
     } else if (this.type === "accent-color") {
       const e = De();
-      this.currentValue = e, He();
+      this.currentValue = e, Ve();
     } else if (this.type === "notes-style-medium") {
       const e = It();
       this.currentValue = e;
@@ -2328,7 +2351,7 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
         this.currentValue = i, ta(i), N({ theme: i });
       } else if (this.type === "accent-color") {
         const a = (this.values.indexOf(this.currentValue) + 1) % this.values.length, i = this.values[a];
-        this.currentValue = i, ya(i), He(), N({ accentColor: i }), window.dispatchEvent(
+        this.currentValue = i, ya(i), Ve(), N({ accentColor: i }), window.dispatchEvent(
           new CustomEvent("accent-color-changed", {
             detail: { color: i }
           })
@@ -2361,11 +2384,11 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   getValueDisplay(e) {
     if (this.type === "language")
       return Yr(e, {
-        locale: L.value
+        locale: C.value
       });
     if (this.type === "theme") {
       if (this.translationsReady) {
-        const r = U(e);
+        const r = j(e);
         if (r && r !== e)
           return r;
       }
@@ -2377,7 +2400,7 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
         return this.getNotesStyleIcon(e);
       if (this.type === "page-style") {
         if (this.translationsReady) {
-          const r = U(e === "note" ? "Note" : "Page");
+          const r = j(e === "note" ? "Note" : "Page");
           if (r && r !== (e === "note" ? "Note" : "Page"))
             return r;
         }
@@ -2411,7 +2434,7 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
       "--pink": "Pink"
     }[e];
     if (a && this.translationsReady) {
-      const i = U(a);
+      const i = j(a);
       if (i && i !== a)
         return i;
     }
@@ -2464,7 +2487,7 @@ const wa = ":host{display:inline-flex;align-items:center}.cycle{display:inline-f
   }
   handleTranslationsLoaded() {
     if (this.translationsReady = !0, this.type === "language") {
-      const e = Ht();
+      const e = Vt();
       this.values = e;
     }
     this.setupInitialValue();
@@ -2492,11 +2515,14 @@ const xa = ":host{display:inline;font-family:var(--typeface-regular, var(--typef
   }
 };
 ht.styles = x(xa);
-let je = ht;
-customElements.define("ds-date", je);
+let Ue = ht;
+customElements.define("ds-date", Ue);
 const Ca = ':host{display:block;width:100%;--gap-size: var(--unit);height:var(--gap-size);flex:0 0 auto}:host([tenth]){--gap-size: var(--tenth)}:host([quarter]){--gap-size: var(--quarter)}:host([half]){--gap-size: var(--half)}:host([eight-tenth]){--gap-size: var(--eight-tenth)}:host([unit]){--gap-size: var(--unit)}:host([double]){--gap-size: var(--double)}:host([triple]){--gap-size: var(--triple)}:host([quad]){--gap-size: var(--quad)}:host([oct]){--gap-size: var(--oct)}:host([dozen]){--gap-size: var(--dozen)}:host([size="01"]){--gap-size: var(--01)}:host([size="025"]){--gap-size: var(--025)}:host([size="05"]){--gap-size: var(--05)}:host([size="08"]){--gap-size: var(--08)}:host([size="1"]){--gap-size: var(--1)}:host([size="2"]){--gap-size: var(--2)}:host([size="3"]){--gap-size: var(--3)}:host([size="4"]){--gap-size: var(--4)}:host([size="8"]){--gap-size: var(--8)}:host([size="12"]){--gap-size: var(--12)}', pe = class pe extends f {
   constructor() {
-    super(), this.size = "";
+    super();
+  }
+  updated(e) {
+    super.updated(e), e.has("size") && (!this.size || this.size === "") && this.removeAttribute("size");
   }
   render() {
     return l``;
@@ -2506,11 +2532,50 @@ pe.properties = {
   /** Raw scale token selector ("01", "025", "05", "08", "1", "2", "3", "4", "8", "12") */
   size: { type: String, reflect: !0 }
 }, pe.styles = x(Ca);
-let Ue = pe;
-customElements.define("ds-gap", Ue);
+let je = pe;
+customElements.define("ds-gap", je);
 const La = ':host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:calc(var(--025) * var(--sf, 1));width:100%}label{font-family:var(--typeface-regular);font-size:calc(12px * var(--sf, 1));color:var(--text-color-secondary)}.input-container{position:relative;display:flex;align-items:center;width:100%}input{background:var(--base-light-grey, #e8e8e8);border:none;padding:0 calc(2px * var(--sf, 1));font-size:var(--type-size-default);font-family:var(--typeface-regular, "GT-America-Standard-Regular");color:var(--base-darker-grey, #797979);line-height:calc(16px * var(--sf, 1));letter-spacing:calc(-.4px * var(--sf, 1));opacity:.5;height:calc(unit * var(--sf, 1));width:100%;box-sizing:border-box;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;opacity:1;color:var(--base-slate, #1e1e1e)}input::placeholder{color:var(--base-darker-grey, #797979);opacity:.5}input:disabled{cursor:not-allowed;opacity:.5}input:read-only{background-color:var(--input-readonly-background, #fafafa)}:host([variant="filled"]) input{background-color:var( --input-filled-background, var(--surface-color-secondary, #f5f5f5) );border:none;border-bottom:2px solid var(--border-color, #ccc);border-radius:calc(var(--025) * var(--sf, 1)) calc(var(--025) * var(--sf, 1)) 0 0}:host([variant="filled"]) input:focus{border-bottom-color:var(--accent-color, #007aff);box-shadow:none}:host([variant="outlined"]) input{background-color:transparent;border:2px solid var(--border-color, #ccc)}:host([variant="outlined"]) input:focus{border-color:var(--accent-color, #007aff)}.error-message{font-family:var(--typeface-regular);font-size:calc(12px * var(--sf, 1));color:var(--error-color, #ff3b30);margin-top:calc(var(--025) * var(--sf, 1))}:host([required]) label:after{content:" *";color:var(--error-color, #ff3b30)}input.has-error{border-color:var(--error-color, #ff3b30)}input.has-error:focus{box-shadow:0 0 0 2px #ff3b3033}', ge = class ge extends f {
   constructor() {
-    super(), this.type = "text", this.name = "", this.value = "", this.placeholder = "", this.placeholderKey = "", this.label = "", this.labelText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.autofocus = !1, this.autocomplete = "off", this.pattern = "", this.minlength = 0, this.maxlength = 0, this.min = "", this.max = "", this.step = "", this.variant = "default", this.error = "", this.errorText = "", this._focused = !1;
+    super(), this.type = "text", this.name = "", this.value = "", this.placeholder = "", this.placeholderKey = "", this.label = "", this.labelText = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.autofocus = !1, this.autocomplete = "off", this.pattern = "", this.minlength = 0, this.maxlength = 0, this.min = "", this.max = "", this.step = "", this.variant = "default", this.error = "", this.errorText = "", this._focused = !1, this._placeholder = "", this._currentLanguage = C.value, this.boundHandlers = {
+      languageChanged: (() => {
+        this._currentLanguage = C.value, this._loadPlaceholder(), this.requestUpdate();
+      })
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._currentLanguage = C.value, this._loadPlaceholder(), window.addEventListener(
+      "language-changed",
+      this.boundHandlers.languageChanged
+    ), window.addEventListener(
+      "translations-loaded",
+      this.boundHandlers.languageChanged
+    );
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), window.removeEventListener(
+      "language-changed",
+      this.boundHandlers.languageChanged
+    ), window.removeEventListener(
+      "translations-loaded",
+      this.boundHandlers.languageChanged
+    );
+  }
+  updated(e) {
+    super.updated(e), (e.has("placeholder") || e.has("placeholderKey")) && this._loadPlaceholder();
+  }
+  _loadPlaceholder() {
+    const e = this.placeholderKey || this.placeholder;
+    if (!e) {
+      this._placeholder = "", this.requestUpdate();
+      return;
+    }
+    try {
+      const r = q(e);
+      this._placeholder = r || e;
+    } catch {
+      this._placeholder = e;
+    }
+    this.requestUpdate();
   }
   _handleInput(e) {
     const r = e.target;
@@ -2561,7 +2626,7 @@ const La = ':host{display:block;width:100%}.input-wrapper{display:flex;flex-dire
             .type=${this.type}
             .name=${this.name}
             .value=${this.value}
-            .placeholder=${this.placeholder}
+            .placeholder=${this._placeholder || this.placeholder}
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
             ?required=${this.required}
@@ -2611,7 +2676,9 @@ ge.properties = {
   variant: { type: String, reflect: !0 },
   error: { type: String },
   errorText: { type: String, attribute: "error-text" },
-  _focused: { type: Boolean, state: !0 }
+  _focused: { type: Boolean, state: !0 },
+  _placeholder: { type: String, state: !0 },
+  _currentLanguage: { type: String, state: !0 }
 }, ge.styles = x(La);
 let qe = ge;
 customElements.define("ds-input", qe);
@@ -2666,7 +2733,7 @@ const Ea = ':host{position:relative;display:inline-block}.slot-wrapper{display:i
       return;
     }
     try {
-      const e = U(this.text);
+      const e = j(this.text);
       this._text = e && e !== this.text ? e : this.defaultValue || this.text;
     } catch (e) {
       console.error("ds-tooltip: error loading text for text", this.text, e), this._text = this.defaultValue || this.text;
@@ -2961,15 +3028,15 @@ ye.properties = {
 }, ye.styles = x(Aa);
 let Ye = ye;
 customElements.define("ds-table", Ye);
-const Sa = ":host{display:flex;width:100%;max-width:100%;flex-direction:column;background-color:var(--background-color);box-sizing:border-box}:host ::slotted(*){max-width:100%;box-sizing:border-box}@media (max-width: 820px){:host{width:100%;max-width:100%}}@media (min-width: 821px){:host{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}}", pt = class pt extends f {
+const Ha = ":host{display:flex;width:100%;max-width:100%;flex-direction:column;background-color:var(--background-color);box-sizing:border-box}:host ::slotted(*){max-width:100%;box-sizing:border-box}@media (max-width: 820px){:host{width:100%;max-width:100%}}@media (min-width: 821px){:host{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}}", pt = class pt extends f {
   render() {
     return l`<slot></slot>`;
   }
 };
-pt.styles = x(Sa);
+pt.styles = x(Ha);
 let Xe = pt;
 customElements.define("ds-container", Xe);
-const Va = ':host{margin-top:.5px!important;margin-left:.5px!important;display:grid;width:1440px;height:1280px;grid-template-columns:repeat(auto-fill,19px);grid-template-rows:repeat(auto-fill,19px);gap:1px;row-rule:calc(1px * var(--sf)) solid var(--grid-color);column-rule:calc(1px * var(--sf)) solid var(--grid-color);outline:calc(1px * var(--sf)) solid light-dark(var(--sharp-blue),var(--yellow));position:fixed;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:300}:host(.mobile){width:calc(100% - calc(1px * var(--sf)));max-width:100vw;margin-left:.5px!important;margin-top:0!important;box-sizing:border-box;position:fixed;top:calc(.5px * var(--sf));left:50%;transform:translate(-50%);pointer-events:none;z-index:300;gap:calc(1px * var(--sf));grid-template-columns:repeat(14,calc(19px * var(--sf)));grid-template-rows:repeat(auto-fill,calc(19px * var(--sf)))}:host([align="left"]){left:0;transform:none}:host([align="center"]){left:50%;transform:translate(-50%)}:host([align="right"]){left:auto;right:0;transform:none}', be = class be extends f {
+const Sa = ':host{margin-top:.5px!important;margin-left:.5px!important;display:grid;width:1440px;height:1280px;grid-template-columns:repeat(auto-fill,19px);grid-template-rows:repeat(auto-fill,19px);gap:1px;row-rule:calc(1px * var(--sf)) solid var(--grid-color);column-rule:calc(1px * var(--sf)) solid var(--grid-color);outline:calc(1px * var(--sf)) solid light-dark(var(--sharp-blue),var(--yellow));position:fixed;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:300}:host(.mobile){width:calc(100% - calc(1px * var(--sf)));max-width:100vw;margin-left:.5px!important;margin-top:0!important;box-sizing:border-box;position:fixed;top:calc(.5px * var(--sf));left:50%;transform:translate(-50%);pointer-events:none;z-index:300;gap:calc(1px * var(--sf));grid-template-columns:repeat(14,calc(19px * var(--sf)));grid-template-rows:repeat(auto-fill,calc(19px * var(--sf)))}:host([align="left"]){left:0;transform:none}:host([align="center"]){left:50%;transform:translate(-50%)}:host([align="right"]){left:auto;right:0;transform:none}', be = class be extends f {
   connectedCallback() {
     super.connectedCallback(), this.updateMobileClass(), this.resizeObserver = () => {
       this.resizeTimeout && clearTimeout(this.resizeTimeout), this.resizeTimeout = setTimeout(() => {
@@ -2989,10 +3056,10 @@ const Va = ':host{margin-top:.5px!important;margin-left:.5px!important;display:g
 };
 be.properties = {
   align: { type: String }
-}, be.styles = x(Va);
+}, be.styles = x(Sa);
 let Qe = be;
 customElements.define("ds-grid", Qe);
-const Ha = ':host{display:grid;position:relative;width:100%}slot{display:contents}:host([mode="portfolio"]){--portfolio-cols: 120px 480px 40px;--portfolio-rows: 120px 120px 60px 180px 60px 120px 60px 20px 120px 120px;--portfolio-areas: "square . ." ". title ." ". header ." ". projects ." ". . ." ". bio ." ". . ." ". nav ." ". . ." ". footer ." ". . .";--portfolio-overlay-cols: 120px 480px;--portfolio-overlay-areas: "square ." ". title" ". header" ". projects" ". ." ". bio" ". ." ". nav" ". ." ". footer" ". .";grid-template-columns:var(--portfolio-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-areas);min-height:600px;background-color:#a5a5a508;max-width:640px;margin:0}:host([mode="portfolio"]) .view-overlay{grid-template-columns:var(--portfolio-overlay-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-overlay-areas)}:host([mode="company"]){--company-cols: auto 400px auto;--company-rows: 80px 20px 20px 120px 20px 120px;--company-areas: ". . ." ". header ." ". . ." ". content ." ". . ." ". footer .";grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0;max-width:100%}:host([mode="company"]) .view-overlay{grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0}:host([align="left"]),:host([mode="portfolio"][align="left"]),:host([mode="company"][align="left"]),:host([mode="app"][align="left"]){margin:0;justify-self:start}:host([align="center"]),:host([mode="portfolio"][align="center"]),:host([mode="company"][align="center"]),:host([mode="app"][align="center"]){margin:0 auto;justify-self:center}:host([align="right"]),:host([mode="portfolio"][align="right"]),:host([mode="company"][align="right"]),:host([mode="app"][align="right"]){margin:0 0 0 auto;justify-self:end}:host([mode="app"]){--app-cols: 100%;--app-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";--app-overlay-cols: 100%;--app-overlay-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-overlay-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";grid-template-columns:var(--app-cols);grid-template-rows:var(--app-rows);grid-template-areas:var(--app-areas);min-height:100vh;background-color:transparent;width:calc(240px * var(--sf, 1));max-width:calc(240px * var(--sf, 1));margin:0 auto}:host([mode="app"]) .view-overlay{grid-template-columns:var(--app-overlay-cols);grid-template-rows:var(--app-overlay-rows);grid-template-areas:var(--app-overlay-areas)}.view-overlay{position:absolute;margin-left:-1px;inset:0;pointer-events:none;z-index:1000;display:grid}.view-area{display:flex;width:calc(240px * var(--sf, 1));height:100%;align-items:center;justify-content:center;font-family:var(--typeface-regular);font-size:calc(var(--type-size-default) * var(--05));color:color-mix(in srgb,var(--tuned-red) 25%,transparent);background-color:color-mix(in srgb,var(--accent-color) 25%,transparent);opacity:1}:host([mode="portfolio"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="portfolio"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="portfolio"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="portfolio"]) .view-area:nth-of-type(4){border-color:var(--apple-green)}:host([mode="portfolio"]) .view-area:nth-of-type(5){border-color:var(--pink)}:host([mode="portfolio"]) .view-area:nth-of-type(6){border-color:var(--orange)}:host([mode="portfolio"]) .view-area:nth-of-type(7){border-color:var(--zenith-blue)}:host([mode="company"]) .view-area:nth-of-type(1){border-color:var(--tuned-red)}:host([mode="company"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="company"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="app"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(2){background-color:color-mix(in srgb,var(--sharp-blue) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(3){background-color:color-mix(in srgb,var(--yellow) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(4){background-color:color-mix(in srgb,var(--apple-green) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(5){background-color:color-mix(in srgb,var(--pink) 25%,transparent)}.view-square{grid-area:square}.view-title{grid-area:title}.view-header{grid-area:header}.view-projects{grid-area:projects}.view-bio{grid-area:bio}.view-nav{grid-area:nav}.view-footer{grid-area:footer}.view-content{grid-area:content}.view-banner{grid-area:banner}.view-main{grid-area:main}.view-page-dots{grid-area:page-dots}', xe = class xe extends f {
+const Va = ':host{display:grid;position:relative;width:100%}slot{display:contents}:host([mode="portfolio"]){--portfolio-cols: 120px 480px 40px;--portfolio-rows: 120px 120px 60px 180px 60px 120px 60px 20px 120px 120px;--portfolio-areas: "square . ." ". title ." ". header ." ". projects ." ". . ." ". bio ." ". . ." ". nav ." ". . ." ". footer ." ". . .";--portfolio-overlay-cols: 120px 480px;--portfolio-overlay-areas: "square ." ". title" ". header" ". projects" ". ." ". bio" ". ." ". nav" ". ." ". footer" ". .";grid-template-columns:var(--portfolio-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-areas);min-height:600px;background-color:#a5a5a508;max-width:640px;margin:0}:host([mode="portfolio"]) .view-overlay{grid-template-columns:var(--portfolio-overlay-cols);grid-template-rows:var(--portfolio-rows);grid-template-areas:var(--portfolio-overlay-areas)}:host([mode="company"]){--company-cols: auto 400px auto;--company-rows: 80px 20px 20px 120px 20px 120px;--company-areas: ". . ." ". header ." ". . ." ". content ." ". . ." ". footer .";grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0;max-width:100%}:host([mode="company"]) .view-overlay{grid-template-columns:var(--company-cols);grid-template-rows:var(--company-rows);grid-template-areas:var(--company-areas);gap:0}:host([align="left"]),:host([mode="portfolio"][align="left"]),:host([mode="company"][align="left"]),:host([mode="app"][align="left"]){margin:0;justify-self:start}:host([align="center"]),:host([mode="portfolio"][align="center"]),:host([mode="company"][align="center"]),:host([mode="app"][align="center"]){margin:0 auto;justify-self:center}:host([align="right"]),:host([mode="portfolio"][align="right"]),:host([mode="company"][align="right"]),:host([mode="app"][align="right"]){margin:0 0 0 auto;justify-self:end}:host([mode="app"]){--app-cols: 100%;--app-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";--app-overlay-cols: 100%;--app-overlay-rows: calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--double) * var(--sf)) calc(var(--dozen) * var(--sf)) calc(var(--unit) * var(--sf)) calc(var(--quad) * var(--sf)) calc(var(--double) * var(--sf));--app-overlay-areas: "banner" "." "header" "." "main" "page-dots" "." "footer";grid-template-columns:var(--app-cols);grid-template-rows:var(--app-rows);grid-template-areas:var(--app-areas);min-height:100vh;background-color:transparent;width:calc(240px * var(--sf, 1));max-width:calc(240px * var(--sf, 1));margin:0 auto}:host([mode="app"]) .view-overlay{grid-template-columns:var(--app-overlay-cols);grid-template-rows:var(--app-overlay-rows);grid-template-areas:var(--app-overlay-areas)}.view-overlay{position:absolute;margin-left:-1px;inset:0;pointer-events:none;z-index:1000;display:grid}.view-area{display:flex;width:calc(240px * var(--sf, 1));height:100%;align-items:center;justify-content:center;font-family:var(--typeface-regular);font-size:calc(var(--type-size-default) * var(--05));color:color-mix(in srgb,var(--tuned-red) 25%,transparent);background-color:color-mix(in srgb,var(--accent-color) 25%,transparent);opacity:1}:host([mode="portfolio"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="portfolio"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="portfolio"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="portfolio"]) .view-area:nth-of-type(4){border-color:var(--apple-green)}:host([mode="portfolio"]) .view-area:nth-of-type(5){border-color:var(--pink)}:host([mode="portfolio"]) .view-area:nth-of-type(6){border-color:var(--orange)}:host([mode="portfolio"]) .view-area:nth-of-type(7){border-color:var(--zenith-blue)}:host([mode="company"]) .view-area:nth-of-type(1){border-color:var(--tuned-red)}:host([mode="company"]) .view-area:nth-of-type(2){border-color:var(--sharp-blue)}:host([mode="company"]) .view-area:nth-of-type(3){border-color:var(--yellow)}:host([mode="app"]) .view-area:nth-of-type(1){background-color:color-mix(in srgb,var(--tuned-red) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(2){background-color:color-mix(in srgb,var(--sharp-blue) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(3){background-color:color-mix(in srgb,var(--yellow) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(4){background-color:color-mix(in srgb,var(--apple-green) 25%,transparent)}:host([mode="app"]) .view-area:nth-of-type(5){background-color:color-mix(in srgb,var(--pink) 25%,transparent)}.view-square{grid-area:square}.view-title{grid-area:title}.view-header{grid-area:header}.view-projects{grid-area:projects}.view-bio{grid-area:bio}.view-nav{grid-area:nav}.view-footer{grid-area:footer}.view-content{grid-area:content}.view-banner{grid-area:banner}.view-main{grid-area:main}.view-page-dots{grid-area:page-dots}', xe = class xe extends f {
   constructor() {
     super(...arguments), this.mode = "portfolio";
   }
@@ -3144,7 +3211,7 @@ xe.properties = {
   align: { type: String },
   view: { type: Boolean }
 }, xe.styles = [
-  x(Ha),
+  x(Va),
   lt`
       :host {
         display: grid;
@@ -3904,12 +3971,12 @@ export {
   Oe as Card,
   Xe as Container,
   Re as Cycle,
-  je as DateComponent,
+  Ue as DateComponent,
   Ye as DsTable,
   Ge as Form,
-  Ue as Gap,
+  je as Gap,
   Qe as Grid,
-  Be as Icon,
+  Pe as Icon,
   qe as Input,
   et as Layout,
   Je as List,
@@ -3918,28 +3985,28 @@ export {
   We as Tooltip,
   Ia as applike,
   Rr as calculateScalingFactor,
-  L as currentLanguage,
-  X as currentTheme,
+  C as currentLanguage,
+  Q as currentTheme,
   nt as detectMobileDevice,
-  Pa as getAvailableLanguages,
-  Ht as getAvailableLanguagesSync,
+  Ba as getAvailableLanguages,
+  Vt as getAvailableLanguagesSync,
   Xr as getBrowserLanguage,
   Dr as getDeviceInfo,
   Yr as getLanguageDisplayName,
   Da as getPriceLabel,
   Na as getScalingFactor,
-  ne as getText,
+  q as getText,
   Oa as hasTranslation,
-  ae as initDeviceDetection,
-  Ba as loadTranslations,
+  ie as initDeviceDetection,
+  Pa as loadTranslations,
   N as savePreferences,
   Za as scale,
-  Y as scalingConfig,
-  P as scalingFactor,
+  X as scalingConfig,
+  B as scalingFactor,
   Mt as setLanguage,
   Ta as setScalingConfig,
   ta as setTheme,
-  U as translate,
+  j as translate,
   za as unscale,
   Kt as updateScalingFactor
 };