@vonage/vivid 5.9.0 → 5.10.0

package/bundled/{feature.js → slottable-request.js}

@@ -400,11 +400,11 @@ class c {
   }
 }
 c.empty = new c([], 0);
-const R = { index: 0, offset: 0 };
+const z = { index: 0, offset: 0 };
 function O(s, t) {
-  return R.index = s, R.offset = t, R;
+  return z.index = s, z.offset = t, z;
 }
-function v(s, t) {
+function M(s, t) {
   if (s === t)
     return !0;
   if (!(s && typeof s == "object") || !(t && typeof t == "object"))
@@ -416,11 +416,11 @@ function v(s, t) {
     if (s.length != t.length)
       return !1;
     for (let n = 0; n < s.length; n++)
-      if (!v(s[n], t[n]))
+      if (!M(s[n], t[n]))
         return !1;
   } else {
     for (let n in s)
-      if (!(n in t) || !v(s[n], t[n]))
+      if (!(n in t) || !M(s[n], t[n]))
         return !1;
     for (let n in t)
       if (!(n in s))
@@ -482,7 +482,7 @@ class u {
   another mark.
   */
   eq(t) {
-    return this == t || this.type == t.type && v(this.attrs, t.attrs);
+    return this == t || this.type == t.type && M(this.attrs, t.attrs);
   }
   /**
   Convert this mark to a JSON-serializeable representation.
@@ -700,7 +700,7 @@ function gt(s, t) {
     end: i.resolveNoCache(i.content.size - s.openEnd - e)
   };
 }
-class C {
+class b {
   /**
   @internal
   */
@@ -928,7 +928,7 @@ class C {
         break;
       r = a - 1, i += h + 1;
     }
-    return new C(e, n, r);
+    return new b(e, n, r);
   }
   /**
   @internal
@@ -943,7 +943,7 @@ class C {
       }
     else
       L.set(t, n = new yt());
-    let i = n.elts[n.i] = C.resolve(t, e);
+    let i = n.elts[n.i] = b.resolve(t, e);
     return n.i = (n.i + 1) % xt, i;
   }
 }
@@ -1112,7 +1112,7 @@ class x {
   attributes, and marks.
   */
   hasMarkup(t, e, n) {
-    return this.type == t && v(this.attrs, e || t.defaultAttrs || wt) && u.sameSet(this.marks, n || u.none);
+    return this.type == t && M(this.attrs, e || t.defaultAttrs || wt) && u.sameSet(this.marks, n || u.none);
   }
   /**
   Create a new node with the same markup as this node, containing
@@ -1198,13 +1198,13 @@ class x {
   [object](https://prosemirror.net/docs/ref/#model.ResolvedPos) with information about its context.
   */
   resolve(t) {
-    return C.resolveCached(this, t);
+    return b.resolveCached(this, t);
   }
   /**
   @internal
   */
   resolveNoCache(t) {
-    return C.resolve(this, t);
+    return b.resolve(this, t);
   }
   /**
   Test whether a given mark or mark type occurs in this document
@@ -1423,8 +1423,8 @@ class k {
       return k.empty;
     let i = rt(n);
     n.next && n.err("Unexpected trailing text");
-    let r = Mt(Tt(i));
-    return vt(r, n), r;
+    let r = vt(Tt(i));
+    return Mt(r, n), r;
   }
   /**
   Match a node type, returning a match after that node if
@@ -1608,7 +1608,7 @@ function Et(s) {
     else if (s.eat("?"))
       t = { type: "opt", expr: t };
     else if (s.eat("{"))
-      t = Ct(s, t);
+      t = bt(s, t);
     else
       break;
   return t;
@@ -1618,11 +1618,11 @@ function W(s) {
   let t = Number(s.next);
   return s.pos++, t;
 }
-function Ct(s, t) {
+function bt(s, t) {
   let e = W(s), n = e;
   return s.eat(",") && (s.next != "}" ? n = W(s) : n = -1), s.eat("}") || s.err("Unclosed braced range"), { type: "range", min: e, max: n, expr: t };
 }
-function bt(s, t) {
+function Ct(s, t) {
   let e = s.nodeTypes, n = e[t];
   if (n)
     return [n];
@@ -1640,7 +1640,7 @@ function Ot(s) {
   } else if (/\W/.test(s.next))
     s.err("Unexpected token '" + s.next + "'");
   else {
-    let t = bt(s, s.next).map((e) => (s.inline == null ? s.inline = e.isInline : s.inline != e.isInline && s.err("Mixing inline and block content"), { type: "name", value: e }));
+    let t = Ct(s, s.next).map((e) => (s.inline == null ? s.inline = e.isInline : s.inline != e.isInline && s.err("Mixing inline and block content"), { type: "name", value: e }));
     return s.pos++, t.length == 1 ? t[0] : { type: "choice", exprs: t };
   }
 }
@@ -1715,7 +1715,7 @@ function j(s, t) {
     }
   }
 }
-function Mt(s) {
+function vt(s) {
   let t = /* @__PURE__ */ Object.create(null);
   return e(j(s, 0));
   function e(n) {
@@ -1740,7 +1740,7 @@ function Mt(s) {
     return r;
   }
 }
-function vt(s, t) {
+function Mt(s, t) {
   for (let e = 0, n = [s]; e < n.length; e++) {
     let i = n[e], r = !i.validEnd, l = [];
     for (let o = 0; o < i.next.length; o++) {
@@ -1791,7 +1791,7 @@ function at(s, t) {
       e[n] = new At(s, n, t[n]);
   return e;
 }
-class z {
+class R {
   /**
   @internal
   */
@@ -1959,7 +1959,7 @@ class z {
   */
   static compile(t, e) {
     let n = /* @__PURE__ */ Object.create(null);
-    t.forEach((r, l) => n[r] = new z(r, e, l));
+    t.forEach((r, l) => n[r] = new R(r, e, l));
     let i = e.spec.topNode || "doc";
     if (!n[i])
       throw new RangeError("Schema is missing its top node type ('" + i + "')");
@@ -2050,7 +2050,7 @@ class Wt {
     let e = this.spec = {};
     for (let i in t)
       e[i] = t[i];
-    e.nodes = d.from(t.nodes), e.marks = d.from(t.marks || {}), this.nodes = z.compile(this.spec.nodes, this), this.marks = J.compile(this.spec.marks, this);
+    e.nodes = d.from(t.nodes), e.marks = d.from(t.marks || {}), this.nodes = R.compile(this.spec.nodes, this), this.marks = J.compile(this.spec.marks, this);
     let n = /* @__PURE__ */ Object.create(null);
     for (let i in this.nodes) {
       if (i in this.marks)
@@ -2080,7 +2080,7 @@ class Wt {
   node(t, e = null, n, i) {
     if (typeof t == "string")
       t = this.nodeType(t);
-    else if (t instanceof z) {
+    else if (t instanceof R) {
       if (t.schema != this)
         throw new RangeError("Node type from different schema used (" + t.name + ")");
     } else throw new RangeError("Invalid node type: " + t);
@@ -2126,10 +2126,10 @@ function U(s, t) {
   }
   return e;
 }
-function zt(s) {
+function Rt(s) {
   return s.tag != null;
 }
-function Rt(s) {
+function zt(s) {
   return s.style != null;
 }
 class B {
@@ -2141,9 +2141,9 @@ class B {
     this.schema = t, this.rules = e, this.tags = [], this.styles = [];
     let n = this.matchedStyles = [];
     e.forEach((i) => {
-      if (zt(i))
+      if (Rt(i))
         this.tags.push(i);
-      else if (Rt(i)) {
+      else if (zt(i)) {
         let r = /[^=]*/.exec(i.style)[0];
         n.indexOf(r) < 0 && n.push(r), this.styles.push(i);
       }
@@ -2287,9 +2287,9 @@ const ft = {
   script: !0,
   style: !0,
   title: !0
-}, ct = { ol: !0, ul: !0 }, b = 1, F = 2, E = 4;
+}, ct = { ol: !0, ul: !0 }, C = 1, F = 2, E = 4;
 function V(s, t, e) {
-  return t != null ? (t ? b : 0) | (t === "full" ? F : 0) : s && s.whitespace == "pre" ? b | F : e & ~E;
+  return t != null ? (t ? C : 0) | (t === "full" ? F : 0) : s && s.whitespace == "pre" ? C | F : e & ~E;
 }
 class T {
   constructor(t, e, n, i, r, l) {
@@ -2310,7 +2310,7 @@ class T {
     return this.match.findWrapping(t.type);
   }
   finish(t) {
-    if (!(this.options & b)) {
+    if (!(this.options & C)) {
       let n = this.content[this.content.length - 1], i;
       if (n && n.isText && (i = /[ \t\r\n\u000c]+$/.exec(n.text))) {
         let r = n;
@@ -2340,7 +2340,7 @@ class G {
     t.nodeType == 3 ? this.addTextNode(t, e) : t.nodeType == 1 && this.addElement(t, e);
   }
   addTextNode(t, e) {
-    let n = t.nodeValue, i = this.top, r = i.options & F ? "full" : this.localPreserveWS || (i.options & b) > 0, { schema: l } = this.parser;
+    let n = t.nodeValue, i = this.top, r = i.options & F ? "full" : this.localPreserveWS || (i.options & C) > 0, { schema: l } = this.parser;
     if (r === "full" || i.inlineContext(t) || /[^ \t\r\n\u000c]/.test(n)) {
       if (r)
         if (r === "full")
@@ -2531,7 +2531,7 @@ class G {
     for (let e = this.open; e >= 0; e--) {
       if (this.nodes[e] == t)
         return this.open = e, !0;
-      this.localPreserveWS && (this.nodes[e].options |= b);
+      this.localPreserveWS && (this.nodes[e].options |= C);
     }
     return !1;
   }
@@ -2688,7 +2688,7 @@ class ut {
   @internal
   */
   serializeNodeInner(t, e) {
-    let { dom: n, contentDOM: i } = M(I(e), this.nodes[t.type.name](t), null, t.attrs);
+    let { dom: n, contentDOM: i } = v(I(e), this.nodes[t.type.name](t), null, t.attrs);
     if (i) {
       if (t.isLeaf)
         throw new RangeError("Content hole not allowed in a leaf node spec");
@@ -2716,10 +2716,10 @@ class ut {
   */
   serializeMark(t, e, n = {}) {
     let i = this.marks[t.type.name];
-    return i && M(I(n), i(t, e), null, t.attrs);
+    return i && v(I(n), i(t, e), null, t.attrs);
   }
   static renderSpec(t, e, n = null, i) {
-    return M(t, e, n, i);
+    return v(t, e, n, i);
   }
   /**
   Build a serializer using the [`toDOM`](https://prosemirror.net/docs/ref/#model.NodeSpec.toDOM)
@@ -2775,7 +2775,7 @@ function Ft(s) {
   }
   return e(s), t;
 }
-function M(s, t, e, n) {
+function v(s, t, e, n) {
   if (typeof t == "string")
     return { dom: s.createTextNode(t) };
   if (t.nodeType != null)
@@ -2805,7 +2805,7 @@ function M(s, t, e, n) {
         throw new RangeError("Content hole must be the only child of its parent node");
       return { dom: h, contentDOM: h };
     } else {
-      let { dom: pt, contentDOM: q } = M(s, y, e, n);
+      let { dom: pt, contentDOM: q } = v(s, y, e, n);
       if (h.appendChild(pt), q) {
         if (o)
           throw new RangeError("Multiple content holes");
@@ -2819,6 +2819,7 @@ const Jt = Symbol("rte-internal-impl"), jt = (s) => s.sort((t, e) => {
   const n = t.priority - e.priority;
   return n !== 0 ? n : t.featureName === e.featureName ? 0 : t.featureName > e.featureName ? 1 : -1;
 }).map((t) => t.value), qt = {
+  highest: -20,
   high: -10,
   default: 0
 };
@@ -2853,10 +2854,16 @@ class Ut {
   getToolbarItems(t) {
     return [];
   }
+  getInputRules(t) {
+    return [];
+  }
   // A feature may include additional features for better organization.
   getFeatures() {
     return [this];
   }
+  // Exposes a public interface for this feature.
+  getPublicInterface(t) {
+  }
 }
 const Vt = (s) => {
   var t;
@@ -2866,7 +2873,19 @@ const Vt = (s) => {
     }
   }
   return e;
-};
+}, Gt = Symbol.for("slottable-request-remove");
+function Ht(s, t, e, n) {
+  const i = new CustomEvent("slottable-request", {
+    bubbles: !1,
+    composed: !1,
+    detail: { name: t, slotName: e, data: n }
+  });
+  Object.defineProperties(i, {
+    name: { value: t, enumerable: !0 },
+    slotName: { value: e, enumerable: !0 },
+    data: { value: n, enumerable: !0 }
+  }), s.dispatchEvent(i);
+}
 export {
   ut as D,
   c as F,
@@ -2876,11 +2895,13 @@ export {
   g as S,
   J as a,
   B as b,
-  Ut as c,
-  qt as d,
-  Wt as e,
+  Wt as c,
+  Ut as d,
+  qt as e,
   Vt as f,
   mt as g,
+  Ht as h,
   Jt as i,
+  Gt as r,
   jt as s
 };

package/bundled/vivid-element.cjs

@@ -2,4 +2,4 @@
 Mismatch Details:`,`  - Expected target node ID: "${d.targetNodeId}"`,`  - Available target IDs: [${Object.keys(this.targets).join(", ")||"none"}]`];throw d.targetTagName&&g.push(`  - Expected tag name: "${d.targetTagName}"`),u.sourceAspect&&g.push(`  - Source aspect: "${u.sourceAspect}"`),u.aspectType!==void 0&&g.push(`  - Aspect type: ${u.aspectType}`),g.push(`
 This usually means:`,"  1. The server-rendered HTML doesn't match the client template","  2. The hydration markers are missing or corrupted","  3. The DOM structure was modified before hydration",`
 Template: ${l.slice(0,200)}${l.length>200?"...":""}`),new Ee(g.join(`
-`),d,ie(this.firstChild,this.lastChild).cloneContents(),l)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let r=0,o=n.length;r<o;++r)n[r].bind(this)}this.isBound=!0,this._hydrationStage=B.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){lt(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}}se=Q;O(Re);function _e(i){return i.create!==void 0}function Ie(i,t,e,s){if(e==null&&(e=""),_e(e)){i.textContent="";let n=i.$fastView;if(n===void 0)if(L(s)&&L(e)&&s.bindingViewBoundaries[this.targetNodeId]!==void 0&&s.hydrationStage!==B.hydrated){const r=s.bindingViewBoundaries[this.targetNodeId];n=e.hydrate(r.first,r.last)}else n=e.create();else i.$fastTemplate!==e&&(n.isComposed&&(n.remove(),n.unbind()),n=e.create());n.isComposed?n.needsBindOnly&&(n.needsBindOnly=!1,n.bind(s.source,s.context)):(n.isComposed=!0,n.bind(s.source,s.context),n.insertBefore(i),i.$fastView=n,i.$fastTemplate=e)}else{const n=i.$fastView;n!==void 0&&n.isComposed&&(n.isComposed=!1,n.remove(),n.needsBindOnly?n.needsBindOnly=!1:n.unbind()),i.textContent=e}}function Le(i,t,e){var s;const n=`${this.id}-t`,r=(s=i[n])!==null&&s!==void 0?s:i[n]={v:0,cv:Object.create(null)},o=r.cv;let c=r.v;const d=i[t];if(e!=null&&e.length){const l=e.split(/\s+/);for(let a=0,h=l.length;a<h;++a){const u=l[a];u!==""&&(o[u]=c,d.add(u))}}if(r.v=c+1,c!==0){c-=1;for(const l in o)o[l]===c&&d.remove(l)}}const Ve={[y.attribute]:k.setAttribute,[y.booleanAttribute]:k.setBooleanAttribute,[y.property]:(i,t,e)=>i[t]=e,[y.content]:Ie,[y.tokenList]:Le,[y.event]:()=>{}};class E{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=y.content}createHTML(t){return pt.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Ve[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw v.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId],n=L(t)&&t.hydrationStage&&t.hydrationStage!==B.hydrated;switch(this.aspectType){case y.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case y.content:t.onUnbind(this);default:const r=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);if(r.target=s,r.controller=t,n&&(this.aspectType===y.attribute||this.aspectType===y.booleanAttribute)){r.bind(t);break}this.updateTarget(s,this.targetAspect,r.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){A.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);A.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,n=e.controller;this.updateTarget(s,this.targetAspect,e.bind(n),n)}}T.define(E,{aspected:!0});const re=(i,t)=>`${i}.${t}`,Rt={},C={index:0,node:null};function _t(i){i.startsWith("fast-")||v.warn(1204,{name:i})}const je=new Proxy(document.createElement("div"),{get(i,t){_t(t);const e=Reflect.get(i,t);return M(e)?e.bind(i):e},set(i,t,e){return _t(t),Reflect.set(i,t,e)}});class Fe{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,n,r){var o,c;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,n)),t.id=(o=t.id)!==null&&o!==void 0?o:V(),t.targetNodeId=s,t.targetTagName=r,t.policy=(c=t.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const n=this.descriptors;if(e==="r"||e==="h"||n[e])return;if(!n[t]){const o=t.lastIndexOf("."),c=t.substring(0,o),d=parseInt(t.substring(o+1));this.addTargetDescriptor(c,t,d)}let r=Rt[e];if(!r){const o=`_${e}`;Rt[e]=r={get(){var c;return(c=this[o])!==null&&c!==void 0?c:this[o]=this[t].childNodes[s]}}}n[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??je;for(const n of this.nodeIds)s[n];return new F(e,this.factories,s)}}function ae(i,t,e,s,n,r=!1){const o=e.attributes,c=i.directives;for(let d=0,l=o.length;d<l;++d){const a=o[d],h=a.value,u=et.parse(h,c);let g=null;u===null?r&&(g=new E(ut(()=>h,i.policy)),T.assignAspect(g,a.name)):g=gt.aggregate(u,i.policy),g!==null&&(e.removeAttributeNode(a),d--,l--,i.addFactory(g,t,s,n,e.tagName))}}function De(i,t,e,s,n){const r=et.parse(t.textContent,i.directives);if(r===null)return C.node=t.nextSibling,C.index=n+1,C;let o,c=o=t;for(let d=0,l=r.length;d<l;++d){const a=r[d];d!==0&&(n++,s=re(e,n),o=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),N(a)?o.textContent=a:(o.textContent=" ",T.assignAspect(a),i.addFactory(a,e,s,n,null)),c=o}return C.index=n+1,C.node=c.nextSibling,C}function oe(i,t,e){let s=0,n=t.firstChild;for(;n;){const r=He(i,e,n,s);n=r.node,s=r.index}}function He(i,t,e,s){const n=re(t,s);switch(e.nodeType){case 1:ae(i,t,e,n,s),oe(i,e,n);break;case 3:return De(i,e,t,n,s);case 8:const r=et.parse(e.data,i.directives);r!==null&&i.addFactory(gt.aggregate(r),t,n,s,null);break}return C.index=s+1,C.node=e.nextSibling,C}function Pe(i,t){return i&&i.nodeType==8&&et.parse(i.data,t)!==null}const It="TEMPLATE",gt={compile(i,t,e=k.policy){let s;if(N(i)){s=document.createElement(It),s.innerHTML=e.createHTML(i);const o=s.content.firstElementChild;o!==null&&o.tagName===It&&(s=o)}else s=i;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const n=document.adoptNode(s.content),r=new Fe(n,t,e);return ae(r,"",s,"h",0,!0),(Pe(n.firstChild,t)||n.childNodes.length===1&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),oe(r,n,"r"),C.node=null,r.freeze()},setDefaultStrategy(i){this.compile=i},aggregate(i,t=k.policy){if(i.length===1)return i[0];let e,s=!1,n;const r=i.length,o=i.map(l=>N(l)?()=>l:(e=l.sourceAspect||e,s=s||l.dataBinding.isVolatile,n=n||l.dataBinding.policy,l.dataBinding.evaluate)),c=(l,a)=>{let h="";for(let u=0;u<r;++u)h+=o[u](l,a);return h},d=new E(ht(c,n??t,s));return T.assignAspect(d,e),d}},ze=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Ue=Object.create(null);class j{constructor(t,e=Ue){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}j.empty=new j("");T.define(j);function We(i,t,e,s=T.getForInstance(i)){if(s.aspected){const n=ze.exec(t);n!==null&&T.assignAspect(i,n[2])}return i.createHTML(e)}class it{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=gt.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new j(N(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw v.error(1208);if(this.policy)throw v.error(1207);return this.policy=t,this}render(t,e,s){const n=this.create(s);return n.bind(t),n.appendTo(e),n}static create(t,e,s){let n="";const r=Object.create(null),o=c=>{var d;const l=(d=c.id)!==null&&d!==void 0?d:c.id=V();return r[l]=c,l};for(let c=0,d=t.length-1;c<d;++c){const l=t[c];let a=e[c],h;if(n+=l,M(a))a=new E(ht(a));else if(a instanceof tt)a=new E(a);else if(!(h=T.getForInstance(a))){const u=a;a=new E(ut(()=>u))}n+=We(a,l,o,h)}return new it(n+t[t.length-1],r,s)}}O(it);const yt=(i,...t)=>{if(Array.isArray(i)&&Array.isArray(i.raw))return it.create(i,t);throw v.error(1206)};yt.partial=i=>new j(i);const Lt="boolean",Vt="reflect",le=Object.freeze({locate:Jt()}),qe={toView(i){return i?"true":"false"},fromView(i){return!(i==null||i==="false"||i===!1||i===0)}};function jt(i){if(i==null)return null;const t=i*1;return isNaN(t)?null:t}const Qe={toView(i){const t=jt(i);return t&&t.toString()},fromView:jt};class J{constructor(t,e,s=e.toLowerCase(),n=Vt,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=n,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,n===Lt&&r===void 0&&(this.converter=qe)}setValue(t,e){const s=t[this.fieldName],n=this.converter;n!==void 0&&(e=n.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return b.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||dt.enqueue(()=>{s.add(t);const n=t[this.fieldName];switch(e){case Vt:const r=this.converter;k.setAttribute(t,this.attribute,r!==void 0?r.toView(n):n);break;case Lt:k.setBooleanAttribute(t,this.attribute,n);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(le.locate(t));for(let n=0,r=e.length;n<r;++n){const o=e[n];if(o!==void 0)for(let c=0,d=o.length;c<d;++c){const l=o[c];N(l)?s.push(new J(t,l)):s.push(new J(t,l.property,l.attribute,l.mode,l.converter))}}return s}}function ce(i,t){let e;function s(n,r){arguments.length>1&&(e.property=r),le.locate(n.constructor).push(e)}if(arguments.length>1){e={},s(i,t);return}return e=i===void 0?{}:i,s}var Ge=function(i,t,e,s){function n(r){return r instanceof e?r:new e(function(o){o(r)})}return new(e||(e=Promise))(function(r,o){function c(a){try{l(s.next(a))}catch(h){o(h)}}function d(a){try{l(s.throw(a))}catch(h){o(h)}}function l(a){a.done?r(a.value):n(a.value).then(c,d)}l((s=s.apply(i,t||[])).next())})};const Ft={mode:"open"},Dt={},rt=new Set,_=v.getById(x.elementRegistry,()=>Gt()),Je={deferAndHydrate:"defer-and-hydrate"};class p{constructor(t,e=t.definition){var s;this.platformDefined=!1,N(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.templateOptions=e.templateOptions,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const n=t.prototype,r=J.collect(t,e.attributes),o=new Array(r.length),c={},d={};for(let l=0,a=r.length;l<a;++l){const h=r[l];o[l]=h.attribute,c[h.name]=h,d[h.attribute]=h,b.defineProperty(n,h)}Reflect.defineProperty(t,"observedAttributes",{value:o,enumerable:!0}),this.attributes=r,this.propertyLookup=c,this.attributeLookup=d,this.shadowOptions=e.shadowOptions===void 0?Ft:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ft),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Dt:Object.assign(Object.assign({},Dt),e.elementOptions),this.styles=m.normalize(e.styles),_.register(this),b.defineProperty(p.isRegistered,this.name),p.isRegistered[this.name]=this.type}get isDefined(){return this.platformDefined}define(t=this.registry){var e,s;const n=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,n,this.elementOptions),(s=(e=this.lifecycleCallbacks)===null||e===void 0?void 0:e.elementDidDefine)===null||s===void 0||s.call(e,this.name)),this}static compose(t,e){return rt.has(t)||_.getByType(t)?new p(class extends t{},e):new p(t,e)}static registerBaseType(t){rt.add(t)}static composeAsync(t,e){return new Promise(s=>{(rt.has(t)||_.getByType(t))&&s(new p(class extends t{},e));const n=new p(t,e);b.getNotifier(n).subscribe({handleChange:()=>{var r,o;(o=(r=n.lifecycleCallbacks)===null||r===void 0?void 0:r.templateDidUpdate)===null||o===void 0||o.call(r,n.name),s(n)}},"template")})}}p.isRegistered={};p.getByType=_.getByType;p.getForInstance=_.getForInstance;p.registerAsync=i=>Ge(void 0,void 0,void 0,function*(){return new Promise(t=>{p.isRegistered[i]&&t(p.isRegistered[i]),b.getNotifier(p.isRegistered).subscribe({handleChange:()=>t(p.isRegistered[i])},i)})});b.defineProperty(p.prototype,"template");class Ke extends MutationObserver{constructor(t){function e(s){this.callback.call(null,s.filter(n=>this.observedNodes.has(n.target)))}super(e),this.callback=t,this.observedNodes=new Set}observe(t,e){this.observedNodes.add(t),super.observe(t,e)}unobserve(t){this.observedNodes.delete(t),this.observedNodes.size<1&&this.disconnect()}}const Xe=Object.freeze({create(i){const t=[],e={};let s=null,n=!1;return{source:i,context:A.default,targets:e,get isBound(){return n},addBehaviorFactory(r,o){var c,d,l,a;const h=r;h.id=(c=h.id)!==null&&c!==void 0?c:V(),h.targetNodeId=(d=h.targetNodeId)!==null&&d!==void 0?d:V(),h.targetTagName=(l=o.tagName)!==null&&l!==void 0?l:null,h.policy=(a=h.policy)!==null&&a!==void 0?a:k.policy,this.addTarget(h.targetNodeId,o),this.addBehavior(h.createBehavior())},addTarget(r,o){e[r]=o},addBehavior(r){t.push(r),n&&r.bind(this)},onUnbind(r){s===null&&(s=[]),s.push(r)},connectedCallback(r){n||(n=!0,t.forEach(o=>o.bind(this)))},disconnectedCallback(r){n&&(n=!1,s!==null&&s.forEach(o=>o.unbind(this)))}}}}),Ye={bubbles:!0,composed:!0,cancelable:!0},W="isConnected",de=new WeakMap;function I(i){var t,e;return(e=(t=i.shadowRoot)!==null&&t!==void 0?t:de.get(i))!==null&&e!==void 0?e:null}let Ht;class S extends Kt{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e,this.shadowOptions=e.shadowOptions;const s=b.getAccessors(t);if(s.length>0){const n=this.boundObservables=Object.create(null);for(let r=0,o=s.length;r<o;++r){const c=s[r].name,d=t[c];d!==void 0&&(delete t[c],n[c]=d)}}}get isConnected(){return b.track(this,W),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:A.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(t){if(this._shadowRootOptions===void 0&&t!==void 0){this._shadowRootOptions=t;let e=this.source.shadowRoot;e?this.hasExistingShadowRoot=!0:(e=this.source.attachShadow(t),t.mode==="closed"&&de.set(this.source,e))}}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const n=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=n.get(t))!==null&&s!==void 0?s:0;r===0?(n.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):n.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const n=s.get(t);n!==void 0&&(n===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,n-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=I(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const n=t.behaviors;if(t.addStylesTo(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.addBehavior(n[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=I(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const n=t.behaviors;if(t.removeStylesFrom(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.removeBehavior(n[r])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,b.notify(this,W))}bindObservables(){if(this.boundObservables!==null){const t=this.source,e=this.boundObservables,s=Object.keys(e);for(let n=0,r=s.length;n<r;++n){const o=s[n];t[o]=e[o]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,b.notify(this,W),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(t,e,s){const n=this.definition.attributeLookup[t];n!==void 0&&n.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},Ye),s))):!1}renderTemplate(t){var e;const s=this.source,n=(e=I(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=n.firstChild;r!==null;r=n.firstChild)n.removeChild(r)}t&&(this.view=t.render(s,n,s),this.view.sourceLifetime=Z.coupled)}static forCustomElement(t,e=!1){const s=t.$fastController;if(s!==void 0&&!e)return s;const n=p.getForInstance(t);if(n===void 0)throw v.error(1401);return b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"template"),b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"shadowOptions"),t.$fastController=new Ht(t,n)}static setStrategy(t){Ht=t}}O(S);S.setStrategy(S);function K(i){var t;return"adoptedStyleSheets"in i?i:(t=I(i))!==null&&t!==void 0?t:i.getRootNode()}class st{constructor(t){const e=st.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let n=e.get(s);return n===void 0&&(n=new CSSStyleSheet,n.replaceSync(s),e.set(s,n)),n})}addStylesTo(t){he(K(t),this.sheets)}removeStylesFrom(t){ue(K(t),this.sheets)}}st.styleSheetCache=new Map;let Ze=0;const ti=()=>`fast-${++Ze}`;function Pt(i){return i===document?document.body:i}class ei{constructor(t){this.styles=t,this.styleClass=ti()}addStylesTo(t){t=Pt(K(t));const e=this.styles,s=this.styleClass;for(let n=0;n<e.length;n++){const r=document.createElement("style");r.innerHTML=e[n],r.className=s,t.append(r)}}removeStylesFrom(t){t=Pt(K(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,n=e.length;s<n;++s)t.removeChild(e[s])}}let he=(i,t)=>{i.adoptedStyleSheets=[...i.adoptedStyleSheets,...t]},ue=(i,t)=>{i.adoptedStyleSheets=i.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(m.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),he=(i,t)=>{i.adoptedStyleSheets.push(...t)},ue=(i,t)=>{for(const e of t){const s=i.adoptedStyleSheets.indexOf(e);s!==-1&&i.adoptedStyleSheets.splice(s,1)}}}catch{}m.setDefaultStrategy(st)}else m.setDefaultStrategy(ei);const D="defer-hydration",at="needs-hydration";class f extends S{get shadowOptions(){return super.shadowOptions}set shadowOptions(t){super.shadowOptions=t,(this.hasExistingShadowRoot||t!==void 0&&!this.template)&&this.definition.templateOptions===Je.deferAndHydrate&&(this.source.toggleAttribute(D,!0),this.source.toggleAttribute(at,!0))}addHydratingInstance(){if(!f.hydratingInstances)return;const t=this.definition.name;let e=f.hydratingInstances.get(t);e||(e=new Set,f.hydratingInstances.set(t,e)),e.add(this.source)}static config(t){return f.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(const e of t)e.target.hasAttribute(D)||(f.hydrationObserver.unobserve(e.target),e.target.$fastController.connect())}static checkHydrationComplete(t){var e,s,n;if(t.didTimeout){f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50});return}((e=f.hydratingInstances)===null||e===void 0?void 0:e.size)===0&&((n=(s=f.lifecycleCallbacks)===null||s===void 0?void 0:s.hydrationComplete)===null||n===void 0||n.call(s),S.setStrategy(S))}connect(){var t,e,s,n,r;if(this.needsHydration=(t=this.needsHydration)!==null&&t!==void 0?t:this.source.hasAttribute(at),this.needsHydration&&((s=(e=f.lifecycleCallbacks)===null||e===void 0?void 0:e.elementWillHydrate)===null||s===void 0||s.call(e,this.definition.name)),this.source.hasAttribute(D)){this.addHydratingInstance(),f.hydrationObserver.observe(this.source,{attributeFilter:[D]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===3){if(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.template)if(L(this.template)){const o=this.source,c=(n=I(o))!==null&&n!==void 0?n:o;let d=c.firstChild,l=c.lastChild;o.shadowRoot===null&&(w.isElementBoundaryStartMarker(d)&&(d.data="",d=d.nextSibling),w.isElementBoundaryEndMarker(l)&&(l.data="",l=l.previousSibling)),this.view=this.template.hydrate(d,l,o),(r=this.view)===null||r===void 0||r.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(at),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),b.notify(this,W)}}removeHydratingInstance(){var t,e;if(!f.hydratingInstances)return;const s=this.definition.name,n=f.hydratingInstances.get(s);(e=(t=f.lifecycleCallbacks)===null||t===void 0?void 0:t.elementDidHydrate)===null||e===void 0||e.call(t,this.definition.name),n&&(n.delete(this.source),n.size||f.hydratingInstances.delete(s),f.idleCallbackId&&cancelIdleCallback(f.idleCallbackId),f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),f.hydrationObserver.unobserve(this.source)}static install(){S.setStrategy(f)}}f.hydrationObserver=new Ke(f.hydrationObserverHandler);f.idleCallbackId=null;f.hydratingInstances=new Map;function fe(i){const t=class extends i{constructor(){super(),S.forCustomElement(this)}$emit(e,s,n){return this.$fastController.emit(e,s,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,n){this.$fastController.onAttributeChangedCallback(e,s,n)}};return p.registerBaseType(t),t}function ii(i,t){return M(i)?p.compose(i,t):p.compose(this,i)}function si(i,t){return M(i)?new Promise(e=>{p.composeAsync(i,t).then(s=>{e(s)})}).then(e=>e.define().type):new Promise(e=>{p.composeAsync(this,i).then(s=>{e(s)})}).then(e=>e.define().type)}function ni(i,t){return M(i)?p.compose(i,t).define().type:p.compose(this,i).define().type}function ri(i){return fe(i)}const ai=Object.assign(fe(HTMLElement),{from:ri,define:ni,compose:ii,defineAsync:si});function oi(i,t){return i instanceof Function?i(t):i}const zt=new Set,ot=new Map,li=i=>(t="vwc")=>{const e=n=>`${t}-${n}`,s=n=>{const r=e(n.name);let o=n.type;if(o.componentName=n.name,zt.has(r))return;ot.has(o)&&ot.get(o)!==r&&(o=class extends o{}),zt.add(r),ot.set(o,r);for(const a of n.dependencies)s(a);const c=new Map([[n.type,r],...n.dependencies.map(a=>[a.type,e(a.name)])]),l={tagFor:(a,h)=>{if(!c.has(a))throw new Error(`Could not get tag for ${a.name} as it is not a dependency of ${n.name}.`);const u=c.get(a);return h?u:yt.partial(u)},tagForNonDependency(a){return e(a)}};p.compose(o,{...n.options,template:oi(n.template,l),name:`${t}-${n.name}`}).define()};s(i)},ci=(i,t,e,s,n)=>({name:i,type:t,template:e,dependencies:s,options:n}),Ut=new WeakMap,pe=i=>{let t=Ut.get(i);return t||(t=[],Ut.set(i,t)),t},di=(i,t)=>{pe(i).push(t)},hi=(i,t)=>{pe(i).forEach(e=>e(i,t))},ui=i=>i==="delegate",Wt=i=>`vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`,be=(i,t)=>{if(ui(i._vividAriaBehaviour)){const e=i[t];i[`_${t}`]=null,i.removeAttribute(Y(t)),i[`_${t}`]=e,i[t]!==null?i.dataset[Wt(t)]=i[t]:delete i.dataset[Wt(t)]}else k.setAttribute(i,Y(t),i[t])},X=new WeakMap,fi=(i,t)=>{const e=X.get(i);e?e.add(t):X.set(i,new Set([t]))},pi=(i,t)=>{i.isConnected?be(i,t):fi(i,t)},bi=i=>{const t=X.get(i);if(t){for(const e of t)be(i,e);X.delete(i)}},ct=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColIndexText","ariaColSpan","ariaCurrent","ariaDescription","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowIndexText","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","ariaRelevant"],Y=i=>i.replace("aria","aria-").toLowerCase(),gi=i=>{class t extends i{constructor(...s){super(...s),this._vividAriaBehaviour="default";for(const n of ct)this[`_${n}`]=null}connectedCallback(){super.connectedCallback(),bi(this)}}for(const e of ct)ce({attribute:Y(e),mode:"fromView"})(t.prototype,e),t.prototype[`${e}Changed`]=function(){pi(this,e),this._vividAriaBehaviour!=="default"&&hi(this,e)};return t};function yi(){const i=new WeakMap;return t=>(i.has(t)||i.set(t,[]),i.get(t))}const ge=yi(),vi=i=>(t,e)=>{ge(t.constructor).push({newPropertyName:e,...i})},mi=i=>{class t extends i{#t(s){let n=!1,r=!1;const o=a=>r&&s.fromDeprecated(a[s.deprecatedPropertyName])===a[s.newPropertyName],c=a=>n&&s.toDeprecated&&s.toDeprecated(a[s.newPropertyName])===a[s.deprecatedPropertyName],d={handleChange(a,h){if(h===s.newPropertyName){if(n=!0,!s.toDeprecated||o(a))return;a[s.deprecatedPropertyName]=s.toDeprecated(a[s.newPropertyName])}if(h===s.deprecatedPropertyName){if(r=!0,c(a))return;a[s.newPropertyName]=s.fromDeprecated(a[s.deprecatedPropertyName])}}},l=b.getNotifier(this);l.subscribe(d,s.newPropertyName),l.subscribe(d,s.deprecatedPropertyName)}constructor(...s){super(...s);for(const n of ge(this.constructor))this.#t(n)}}return t};class wi extends gi(mi(ai)){static{this.VIVID_VERSION="5.9.0"}connectedCallback(){super.connectedCallback();const t=this.constructor.componentName;this.setAttribute("data-vvd-component",t)}}exports.Binding=tt;exports.DOM=k;exports.ElementStyles=m;exports.ExecutionContext=A;exports.HTMLDirective=T;exports.HTMLView=F;exports.HydrationMarkup=w;exports.HydrationStage=B;exports.Markup=pt;exports.Observable=b;exports.StatelessAttachedAttributeDirective=Zt;exports.SubscriberSet=q;exports.Updates=dt;exports.ViewBehaviorOrchestrator=Xe;exports.VividElement=wi;exports.ariaAttributeName=Y;exports.ariaMixinProperties=ct;exports.attr=ce;exports.commonjsGlobal=P;exports.createRegisterFunction=li;exports.defineVividComponent=ci;exports.emptyArray=me;exports.getAugmentedNamespace=ve;exports.getDefaultExportFromCjs=ye;exports.html=yt;exports.isFunction=M;exports.isHydratable=L;exports.isString=N;exports.noop=qt;exports.nullableNumberConverter=Qe;exports.observable=Ce;exports.oneTime=ut;exports.oneWay=ht;exports.replaces=vi;exports.subscribeToAriaPropertyChanges=di;exports.volatile=ke;
+`),d,ie(this.firstChild,this.lastChild).cloneContents(),l)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let r=0,o=n.length;r<o;++r)n[r].bind(this)}this.isBound=!0,this._hydrationStage=B.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){lt(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}}se=Q;O(Re);function _e(i){return i.create!==void 0}function Ie(i,t,e,s){if(e==null&&(e=""),_e(e)){i.textContent="";let n=i.$fastView;if(n===void 0)if(L(s)&&L(e)&&s.bindingViewBoundaries[this.targetNodeId]!==void 0&&s.hydrationStage!==B.hydrated){const r=s.bindingViewBoundaries[this.targetNodeId];n=e.hydrate(r.first,r.last)}else n=e.create();else i.$fastTemplate!==e&&(n.isComposed&&(n.remove(),n.unbind()),n=e.create());n.isComposed?n.needsBindOnly&&(n.needsBindOnly=!1,n.bind(s.source,s.context)):(n.isComposed=!0,n.bind(s.source,s.context),n.insertBefore(i),i.$fastView=n,i.$fastTemplate=e)}else{const n=i.$fastView;n!==void 0&&n.isComposed&&(n.isComposed=!1,n.remove(),n.needsBindOnly?n.needsBindOnly=!1:n.unbind()),i.textContent=e}}function Le(i,t,e){var s;const n=`${this.id}-t`,r=(s=i[n])!==null&&s!==void 0?s:i[n]={v:0,cv:Object.create(null)},o=r.cv;let c=r.v;const d=i[t];if(e!=null&&e.length){const l=e.split(/\s+/);for(let a=0,h=l.length;a<h;++a){const u=l[a];u!==""&&(o[u]=c,d.add(u))}}if(r.v=c+1,c!==0){c-=1;for(const l in o)o[l]===c&&d.remove(l)}}const Ve={[y.attribute]:k.setAttribute,[y.booleanAttribute]:k.setBooleanAttribute,[y.property]:(i,t,e)=>i[t]=e,[y.content]:Ie,[y.tokenList]:Le,[y.event]:()=>{}};class E{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=y.content}createHTML(t){return pt.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Ve[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw v.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId],n=L(t)&&t.hydrationStage&&t.hydrationStage!==B.hydrated;switch(this.aspectType){case y.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case y.content:t.onUnbind(this);default:const r=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);if(r.target=s,r.controller=t,n&&(this.aspectType===y.attribute||this.aspectType===y.booleanAttribute)){r.bind(t);break}this.updateTarget(s,this.targetAspect,r.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){A.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);A.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,n=e.controller;this.updateTarget(s,this.targetAspect,e.bind(n),n)}}T.define(E,{aspected:!0});const re=(i,t)=>`${i}.${t}`,Rt={},C={index:0,node:null};function _t(i){i.startsWith("fast-")||v.warn(1204,{name:i})}const je=new Proxy(document.createElement("div"),{get(i,t){_t(t);const e=Reflect.get(i,t);return M(e)?e.bind(i):e},set(i,t,e){return _t(t),Reflect.set(i,t,e)}});class Fe{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,n,r){var o,c;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,n)),t.id=(o=t.id)!==null&&o!==void 0?o:V(),t.targetNodeId=s,t.targetTagName=r,t.policy=(c=t.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const n=this.descriptors;if(e==="r"||e==="h"||n[e])return;if(!n[t]){const o=t.lastIndexOf("."),c=t.substring(0,o),d=parseInt(t.substring(o+1));this.addTargetDescriptor(c,t,d)}let r=Rt[e];if(!r){const o=`_${e}`;Rt[e]=r={get(){var c;return(c=this[o])!==null&&c!==void 0?c:this[o]=this[t].childNodes[s]}}}n[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??je;for(const n of this.nodeIds)s[n];return new F(e,this.factories,s)}}function ae(i,t,e,s,n,r=!1){const o=e.attributes,c=i.directives;for(let d=0,l=o.length;d<l;++d){const a=o[d],h=a.value,u=et.parse(h,c);let g=null;u===null?r&&(g=new E(ut(()=>h,i.policy)),T.assignAspect(g,a.name)):g=gt.aggregate(u,i.policy),g!==null&&(e.removeAttributeNode(a),d--,l--,i.addFactory(g,t,s,n,e.tagName))}}function De(i,t,e,s,n){const r=et.parse(t.textContent,i.directives);if(r===null)return C.node=t.nextSibling,C.index=n+1,C;let o,c=o=t;for(let d=0,l=r.length;d<l;++d){const a=r[d];d!==0&&(n++,s=re(e,n),o=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),N(a)?o.textContent=a:(o.textContent=" ",T.assignAspect(a),i.addFactory(a,e,s,n,null)),c=o}return C.index=n+1,C.node=c.nextSibling,C}function oe(i,t,e){let s=0,n=t.firstChild;for(;n;){const r=He(i,e,n,s);n=r.node,s=r.index}}function He(i,t,e,s){const n=re(t,s);switch(e.nodeType){case 1:ae(i,t,e,n,s),oe(i,e,n);break;case 3:return De(i,e,t,n,s);case 8:const r=et.parse(e.data,i.directives);r!==null&&i.addFactory(gt.aggregate(r),t,n,s,null);break}return C.index=s+1,C.node=e.nextSibling,C}function Pe(i,t){return i&&i.nodeType==8&&et.parse(i.data,t)!==null}const It="TEMPLATE",gt={compile(i,t,e=k.policy){let s;if(N(i)){s=document.createElement(It),s.innerHTML=e.createHTML(i);const o=s.content.firstElementChild;o!==null&&o.tagName===It&&(s=o)}else s=i;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const n=document.adoptNode(s.content),r=new Fe(n,t,e);return ae(r,"",s,"h",0,!0),(Pe(n.firstChild,t)||n.childNodes.length===1&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),oe(r,n,"r"),C.node=null,r.freeze()},setDefaultStrategy(i){this.compile=i},aggregate(i,t=k.policy){if(i.length===1)return i[0];let e,s=!1,n;const r=i.length,o=i.map(l=>N(l)?()=>l:(e=l.sourceAspect||e,s=s||l.dataBinding.isVolatile,n=n||l.dataBinding.policy,l.dataBinding.evaluate)),c=(l,a)=>{let h="";for(let u=0;u<r;++u)h+=o[u](l,a);return h},d=new E(ht(c,n??t,s));return T.assignAspect(d,e),d}},ze=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Ue=Object.create(null);class j{constructor(t,e=Ue){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}j.empty=new j("");T.define(j);function We(i,t,e,s=T.getForInstance(i)){if(s.aspected){const n=ze.exec(t);n!==null&&T.assignAspect(i,n[2])}return i.createHTML(e)}class it{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=gt.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new j(N(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw v.error(1208);if(this.policy)throw v.error(1207);return this.policy=t,this}render(t,e,s){const n=this.create(s);return n.bind(t),n.appendTo(e),n}static create(t,e,s){let n="";const r=Object.create(null),o=c=>{var d;const l=(d=c.id)!==null&&d!==void 0?d:c.id=V();return r[l]=c,l};for(let c=0,d=t.length-1;c<d;++c){const l=t[c];let a=e[c],h;if(n+=l,M(a))a=new E(ht(a));else if(a instanceof tt)a=new E(a);else if(!(h=T.getForInstance(a))){const u=a;a=new E(ut(()=>u))}n+=We(a,l,o,h)}return new it(n+t[t.length-1],r,s)}}O(it);const yt=(i,...t)=>{if(Array.isArray(i)&&Array.isArray(i.raw))return it.create(i,t);throw v.error(1206)};yt.partial=i=>new j(i);const Lt="boolean",Vt="reflect",le=Object.freeze({locate:Jt()}),qe={toView(i){return i?"true":"false"},fromView(i){return!(i==null||i==="false"||i===!1||i===0)}};function jt(i){if(i==null)return null;const t=i*1;return isNaN(t)?null:t}const Qe={toView(i){const t=jt(i);return t&&t.toString()},fromView:jt};class J{constructor(t,e,s=e.toLowerCase(),n=Vt,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=n,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,n===Lt&&r===void 0&&(this.converter=qe)}setValue(t,e){const s=t[this.fieldName],n=this.converter;n!==void 0&&(e=n.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return b.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||dt.enqueue(()=>{s.add(t);const n=t[this.fieldName];switch(e){case Vt:const r=this.converter;k.setAttribute(t,this.attribute,r!==void 0?r.toView(n):n);break;case Lt:k.setBooleanAttribute(t,this.attribute,n);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(le.locate(t));for(let n=0,r=e.length;n<r;++n){const o=e[n];if(o!==void 0)for(let c=0,d=o.length;c<d;++c){const l=o[c];N(l)?s.push(new J(t,l)):s.push(new J(t,l.property,l.attribute,l.mode,l.converter))}}return s}}function ce(i,t){let e;function s(n,r){arguments.length>1&&(e.property=r),le.locate(n.constructor).push(e)}if(arguments.length>1){e={},s(i,t);return}return e=i===void 0?{}:i,s}var Ge=function(i,t,e,s){function n(r){return r instanceof e?r:new e(function(o){o(r)})}return new(e||(e=Promise))(function(r,o){function c(a){try{l(s.next(a))}catch(h){o(h)}}function d(a){try{l(s.throw(a))}catch(h){o(h)}}function l(a){a.done?r(a.value):n(a.value).then(c,d)}l((s=s.apply(i,t||[])).next())})};const Ft={mode:"open"},Dt={},rt=new Set,_=v.getById(x.elementRegistry,()=>Gt()),Je={deferAndHydrate:"defer-and-hydrate"};class p{constructor(t,e=t.definition){var s;this.platformDefined=!1,N(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.templateOptions=e.templateOptions,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const n=t.prototype,r=J.collect(t,e.attributes),o=new Array(r.length),c={},d={};for(let l=0,a=r.length;l<a;++l){const h=r[l];o[l]=h.attribute,c[h.name]=h,d[h.attribute]=h,b.defineProperty(n,h)}Reflect.defineProperty(t,"observedAttributes",{value:o,enumerable:!0}),this.attributes=r,this.propertyLookup=c,this.attributeLookup=d,this.shadowOptions=e.shadowOptions===void 0?Ft:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ft),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Dt:Object.assign(Object.assign({},Dt),e.elementOptions),this.styles=m.normalize(e.styles),_.register(this),b.defineProperty(p.isRegistered,this.name),p.isRegistered[this.name]=this.type}get isDefined(){return this.platformDefined}define(t=this.registry){var e,s;const n=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,n,this.elementOptions),(s=(e=this.lifecycleCallbacks)===null||e===void 0?void 0:e.elementDidDefine)===null||s===void 0||s.call(e,this.name)),this}static compose(t,e){return rt.has(t)||_.getByType(t)?new p(class extends t{},e):new p(t,e)}static registerBaseType(t){rt.add(t)}static composeAsync(t,e){return new Promise(s=>{(rt.has(t)||_.getByType(t))&&s(new p(class extends t{},e));const n=new p(t,e);b.getNotifier(n).subscribe({handleChange:()=>{var r,o;(o=(r=n.lifecycleCallbacks)===null||r===void 0?void 0:r.templateDidUpdate)===null||o===void 0||o.call(r,n.name),s(n)}},"template")})}}p.isRegistered={};p.getByType=_.getByType;p.getForInstance=_.getForInstance;p.registerAsync=i=>Ge(void 0,void 0,void 0,function*(){return new Promise(t=>{p.isRegistered[i]&&t(p.isRegistered[i]),b.getNotifier(p.isRegistered).subscribe({handleChange:()=>t(p.isRegistered[i])},i)})});b.defineProperty(p.prototype,"template");class Ke extends MutationObserver{constructor(t){function e(s){this.callback.call(null,s.filter(n=>this.observedNodes.has(n.target)))}super(e),this.callback=t,this.observedNodes=new Set}observe(t,e){this.observedNodes.add(t),super.observe(t,e)}unobserve(t){this.observedNodes.delete(t),this.observedNodes.size<1&&this.disconnect()}}const Xe=Object.freeze({create(i){const t=[],e={};let s=null,n=!1;return{source:i,context:A.default,targets:e,get isBound(){return n},addBehaviorFactory(r,o){var c,d,l,a;const h=r;h.id=(c=h.id)!==null&&c!==void 0?c:V(),h.targetNodeId=(d=h.targetNodeId)!==null&&d!==void 0?d:V(),h.targetTagName=(l=o.tagName)!==null&&l!==void 0?l:null,h.policy=(a=h.policy)!==null&&a!==void 0?a:k.policy,this.addTarget(h.targetNodeId,o),this.addBehavior(h.createBehavior())},addTarget(r,o){e[r]=o},addBehavior(r){t.push(r),n&&r.bind(this)},onUnbind(r){s===null&&(s=[]),s.push(r)},connectedCallback(r){n||(n=!0,t.forEach(o=>o.bind(this)))},disconnectedCallback(r){n&&(n=!1,s!==null&&s.forEach(o=>o.unbind(this)))}}}}),Ye={bubbles:!0,composed:!0,cancelable:!0},W="isConnected",de=new WeakMap;function I(i){var t,e;return(e=(t=i.shadowRoot)!==null&&t!==void 0?t:de.get(i))!==null&&e!==void 0?e:null}let Ht;class S extends Kt{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e,this.shadowOptions=e.shadowOptions;const s=b.getAccessors(t);if(s.length>0){const n=this.boundObservables=Object.create(null);for(let r=0,o=s.length;r<o;++r){const c=s[r].name,d=t[c];d!==void 0&&(delete t[c],n[c]=d)}}}get isConnected(){return b.track(this,W),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:A.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(t){if(this._shadowRootOptions===void 0&&t!==void 0){this._shadowRootOptions=t;let e=this.source.shadowRoot;e?this.hasExistingShadowRoot=!0:(e=this.source.attachShadow(t),t.mode==="closed"&&de.set(this.source,e))}}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const n=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=n.get(t))!==null&&s!==void 0?s:0;r===0?(n.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):n.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const n=s.get(t);n!==void 0&&(n===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,n-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=I(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const n=t.behaviors;if(t.addStylesTo(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.addBehavior(n[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=I(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const n=t.behaviors;if(t.removeStylesFrom(s),n!==null)for(let r=0,o=n.length;r<o;++r)this.removeBehavior(n[r])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,b.notify(this,W))}bindObservables(){if(this.boundObservables!==null){const t=this.source,e=this.boundObservables,s=Object.keys(e);for(let n=0,r=s.length;n<r;++n){const o=s[n];t[o]=e[o]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,b.notify(this,W),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(t,e,s){const n=this.definition.attributeLookup[t];n!==void 0&&n.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},Ye),s))):!1}renderTemplate(t){var e;const s=this.source,n=(e=I(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=n.firstChild;r!==null;r=n.firstChild)n.removeChild(r)}t&&(this.view=t.render(s,n,s),this.view.sourceLifetime=Z.coupled)}static forCustomElement(t,e=!1){const s=t.$fastController;if(s!==void 0&&!e)return s;const n=p.getForInstance(t);if(n===void 0)throw v.error(1401);return b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"template"),b.getNotifier(n).subscribe({handleChange:()=>{S.forCustomElement(t,!0),t.$fastController.connect()}},"shadowOptions"),t.$fastController=new Ht(t,n)}static setStrategy(t){Ht=t}}O(S);S.setStrategy(S);function K(i){var t;return"adoptedStyleSheets"in i?i:(t=I(i))!==null&&t!==void 0?t:i.getRootNode()}class st{constructor(t){const e=st.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let n=e.get(s);return n===void 0&&(n=new CSSStyleSheet,n.replaceSync(s),e.set(s,n)),n})}addStylesTo(t){he(K(t),this.sheets)}removeStylesFrom(t){ue(K(t),this.sheets)}}st.styleSheetCache=new Map;let Ze=0;const ti=()=>`fast-${++Ze}`;function Pt(i){return i===document?document.body:i}class ei{constructor(t){this.styles=t,this.styleClass=ti()}addStylesTo(t){t=Pt(K(t));const e=this.styles,s=this.styleClass;for(let n=0;n<e.length;n++){const r=document.createElement("style");r.innerHTML=e[n],r.className=s,t.append(r)}}removeStylesFrom(t){t=Pt(K(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,n=e.length;s<n;++s)t.removeChild(e[s])}}let he=(i,t)=>{i.adoptedStyleSheets=[...i.adoptedStyleSheets,...t]},ue=(i,t)=>{i.adoptedStyleSheets=i.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(m.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),he=(i,t)=>{i.adoptedStyleSheets.push(...t)},ue=(i,t)=>{for(const e of t){const s=i.adoptedStyleSheets.indexOf(e);s!==-1&&i.adoptedStyleSheets.splice(s,1)}}}catch{}m.setDefaultStrategy(st)}else m.setDefaultStrategy(ei);const D="defer-hydration",at="needs-hydration";class f extends S{get shadowOptions(){return super.shadowOptions}set shadowOptions(t){super.shadowOptions=t,(this.hasExistingShadowRoot||t!==void 0&&!this.template)&&this.definition.templateOptions===Je.deferAndHydrate&&(this.source.toggleAttribute(D,!0),this.source.toggleAttribute(at,!0))}addHydratingInstance(){if(!f.hydratingInstances)return;const t=this.definition.name;let e=f.hydratingInstances.get(t);e||(e=new Set,f.hydratingInstances.set(t,e)),e.add(this.source)}static config(t){return f.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(const e of t)e.target.hasAttribute(D)||(f.hydrationObserver.unobserve(e.target),e.target.$fastController.connect())}static checkHydrationComplete(t){var e,s,n;if(t.didTimeout){f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50});return}((e=f.hydratingInstances)===null||e===void 0?void 0:e.size)===0&&((n=(s=f.lifecycleCallbacks)===null||s===void 0?void 0:s.hydrationComplete)===null||n===void 0||n.call(s),S.setStrategy(S))}connect(){var t,e,s,n,r;if(this.needsHydration=(t=this.needsHydration)!==null&&t!==void 0?t:this.source.hasAttribute(at),this.needsHydration&&((s=(e=f.lifecycleCallbacks)===null||e===void 0?void 0:e.elementWillHydrate)===null||s===void 0||s.call(e,this.definition.name)),this.source.hasAttribute(D)){this.addHydratingInstance(),f.hydrationObserver.observe(this.source,{attributeFilter:[D]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===3){if(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.template)if(L(this.template)){const o=this.source,c=(n=I(o))!==null&&n!==void 0?n:o;let d=c.firstChild,l=c.lastChild;o.shadowRoot===null&&(w.isElementBoundaryStartMarker(d)&&(d.data="",d=d.nextSibling),w.isElementBoundaryEndMarker(l)&&(l.data="",l=l.previousSibling)),this.view=this.template.hydrate(d,l,o),(r=this.view)===null||r===void 0||r.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(at),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),b.notify(this,W)}}removeHydratingInstance(){var t,e;if(!f.hydratingInstances)return;const s=this.definition.name,n=f.hydratingInstances.get(s);(e=(t=f.lifecycleCallbacks)===null||t===void 0?void 0:t.elementDidHydrate)===null||e===void 0||e.call(t,this.definition.name),n&&(n.delete(this.source),n.size||f.hydratingInstances.delete(s),f.idleCallbackId&&cancelIdleCallback(f.idleCallbackId),f.idleCallbackId=requestIdleCallback(f.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),f.hydrationObserver.unobserve(this.source)}static install(){S.setStrategy(f)}}f.hydrationObserver=new Ke(f.hydrationObserverHandler);f.idleCallbackId=null;f.hydratingInstances=new Map;function fe(i){const t=class extends i{constructor(){super(),S.forCustomElement(this)}$emit(e,s,n){return this.$fastController.emit(e,s,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,n){this.$fastController.onAttributeChangedCallback(e,s,n)}};return p.registerBaseType(t),t}function ii(i,t){return M(i)?p.compose(i,t):p.compose(this,i)}function si(i,t){return M(i)?new Promise(e=>{p.composeAsync(i,t).then(s=>{e(s)})}).then(e=>e.define().type):new Promise(e=>{p.composeAsync(this,i).then(s=>{e(s)})}).then(e=>e.define().type)}function ni(i,t){return M(i)?p.compose(i,t).define().type:p.compose(this,i).define().type}function ri(i){return fe(i)}const ai=Object.assign(fe(HTMLElement),{from:ri,define:ni,compose:ii,defineAsync:si});function oi(i,t){return i instanceof Function?i(t):i}const zt=new Set,ot=new Map,li=i=>(t="vwc")=>{const e=n=>`${t}-${n}`,s=n=>{const r=e(n.name);let o=n.type;if(o.componentName=n.name,zt.has(r))return;ot.has(o)&&ot.get(o)!==r&&(o=class extends o{}),zt.add(r),ot.set(o,r);for(const a of n.dependencies)s(a);const c=new Map([[n.type,r],...n.dependencies.map(a=>[a.type,e(a.name)])]),l={tagFor:(a,h)=>{if(!c.has(a))throw new Error(`Could not get tag for ${a.name} as it is not a dependency of ${n.name}.`);const u=c.get(a);return h?u:yt.partial(u)},tagForNonDependency(a){return e(a)}};p.compose(o,{...n.options,template:oi(n.template,l),name:`${t}-${n.name}`}).define()};s(i)},ci=(i,t,e,s,n)=>({name:i,type:t,template:e,dependencies:s,options:n}),Ut=new WeakMap,pe=i=>{let t=Ut.get(i);return t||(t=[],Ut.set(i,t)),t},di=(i,t)=>{pe(i).push(t)},hi=(i,t)=>{pe(i).forEach(e=>e(i,t))},ui=i=>i==="delegate",Wt=i=>`vvd${i.charAt(0).toUpperCase()}${i.slice(1)}`,be=(i,t)=>{if(ui(i._vividAriaBehaviour)){const e=i[t];i[`_${t}`]=null,i.removeAttribute(Y(t)),i[`_${t}`]=e,i[t]!==null?i.dataset[Wt(t)]=i[t]:delete i.dataset[Wt(t)]}else k.setAttribute(i,Y(t),i[t])},X=new WeakMap,fi=(i,t)=>{const e=X.get(i);e?e.add(t):X.set(i,new Set([t]))},pi=(i,t)=>{i.isConnected?be(i,t):fi(i,t)},bi=i=>{const t=X.get(i);if(t){for(const e of t)be(i,e);X.delete(i)}},ct=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColIndexText","ariaColSpan","ariaCurrent","ariaDescription","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowIndexText","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","ariaRelevant"],Y=i=>i.replace("aria","aria-").toLowerCase(),gi=i=>{class t extends i{constructor(...s){super(...s),this._vividAriaBehaviour="default";for(const n of ct)this[`_${n}`]=null}connectedCallback(){super.connectedCallback(),bi(this)}}for(const e of ct)ce({attribute:Y(e),mode:"fromView"})(t.prototype,e),t.prototype[`${e}Changed`]=function(){pi(this,e),this._vividAriaBehaviour!=="default"&&hi(this,e)};return t};function yi(){const i=new WeakMap;return t=>(i.has(t)||i.set(t,[]),i.get(t))}const ge=yi(),vi=i=>(t,e)=>{ge(t.constructor).push({newPropertyName:e,...i})},mi=i=>{class t extends i{#t(s){let n=!1,r=!1;const o=a=>r&&s.fromDeprecated(a[s.deprecatedPropertyName])===a[s.newPropertyName],c=a=>n&&s.toDeprecated&&s.toDeprecated(a[s.newPropertyName])===a[s.deprecatedPropertyName],d={handleChange(a,h){if(h===s.newPropertyName){if(n=!0,!s.toDeprecated||o(a))return;a[s.deprecatedPropertyName]=s.toDeprecated(a[s.newPropertyName])}if(h===s.deprecatedPropertyName){if(r=!0,c(a))return;a[s.newPropertyName]=s.fromDeprecated(a[s.deprecatedPropertyName])}}},l=b.getNotifier(this);l.subscribe(d,s.newPropertyName),l.subscribe(d,s.deprecatedPropertyName)}constructor(...s){super(...s);for(const n of ge(this.constructor))this.#t(n)}}return t};class wi extends gi(mi(ai)){static{this.VIVID_VERSION="5.10.0"}connectedCallback(){super.connectedCallback();const t=this.constructor.componentName;this.setAttribute("data-vvd-component",t)}}exports.Binding=tt;exports.DOM=k;exports.ElementStyles=m;exports.ExecutionContext=A;exports.HTMLDirective=T;exports.HTMLView=F;exports.HydrationMarkup=w;exports.HydrationStage=B;exports.Markup=pt;exports.Observable=b;exports.StatelessAttachedAttributeDirective=Zt;exports.SubscriberSet=q;exports.Updates=dt;exports.ViewBehaviorOrchestrator=Xe;exports.VividElement=wi;exports.ariaAttributeName=Y;exports.ariaMixinProperties=ct;exports.attr=ce;exports.commonjsGlobal=P;exports.createRegisterFunction=li;exports.defineVividComponent=ci;exports.emptyArray=me;exports.getAugmentedNamespace=ve;exports.getDefaultExportFromCjs=ye;exports.html=yt;exports.isFunction=M;exports.isHydratable=L;exports.isString=N;exports.noop=qt;exports.nullableNumberConverter=Qe;exports.observable=Ce;exports.oneTime=ut;exports.oneWay=ht;exports.replaces=vi;exports.subscribeToAriaPropertyChanges=di;exports.volatile=ke;

package/bundled/vivid-element.js

@@ -2763,7 +2763,7 @@ const fe = oi(), mi = (i) => (t, e) => {
 };
 class wi extends ai(li(Ze)) {
   static {
-    this.VIVID_VERSION = "5.9.0";
+    this.VIVID_VERSION = "5.10.0";
   }
   /**
    * Add data-vvd-component attribute with component name globally,

package/card/definition.cjs

@@ -11,7 +11,7 @@ const fastWebUtilities = require('@microsoft/fast-web-utilities');
 const enums = require('../unbundled/enums.cjs');
 const delegatesAria = require('../unbundled/delegates-aria.cjs');
 
-const styles = ":host{display:flex}.base{border-radius:8px;inline-size:100%;text-align:start}.base{padding:0;border:0 none;outline:none;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.wrapper{display:flex;overflow:hidden;flex-flow:column;border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text)}.wrapper{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.wrapper:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper{--_connotation-color-primary: var(--vvd-card-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-card-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-card-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-card-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-card-cta-soft, var(--vvd-color-cta-100))}@media (hover: hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{display:flex;flex-flow:column;padding:24px}.header{display:flex;flex:1;align-items:flex-start;gap:8px}.header-content{flex:1}.header-wrapper{display:flex;gap:8px}.header-headline,.header-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{padding-right:8px;margin-top:12px}.footer{display:inline-flex;flex-direction:column;align-items:flex-end;padding-bottom:24px;margin-top:auto;padding-inline:24px}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}";
+const styles = ":host{display:flex;--_vvd-tinted-shadow-surface-0dp: drop-shadow( 1px 0px 0px var(--card-border-color) ) drop-shadow(0px 1px 0px var(--card-border-color)) drop-shadow(0px -1px 0px var(--card-border-color)) drop-shadow(-1px 0px 0px var(--card-border-color))}.base{border-radius:8px;inline-size:100%;text-align:start}.base{padding:0;border:0 none;outline:none;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.wrapper{display:flex;overflow:hidden;flex-flow:column;border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text)}.wrapper{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.wrapper:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper{--_connotation-color-primary: var(--vvd-card-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-card-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-card-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-card-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-card-cta-soft, var(--vvd-color-cta-100))}@media (hover: hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{display:flex;flex-flow:column;padding:24px}.header{display:flex;flex:1;align-items:flex-start;gap:8px}.header-content{flex:1}.header-wrapper{display:flex;gap:8px}.header-headline,.header-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{padding-right:8px;margin-top:12px}.footer{display:inline-flex;flex-direction:column;align-items:flex-end;padding-bottom:24px;margin-top:auto;padding-inline:24px}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/card/definition.js

@@ -7,7 +7,7 @@ import { classNames } from '@microsoft/fast-web-utilities';
 import { A as Appearance } from '../unbundled/enums.js';
 import { d as delegateAria } from '../unbundled/delegates-aria.js';
 
-const styles = ":host{display:flex}.base{border-radius:8px;inline-size:100%;text-align:start}.base{padding:0;border:0 none;outline:none;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.wrapper{display:flex;overflow:hidden;flex-flow:column;border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text)}.wrapper{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.wrapper:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper{--_connotation-color-primary: var(--vvd-card-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-card-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-card-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-card-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-card-cta-soft, var(--vvd-color-cta-100))}@media (hover: hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{display:flex;flex-flow:column;padding:24px}.header{display:flex;flex:1;align-items:flex-start;gap:8px}.header-content{flex:1}.header-wrapper{display:flex;gap:8px}.header-headline,.header-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{padding-right:8px;margin-top:12px}.footer{display:inline-flex;flex-direction:column;align-items:flex-end;padding-bottom:24px;margin-top:auto;padding-inline:24px}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}";
+const styles = ":host{display:flex;--_vvd-tinted-shadow-surface-0dp: drop-shadow( 1px 0px 0px var(--card-border-color) ) drop-shadow(0px 1px 0px var(--card-border-color)) drop-shadow(0px -1px 0px var(--card-border-color)) drop-shadow(-1px 0px 0px var(--card-border-color))}.base{border-radius:8px;inline-size:100%;text-align:start}.base{padding:0;border:0 none;outline:none;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.wrapper{display:flex;overflow:hidden;flex-flow:column;border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text)}.wrapper{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.wrapper:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper{--_connotation-color-primary: var(--vvd-card-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-card-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-card-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-card-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-card-cta-soft, var(--vvd-color-cta-100))}@media (hover: hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{display:flex;flex-flow:column;padding:24px}.header{display:flex;flex:1;align-items:flex-start;gap:8px}.header-content{flex:1}.header-wrapper{display:flex;gap:8px}.header-headline,.header-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{padding-right:8px;margin-top:12px}.footer{display:inline-flex;flex-direction:column;align-items:flex-end;padding-bottom:24px;margin-top:auto;padding-inline:24px}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}";
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/card/index.cjs

@@ -1,16 +1,16 @@
-"use strict";const f=require("../bundled/definition2.cjs"),b=require("../bundled/definition4.cjs"),t=require("../bundled/vivid-element.cjs"),m=require("../bundled/linkable.cjs"),c=require("../bundled/enums.cjs"),x=require("../bundled/delegates-aria.cjs"),i=require("../bundled/when.cjs"),v=require("../bundled/slotted.cjs"),g=require("../bundled/class-names.cjs"),y=":host{display:flex}.base{border-radius:8px;inline-size:100%;text-align:start}.base{padding:0;border:0 none;outline:none;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.wrapper{display:flex;overflow:hidden;flex-flow:column;border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text)}.wrapper{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.wrapper:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper{--_connotation-color-primary: var(--vvd-card-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-card-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-card-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-card-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-card-cta-soft, var(--vvd-color-cta-100))}@media (hover: hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{display:flex;flex-flow:column;padding:24px}.header{display:flex;flex:1;align-items:flex-start;gap:8px}.header-content{flex:1}.header-wrapper{display:flex;gap:8px}.header-headline,.header-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{padding-right:8px;margin-top:12px}.footer{display:inline-flex;flex-direction:column;align-items:flex-end;padding-bottom:24px;margin-top:auto;padding-inline:24px}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}";var $=Object.defineProperty,n=(e,a,r,h)=>{for(var l=void 0,d=e.length-1,u;d>=0;d--)(u=e[d])&&(l=u(a,r,l)||l);return l&&$(a,r,l),l};class o extends m.Linkable(t.VividElement){constructor(){super(...arguments),this.clickableCard=!1}}n([t.attr],o.prototype,"appearance");n([t.attr],o.prototype,"headline");n([t.attr],o.prototype,"subtitle");n([t.attr],o.prototype,"text");n([t.attr],o.prototype,"icon");n([t.attr],o.prototype,"elevation");n([t.attr({mode:"boolean",attribute:"clickable-card"})],o.prototype,"clickableCard");n([t.observable],o.prototype,"footerSlottedContent");n([t.observable],o.prototype,"graphicSlottedContent");n([t.observable],o.prototype,"hasMetaSlottedContent");const p=e=>g.classNames("base",["hide-footer",!e.footerSlottedContent||!e.footerSlottedContent.length],["hide-header",q(e)]);function w(e){return t.html`
+"use strict";const f=require("../bundled/definition2.cjs"),b=require("../bundled/definition4.cjs"),t=require("../bundled/vivid-element.cjs"),m=require("../bundled/linkable.cjs"),d=require("../bundled/enums.cjs"),x=require("../bundled/delegates-aria.cjs"),l=require("../bundled/when.cjs"),v=require("../bundled/slotted.cjs"),g=require("../bundled/class-names.cjs"),w=":host{display:flex;--_vvd-tinted-shadow-surface-0dp: drop-shadow( 1px 0px 0px var(--card-border-color) ) drop-shadow(0px 1px 0px var(--card-border-color)) drop-shadow(0px -1px 0px var(--card-border-color)) drop-shadow(-1px 0px 0px var(--card-border-color))}.base{border-radius:8px;inline-size:100%;text-align:start}.base{padding:0;border:0 none;outline:none;text-decoration:none}.base:is(button,a):not(:disabled){cursor:pointer}.base:is(button,a):disabled{cursor:not-allowed}.base:is(button,a):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.wrapper{display:flex;overflow:hidden;flex-flow:column;border-radius:inherit;block-size:100%;color:var(--vvd-color-canvas-text)}.wrapper{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.wrapper:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.wrapper.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.wrapper:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.wrapper{--_connotation-color-primary: var(--vvd-card-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-card-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-card-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-card-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-card-cta-soft, var(--vvd-color-cta-100))}@media (hover: hover){.base:is(button,a):hover>.wrapper{background-color:var(--_appearance-color-fill)}}.main-content{display:flex;flex-flow:column;padding:24px}.header{display:flex;flex:1;align-items:flex-start;gap:8px}.header-content{flex:1}.header-wrapper{display:flex;gap:8px}.header-headline,.header-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.header-headline{font:var(--vvd-typography-heading-4);-webkit-line-clamp:var(--headline-line-clamp)}.header-subtitle{font:var(--vvd-typography-base);-webkit-line-clamp:var(--subtitle-line-clamp)}.hide-header .header{display:none}.header-subtitle,.text{color:var(--vvd-color-neutral-600);font:var(--vvd-typography-base)}.text{padding-right:8px;margin-top:12px}.footer{display:inline-flex;flex-direction:column;align-items:flex-end;padding-bottom:24px;margin-top:auto;padding-inline:24px}.hide-footer .footer{display:none}::slotted([slot=graphic i]),.icon{flex-shrink:0;align-self:baseline;margin-block-start:4px}.icon{font-size:20px}::slotted([slot=meta i]){flex-shrink:0;align-self:flex-start;margin-block-start:-8px;margin-inline:auto -8px}";var y=Object.defineProperty,n=(e,a,r,h)=>{for(var i=void 0,c=e.length-1,u;c>=0;c--)(u=e[c])&&(i=u(a,r,i)||i);return i&&y(a,r,i),i};class o extends m.Linkable(t.VividElement){constructor(){super(...arguments),this.clickableCard=!1}}n([t.attr],o.prototype,"appearance");n([t.attr],o.prototype,"headline");n([t.attr],o.prototype,"subtitle");n([t.attr],o.prototype,"text");n([t.attr],o.prototype,"icon");n([t.attr],o.prototype,"elevation");n([t.attr({mode:"boolean",attribute:"clickable-card"})],o.prototype,"clickableCard");n([t.observable],o.prototype,"footerSlottedContent");n([t.observable],o.prototype,"graphicSlottedContent");n([t.observable],o.prototype,"hasMetaSlottedContent");const p=e=>g.classNames("base",["hide-footer",!e.footerSlottedContent||!e.footerSlottedContent.length],["hide-header",q(e)]);function $(e){return t.html`
 		<${e} class="icon" inline name="${a=>a.icon}"></${e}>`}function _(){return t.html`
 		<div class="header-headline" id="card-headline">${e=>e.headline}</div>
 	`}function C(){return t.html` <div class="header-subtitle">${e=>e.subtitle}</div> `}function k(){return t.html`
 		<div class="header-content">
-			${i.when(e=>e.headline,_())}
-			${i.when(e=>e.subtitle,C())}
+			${l.when(e=>e.headline,_())}
+			${l.when(e=>e.subtitle,C())}
 		</div>
 	`}function S(e){return t.html` <div class="header">
 		<slot name="graphic" ${v.slotted("graphicSlottedContent")}
-			>${i.when(a=>a.icon,w(e))}</slot
+			>${l.when(a=>a.icon,$(e))}</slot
 		>
-		${i.when(a=>a.headline||a.subtitle,k())}
+		${l.when(a=>a.headline||a.subtitle,k())}
 	</div>`}function q(e){return!e.headline&&!e.subtitle&&!e.icon&&(!e.graphicSlottedContent||!e.graphicSlottedContent.length)}function A(){return t.html` <slot name="meta" ${v.slotted("metaSlottedContent")}></slot> `}function E(){return t.html` <div class="text">${e=>e.text}</div> `}function H(e){return t.html`<button
 		class="${p}"
 		type="button"
@@ -33,7 +33,7 @@
 							<div class="header-wrapper">
 								${S(a)} ${A()}
 							</div>
-							${i.when(h=>h.text,E())}
+							${l.when(h=>h.text,E())}
 						</div>
 					</slot>
 					<div class="footer">
@@ -41,15 +41,15 @@
 					</div>
 				</div> `)}
 	`}const D=e=>{const a=e.tagFor(b.Elevation);return t.html`
-		${i.when(r=>r.appearance!==c.Appearance.Ghost&&r.appearance!==c.Appearance.Outlined,t.html`
+		${l.when(r=>r.appearance!==d.Appearance.Ghost&&r.appearance!==d.Appearance.Outlined,t.html`
 			<${a} dp=${r=>r.elevation??"4"}>
 			  ${s(e)}
 			</${a}>
 		`)}
-		${i.when(r=>r.appearance===c.Appearance.Outlined,t.html`
+		${l.when(r=>r.appearance===d.Appearance.Outlined,t.html`
 			<${a} dp='0')}>
 			  ${s(e)}
 			</${a}>
 		`)}
-		${i.when(r=>r.appearance===c.Appearance.Ghost,t.html` ${s(e)} `)}
-	`},F=t.defineVividComponent("card",o,D,[f.iconDefinition,b.elevationDefinition],{styles:y}),O=t.createRegisterFunction(F);O();
+		${l.when(r=>r.appearance===d.Appearance.Ghost,t.html` ${s(e)} `)}
+	`},F=t.defineVividComponent("card",o,D,[f.iconDefinition,b.elevationDefinition],{styles:w}),O=t.createRegisterFunction(F);O();