@digipair/skill-web-spectrum 0.42.0 → 0.43.3

package/index.esm.js

@@ -28,7 +28,7 @@ function _instanceof$h(left, right) {
         return left instanceof right;
     }
 }
-var t$A = globalThis, e$J = t$A.ShadowRoot && (void 0 === t$A.ShadyCSS || t$A.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$i = Symbol(), o$T = new WeakMap;
+var t$z = globalThis, e$J = t$z.ShadowRoot && (void 0 === t$z.ShadyCSS || t$z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$i = Symbol(), o$T = new WeakMap;
 var n$u = /*#__PURE__*/ function() {
     function n(t, e, o) {
         _class_call_check$2O(this, n);
@@ -59,7 +59,7 @@ var n$u = /*#__PURE__*/ function() {
 }();
 var r$F = function(t) {
     return new n$u("string" == typeof t ? t : t + "", void 0, s$i);
-}, i$o = function(t) {
+}, i$p = function(t) {
     for(var _len = arguments.length, e = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
         e[_key - 1] = arguments[_key];
     }
@@ -79,7 +79,7 @@ var r$F = function(t) {
     else try {
         for(var _iterator = o[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var e1 = _step.value;
-            var _$o = document.createElement("style"), n = t$A.litNonce;
+            var _$o = document.createElement("style"), n = t$z.litNonce;
             void 0 !== n && _$o.setAttribute("nonce", n), _$o.textContent = e1.cssText, s.appendChild(_$o);
         }
     } catch (err) {
@@ -443,7 +443,7 @@ var _Symbol, _a, _a1;
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var i$n = Object.is, e$I = Object.defineProperty, r$E = Object.getOwnPropertyDescriptor, h$p = Object.getOwnPropertyNames, o$S = Object.getOwnPropertySymbols, n$t = Object.getPrototypeOf, a$q = globalThis, c$B = a$q.trustedTypes, l$g = c$B ? c$B.emptyScript : "", p$I = a$q.reactiveElementPolyfillSupport, d$A = function(t, s) {
+ */ var i$o = Object.is, e$I = Object.defineProperty, r$E = Object.getOwnPropertyDescriptor, h$o = Object.getOwnPropertyNames, o$S = Object.getOwnPropertySymbols, n$t = Object.getPrototypeOf, a$q = globalThis, c$B = a$q.trustedTypes, l$g = c$B ? c$B.emptyScript : "", p$I = a$q.reactiveElementPolyfillSupport, d$A = function(t, s) {
     return t;
 }, u$N = {
     toAttribute: function toAttribute(t, s) {
@@ -477,7 +477,7 @@ var _Symbol, _a, _a1;
         return i;
     }
 }, f$p = function(t, s) {
-    return !i$n(t, s);
+    return !i$o(t, s);
 }, y$h = {
     attribute: !0,
     type: String,
@@ -886,7 +886,7 @@ var b$j = /*#__PURE__*/ function(HTMLElement1) {
             value: function finalize() {
                 if (this.hasOwnProperty(d$A("finalized"))) return;
                 if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$A("properties"))) {
-                    var t = this.properties, s = _to_consumable_array$C(h$p(t)).concat(_to_consumable_array$C(o$S(t)));
+                    var t = this.properties, s = _to_consumable_array$C(h$o(t)).concat(_to_consumable_array$C(o$S(t)));
                     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                     try {
                         for(var _iterator = s[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
@@ -1152,11 +1152,11 @@ function _create_super$2q(Derived) {
     };
 }
 var _t;
-var t$z = globalThis, i$m = t$z.trustedTypes, s$h = i$m ? i$m.createPolicy("lit-html", {
+var t$y = globalThis, i$n = t$y.trustedTypes, s$h = i$n ? i$n.createPolicy("lit-html", {
     createHTML: function(t) {
         return t;
     }
-}) : void 0, e$H = "$lit$", h$o = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$R = "?" + h$o, n$s = "<".concat(o$R, ">"), r$D = document, l$f = function() {
+}) : void 0, e$H = "$lit$", h$n = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$R = "?" + h$n, n$s = "<".concat(o$R, ">"), r$D = document, l$f = function() {
     return r$D.createComment("");
 }, c$A = function(t) {
     return null === t || "object" != typeof t && "function" != typeof t;
@@ -1173,55 +1173,55 @@ var t$z = globalThis, i$m = t$z.trustedTypes, s$h = i$m ? i$m.createPolicy("lit-
             values: s
         };
     };
-}, x$3 = y$g(1), b$i = y$g(2), w$2 = Symbol.for("lit-noChange"), T$3 = Symbol.for("lit-nothing"), A$1 = new WeakMap, E$2 = r$D.createTreeWalker(r$D, 129);
-function C$7(t, i) {
-    if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+}, x$3 = y$g(1), b$i = y$g(2), T$3 = Symbol.for("lit-noChange"), E$2 = Symbol.for("lit-nothing"), A$1 = new WeakMap, C$7 = r$D.createTreeWalker(r$D, 129);
+function P$2(t, i) {
+    if (!a$p(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
     return void 0 !== s$h ? s$h.createHTML(i) : i;
 }
-var P$2 = function(t, i) {
+var V = function(t, i) {
     var s = t.length - 1, o = [];
-    var r, l = 2 === i ? "<svg>" : "", c = f$o;
+    var r, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = f$o;
     for(var _$i = 0; _$i < s; _$i++){
         var s1 = t[_$i];
         var a = void 0, u = void 0, d = -1, y = 0;
         for(; y < s1.length && (c.lastIndex = y, u = c.exec(s1), null !== u);)y = c.lastIndex, c === f$o ? "!--" === u[1] ? c = v$j : void 0 !== u[1] ? c = _ : void 0 !== u[2] ? ($$2.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m$r) : void 0 !== u[3] && (c = m$r) : c === m$r ? ">" === u[0] ? (c = r !== null && r !== void 0 ? r : f$o, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? m$r : '"' === u[3] ? g$e : p$H) : c === g$e || c === p$H ? c = m$r : c === v$j || c === _ ? c = f$o : (c = m$r, r = void 0);
         var x = c === m$r && t[_$i + 1].startsWith("/>") ? " " : "";
-        l += c === f$o ? s1 + n$s : d >= 0 ? (o.push(a), s1.slice(0, d) + e$H + s1.slice(d) + h$o + x) : s1 + h$o + (-2 === d ? _$i : x);
+        l += c === f$o ? s1 + n$s : d >= 0 ? (o.push(a), s1.slice(0, d) + e$H + s1.slice(d) + h$n + x) : s1 + h$n + (-2 === d ? _$i : x);
     }
     return [
-        C$7(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : "")),
+        P$2(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")),
         o
     ];
 };
-var V = /*#__PURE__*/ function() {
-    function V(param, n) {
+var N$1 = /*#__PURE__*/ function() {
+    function N(param, n) {
         var t = param.strings, s = param._$litType$;
-        _class_call_check$2M(this, V);
+        _class_call_check$2M(this, N);
         var r;
         this.parts = [];
         var c = 0, a = 0;
-        var u = t.length - 1, d = this.parts, _P = _sliced_to_array$i(P$2(t, s), 2), f = _P[0], v = _P[1];
-        if (this.el = V.createElement(f, n), E$2.currentNode = this.el.content, 2 === s) {
+        var u = t.length - 1, d = this.parts, _V = _sliced_to_array$i(V(t, s), 2), f = _V[0], v = _V[1];
+        if (this.el = N.createElement(f, n), C$7.currentNode = this.el.content, 2 === s || 3 === s) {
             var _t;
             var t1 = this.el.content.firstChild;
             (_t = t1).replaceWith.apply(_t, _to_consumable_array$B(t1.childNodes));
         }
-        for(; null !== (r = E$2.nextNode()) && d.length < u;){
+        for(; null !== (r = C$7.nextNode()) && d.length < u;){
             if (1 === r.nodeType) {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 if (r.hasAttributes()) try {
                     for(var _iterator = r.getAttributeNames()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                         var t2 = _step.value;
                         if (t2.endsWith(e$H)) {
-                            var i1 = v[a++], s1 = r.getAttribute(t2).split(h$o), e1 = /([.?@])?(.*)/.exec(i1);
+                            var i1 = v[a++], s1 = r.getAttribute(t2).split(h$n), e1 = /([.?@])?(.*)/.exec(i1);
                             d.push({
                                 type: 1,
                                 index: c,
                                 name: e1[2],
                                 strings: s1,
-                                ctor: "." === e1[1] ? k$3 : "?" === e1[1] ? H : "@" === e1[1] ? I$4 : R
+                                ctor: "." === e1[1] ? H : "?" === e1[1] ? I$4 : "@" === e1[1] ? L$1 : k$3
                             }), r.removeAttribute(t2);
-                        } else t2.startsWith(h$o) && (d.push({
+                        } else t2.startsWith(h$n) && (d.push({
                             type: 6,
                             index: c
                         }), r.removeAttribute(t2));
@@ -1241,10 +1241,10 @@ var V = /*#__PURE__*/ function() {
                     }
                 }
                 if ($$2.test(r.tagName)) {
-                    var t3 = r.textContent.split(h$o), s2 = t3.length - 1;
+                    var t3 = r.textContent.split(h$n), s2 = t3.length - 1;
                     if (s2 > 0) {
-                        r.textContent = i$m ? i$m.emptyScript : "";
-                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l$f()), E$2.nextNode(), d.push({
+                        r.textContent = i$n ? i$n.emptyScript : "";
+                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l$f()), C$7.nextNode(), d.push({
                             type: 2,
                             index: ++c
                         });
@@ -1257,15 +1257,15 @@ var V = /*#__PURE__*/ function() {
             });
             else {
                 var t4 = -1;
-                for(; -1 !== (t4 = r.data.indexOf(h$o, t4 + 1));)d.push({
+                for(; -1 !== (t4 = r.data.indexOf(h$n, t4 + 1));)d.push({
                     type: 7,
                     index: c
-                }), t4 += h$o.length - 1;
+                }), t4 += h$n.length - 1;
             }
             c++;
         }
     }
-    _create_class$2I(V, null, [
+    _create_class$2I(N, null, [
         {
             key: "createElement",
             value: function createElement(t, i) {
@@ -1274,24 +1274,24 @@ var V = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return V;
+    return N;
 }();
-function N$1(t, i) {
+function S$6(t, i) {
     var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : t, e = arguments.length > 3 ? arguments[3] : void 0;
     var _s__$Co, _h__$AO;
     var _s;
-    if (i === w$2) return i;
+    if (i === T$3) return i;
     var h = void 0 !== e ? (_s__$Co = s._$Co) === null || _s__$Co === void 0 ? void 0 : _s__$Co[e] : s._$Cl;
     var o = c$A(i) ? void 0 : i._$litDirective$;
     var __$Co;
-    return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 ? void 0 : (_h__$AO = h._$AO) === null || _h__$AO === void 0 ? void 0 : _h__$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((__$Co = (_s = s)._$Co) !== null && __$Co !== void 0 ? __$Co : _s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = N$1(t, h._$AS(t, i.values), h, e)), i;
+    return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 ? void 0 : (_h__$AO = h._$AO) === null || _h__$AO === void 0 ? void 0 : _h__$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((__$Co = (_s = s)._$Co) !== null && __$Co !== void 0 ? __$Co : _s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = S$6(t, h._$AS(t, i.values), h, e)), i;
 }
-var S$6 = /*#__PURE__*/ function() {
-    function S(t, i) {
-        _class_call_check$2M(this, S);
+var M$3 = /*#__PURE__*/ function() {
+    function M(t, i) {
+        _class_call_check$2M(this, M);
         this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
     }
-    _create_class$2I(S, [
+    _create_class$2I(M, [
         {
             key: "parentNode",
             get: function get() {
@@ -1309,16 +1309,16 @@ var S$6 = /*#__PURE__*/ function() {
             value: function u(t) {
                 var _t_creationScope;
                 var _this__$AD = this._$AD, _this__$AD_el = _this__$AD.el, i = _this__$AD_el.content, s = _this__$AD.parts, e = ((_t_creationScope = t === null || t === void 0 ? void 0 : t.creationScope) !== null && _t_creationScope !== void 0 ? _t_creationScope : r$D).importNode(i, !0);
-                E$2.currentNode = e;
-                var h = E$2.nextNode(), o = 0, n = 0, l = s[0];
+                C$7.currentNode = e;
+                var h = C$7.nextNode(), o = 0, n = 0, l = s[0];
                 for(; void 0 !== l;){
                     if (o === l.index) {
                         var i1 = void 0;
-                        2 === l.type ? i1 = new M$2(h, h.nextSibling, this, t) : 1 === l.type ? i1 = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i1 = new L$1(h, this, t)), this._$AV.push(i1), l = s[++n];
+                        2 === l.type ? i1 = new R(h, h.nextSibling, this, t) : 1 === l.type ? i1 = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i1 = new z$1(h, this, t)), this._$AV.push(i1), l = s[++n];
                     }
-                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = E$2.nextNode(), o++);
+                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = C$7.nextNode(), o++);
                 }
-                return E$2.currentNode = r$D, e;
+                return C$7.currentNode = r$D, e;
             }
         },
         {
@@ -1348,15 +1348,15 @@ var S$6 = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return S;
+    return M;
 }();
-var M$2 = /*#__PURE__*/ function() {
-    function M(t, i, s, e) {
-        _class_call_check$2M(this, M);
+var R = /*#__PURE__*/ function() {
+    function R(t, i, s, e) {
+        _class_call_check$2M(this, R);
         var _e_isConnected;
-        this.type = 2, this._$AH = T$3, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e_isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e_isConnected !== void 0 ? _e_isConnected : !0;
+        this.type = 2, this._$AH = E$2, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e_isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e_isConnected !== void 0 ? _e_isConnected : !0;
     }
-    _create_class$2I(M, [
+    _create_class$2I(R, [
         {
             key: "_$AU",
             get: function get() {
@@ -1389,35 +1389,35 @@ var M$2 = /*#__PURE__*/ function() {
             key: "_$AI",
             value: function _$AI(t) {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                t = N$1(this, t, i), c$A(t) ? t === T$3 || null == t || "" === t ? (this._$AH !== T$3 && this._$AR(), this._$AH = T$3) : t !== this._$AH && t !== w$2 && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u$M(t) ? this.k(t) : this._(t);
+                t = S$6(this, t, i), c$A(t) ? t === E$2 || null == t || "" === t ? (this._$AH !== E$2 && this._$AR(), this._$AH = E$2) : t !== this._$AH && t !== T$3 && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u$M(t) ? this.k(t) : this._(t);
             }
         },
         {
-            key: "S",
-            value: function S(t) {
+            key: "O",
+            value: function O(t) {
                 return this._$AA.parentNode.insertBefore(t, this._$AB);
             }
         },
         {
             key: "T",
             value: function T(t) {
-                this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
+                this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
             }
         },
         {
             key: "_",
             value: function _(t) {
-                this._$AH !== T$3 && c$A(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$D.createTextNode(t)), this._$AH = t;
+                this._$AH !== E$2 && c$A(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$D.createTextNode(t)), this._$AH = t;
             }
         },
         {
             key: "$",
             value: function $(t) {
                 var _this__$AH;
-                var i = t.values, s = t._$litType$, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = V.createElement(C$7(s.h, s.h[0]), this.options)), s);
+                var i = t.values, s = t._$litType$, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = N$1.createElement(P$2(s.h, s.h[0]), this.options)), s);
                 if (((_this__$AH = this._$AH) === null || _this__$AH === void 0 ? void 0 : _this__$AH._$AD) === e) this._$AH.p(i);
                 else {
-                    var _$t = new S$6(e, this), s1 = _$t.u(this.options);
+                    var _$t = new M$3(e, this), s1 = _$t.u(this.options);
                     _$t.p(i), this.T(s1), this._$AH = _$t;
                 }
             }
@@ -1426,7 +1426,7 @@ var M$2 = /*#__PURE__*/ function() {
             key: "_$AC",
             value: function _$AC(t) {
                 var i = A$1.get(t.strings);
-                return void 0 === i && A$1.set(t.strings, i = new V(t)), i;
+                return void 0 === i && A$1.set(t.strings, i = new N$1(t)), i;
             }
         },
         {
@@ -1439,7 +1439,7 @@ var M$2 = /*#__PURE__*/ function() {
                 try {
                     for(var _iterator = t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                         var h = _step.value;
-                        e === i.length ? i.push(s = new M(this.S(l$f()), this.S(l$f()), this, this.options)) : s = i[e], s._$AI(h), e++;
+                        e === i.length ? i.push(s = new R(this.O(l$f()), this.O(l$f()), this, this.options)) : s = i[e], s._$AI(h), e++;
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -1477,14 +1477,14 @@ var M$2 = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return M;
+    return R;
 }();
-var R = /*#__PURE__*/ function() {
-    function R(t, i, s, e, h) {
-        _class_call_check$2M(this, R);
-        this.type = 1, this._$AH = T$3, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String), this.strings = s) : this._$AH = T$3;
+var k$3 = /*#__PURE__*/ function() {
+    function k(t, i, s, e, h) {
+        _class_call_check$2M(this, k);
+        this.type = 1, this._$AH = E$2, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String), this.strings = s) : this._$AH = E$2;
     }
-    _create_class$2I(R, [
+    _create_class$2I(k, [
         {
             key: "tagName",
             get: function get() {
@@ -1503,11 +1503,11 @@ var R = /*#__PURE__*/ function() {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this, s = arguments.length > 2 ? arguments[2] : void 0, e = arguments.length > 3 ? arguments[3] : void 0;
                 var h = this.strings;
                 var o = !1;
-                if (void 0 === h) t = N$1(this, t, i, 0), o = !c$A(t) || t !== this._$AH && t !== w$2, o && (this._$AH = t);
+                if (void 0 === h) t = S$6(this, t, i, 0), o = !c$A(t) || t !== this._$AH && t !== T$3, o && (this._$AH = t);
                 else {
                     var e1 = t;
                     var n, r;
-                    for(t = h[0], n = 0; n < h.length - 1; n++)r = N$1(this, e1[s + n], i, n), r === w$2 && (r = this._$AH[n]), o || (o = !c$A(r) || r !== this._$AH[n]), r === T$3 ? t = T$3 : t !== T$3 && (t += (r !== null && r !== void 0 ? r : "") + h[n + 1]), this._$AH[n] = r;
+                    for(t = h[0], n = 0; n < h.length - 1; n++)r = S$6(this, e1[s + n], i, n), r === T$3 && (r = this._$AH[n]), o || (o = !c$A(r) || r !== this._$AH[n]), r === E$2 ? t = E$2 : t !== E$2 && (t += (r !== null && r !== void 0 ? r : "") + h[n + 1]), this._$AH[n] = r;
                 }
                 o && !e && this.j(t);
             }
@@ -1515,71 +1515,71 @@ var R = /*#__PURE__*/ function() {
         {
             key: "j",
             value: function j(t) {
-                t === T$3 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
+                t === E$2 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
             }
         }
     ]);
-    return R;
+    return k;
 }();
-var k$3 = /*#__PURE__*/ function(R) {
-    _inherits$2q(k, R);
-    var _super = _create_super$2q(k);
-    function k() {
-        _class_call_check$2M(this, k);
+var H = /*#__PURE__*/ function(k) {
+    _inherits$2q(H, k);
+    var _super = _create_super$2q(H);
+    function H() {
+        _class_call_check$2M(this, H);
         var _this;
         _this = _super.call.apply(_super, [
             this
         ].concat(Array.prototype.slice.call(arguments))), _this.type = 3;
         return _possible_constructor_return$2q(_this);
     }
-    _create_class$2I(k, [
+    _create_class$2I(H, [
         {
             key: "j",
             value: function j(t) {
-                this.element[this.name] = t === T$3 ? void 0 : t;
+                this.element[this.name] = t === E$2 ? void 0 : t;
             }
         }
     ]);
-    return k;
-}(R);
-var H = /*#__PURE__*/ function(R) {
-    _inherits$2q(H, R);
-    var _super = _create_super$2q(H);
-    function H() {
-        _class_call_check$2M(this, H);
+    return H;
+}(k$3);
+var I$4 = /*#__PURE__*/ function(k) {
+    _inherits$2q(I, k);
+    var _super = _create_super$2q(I);
+    function I() {
+        _class_call_check$2M(this, I);
         var _this;
         _this = _super.call.apply(_super, [
             this
         ].concat(Array.prototype.slice.call(arguments))), _this.type = 4;
         return _possible_constructor_return$2q(_this);
     }
-    _create_class$2I(H, [
+    _create_class$2I(I, [
         {
             key: "j",
             value: function j(t) {
-                this.element.toggleAttribute(this.name, !!t && t !== T$3);
+                this.element.toggleAttribute(this.name, !!t && t !== E$2);
             }
         }
     ]);
-    return H;
-}(R);
-var I$4 = /*#__PURE__*/ function(R) {
-    _inherits$2q(I, R);
-    var _super = _create_super$2q(I);
-    function I(t, i, s, e, h) {
-        _class_call_check$2M(this, I);
+    return I;
+}(k$3);
+var L$1 = /*#__PURE__*/ function(k) {
+    _inherits$2q(L, k);
+    var _super = _create_super$2q(L);
+    function L(t, i, s, e, h) {
+        _class_call_check$2M(this, L);
         var _this;
         _this = _super.call(this, t, i, s, e, h), _this.type = 5;
         return _possible_constructor_return$2q(_this);
     }
-    _create_class$2I(I, [
+    _create_class$2I(L, [
         {
             key: "_$AI",
             value: function _$AI(t) {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                var _N;
-                if ((t = (_N = N$1(this, t, i, 0)) !== null && _N !== void 0 ? _N : T$3) === w$2) return;
-                var s = this._$AH, e = t === T$3 && s !== T$3 || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== T$3 && (s === T$3 || e);
+                var _S;
+                if ((t = (_S = S$6(this, t, i, 0)) !== null && _S !== void 0 ? _S : E$2) === T$3) return;
+                var s = this._$AH, e = t === E$2 && s !== E$2 || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== E$2 && (s === E$2 || e);
                 e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
             }
         },
@@ -1592,14 +1592,14 @@ var I$4 = /*#__PURE__*/ function(R) {
             }
         }
     ]);
-    return I;
-}(R);
-var L$1 = /*#__PURE__*/ function() {
-    function L(t, i, s) {
-        _class_call_check$2M(this, L);
+    return L;
+}(k$3);
+var z$1 = /*#__PURE__*/ function() {
+    function z(t, i, s) {
+        _class_call_check$2M(this, z);
         this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
     }
-    _create_class$2I(L, [
+    _create_class$2I(z, [
         {
             key: "_$AU",
             get: function get() {
@@ -1609,38 +1609,38 @@ var L$1 = /*#__PURE__*/ function() {
         {
             key: "_$AI",
             value: function _$AI(t) {
-                N$1(this, t);
+                S$6(this, t);
             }
         }
     ]);
-    return L;
+    return z;
 }();
-var z$1 = {
-    P: e$H,
-    A: h$o,
-    C: o$R,
-    M: 1,
-    L: P$2,
-    R: S$6,
+var Z = {
+    M: e$H,
+    P: h$n,
+    A: o$R,
+    C: 1,
+    L: V,
+    R: M$3,
     D: u$M,
-    V: N$1,
-    I: M$2,
-    H: R,
-    N: H,
-    U: I$4,
-    B: k$3,
-    F: L$1
-}, Z = t$z.litHtmlPolyfillSupport;
+    V: S$6,
+    I: R,
+    H: k$3,
+    N: I$4,
+    U: L$1,
+    B: H,
+    F: z$1
+}, j = t$y.litHtmlPolyfillSupport;
 var _litHtmlVersions;
-Z === null || Z === void 0 ? void 0 : Z(V, M$2), ((_litHtmlVersions = (_t = t$z).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.1.4");
-var j = function(t, i, s) {
+j === null || j === void 0 ? void 0 : j(N$1, R), ((_litHtmlVersions = (_t = t$y).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.2.1");
+var B$1 = function(t, i, s) {
     var _s_renderBefore;
     var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
     var h = e._$litPart$;
     if (void 0 === h) {
         var _s_renderBefore1;
         var _$t = (_s_renderBefore1 = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore1 !== void 0 ? _s_renderBefore1 : null;
-        e._$litPart$ = h = new M$2(i.insertBefore(l$f(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
+        e._$litPart$ = h = new R(i.insertBefore(l$f(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
     }
     return h._$AI(t), h;
 };
@@ -1759,11 +1759,11 @@ var _globalThis1;
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var s$g = /*#__PURE__*/ function(t) {
-    _inherits$2p(s, t);
-    var _super = _create_super$2p(s);
-    function s() {
-        _class_call_check$2L(this, s);
+ */ var r$C = /*#__PURE__*/ function(t) {
+    _inherits$2p(r, t);
+    var _super = _create_super$2p(r);
+    function r() {
+        _class_call_check$2L(this, r);
         var _this;
         _this = _super.call.apply(_super, [
             this
@@ -1772,12 +1772,12 @@ var _globalThis1;
         }, _this._$Do = void 0;
         return _possible_constructor_return$2p(_this);
     }
-    _create_class$2H(s, [
+    _create_class$2H(r, [
         {
             key: "createRenderRoot",
             value: function createRenderRoot() {
                 var _this_renderOptions;
-                var _$t = _get$1e(_get_prototype_of$2p(s.prototype), "createRenderRoot", this).call(this);
+                var _$t = _get$1e(_get_prototype_of$2p(r.prototype), "createRenderRoot", this).call(this);
                 var _renderBefore;
                 return (_renderBefore = (_this_renderOptions = this.renderOptions).renderBefore) !== null && _renderBefore !== void 0 ? _renderBefore : _this_renderOptions.renderBefore = _$t.firstChild, _$t;
             }
@@ -1785,42 +1785,42 @@ var _globalThis1;
         {
             key: "update",
             value: function update(t) {
-                var i = this.render();
-                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get$1e(_get_prototype_of$2p(s.prototype), "update", this).call(this, t), this._$Do = j(i, this.renderRoot, this.renderOptions);
+                var s = this.render();
+                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get$1e(_get_prototype_of$2p(r.prototype), "update", this).call(this, t), this._$Do = B$1(s, this.renderRoot, this.renderOptions);
             }
         },
         {
             key: "connectedCallback",
             value: function connectedCallback() {
                 var _this__$Do;
-                _get$1e(_get_prototype_of$2p(s.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!0);
+                _get$1e(_get_prototype_of$2p(r.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!0);
             }
         },
         {
             key: "disconnectedCallback",
             value: function disconnectedCallback() {
                 var _this__$Do;
-                _get$1e(_get_prototype_of$2p(s.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!1);
+                _get$1e(_get_prototype_of$2p(r.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!1);
             }
         },
         {
             key: "render",
             value: function render() {
-                return w$2;
+                return T$3;
             }
         }
     ]);
-    return s;
+    return r;
 }(b$j);
-s$g._$litElement$ = !0, s$g["finalized"] = !0, (_globalThis_litElementHydrateSupport = (_globalThis = globalThis).litElementHydrateSupport) === null || _globalThis_litElementHydrateSupport === void 0 ? void 0 : _globalThis_litElementHydrateSupport.call(_globalThis, {
-    LitElement: s$g
+r$C._$litElement$ = !0, r$C["finalized"] = !0, (_globalThis_litElementHydrateSupport = (_globalThis = globalThis).litElementHydrateSupport) === null || _globalThis_litElementHydrateSupport === void 0 ? void 0 : _globalThis_litElementHydrateSupport.call(_globalThis, {
+    LitElement: r$C
 });
-var r$C = globalThis.litElementPolyfillSupport;
-r$C === null || r$C === void 0 ? void 0 : r$C({
-    LitElement: s$g
+var i$m = globalThis.litElementPolyfillSupport;
+i$m === null || i$m === void 0 ? void 0 : i$m({
+    LitElement: r$C
 });
 var _litElementVersions;
-((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.0.6");
+((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.1.1");
 
 // Generated by genversion.
 var version = "0.43.0";
@@ -2026,7 +2026,7 @@ var SpectrumElement = /*#__PURE__*/ function(_SpectrumMixin) {
         return _super.apply(this, arguments);
     }
     return SpectrumElement;
-}(SpectrumMixin(s$g));
+}(SpectrumMixin(r$C));
 SpectrumElement.VERSION = version;
 
 function _define_property$i(obj, key, value) {
@@ -2739,7 +2739,7 @@ function _templateObject$3B() {
     };
     return data;
 }
-var e$E = i$o(_templateObject$3B());
+var e$E = i$p(_templateObject$3B());
 var g$c = e$E;
 
 function _array_like_to_array$N(arr, len) {
@@ -3022,7 +3022,7 @@ function _templateObject$3A() {
 }
 var n$p = Object.defineProperty;
 var u$K = Object.getOwnPropertyDescriptor;
-var s$f = function(l, i, e, o) {
+var s$g = function(l, i, e, o) {
     for(var t = o > 1 ? void 0 : o ? u$K(i, e) : i, r = l.length - 1, a; r >= 0; r--)(a = l[r]) && (t = (o ? a(i, e, t) : a(t)) || t);
     return o && t && n$p(i, e, t), t;
 };
@@ -3130,18 +3130,18 @@ var Accordion = /*#__PURE__*/ function(_d) {
 }(SizedMixin(SpectrumElement, {
     noDefaultSize: !0
 }));
-s$f([
+s$g([
     n$r({
         type: Boolean,
         reflect: !0,
         attribute: "allow-multiple"
     })
-], Accordion.prototype, "allowMultiple", 2), s$f([
+], Accordion.prototype, "allowMultiple", 2), s$g([
     n$r({
         type: String,
         reflect: !0
     })
-], Accordion.prototype, "density", 2), s$f([
+], Accordion.prototype, "density", 2), s$g([
     n$q()
 ], Accordion.prototype, "defaultNodes", 2);
 
@@ -3850,7 +3850,7 @@ n$o([
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */ var o$O = function(o) {
-    return o !== null && o !== void 0 ? o : T$3;
+    return o !== null && o !== void 0 ? o : E$2;
 };
 
 /**
@@ -3901,7 +3901,7 @@ function _unsupported_iterable_to_array$M(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$M(o, minLen);
 }
-var t$y = {
+var t$x = {
     ATTRIBUTE: 1,
     CHILD: 2,
     PROPERTY: 3,
@@ -3956,15 +3956,15 @@ var i$k = /*#__PURE__*/ function() {
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var t$x = z$1.I, f$n = function(o) {
+ */ var t$w = Z.I, f$n = function(o) {
     return void 0 === o.strings;
-}, s$e = function() {
+}, s$f = function() {
     return document.createComment("");
 }, r$y = function(o, i, n) {
     var e = o._$AA.parentNode, l = void 0 === i ? o._$AB : i._$AA;
     if (void 0 === n) {
-        var _$i = e.insertBefore(s$e(), l), c = e.insertBefore(s$e(), l);
-        n = new t$x(_$i, c, o, o.options);
+        var _$i = e.insertBefore(s$f(), l), c = e.insertBefore(s$f(), l);
+        n = new t$w(_$i, c, o, o.options);
     } else {
         var t1 = n._$AB.nextSibling, _$i1 = n._$AM, c1 = _$i1 !== o;
         if (c1) {
@@ -3989,7 +3989,7 @@ var i$k = /*#__PURE__*/ function() {
     return o._$AH = t;
 }, p$F = function(o) {
     return o._$AH;
-}, h$n = function(o) {
+}, M$2 = function(o) {
     var _o__$AP;
     (_o__$AP = o._$AP) === null || _o__$AP === void 0 ? void 0 : _o__$AP.call(o, !1, !0);
     var t = o._$AA;
@@ -4145,7 +4145,7 @@ function _create_super$2j(Derived) {
     function _class(e) {
         _class_call_check$2D(this, _class);
         var _this;
-        if (_this = _super.call(this, e), e.type !== t$y.CHILD) throw Error("repeat() can only be used in text expressions");
+        if (_this = _super.call(this, e), e.type !== t$x.CHILD) throw Error("repeat() can only be used in text expressions");
         return _possible_constructor_return$2j(_this);
     }
     _create_class$2z(_class, [
@@ -4210,17 +4210,17 @@ function _create_super$2j(Derived) {
                         v$i(_$e1, p[k]), v[k] = _$e1;
                     } else v[k] = v$i(_$t1, p[k]), r$y(s, d[x], _$t1), d[_$e] = null;
                     k++;
-                } else h$n(d[j]), j--;
-                else h$n(d[x]), x++;
+                } else M$2(d[j]), j--;
+                else M$2(d[x]), x++;
                 for(; k <= w;){
                     var _$e2 = r$y(s, v[w + 1]);
                     v$i(_$e2, p[k]), v[k++] = _$e2;
                 }
                 for(; x <= j;){
                     var _$e3 = d[x++];
-                    null !== _$e3 && h$n(_$e3);
+                    null !== _$e3 && M$2(_$e3);
                 }
-                return this.ut = a, m$p(s, v), w$2;
+                return this.ut = a, m$p(s, v), T$3;
             }
         }
     ]);
@@ -4369,7 +4369,7 @@ function _create_super$2i(Derived) {
         _class_call_check$2C(this, _class);
         var _this;
         var _t_strings;
-        if (_this = _super.call(this, t), t.type !== t$y.ATTRIBUTE || "class" !== t.name || ((_t_strings = t.strings) === null || _t_strings === void 0 ? void 0 : _t_strings.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+        if (_this = _super.call(this, t), t.type !== t$x.ATTRIBUTE || "class" !== t.name || ((_t_strings = t.strings) === null || _t_strings === void 0 ? void 0 : _t_strings.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
         return _possible_constructor_return$2i(_this);
     }
     _create_class$2y(_class, [
@@ -4419,7 +4419,7 @@ function _create_super$2i(Derived) {
                     var _$s = !!_$i[_$t2];
                     _$s === this.st.has(_$t2) || ((_this_nt1 = this.nt) === null || _this_nt1 === void 0 ? void 0 : _this_nt1.has(_$t2)) || (_$s ? (r.add(_$t2), this.st.add(_$t2)) : (r.remove(_$t2), this.st.delete(_$t2)));
                 }
-                return w$2;
+                return T$3;
             }
         }
     ]);
@@ -4568,7 +4568,7 @@ function _create_super$2h(Derived) {
         _class_call_check$2B(this, _class);
         var _this;
         var _t_strings;
-        if (_this = _super.call(this, t), t.type !== t$y.ATTRIBUTE || "style" !== t.name || ((_t_strings = t.strings) === null || _t_strings === void 0 ? void 0 : _t_strings.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+        if (_this = _super.call(this, t), t.type !== t$x.ATTRIBUTE || "style" !== t.name || ((_t_strings = t.strings) === null || _t_strings === void 0 ? void 0 : _t_strings.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
         return _possible_constructor_return$2h(_this);
     }
     _create_class$2x(_class, [
@@ -4615,7 +4615,7 @@ function _create_super$2h(Derived) {
                         _$t1.includes("-") || _$r1 ? s.setProperty(_$t1, _$r1 ? _$e.slice(0, -11) : _$e, _$r1 ? n$n : "") : s[_$t1] = _$e;
                     }
                 }
-                return w$2;
+                return T$3;
             }
         }
     ]);
@@ -4759,7 +4759,7 @@ function _create_super$2g(Derived) {
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var s$d = function(i, t) {
+ */ var s$e = function(i, t) {
     var _i__$AO;
     var e = i._$AN;
     if (void 0 === e) return !1;
@@ -4767,7 +4767,7 @@ function _create_super$2g(Derived) {
     try {
         for(var _iterator = e[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var _$i = _step.value;
-            (_i__$AO = _$i._$AO) === null || _i__$AO === void 0 ? void 0 : _i__$AO.call(_$i, t, !1), s$d(_$i, t);
+            (_i__$AO = _$i._$AO) === null || _i__$AO === void 0 ? void 0 : _i__$AO.call(_$i, t, !1), s$e(_$i, t);
         }
     } catch (err) {
         _didIteratorError = true;
@@ -4804,14 +4804,14 @@ function h$m(i) {
 function n$m(i) {
     var _$t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
     var r = this._$AH, h = this._$AN;
-    if (void 0 !== h && 0 !== h.size) if (_$t) if (Array.isArray(r)) for(var _$i = e; _$i < r.length; _$i++)s$d(r[_$i], !1), o$M(r[_$i]);
-    else null != r && (s$d(r, !1), o$M(r));
-    else s$d(this, i);
+    if (void 0 !== h && 0 !== h.size) if (_$t) if (Array.isArray(r)) for(var _$i = e; _$i < r.length; _$i++)s$e(r[_$i], !1), o$M(r[_$i]);
+    else null != r && (s$e(r, !1), o$M(r));
+    else s$e(this, i);
 }
 var c$x = function(i) {
     var _i, _i1;
     var __$AP, __$AQ;
-    i.type == t$y.CHILD && ((__$AP = (_i = i)._$AP) !== null && __$AP !== void 0 ? __$AP : _i._$AP = n$m, (__$AQ = (_i1 = i)._$AQ) !== null && __$AQ !== void 0 ? __$AQ : _i1._$AQ = h$m);
+    i.type == t$x.CHILD && ((__$AP = (_i = i)._$AP) !== null && __$AP !== void 0 ? __$AP : _i._$AP = n$m, (__$AQ = (_i1 = i)._$AQ) !== null && __$AQ !== void 0 ? __$AQ : _i1._$AQ = h$m);
 };
 var f$m = /*#__PURE__*/ function(t) {
     _inherits$2g(f, t);
@@ -4836,7 +4836,7 @@ var f$m = /*#__PURE__*/ function(t) {
             value: function _$AO(i) {
                 var _$t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
                 var _this_reconnected, _this, _this_disconnected, _this1;
-                i !== this.isConnected && (this.isConnected = i, i ? (_this_reconnected = (_this = this).reconnected) === null || _this_reconnected === void 0 ? void 0 : _this_reconnected.call(_this) : (_this_disconnected = (_this1 = this).disconnected) === null || _this_disconnected === void 0 ? void 0 : _this_disconnected.call(_this1)), _$t && (s$d(this, i), o$M(this));
+                i !== this.isConnected && (this.isConnected = i, i ? (_this_reconnected = (_this = this).reconnected) === null || _this_reconnected === void 0 ? void 0 : _this_reconnected.call(_this) : (_this_disconnected = (_this1 = this).disconnected) === null || _this_disconnected === void 0 ? void 0 : _this_disconnected.call(_this1)), _$t && (s$e(this, i), o$M(this));
             }
         },
         {
@@ -5002,7 +5002,7 @@ function _create_super$2f(Derived) {
     function _class(r) {
         _class_call_check$2z(this, _class);
         var _this;
-        if (_this = _super.call(this, r), r.type !== t$y.PROPERTY && r.type !== t$y.ATTRIBUTE && r.type !== t$y.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+        if (_this = _super.call(this, r), r.type !== t$x.PROPERTY && r.type !== t$x.ATTRIBUTE && r.type !== t$x.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
         if (!f$n(r)) throw Error("`live` bindings can only contain a single expression");
         return _possible_constructor_return$2f(_this);
     }
@@ -5017,13 +5017,13 @@ function _create_super$2f(Derived) {
             key: "update",
             value: function update(i, param) {
                 var _param = _sliced_to_array$e(param, 1), _$t = _param[0];
-                if (_$t === w$2 || _$t === T$3) return _$t;
+                if (_$t === T$3 || _$t === E$2) return _$t;
                 var o = i.element, l = i.name;
-                if (i.type === t$y.PROPERTY) {
-                    if (_$t === o[l]) return w$2;
-                } else if (i.type === t$y.BOOLEAN_ATTRIBUTE) {
-                    if (!!_$t === o.hasAttribute(l)) return w$2;
-                } else if (i.type === t$y.ATTRIBUTE && o.getAttribute(l) === _$t + "") return w$2;
+                if (i.type === t$x.PROPERTY) {
+                    if (_$t === o[l]) return T$3;
+                } else if (i.type === t$x.BOOLEAN_ATTRIBUTE) {
+                    if (!!_$t === o.hasAttribute(l)) return T$3;
+                } else if (i.type === t$x.ATTRIBUTE && o.getAttribute(l) === _$t + "") return T$3;
                 return m$p(i), _$t;
             }
         }
@@ -5246,8 +5246,8 @@ function _templateObject$3z() {
     };
     return data;
 }
-var s$c = i$o(_templateObject$3z());
-var c$w = s$c;
+var s$d = i$p(_templateObject$3z());
+var c$w = s$d;
 
 function _assert_this_initialized$2e(self) {
     if (self === void 0) {
@@ -5944,18 +5944,18 @@ function _unsupported_iterable_to_array$G(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$G(o, minLen);
 }
-var t$w;
+var t$v;
 var tag$1 = function tag(e) {
     for(var _len = arguments.length, a = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
         a[_key - 1] = arguments[_key];
     }
-    return t$w ? t$w.apply(void 0, [
+    return t$v ? t$v.apply(void 0, [
         e
     ].concat(_to_consumable_array$x(a))) : a.reduce(function(r, p, l) {
         return r + p + e[l + 1];
     }, e[0]);
 }, setCustomTemplateLiteralTag$1 = function(e) {
-    t$w = e;
+    t$v = e;
 };
 
 function _tagged_template_literal$3w(strings, raw) {
@@ -6110,7 +6110,7 @@ function _templateObject$3v() {
     };
     return data;
 }
-var r$w = i$o(_templateObject$3v());
+var r$w = i$p(_templateObject$3v());
 var C$6 = r$w;
 
 function _tagged_template_literal$3u(strings, raw) {
@@ -6132,7 +6132,7 @@ function _templateObject$3u() {
     };
     return data;
 }
-var r$v = i$o(_templateObject$3u());
+var r$v = i$p(_templateObject$3u());
 var b$g = r$v;
 
 function _assert_this_initialized$2b(self) {
@@ -6305,7 +6305,7 @@ function _templateObject4$j() {
 }
 var p$C = Object.defineProperty;
 var d$w = Object.getOwnPropertyDescriptor;
-var s$b = function(n, o, e, i) {
+var s$c = function(n, o, e, i) {
     for(var t = i > 1 ? void 0 : i ? d$w(o, e) : o, l = n.length - 1, a; l >= 0; l--)(a = n[l]) && (t = (i ? a(o, e, t) : a(t)) || t);
     return i && t && p$C(o, e, t), t;
 };
@@ -6390,17 +6390,17 @@ var AccordionItem = /*#__PURE__*/ function(_h) {
 }(SizedMixin(Focusable, {
     noDefaultSize: !0
 }));
-s$b([
+s$c([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], AccordionItem.prototype, "open", 2), s$b([
+], AccordionItem.prototype, "open", 2), s$c([
     n$r({
         type: String,
         reflect: !0
     })
-], AccordionItem.prototype, "label", 2), s$b([
+], AccordionItem.prototype, "label", 2), s$c([
     n$r({
         type: Boolean,
         reflect: !0
@@ -6428,7 +6428,7 @@ function _templateObject$3s() {
     };
     return data;
 }
-var o$J = i$o(_templateObject$3s());
+var o$J = i$p(_templateObject$3s());
 var g$b = o$J;
 
 function _assert_this_initialized$2a(self) {
@@ -6570,7 +6570,7 @@ function _templateObject1$H() {
 }
 var c$v = Object.defineProperty;
 var d$v = Object.getOwnPropertyDescriptor;
-var t$v = function(o, r, l, p) {
+var t$u = function(o, r, l, p) {
     for(var e = p > 1 ? void 0 : p ? d$v(r, l) : r, i = o.length - 1, a; i >= 0; i--)(a = o[i]) && (e = (p ? a(r, l, e) : a(e)) || e);
     return p && e && c$v(r, l, e), e;
 };
@@ -6604,7 +6604,7 @@ var Popover = /*#__PURE__*/ function(m) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$H(), this.tip ? this.renderTip() : T$3);
+                return x$3(_templateObject1$H(), this.tip ? this.renderTip() : E$2);
             }
         }
     ], [
@@ -6619,26 +6619,26 @@ var Popover = /*#__PURE__*/ function(m) {
     ]);
     return Popover;
 }(SpectrumElement);
-t$v([
+t$u([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Popover.prototype, "dialog", 2), t$v([
+], Popover.prototype, "dialog", 2), t$u([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Popover.prototype, "open", 2), t$v([
+], Popover.prototype, "open", 2), t$u([
     n$r({
         reflect: !0
     })
-], Popover.prototype, "placement", 2), t$v([
+], Popover.prototype, "placement", 2), t$u([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Popover.prototype, "tip", 2), t$v([
+], Popover.prototype, "tip", 2), t$u([
     e$F("#tip")
 ], Popover.prototype, "tipElement", 2);
 
@@ -7041,16 +7041,20 @@ function _ts_generator$B(thisArg, body) {
         };
     }
 }
-var t$u = /*#__PURE__*/ function() {
-    function t(t1, param) {
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var s$b = /*#__PURE__*/ function() {
+    function s(s1, param) {
         var _this = this;
-        var s = param.target, i = param.config, h = param.callback, o = param.skipInitial;
-        _class_call_check$2r(this, t);
-        this.t = new Set, this.o = !1, this.i = !1, this.h = t1, null !== s && this.t.add(s !== null && s !== void 0 ? s : t1), this.l = i, this.o = o !== null && o !== void 0 ? o : this.o, this.callback = h, window.MutationObserver ? (this.u = new MutationObserver(function(t) {
+        var i = param.target, h = param.config, o = param.callback, e = param.skipInitial;
+        _class_call_check$2r(this, s);
+        this.t = new Set, this.o = !1, this.i = !1, this.h = s1, null !== i && this.t.add(i !== null && i !== void 0 ? i : s1), this.l = h, this.o = e !== null && e !== void 0 ? e : this.o, this.callback = o, (window.MutationObserver ? (this.u = new MutationObserver(function(t) {
             _this.handleChanges(t), _this.h.requestUpdate();
-        }), t1.addController(this)) : console.warn("MutationController error: browser does not support MutationObserver.");
+        }), s1.addController(this)) : console.warn("MutationController error: browser does not support MutationObserver."));
     }
-    _create_class$2n(t, [
+    _create_class$2n(s, [
         {
             key: "handleChanges",
             value: function handleChanges(t) {
@@ -7064,8 +7068,8 @@ var t$u = /*#__PURE__*/ function() {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     for(var _iterator = this.t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var _$t = _step.value;
-                        this.observe(_$t);
+                        var t = _step.value;
+                        this.observe(t);
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -7094,10 +7098,10 @@ var t$u = /*#__PURE__*/ function() {
             value: function hostUpdated() {
                 var _this = this;
                 return _async_to_generator$B(function() {
-                    var _$t;
+                    var t;
                     return _ts_generator$B(this, function(_state) {
-                        _$t = _this.u.takeRecords();
-                        (_$t.length || !_this.o && _this.i) && _this.handleChanges(_$t), _this.i = !1;
+                        t = _this.u.takeRecords();
+                        (t.length || !_this.o && _this.i) && _this.handleChanges(t), _this.i = !1;
                         return [
                             2
                         ];
@@ -7118,7 +7122,7 @@ var t$u = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return t;
+    return s;
 }();
 
 function _tagged_template_literal$3q(strings, raw) {
@@ -7140,7 +7144,7 @@ function _templateObject$3q() {
     };
     return data;
 }
-var o$I = i$o(_templateObject$3q());
+var o$I = i$p(_templateObject$3q());
 var S$5 = o$I;
 
 function _array_like_to_array$F(arr, len) {
@@ -7479,7 +7483,7 @@ var ActionGroup = /*#__PURE__*/ function(_f) {
             }
             _this.manageChildren(), _this.manageSelects(), _this.hasManaged = !0;
         };
-        new t$u(_assert_this_initialized$28(_this), {
+        new s$b(_assert_this_initialized$28(_this), {
             config: {
                 childList: !0,
                 subtree: !0
@@ -8189,7 +8193,7 @@ function ObserveSlotText(c, e) {
             var _this;
             _this = _super.call(this, n);
             _this.slotHasContent = !1;
-            new t$u(_assert_this_initialized$26(_this), {
+            new s$b(_assert_this_initialized$26(_this), {
                 config: {
                     characterData: !0,
                     subtree: !0
@@ -8291,7 +8295,7 @@ function _templateObject$3n() {
     };
     return data;
 }
-var e$B = i$o(_templateObject$3n());
+var e$B = i$p(_templateObject$3n());
 var m$o = e$B;
 
 function _assert_this_initialized$25(self) {
@@ -8727,7 +8731,7 @@ function _templateObject$3l() {
     };
     return data;
 }
-var t$t = i$o(_templateObject$3l());
+var t$t = i$p(_templateObject$3l());
 var d$s = t$t;
 
 function _tagged_template_literal$3k(strings, raw) {
@@ -9281,7 +9285,7 @@ function _templateObject$3g() {
     };
     return data;
 }
-var c$t = i$o(_templateObject$3g());
+var c$t = i$p(_templateObject$3g());
 var S$4 = c$t;
 
 function _array_like_to_array$D(arr, len) {
@@ -9690,7 +9694,7 @@ function _templateObject$3d() {
     };
     return data;
 }
-var e$A = i$o(_templateObject$3d());
+var e$A = i$p(_templateObject$3d());
 var g$a = e$A;
 
 function _array_like_to_array$C(arr, len) {
@@ -9904,7 +9908,7 @@ function _templateObject$3c() {
     };
     return data;
 }
-var t$s = i$o(_templateObject$3c());
+var t$s = i$p(_templateObject$3c());
 var A = t$s;
 
 function _assert_this_initialized$1Z(self) {
@@ -10277,7 +10281,7 @@ var FieldLabel = /*#__PURE__*/ function(_m) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$D(), this.required ? x$3(_templateObject$3b()) : T$3);
+                return x$3(_templateObject1$D(), this.required ? x$3(_templateObject$3b()) : E$2);
             }
         },
         {
@@ -10356,7 +10360,7 @@ function _templateObject$3a() {
     };
     return data;
 }
-var o$G = i$o(_templateObject$3a());
+var o$G = i$p(_templateObject$3a());
 var d$q = o$G;
 
 function _assert_this_initialized$1Y(self) {
@@ -10578,7 +10582,7 @@ function _templateObject$38() {
     };
     return data;
 }
-var o$F = i$o(_templateObject$38());
+var o$F = i$p(_templateObject$38());
 var b$f = o$F;
 
 function _array_like_to_array$A(arr, len) {
@@ -10899,7 +10903,7 @@ function _templateObject$36() {
     };
     return data;
 }
-var r$t = i$o(_templateObject$36());
+var r$t = i$p(_templateObject$36());
 var I$3 = r$t;
 
 function _tagged_template_literal$35(strings, raw) {
@@ -11444,7 +11448,7 @@ function _templateObject$32() {
     };
     return data;
 }
-var o$E = i$o(_templateObject$32());
+var o$E = i$p(_templateObject$32());
 var v$h = o$E;
 
 function _tagged_template_literal$31(strings, raw) {
@@ -11466,7 +11470,7 @@ function _templateObject$31() {
     };
     return data;
 }
-var e$z = i$o(_templateObject$31());
+var e$z = i$p(_templateObject$31());
 var b$e = e$z;
 
 function _tagged_template_literal$30(strings, raw) {
@@ -11956,7 +11960,7 @@ function _templateObject$2_() {
     };
     return data;
 }
-var o$D = i$o(_templateObject$2_());
+var o$D = i$p(_templateObject$2_());
 var I$2 = o$D;
 
 function _array_like_to_array$x(arr, len) {
@@ -12154,7 +12158,7 @@ function _templateObject$2Y() {
     };
     return data;
 }
-var t$q = i$o(_templateObject$2Y());
+var t$q = i$p(_templateObject$2Y());
 var g$9 = t$q;
 
 function _array_like_to_array$w(arr, len) {
@@ -14139,7 +14143,7 @@ var PickerBase = /*#__PURE__*/ function(_y) {
                     label: !0
                 }, t = this.appliedLabel || this.label;
                 return [
-                    x$3(_templateObject5$e(), this.icons === "none", this.selectedItemContent.icon, o$O(this.value && this.selectedItem ? "label" : void 0), e$C(e), this.renderLabelContent(this.selectedItemContent.content), this.value && this.selectedItem ? x$3(_templateObject1$A(), t) : x$3(_templateObject2$p(), t), this.invalid && !this.pending ? x$3(_templateObject3$k()) : T$3, n$l(this.pending, function() {
+                    x$3(_templateObject5$e(), this.icons === "none", this.selectedItemContent.icon, o$O(this.value && this.selectedItem ? "label" : void 0), e$C(e), this.renderLabelContent(this.selectedItemContent.content), this.value && this.selectedItem ? x$3(_templateObject1$A(), t) : x$3(_templateObject2$p(), t), this.invalid && !this.pending ? x$3(_templateObject3$k()) : E$2, n$l(this.pending, function() {
                         return Promise.resolve().then(function () { return spProgressCircle; }), x$3(_templateObject4$h(), _this.pendingLabel);
                     }), x$1[this.size], this.handleTooltipSlotchange)
                 ];
@@ -14582,7 +14586,7 @@ function ObserveSlotPresence(l, s) {
                     _this.requestUpdate();
                 });
             };
-            new t$u(_assert_this_initialized$1O(_this), {
+            new s$b(_assert_this_initialized$1O(_this), {
                 config: {
                     childList: !0,
                     subtree: !0
@@ -14770,7 +14774,7 @@ function _templateObject$2U() {
     };
     return data;
 }
-var o$B = i$o(_templateObject$2U());
+var o$B = i$p(_templateObject$2U());
 var v$g = o$B;
 
 function _assert_this_initialized$1M(self) {
@@ -15315,16 +15319,20 @@ function _ts_generator$w(thisArg, body) {
         };
     }
 }
-var s$9 = /*#__PURE__*/ function() {
-    function s(s1, param) {
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var t$o = /*#__PURE__*/ function() {
+    function t(t1, param) {
         var _this = this;
-        var t = param.target, i = param.config, h = param.callback, e = param.skipInitial;
-        _class_call_check$1Z(this, s);
-        this.t = new Set, this.o = !1, this.i = !1, this.h = s1, null !== t && this.t.add(t !== null && t !== void 0 ? t : s1), this.l = i, this.o = e !== null && e !== void 0 ? e : this.o, this.callback = h, window.ResizeObserver ? (this.u = new ResizeObserver(function(s) {
+        var i = param.target, h = param.config, e = param.callback, o = param.skipInitial;
+        _class_call_check$1Z(this, t);
+        this.t = new Set, this.o = !1, this.i = !1, this.h = t1, null !== i && this.t.add(i !== null && i !== void 0 ? i : t1), this.l = h, this.o = o !== null && o !== void 0 ? o : this.o, this.callback = e, (window.ResizeObserver ? (this.u = new ResizeObserver(function(s) {
             _this.handleChanges(s), _this.h.requestUpdate();
-        }), s1.addController(this)) : console.warn("ResizeController error: browser does not support ResizeObserver.");
+        }), t1.addController(this)) : console.warn("ResizeController error: browser does not support ResizeObserver."));
     }
-    _create_class$1X(s, [
+    _create_class$1X(t, [
         {
             key: "handleChanges",
             value: function handleChanges(s) {
@@ -15338,8 +15346,8 @@ var s$9 = /*#__PURE__*/ function() {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     for(var _iterator = this.t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var _$s = _step.value;
-                        this.observe(_$s);
+                        var s = _step.value;
+                        this.observe(s);
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -15396,7 +15404,7 @@ var s$9 = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return s;
+    return t;
 }();
 
 function _tagged_template_literal$2S(strings, raw) {
@@ -15418,7 +15426,7 @@ function _templateObject$2S() {
     };
     return data;
 }
-var e$y = i$o(_templateObject$2S());
+var e$y = i$p(_templateObject$2S());
 var E$1 = e$y;
 
 function _assert_this_initialized$1K(self) {
@@ -15609,7 +15617,7 @@ var o$A = /*#__PURE__*/ function(_v) {
         _this = _super.call.apply(_super, [
             this
         ].concat(Array.prototype.slice.call(arguments)));
-        _this.resizeController = new s$9(_assert_this_initialized$1K(_this), {
+        _this.resizeController = new t$o(_assert_this_initialized$1K(_this), {
             callback: function() {
                 _this.shouldManageTabOrderForScrolling();
             }
@@ -15744,7 +15752,7 @@ function _templateObject$2Q() {
     };
     return data;
 }
-var r$s = i$o(_templateObject$2Q());
+var r$s = i$p(_templateObject$2Q());
 var u$y = r$s;
 
 function _assert_this_initialized$1J(self) {
@@ -15943,7 +15951,7 @@ function _templateObject$2O() {
     };
     return data;
 }
-var r$r = i$o(_templateObject$2O());
+var r$r = i$p(_templateObject$2O());
 var v$f = r$r;
 
 function _assert_this_initialized$1I(self) {
@@ -16185,7 +16193,7 @@ function _templateObject$2M() {
     };
     return data;
 }
-var r$q = i$o(_templateObject$2M());
+var r$q = i$p(_templateObject$2M());
 var b$b = r$q;
 
 function _assert_this_initialized$1H(self) {
@@ -16342,7 +16350,7 @@ var Badge = /*#__PURE__*/ function(_f) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$w(), this.hasIcon ? x$3(_templateObject$2L(), !this.slotHasContent) : T$3);
+                return x$3(_templateObject1$w(), this.hasIcon ? x$3(_templateObject$2L(), !this.slotHasContent) : E$2);
             }
         }
     ], [
@@ -16391,7 +16399,7 @@ function _templateObject$2K() {
     };
     return data;
 }
-var e$x = i$o(_templateObject$2K());
+var e$x = i$p(_templateObject$2K());
 var m$j = e$x;
 
 function _assert_this_initialized$1G(self) {
@@ -16523,7 +16531,7 @@ function _templateObject$2J() {
 }
 var a$l = Object.defineProperty;
 var d$l = Object.getOwnPropertyDescriptor;
-var s$8 = function(i, t, r, o) {
+var s$9 = function(i, t, r, o) {
     for(var e = o > 1 ? void 0 : o ? d$l(t, r) : t, n = i.length - 1, l; n >= 0; n--)(l = i[n]) && (e = (o ? l(t, r, e) : l(e)) || e);
     return o && e && a$l(t, r, e), e;
 };
@@ -16565,12 +16573,12 @@ var Banner = /*#__PURE__*/ function(u) {
     ]);
     return Banner;
 }(SpectrumElement);
-s$8([
+s$9([
     n$r({
         reflect: !0,
         type: String
     })
-], Banner.prototype, "type", 2), s$8([
+], Banner.prototype, "type", 2), s$9([
     n$r({
         reflect: !0,
         type: Boolean
@@ -16600,7 +16608,7 @@ function _templateObject$2I() {
     };
     return data;
 }
-var o$y = i$o(_templateObject$2I());
+var o$y = i$p(_templateObject$2I());
 var S$2 = o$y;
 
 function _assert_this_initialized$1F(self) {
@@ -16959,7 +16967,7 @@ function _templateObject$2F() {
     };
     return data;
 }
-var c$o = i$o(_templateObject$2F());
+var c$o = i$p(_templateObject$2F());
 var k$2 = c$o;
 
 function _tagged_template_literal$2E(strings, raw) {
@@ -18045,7 +18053,7 @@ function _templateObject$2w() {
     };
     return data;
 }
-var e$w = i$o(_templateObject$2w());
+var e$w = i$p(_templateObject$2w());
 var C$5 = e$w;
 
 function _tagged_template_literal$2v(strings, raw) {
@@ -18067,7 +18075,7 @@ function _templateObject$2v() {
     };
     return data;
 }
-var c$n = i$o(_templateObject$2v());
+var c$n = i$p(_templateObject$2v());
 var y$e = c$n;
 
 function _assert_this_initialized$1v(self) {
@@ -18493,7 +18501,7 @@ function _templateObject$2t() {
     };
     return data;
 }
-var i$e = i$o(_templateObject$2t());
+var i$e = i$p(_templateObject$2t());
 var d$j = i$e;
 
 function _assert_this_initialized$1u(self) {
@@ -18703,8 +18711,8 @@ function _templateObject$2r() {
     };
     return data;
 }
-var i$d = i$o(_templateObject$2r());
-var s$7 = i$d;
+var i$d = i$p(_templateObject$2r());
+var s$8 = i$d;
 
 function _assert_this_initialized$1t(self) {
     if (self === void 0) {
@@ -18881,7 +18889,7 @@ var Divider = /*#__PURE__*/ function(_m) {
     noDefaultSize: !0
 }));
 Divider.styles = [
-    s$7
+    s$8
 ], l$8([
     n$r({
         type: Boolean,
@@ -18910,7 +18918,7 @@ function _templateObject$2p() {
     };
     return data;
 }
-var o$x = i$o(_templateObject$2p());
+var o$x = i$p(_templateObject$2p());
 var k$1 = o$x;
 
 function _tagged_template_literal$2o(strings, raw) {
@@ -18932,7 +18940,7 @@ function _templateObject$2o() {
     };
     return data;
 }
-var o$v = i$o(_templateObject$2o());
+var o$v = i$p(_templateObject$2o());
 var o$w = o$v;
 
 function _tagged_template_literal$2n(strings, raw) {
@@ -18954,8 +18962,8 @@ function _templateObject$2n() {
     };
     return data;
 }
-var t$n = i$o(_templateObject$2n());
-var t$o = t$n;
+var t$m = i$p(_templateObject$2n());
+var t$n = t$m;
 
 function _tagged_template_literal$2m(strings, raw) {
     if (!raw) {
@@ -18976,12 +18984,12 @@ function _templateObject$2m() {
     };
     return data;
 }
-var t$m = i$o(_templateObject$2m());
-var o$u = t$m;
+var t$l = i$p(_templateObject$2m());
+var o$u = t$l;
 
 var h$g = [
     o$w,
-    t$o,
+    t$n,
     o$u
 ];
 
@@ -19004,12 +19012,12 @@ function _templateObject$2l() {
     };
     return data;
 }
-var e$v = i$o(_templateObject$2l());
+var e$v = i$p(_templateObject$2l());
 var o$t = e$v;
 
 var P$1 = [
     o$w,
-    t$o,
+    t$n,
     o$t
 ];
 
@@ -19400,13 +19408,13 @@ var Card = /*#__PURE__*/ function(_w) {
         {
             key: "renderPreviewImage",
             get: function get() {
-                return x$3(_templateObject2$k(), o$O(this.asset), this.variant !== "quiet" && !this.horizontal ? x$3(_templateObject1$u()) : T$3);
+                return x$3(_templateObject2$k(), o$O(this.asset), this.variant !== "quiet" && !this.horizontal ? x$3(_templateObject1$u()) : E$2);
             }
         },
         {
             key: "renderCoverImage",
             get: function get() {
-                return x$3(_templateObject4$e(), o$O(this.asset), this.variant !== "quiet" && !this.horizontal ? x$3(_templateObject3$g()) : T$3);
+                return x$3(_templateObject4$e(), o$O(this.asset), this.variant !== "quiet" && !this.horizontal ? x$3(_templateObject3$g()) : E$2);
             }
         },
         {
@@ -19433,10 +19441,10 @@ var Card = /*#__PURE__*/ function(_w) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject11$2(), this.renderImage(), this.renderHeading, this.variant === "gallery" ? this.renderSubtitleAndDescription : T$3, this.variant !== "quiet" || this.size !== "s" ? x$3(_templateObject6$7(), this.stopPropagationOnHref) : T$3, this.variant !== "gallery" ? x$3(_templateObject7$4(), this.renderSubtitleAndDescription) : T$3, this.href ? this.renderAnchor({
+                return x$3(_templateObject11$2(), this.renderImage(), this.renderHeading, this.variant === "gallery" ? this.renderSubtitleAndDescription : E$2, this.variant !== "quiet" || this.size !== "s" ? x$3(_templateObject6$7(), this.stopPropagationOnHref) : E$2, this.variant !== "gallery" ? x$3(_templateObject7$4(), this.renderSubtitleAndDescription) : E$2, this.href ? this.renderAnchor({
                     id: "like-anchor",
                     labelledby: "heading"
-                }) : T$3, this.variant === "standard" ? x$3(_templateObject8$3()) : T$3, this.toggles ? x$3(_templateObject9$2(), this.stopPropagationOnHref, this.handleSelectedChange, this.selected) : T$3, this.variant === "quiet" && this.size === "s" ? x$3(_templateObject10$2(), this.stopPropagationOnHref) : T$3);
+                }) : E$2, this.variant === "standard" ? x$3(_templateObject8$3()) : E$2, this.toggles ? x$3(_templateObject9$2(), this.stopPropagationOnHref, this.handleSelectedChange, this.selected) : E$2, this.variant === "quiet" && this.size === "s" ? x$3(_templateObject10$2(), this.stopPropagationOnHref) : E$2);
             }
         },
         {
@@ -19525,7 +19533,7 @@ function _templateObject$2j() {
     };
     return data;
 }
-var r$o = i$o(_templateObject$2j());
+var r$o = i$p(_templateObject$2j());
 var T$2 = r$o;
 
 function _tagged_template_literal$2i(strings, raw) {
@@ -20065,9 +20073,9 @@ var Coachmark = /*#__PURE__*/ function(g) {
                 var _this = this;
                 var o, a, d, m;
                 var n = this.modifierKeys && ((o = this.modifierKeys) == null ? void 0 : o.length) > 0, e = !!this.shortcutKey, i = !!((a = this.content) != null && a.title);
-                return !i && !n && !e ? x$3(_templateObject4$d()) : x$3(_templateObject7$3(), i ? x$3(_templateObject5$a(), (d = this.content) == null ? void 0 : d.title) : T$3, n || e ? x$3(_templateObject6$6(), n ? o$L((m = this.modifierKeys) == null ? void 0 : m.map(function(h) {
+                return !i && !n && !e ? x$3(_templateObject4$d()) : x$3(_templateObject7$3(), i ? x$3(_templateObject5$a(), (d = this.content) == null ? void 0 : d.title) : E$2, n || e ? x$3(_templateObject6$6(), n ? o$L((m = this.modifierKeys) == null ? void 0 : m.map(function(h) {
                     return _this.renderModifier(h);
-                }), this.renderJoiner()) : T$3, e && n ? this.renderJoiner() : T$3, e ? this.renderModifier(this.shortcutKey, "shortcut") : T$3) : T$3);
+                }), this.renderJoiner()) : E$2, e && n ? this.renderJoiner() : E$2, e ? this.renderModifier(this.shortcutKey, "shortcut") : E$2) : E$2);
             }
         },
         {
@@ -20200,7 +20208,7 @@ function _templateObject$2g() {
     };
     return data;
 }
-var a$i = i$o(_templateObject$2g());
+var a$i = i$p(_templateObject$2g());
 var v$b = a$i;
 
 function _assert_this_initialized$1p(self) {
@@ -20557,7 +20565,7 @@ var m$g = /*#__PURE__*/ function(o) {
         {
             key: "render",
             value: function render(e) {
-                return T$3;
+                return E$2;
             }
         },
         {
@@ -20655,7 +20663,7 @@ function _templateObject$2e() {
     };
     return data;
 }
-var r$m = i$o(_templateObject$2e());
+var r$m = i$p(_templateObject$2e());
 var n$g = r$m;
 
 function _tagged_template_literal$2d(strings, raw) {
@@ -20677,7 +20685,7 @@ function _templateObject$2d() {
     };
     return data;
 }
-var r$l = i$o(_templateObject$2d());
+var r$l = i$p(_templateObject$2d());
 var b$9 = r$l;
 
 function _assert_this_initialized$1n(self) {
@@ -20856,7 +20864,7 @@ function _templateObject$2b() {
     };
     return data;
 }
-var r$k = i$o(_templateObject$2b());
+var r$k = i$p(_templateObject$2b());
 var h$f = r$k;
 
 function _tagged_template_literal$2a(strings, raw) {
@@ -20878,7 +20886,7 @@ function _templateObject$2a() {
     };
     return data;
 }
-var r$j = i$o(_templateObject$2a());
+var r$j = i$p(_templateObject$2a());
 var f$f = r$j;
 
 function _assert_this_initialized$1m(self) {
@@ -22996,7 +23004,7 @@ function _templateObject$28() {
     };
     return data;
 }
-var o$r = i$o(_templateObject$28());
+var o$r = i$p(_templateObject$28());
 var P = o$r;
 
 function _array_like_to_array$q(arr, len) {
@@ -23198,7 +23206,7 @@ function _templateObject$27() {
 }
 var f$e = Object.defineProperty;
 var y$d = Object.getOwnPropertyDescriptor;
-var s$6 = function(c, l, e, t) {
+var s$7 = function(c, l, e, t) {
     for(var i = t > 1 ? void 0 : t ? y$d(l, e) : l, r = c.length - 1, n; r >= 0; r--)(n = c[r]) && (i = (t ? n(l, e, i) : n(i)) || i);
     return t && i && f$e(l, e, i), i;
 };
@@ -23549,68 +23557,68 @@ var ColorArea = /*#__PURE__*/ function(w) {
     ]);
     return ColorArea;
 }(SpectrumElement);
-s$6([
+s$7([
     n$r({
         type: String,
         reflect: !0
     })
-], ColorArea.prototype, "dir", 2), s$6([
+], ColorArea.prototype, "dir", 2), s$7([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], ColorArea.prototype, "disabled", 2), s$6([
+], ColorArea.prototype, "disabled", 2), s$7([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], ColorArea.prototype, "focused", 2), s$6([
+], ColorArea.prototype, "focused", 2), s$7([
     n$r({
         type: String
     })
-], ColorArea.prototype, "label", 2), s$6([
+], ColorArea.prototype, "label", 2), s$7([
     n$r({
         type: String,
         attribute: "label-x"
     })
-], ColorArea.prototype, "labelX", 2), s$6([
+], ColorArea.prototype, "labelX", 2), s$7([
     n$r({
         type: String,
         attribute: "label-y"
     })
-], ColorArea.prototype, "labelY", 2), s$6([
+], ColorArea.prototype, "labelY", 2), s$7([
     e$F(".handle")
-], ColorArea.prototype, "handle", 2), s$6([
+], ColorArea.prototype, "handle", 2), s$7([
     n$r({
         type: Number
     })
-], ColorArea.prototype, "hue", 1), s$6([
+], ColorArea.prototype, "hue", 1), s$7([
     n$r({
         type: String
     })
-], ColorArea.prototype, "value", 1), s$6([
+], ColorArea.prototype, "value", 1), s$7([
     n$r({
         type: String
     })
-], ColorArea.prototype, "color", 1), s$6([
+], ColorArea.prototype, "color", 1), s$7([
     n$r({
         attribute: !1
     })
-], ColorArea.prototype, "activeAxis", 2), s$6([
+], ColorArea.prototype, "activeAxis", 2), s$7([
     n$r({
         type: Number
     })
-], ColorArea.prototype, "x", 1), s$6([
+], ColorArea.prototype, "x", 1), s$7([
     n$r({
         type: Number
     })
-], ColorArea.prototype, "y", 1), s$6([
+], ColorArea.prototype, "y", 1), s$7([
     n$r({
         type: Number
     })
-], ColorArea.prototype, "step", 2), s$6([
+], ColorArea.prototype, "step", 2), s$7([
     e$F('[name="x"]')
-], ColorArea.prototype, "inputX", 2), s$6([
+], ColorArea.prototype, "inputX", 2), s$7([
     e$F('[name="y"]')
 ], ColorArea.prototype, "inputY", 2);
 
@@ -23635,7 +23643,7 @@ function _templateObject$26() {
     };
     return data;
 }
-var o$q = i$o(_templateObject$26());
+var o$q = i$p(_templateObject$26());
 var w = o$q;
 
 function _assert_this_initialized$1k(self) {
@@ -24386,8 +24394,8 @@ function _templateObject$23() {
     };
     return data;
 }
-var t$l = i$o(_templateObject$23());
-var $$1 = t$l;
+var t$k = i$p(_templateObject$23());
+var $$1 = t$k;
 
 function _assert_this_initialized$1i(self) {
     if (self === void 0) {
@@ -24617,7 +24625,7 @@ function _templateObject6$5() {
 }
 var c$j = Object.defineProperty;
 var m$f = Object.getOwnPropertyDescriptor;
-var t$k = function(p, a, e, n) {
+var t$j = function(p, a, e, n) {
     for(var r = n > 1 ? void 0 : n ? m$f(a, e) : a, u = p.length - 1, h; u >= 0; u--)(h = p[u]) && (r = (n ? h(a, e, r) : h(r)) || r);
     return n && r && c$j(a, e, r), r;
 };
@@ -24739,7 +24747,7 @@ var TextfieldBase = /*#__PURE__*/ function(_g) {
         {
             key: "renderStateIcons",
             value: function renderStateIcons() {
-                return this.invalid ? x$3(_templateObject$22()) : this.valid ? x$3(_templateObject1$s()) : T$3;
+                return this.invalid ? x$3(_templateObject$22()) : this.valid ? x$3(_templateObject1$s()) : E$2;
             }
         },
         {
@@ -24751,13 +24759,13 @@ var TextfieldBase = /*#__PURE__*/ function(_g) {
         {
             key: "renderMultiline",
             get: function get() {
-                return x$3(_templateObject3$e(), this.multiline && this.grows && this.rows === -1 ? x$3(_templateObject2$i(), this.value) : T$3, o$O(this.name || void 0), this.helpTextId, this.label || this.appliedLabel || this.placeholder, o$O(this.invalid || void 0), o$O(this.maxlength > -1 ? this.maxlength : void 0), o$O(this.minlength > -1 ? this.minlength : void 0), this.invalid ? "" : T$3, o$O(this.pattern), this.placeholder, this.displayValue, this.handleChange, this.handleInput, this.onFocus, this.onBlur, this.disabled, this.required, this.readonly, o$O(this.rows > -1 ? this.rows : void 0), o$O(this.autocomplete));
+                return x$3(_templateObject3$e(), this.multiline && this.grows && this.rows === -1 ? x$3(_templateObject2$i(), this.value) : E$2, o$O(this.name || void 0), this.helpTextId, this.label || this.appliedLabel || this.placeholder, o$O(this.invalid || void 0), o$O(this.maxlength > -1 ? this.maxlength : void 0), o$O(this.minlength > -1 ? this.minlength : void 0), this.invalid ? "" : E$2, o$O(this.pattern), this.placeholder, this.displayValue, this.handleChange, this.handleInput, this.onFocus, this.onBlur, this.disabled, this.required, this.readonly, o$O(this.rows > -1 ? this.rows : void 0), o$O(this.autocomplete));
             }
         },
         {
             key: "renderInput",
             get: function get() {
-                return x$3(_templateObject4$c(), o$O(this.name || void 0), this.type, this.helpTextId, this.label || this.appliedLabel || this.placeholder, o$O(this.invalid || void 0), this.invalid ? "" : T$3, o$O(this.maxlength > -1 ? this.maxlength : void 0), o$O(this.minlength > -1 ? this.minlength : void 0), o$O(this.pattern), this.placeholder, l$e(this.displayValue), this.handleChange, this.handleInput, this.handleInputElementPointerdown, this.onFocus, this.onBlur, this.disabled, this.required, this.readonly, o$O(this.autocomplete));
+                return x$3(_templateObject4$c(), o$O(this.name || void 0), this.type, this.helpTextId, this.label || this.appliedLabel || this.placeholder, o$O(this.invalid || void 0), this.invalid ? "" : E$2, o$O(this.maxlength > -1 ? this.maxlength : void 0), o$O(this.minlength > -1 ? this.minlength : void 0), o$O(this.pattern), this.placeholder, l$e(this.displayValue), this.handleChange, this.handleInput, this.handleInputElementPointerdown, this.onFocus, this.onBlur, this.disabled, this.required, this.readonly, o$O(this.autocomplete));
             }
         },
         {
@@ -24803,89 +24811,89 @@ var TextfieldBase = /*#__PURE__*/ function(_g) {
 }(ManageHelpText(SizedMixin(Focusable, {
     noDefaultSize: !0
 })));
-t$k([
+t$j([
     r$A()
-], TextfieldBase.prototype, "appliedLabel", 2), t$k([
+], TextfieldBase.prototype, "appliedLabel", 2), t$j([
     n$r({
         attribute: "allowed-keys"
     })
-], TextfieldBase.prototype, "allowedKeys", 2), t$k([
+], TextfieldBase.prototype, "allowedKeys", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "focused", 2), t$k([
+], TextfieldBase.prototype, "focused", 2), t$j([
     e$F(".input:not(#sizer)")
-], TextfieldBase.prototype, "inputElement", 2), t$k([
+], TextfieldBase.prototype, "inputElement", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "invalid", 2), t$k([
+], TextfieldBase.prototype, "invalid", 2), t$j([
     n$r()
-], TextfieldBase.prototype, "label", 2), t$k([
+], TextfieldBase.prototype, "label", 2), t$j([
     n$r({
         type: String,
         reflect: !0
     })
-], TextfieldBase.prototype, "name", 2), t$k([
+], TextfieldBase.prototype, "name", 2), t$j([
     n$r()
-], TextfieldBase.prototype, "placeholder", 2), t$k([
+], TextfieldBase.prototype, "placeholder", 2), t$j([
     r$A()
-], TextfieldBase.prototype, "type", 1), t$k([
+], TextfieldBase.prototype, "type", 1), t$j([
     n$r({
         attribute: "type",
         reflect: !0
     })
-], TextfieldBase.prototype, "_type", 2), t$k([
+], TextfieldBase.prototype, "_type", 2), t$j([
     n$r()
-], TextfieldBase.prototype, "pattern", 2), t$k([
+], TextfieldBase.prototype, "pattern", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "grows", 2), t$k([
+], TextfieldBase.prototype, "grows", 2), t$j([
     n$r({
         type: Number
     })
-], TextfieldBase.prototype, "maxlength", 2), t$k([
+], TextfieldBase.prototype, "maxlength", 2), t$j([
     n$r({
         type: Number
     })
-], TextfieldBase.prototype, "minlength", 2), t$k([
+], TextfieldBase.prototype, "minlength", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "multiline", 2), t$k([
+], TextfieldBase.prototype, "multiline", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "readonly", 2), t$k([
+], TextfieldBase.prototype, "readonly", 2), t$j([
     n$r({
         type: Number
     })
-], TextfieldBase.prototype, "rows", 2), t$k([
+], TextfieldBase.prototype, "rows", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "valid", 2), t$k([
+], TextfieldBase.prototype, "valid", 2), t$j([
     n$r({
         type: String
     })
-], TextfieldBase.prototype, "value", 1), t$k([
+], TextfieldBase.prototype, "value", 1), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "quiet", 2), t$k([
+], TextfieldBase.prototype, "quiet", 2), t$j([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TextfieldBase.prototype, "required", 2), t$k([
+], TextfieldBase.prototype, "required", 2), t$j([
     n$r({
         type: String,
         reflect: !0
@@ -24918,7 +24926,7 @@ var Textfield = /*#__PURE__*/ function(TextfieldBase) {
     ]);
     return Textfield;
 }(TextfieldBase);
-t$k([
+t$j([
     n$r({
         type: String
     })
@@ -25198,7 +25206,7 @@ function _templateObject$20() {
     };
     return data;
 }
-var o$p = i$o(_templateObject$20());
+var o$p = i$p(_templateObject$20());
 var M$1 = o$p;
 
 function _assert_this_initialized$1g(self) {
@@ -29233,11 +29241,11 @@ function _convertValueToCoords() {
                         mainAxis: rawValue,
                         crossAxis: 0,
                         alignmentAxis: null
-                    } : _object_spread$6({
-                        mainAxis: 0,
-                        crossAxis: 0,
-                        alignmentAxis: null
-                    }, rawValue), mainAxis = _ref.mainAxis, crossAxis = _ref.crossAxis, alignmentAxis = _ref.alignmentAxis;
+                    } : {
+                        mainAxis: rawValue.mainAxis || 0,
+                        crossAxis: rawValue.crossAxis || 0,
+                        alignmentAxis: rawValue.alignmentAxis
+                    }, mainAxis = _ref.mainAxis, crossAxis = _ref.crossAxis, alignmentAxis = _ref.alignmentAxis;
                     if (alignment && typeof alignmentAxis === "number") {
                         crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
                     }
@@ -29319,7 +29327,7 @@ function _convertValueToCoords() {
         options: options,
         fn: function fn(state) {
             return _async_to_generator$q(function() {
-                var x, y, placement, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, _evaluate_limiter, limiter, detectOverflowOptions, coords, overflow, crossAxis, mainAxis, mainAxisCoord, crossAxisCoord, minSide, maxSide, min, max, minSide1, maxSide1, min1, max1, _obj, limitedCoords;
+                var x, y, placement, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, _evaluate_limiter, limiter, detectOverflowOptions, coords, overflow, crossAxis, mainAxis, mainAxisCoord, crossAxisCoord, minSide, maxSide, min, max, minSide1, maxSide1, min1, max1, _obj, limitedCoords, _obj1;
                 return _ts_generator$q(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -29371,7 +29379,8 @@ function _convertValueToCoords() {
                                 _object_spread_props$5(_object_spread$6({}, limitedCoords), {
                                     data: {
                                         x: limitedCoords.x - x,
-                                        y: limitedCoords.y - y
+                                        y: limitedCoords.y - y,
+                                        enabled: (_obj1 = {}, _define_property$8(_obj1, mainAxis, checkMainAxis), _define_property$8(_obj1, crossAxis, checkCrossAxis), _obj1)
                                     }
                                 })
                             ];
@@ -29395,7 +29404,7 @@ function _convertValueToCoords() {
         options: options,
         fn: function fn(state) {
             return _async_to_generator$q(function() {
-                var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
+                var _state$middlewareData, _state$middlewareData2, placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
                 return _ts_generator$q(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -29440,10 +29449,11 @@ function _convertValueToCoords() {
                             noShift = !state.middlewareData.shift;
                             availableHeight = overflowAvailableHeight;
                             availableWidth = overflowAvailableWidth;
-                            if (isYAxis) {
-                                availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-                            } else {
-                                availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+                            if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+                                availableWidth = maximumClippingWidth;
+                            }
+                            if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+                                availableHeight = maximumClippingHeight;
                             }
                             if (noShift && !alignment) {
                                 xMin = max(overflow.left, 0);
@@ -29499,6 +29509,9 @@ function _instanceof$a(left, right) {
         return left instanceof right;
     }
 }
+function hasWindow() {
+    return typeof window !== "undefined";
+}
 function getNodeName(node) {
     if (isNode(node)) {
         return (node.nodeName || "").toLowerCase();
@@ -29517,17 +29530,25 @@ function getDocumentElement(node) {
     return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
 }
 function isNode(value) {
+    if (!hasWindow()) {
+        return false;
+    }
     return _instanceof$a(value, Node) || _instanceof$a(value, getWindow(value).Node);
 }
 function isElement(value) {
+    if (!hasWindow()) {
+        return false;
+    }
     return _instanceof$a(value, Element) || _instanceof$a(value, getWindow(value).Element);
 }
 function isHTMLElement(value) {
+    if (!hasWindow()) {
+        return false;
+    }
     return _instanceof$a(value, HTMLElement) || _instanceof$a(value, getWindow(value).HTMLElement);
 }
 function isShadowRoot(value) {
-    // Browsers without `ShadowRoot` support.
-    if (typeof ShadowRoot === "undefined") {
+    if (!hasWindow() || typeof ShadowRoot === "undefined") {
         return false;
     }
     return _instanceof$a(value, ShadowRoot) || _instanceof$a(value, getWindow(value).ShadowRoot);
@@ -29558,9 +29579,9 @@ function isTopLayer(element) {
         }
     });
 }
-function isContainingBlock(element) {
+function isContainingBlock(elementOrCss) {
     var webkit = isWebKit();
-    var css = getComputedStyle$1(element);
+    var css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
     // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
     return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || [
         "transform",
@@ -29580,11 +29601,10 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
     var currentNode = getParentNode(element);
     while(isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)){
-        if (isTopLayer(currentNode)) {
-            return null;
-        }
         if (isContainingBlock(currentNode)) {
             return currentNode;
+        } else if (isTopLayer(currentNode)) {
+            return null;
         }
         currentNode = getParentNode(currentNode);
     }
@@ -29649,10 +29669,14 @@ function getOverflowAncestors(node, list, traverseIframes) {
     var isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
     var win = getWindow(scrollableAncestor);
     if (isBody) {
-        return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+        var frameElement = getFrameElement(win);
+        return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
     }
     return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
+function getFrameElement(win) {
+    return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 
 function _array_like_to_array$n(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -29980,7 +30004,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
         var win = getWindow(domElement);
         var offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
         var currentWin = win;
-        var currentIFrame = currentWin.frameElement;
+        var currentIFrame = getFrameElement(currentWin);
         while(currentIFrame && offsetParent && offsetWin !== currentWin){
             var iframeScale = getScale(currentIFrame);
             var iframeRect = currentIFrame.getBoundingClientRect();
@@ -29994,7 +30018,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
             x += left;
             y += top;
             currentWin = getWindow(currentIFrame);
-            currentIFrame = currentWin.frameElement;
+            currentIFrame = getFrameElement(currentWin);
         }
     }
     return rectToClientRect({
@@ -30004,6 +30028,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
         y: y
     });
 }
+// If <html> has a CSS width greater than the viewport, then this will be
+// incorrect for RTL.
+function getWindowScrollBarX(element, rect) {
+    var leftScroll = getNodeScroll(element).scrollLeft;
+    if (!rect) {
+        return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+    }
+    return rect.left + leftScroll;
+}
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+    if (ignoreScrollbarX === void 0) {
+        ignoreScrollbarX = false;
+    }
+    var htmlRect = documentElement.getBoundingClientRect();
+    var x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect));
+    var y = htmlRect.top + scroll.scrollTop;
+    return {
+        x: x,
+        y: y
+    };
+}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     var elements = _ref.elements, rect = _ref.rect, offsetParent = _ref.offsetParent, strategy = _ref.strategy;
     var isFixed = strategy === "fixed";
@@ -30030,21 +30076,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
             offsets.y = offsetRect.y + offsetParent.clientTop;
         }
     }
+    var htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
     return {
         width: rect.width * scale.x,
         height: rect.height * scale.y,
-        x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
-        y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+        x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+        y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
     };
 }
 function getClientRects(element) {
     return Array.from(element.getClientRects());
 }
-function getWindowScrollBarX(element) {
-    // If <html> has a CSS width greater than the viewport, then this will be
-    // incorrect for RTL.
-    return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
 // Gets the entire size of the scrollable document area, even extending outside
 // of the `<html>` and `<body>` rect bounds if horizontally scrollable.
 function getDocumentRect(element) {
@@ -30116,10 +30158,12 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
         rect = getInnerBoundingClientRect(clippingAncestor, strategy);
     } else {
         var visualOffsets = getVisualOffsets(element);
-        rect = _object_spread_props$4(_object_spread$5({}, clippingAncestor), {
+        rect = {
             x: clippingAncestor.x - visualOffsets.x,
-            y: clippingAncestor.y - visualOffsets.y
-        });
+            y: clippingAncestor.y - visualOffsets.y,
+            width: clippingAncestor.width,
+            height: clippingAncestor.height
+        };
     }
     return rectToClientRect(rect);
 }
@@ -30219,11 +30263,14 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
             offsets.x = offsetRect.x + offsetParent.clientLeft;
             offsets.y = offsetRect.y + offsetParent.clientTop;
         } else if (documentElement) {
+            // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+            // Firefox with layout.scrollbar.side = 3 in about:config to test this.
             offsets.x = getWindowScrollBarX(documentElement);
         }
     }
-    var x = rect.left + scroll.scrollLeft - offsets.x;
-    var y = rect.top + scroll.scrollTop - offsets.y;
+    var htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+    var x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+    var y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
     return {
         x: x,
         y: y,
@@ -30241,7 +30288,15 @@ function getTrueOffsetParent(element, polyfill) {
     if (polyfill) {
         return polyfill(element);
     }
-    return element.offsetParent;
+    var rawOffsetParent = element.offsetParent;
+    // Firefox returns the <html> element as the offsetParent if it's non-static,
+    // while Chrome and Safari return the <body> element. The <body> element must
+    // be used to perform the correct calculations even if the <html> element is
+    // non-static.
+    if (getDocumentElement(element) === rawOffsetParent) {
+        rawOffsetParent = rawOffsetParent.ownerDocument.body;
+    }
+    return rawOffsetParent;
 }
 // Gets the closest ancestor positioned element. Handles some edge cases,
 // such as table ancestors and cross browser bugs.
@@ -31827,7 +31882,7 @@ function _templateObject$1_() {
     };
     return data;
 }
-var o$n = i$o(_templateObject$1_());
+var o$n = i$p(_templateObject$1_());
 var F = o$n;
 
 function _array_like_to_array$l(arr, len) {
@@ -32706,7 +32761,7 @@ function _templateObject$1Y() {
     };
     return data;
 }
-var o$m = i$o(_templateObject$1Y());
+var o$m = i$p(_templateObject$1Y());
 var g$7 = o$m;
 
 function _assert_this_initialized$16(self) {
@@ -33130,7 +33185,7 @@ var MenuItem = /*#__PURE__*/ function(_f) {
         };
         _this.addEventListener("click", _this.handleClickCapture, {
             capture: !0
-        }), new t$u(_assert_this_initialized$16(_this), {
+        }), new s$b(_assert_this_initialized$16(_this), {
             config: {
                 characterData: !0,
                 childList: !0,
@@ -33246,11 +33301,11 @@ var MenuItem = /*#__PURE__*/ function(_f) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject3$c(), this.selected ? x$3(_templateObject2$f(), this.hasIcon ? "checkmark--withAdjacentIcon" : "") : T$3, this.href && this.href.length > 0 ? _get$E(_get_prototype_of$16(MenuItem.prototype), "renderAnchor", this).call(this, {
+                return x$3(_templateObject3$c(), this.selected ? x$3(_templateObject2$f(), this.hasIcon ? "checkmark--withAdjacentIcon" : "") : E$2, this.href && this.href.length > 0 ? _get$E(_get_prototype_of$16(MenuItem.prototype), "renderAnchor", this).call(this, {
                     id: "button",
                     ariaHidden: !0,
                     className: "button anchor hidden"
-                }) : T$3, this.renderSubmenu());
+                }) : E$2, this.renderSubmenu());
             }
         },
         {
@@ -33547,7 +33602,7 @@ function _templateObject$1W() {
     };
     return data;
 }
-var o$l = i$o(_templateObject$1W());
+var o$l = i$p(_templateObject$1W());
 var f$c = o$l;
 
 function _assert_this_initialized$15(self) {
@@ -33745,8 +33800,8 @@ function _templateObject$1U() {
     };
     return data;
 }
-var t$j = i$o(_templateObject$1U());
-var y$b = t$j;
+var t$i = i$p(_templateObject$1U());
+var y$b = t$i;
 
 function _array_like_to_array$k(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -34340,7 +34395,7 @@ var Combobox = /*#__PURE__*/ function($) {
             key: "renderAppliedLabel",
             value: function renderAppliedLabel() {
                 var e = this.label || this.appliedLabel;
-                return x$3(_templateObject3$b(), this.pending ? x$3(_templateObject$1T(), this.pendingLabel) : T$3, this.value ? x$3(_templateObject1$o(), e, this.value) : x$3(_templateObject2$e(), e));
+                return x$3(_templateObject3$b(), this.pending ? x$3(_templateObject$1T(), this.pendingLabel) : E$2, this.value ? x$3(_templateObject1$o(), e, this.value) : x$3(_templateObject2$e(), e));
             }
         },
         {
@@ -34803,7 +34858,7 @@ function _templateObject$1Q() {
     };
     return data;
 }
-var e$s = i$o(_templateObject$1Q());
+var e$s = i$p(_templateObject$1Q());
 var v$9 = e$s;
 
 function _assert_this_initialized$11(self) {
@@ -34993,12 +35048,12 @@ var ContextualHelp = /*#__PURE__*/ function(b) {
             key: "handleSlottableRequest",
             value: function handleSlottableRequest(e) {
                 if (e.stopPropagation(), e.data === removeSlottableRequest) {
-                    this.open = !1, j(void 0, e.target);
+                    this.open = !1, B$1(void 0, e.target);
                     return;
                 }
                 this.open = !0;
                 var o = this.renderOverlayContent();
-                j(o, e.target);
+                B$1(o, e.target);
             }
         },
         {
@@ -35059,7 +35114,7 @@ function _templateObject$1O() {
     };
     return data;
 }
-var o$k = i$o(_templateObject$1O());
+var o$k = i$p(_templateObject$1O());
 var h$b = o$k;
 
 function _assert_this_initialized$10(self) {
@@ -35256,7 +35311,7 @@ function _templateObject6$3() {
 }
 var a$d = Object.defineProperty;
 var c$e = Object.getOwnPropertyDescriptor;
-var t$i = function(u, i, e, n) {
+var t$h = function(u, i, e, n) {
     for(var r = n > 1 ? void 0 : n ? c$e(i, e) : i, p = u.length - 1, d; p >= 0; p--)(d = u[p]) && (r = (n ? d(i, e, r) : d(r)) || r);
     return n && r && a$d(i, e, r), r;
 };
@@ -35335,7 +35390,7 @@ var Dialog = /*#__PURE__*/ function(_b) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject6$3(), this.renderHero(), this.renderHeading(), this.error ? x$3(_templateObject4$9()) : T$3, this.noDivider ? T$3 : x$3(_templateObject5$7()), this.renderContent(), this.hasFooter ? this.renderFooter() : T$3, this.hasButtons ? this.renderButtons() : T$3, this.dismissable ? this.renderDismiss() : T$3);
+                return x$3(_templateObject6$3(), this.renderHero(), this.renderHeading(), this.error ? x$3(_templateObject4$9()) : E$2, this.noDivider ? E$2 : x$3(_templateObject5$7()), this.renderContent(), this.hasFooter ? this.renderFooter() : E$2, this.hasButtons ? this.renderButtons() : E$2, this.dismissable ? this.renderDismiss() : E$2);
             }
         },
         {
@@ -35366,36 +35421,36 @@ var Dialog = /*#__PURE__*/ function(_b) {
     '[slot="footer"]',
     '[slot="button"]'
 ]));
-t$i([
+t$h([
     e$F(".close-button")
-], Dialog.prototype, "closeButton", 2), t$i([
+], Dialog.prototype, "closeButton", 2), t$h([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Dialog.prototype, "error", 2), t$i([
+], Dialog.prototype, "error", 2), t$h([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Dialog.prototype, "dismissable", 2), t$i([
+], Dialog.prototype, "dismissable", 2), t$h([
     n$r({
         type: String,
         reflect: !0,
         attribute: "dismiss-label"
     })
-], Dialog.prototype, "dismissLabel", 2), t$i([
+], Dialog.prototype, "dismissLabel", 2), t$h([
     n$r({
         type: Boolean,
         reflect: !0,
         attribute: "no-divider"
     })
-], Dialog.prototype, "noDivider", 2), t$i([
+], Dialog.prototype, "noDivider", 2), t$h([
     n$r({
         type: String,
         reflect: !0
     })
-], Dialog.prototype, "mode", 2), t$i([
+], Dialog.prototype, "mode", 2), t$h([
     n$r({
         type: String,
         reflect: !0
@@ -35427,7 +35482,7 @@ function _templateObject$1M() {
     };
     return data;
 }
-var n$c = i$o(_templateObject$1M());
+var n$c = i$p(_templateObject$1M());
 var u$o = n$c;
 
 function _assert_this_initialized$$(self) {
@@ -35536,7 +35591,7 @@ function _templateObject$1L() {
 }
 var d$f = Object.defineProperty;
 var p$m = Object.getOwnPropertyDescriptor;
-var s$5 = function(i, t, o, r) {
+var s$6 = function(i, t, o, r) {
     for(var e = r > 1 ? void 0 : r ? p$m(t, o) : t, n = i.length - 1, l; n >= 0; n--)(l = i[n]) && (e = (r ? l(t, o, e) : l(e)) || e);
     return r && e && d$f(t, o, e), e;
 };
@@ -35596,7 +35651,7 @@ var Underlay = /*#__PURE__*/ function(a) {
     ]);
     return Underlay;
 }(SpectrumElement);
-s$5([
+s$6([
     n$r({
         type: Boolean,
         reflect: !0
@@ -35624,7 +35679,7 @@ function _templateObject$1K() {
     };
     return data;
 }
-var e$r = i$o(_templateObject$1K());
+var e$r = i$p(_templateObject$1K());
 var m$e = e$r;
 
 function _tagged_template_literal$1J(strings, raw) {
@@ -35646,7 +35701,7 @@ function _templateObject$1J() {
     };
     return data;
 }
-var i$6 = i$o(_templateObject$1J());
+var i$6 = i$p(_templateObject$1J());
 var v$8 = i$6;
 
 function _assert_this_initialized$_(self) {
@@ -36094,7 +36149,7 @@ var DialogBase = /*#__PURE__*/ function(_f) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject2$b(), this.underlay ? x$3(_templateObject1$l(), this.open, this.dismiss, this.handleTransitionEvent, this.handleUnderlayTransitionend, this.handleTransitionEvent) : T$3, this.mode, this.handleTransitionEvent, this.handleModalTransitionend, this.handleTransitionEvent, this.handleClose, this.renderDialog());
+                return x$3(_templateObject2$b(), this.underlay ? x$3(_templateObject1$l(), this.open, this.dismiss, this.handleTransitionEvent, this.handleUnderlayTransitionend, this.handleTransitionEvent) : E$2, this.mode, this.handleTransitionEvent, this.handleModalTransitionend, this.handleTransitionEvent, this.handleClose, this.renderDialog());
             }
         },
         {
@@ -36474,7 +36529,7 @@ var DialogWrapper = /*#__PURE__*/ function(m) {
             key: "renderDialog",
             value: function renderDialog() {
                 var r = this.noDivider || !this.headline || this.headlineVisibility === "none";
-                return x$3(_templateObject6$2(), this.dismissable, this.dismissLabel, r, this.error, o$O(this.mode), o$O(this.size), this.hero ? x$3(_templateObject$1H(), this.hero, o$O(this.heroLabel ? void 0 : "true"), o$O(this.heroLabel ? this.heroLabel : void 0)) : T$3, this.headline ? x$3(_templateObject1$k(), this.headlineVisibility === "none", this.headline) : T$3, this.footer ? x$3(_templateObject2$a(), this.footer) : T$3, this.cancelLabel ? x$3(_templateObject3$8(), this.clickCancel, this.cancelLabel) : T$3, this.secondaryLabel ? x$3(_templateObject4$8(), this.clickSecondary, this.secondaryLabel) : T$3, this.confirmLabel ? x$3(_templateObject5$6(), this.clickConfirm, this.confirmLabel) : T$3);
+                return x$3(_templateObject6$2(), this.dismissable, this.dismissLabel, r, this.error, o$O(this.mode), o$O(this.size), this.hero ? x$3(_templateObject$1H(), this.hero, o$O(this.heroLabel ? void 0 : "true"), o$O(this.heroLabel ? this.heroLabel : void 0)) : E$2, this.headline ? x$3(_templateObject1$k(), this.headlineVisibility === "none", this.headline) : E$2, this.footer ? x$3(_templateObject2$a(), this.footer) : E$2, this.cancelLabel ? x$3(_templateObject3$8(), this.clickCancel, this.cancelLabel) : E$2, this.secondaryLabel ? x$3(_templateObject4$8(), this.clickSecondary, this.secondaryLabel) : E$2, this.confirmLabel ? x$3(_templateObject5$6(), this.clickConfirm, this.confirmLabel) : E$2);
             }
         }
     ], [
@@ -36557,7 +36612,7 @@ function _templateObject$1G() {
     };
     return data;
 }
-var e$p = i$o(_templateObject$1G());
+var e$p = i$p(_templateObject$1G());
 var u$m = e$p;
 
 function _assert_this_initialized$Y(self) {
@@ -36837,7 +36892,7 @@ function _templateObject$1E() {
     };
     return data;
 }
-var o$i = i$o(_templateObject$1E());
+var o$i = i$p(_templateObject$1E());
 var b$7 = o$i;
 
 function _assert_this_initialized$X(self) {
@@ -37067,7 +37122,7 @@ function _templateObject$1C() {
     };
     return data;
 }
-var e$o = i$o(_templateObject$1C());
+var e$o = i$p(_templateObject$1C());
 var f$b = e$o;
 
 function _assert_this_initialized$W(self) {
@@ -37207,7 +37262,7 @@ var HelpText = /*#__PURE__*/ function(_d) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$j(), this.variant === "negative" && this.icon ? x$3(_templateObject$1B()) : T$3);
+                return x$3(_templateObject1$j(), this.variant === "negative" && this.icon ? x$3(_templateObject$1B()) : E$2);
             }
         }
     ], [
@@ -37411,7 +37466,7 @@ var Iconset = /*#__PURE__*/ function(p) {
         }
     ]);
     return Iconset;
-}(s$g);
+}(r$C);
 a$c([
     n$r()
 ], Iconset.prototype, "name", 1);
@@ -37851,7 +37906,7 @@ function _templateObject$1z() {
     };
     return data;
 }
-var t$h = b$i(_templateObject$1z());
+var t$g = b$i(_templateObject$1z());
 
 function _assert_this_initialized$T(self) {
     if (self === void 0) {
@@ -37951,7 +38006,7 @@ var IconsLarge = /*#__PURE__*/ function(r) {
         {
             key: "renderDefaultContent",
             value: function renderDefaultContent() {
-                return t$h;
+                return t$g;
             }
         },
         {
@@ -37992,7 +38047,7 @@ function _templateObject$1y() {
     };
     return data;
 }
-var t$g = b$i(_templateObject$1y());
+var t$f = b$i(_templateObject$1y());
 
 function _assert_this_initialized$S(self) {
     if (self === void 0) {
@@ -38092,7 +38147,7 @@ var IconsMedium = /*#__PURE__*/ function(r) {
         {
             key: "renderDefaultContent",
             value: function renderDefaultContent() {
-                return t$g;
+                return t$f;
             }
         },
         {
@@ -38133,8 +38188,8 @@ function _templateObject$1x() {
     };
     return data;
 }
-var t$f = i$o(_templateObject$1x());
-var u$j = t$f;
+var t$e = i$p(_templateObject$1x());
+var u$j = t$e;
 
 function _tagged_template_literal$1w(strings, raw) {
     if (!raw) {
@@ -38155,12 +38210,12 @@ function _templateObject$1w() {
     };
     return data;
 }
-var t$e = i$o(_templateObject$1w());
-var r$f = t$e;
+var t$d = i$p(_templateObject$1w());
+var r$f = t$d;
 
 var y$a = [
     o$w,
-    t$o,
+    t$n,
     r$f
 ];
 
@@ -38337,7 +38392,7 @@ function _templateObject$1u() {
     };
     return data;
 }
-var o$h = i$o(_templateObject$1u());
+var o$h = i$p(_templateObject$1u());
 var f$a = o$h;
 
 function _assert_this_initialized$Q(self) {
@@ -38427,7 +38482,7 @@ function _create_super$Q(Derived) {
 }
 var a$a = Object.defineProperty;
 var p$i = Object.getOwnPropertyDescriptor;
-var t$d = function(l, r, i, o) {
+var t$c = function(l, r, i, o) {
     for(var e = o > 1 ? void 0 : o ? p$i(r, i) : r, n = l.length - 1, c; n >= 0; n--)(c = l[n]) && (e = (o ? c(r, i, e) : c(e)) || e);
     return o && e && a$a(r, i, e), e;
 };
@@ -38470,19 +38525,19 @@ var Link = /*#__PURE__*/ function(_m) {
     ]);
     return Link;
 }(LikeAnchor(Focusable));
-t$d([
+t$c([
     e$F("#anchor")
-], Link.prototype, "anchorElement", 2), t$d([
+], Link.prototype, "anchorElement", 2), t$c([
     n$r({
         type: String,
         reflect: !0
     })
-], Link.prototype, "variant", 2), t$d([
+], Link.prototype, "variant", 2), t$c([
     n$r({
         type: String,
         reflect: !0
     })
-], Link.prototype, "static", 2), t$d([
+], Link.prototype, "static", 2), t$c([
     n$r({
         type: Boolean,
         reflect: !0,
@@ -38511,7 +38566,7 @@ function _templateObject$1t() {
     };
     return data;
 }
-var i$3 = i$o(_templateObject$1t());
+var i$3 = i$p(_templateObject$1t());
 var i$4 = i$3;
 
 function _assert_this_initialized$P(self) {
@@ -38641,7 +38696,7 @@ var MenuDivider = /*#__PURE__*/ function(_r) {
             key: "styles",
             get: function get() {
                 return [
-                    s$7,
+                    s$8,
                     i$4
                 ];
             }
@@ -38678,7 +38733,7 @@ function _templateObject$1s() {
     };
     return data;
 }
-var n$9 = i$o(_templateObject$1s());
+var n$9 = i$p(_templateObject$1s());
 var f$9 = n$9;
 
 function _array_like_to_array$h(arr, len) {
@@ -38928,7 +38983,7 @@ function _templateObject$1q() {
     };
     return data;
 }
-var e$n = i$o(_templateObject$1q());
+var e$n = i$p(_templateObject$1q());
 var y$9 = e$n;
 
 function _assert_this_initialized$N(self) {
@@ -39107,7 +39162,7 @@ var Meter = /*#__PURE__*/ function(_h) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject$1p(), this.size, this.slotHasContent ? T$3 : this.label, this.handleSlotchange, this.label, this.size, new Intl.NumberFormat(this.languageResolver.language, {
+                return x$3(_templateObject$1p(), this.size, this.slotHasContent ? E$2 : this.label, this.handleSlotchange, this.label, this.size, new Intl.NumberFormat(this.languageResolver.language, {
                     style: "percent",
                     unitDisplay: "narrow"
                 }).format(this.progress / 100), this.progress);
@@ -40135,7 +40190,7 @@ function _templateObject$1m() {
     };
     return data;
 }
-var e$m = i$o(_templateObject$1m());
+var e$m = i$p(_templateObject$1m());
 var y$8 = e$m;
 
 function _array_like_to_array$e(arr, len) {
@@ -40369,7 +40424,7 @@ function _templateObject$1k() {
     };
     return data;
 }
-var e$l = i$o(_templateObject$1k());
+var e$l = i$p(_templateObject$1k());
 var N = e$l;
 
 function _array_like_to_array$d(arr, len) {
@@ -41040,7 +41095,7 @@ var NumberField = /*#__PURE__*/ function(w) {
         {
             key: "renderField",
             value: function renderField() {
-                return this.autocomplete = "off", x$3(_templateObject5$5(), _get$r(_get_prototype_of$J(NumberField.prototype), "renderField", this).call(this), this.hideStepper ? T$3 : x$3(_templateObject4$7(), this.handleFocusin, this.handleFocusout, streamingListener({
+                return this.autocomplete = "off", x$3(_templateObject5$5(), _get$r(_get_prototype_of$J(NumberField.prototype), "renderField", this).call(this), this.hideStepper ? E$2 : x$3(_templateObject4$7(), this.handleFocusin, this.handleFocusout, streamingListener({
                     start: [
                         "pointerdown",
                         this.handlePointerdown
@@ -41190,8 +41245,8 @@ function _templateObject$1i() {
     };
     return data;
 }
-var s$4 = i$o(_templateObject$1i());
-var f$8 = s$4;
+var s$5 = i$p(_templateObject$1i());
+var f$8 = s$5;
 
 function _assert_this_initialized$I(self) {
     if (self === void 0) {
@@ -41759,7 +41814,7 @@ function _templateObject$1g() {
     };
     return data;
 }
-var e$k = i$o(_templateObject$1g());
+var e$k = i$p(_templateObject$1g());
 var g$4 = e$k;
 
 function _assert_this_initialized$H(self) {
@@ -41946,7 +42001,7 @@ function _templateObject5$3() {
 }
 var u$g = Object.defineProperty;
 var d$b = Object.getOwnPropertyDescriptor;
-var t$c = function(o, a, e, s) {
+var t$b = function(o, a, e, s) {
     for(var l = s > 1 ? void 0 : s ? d$b(a, e) : a, n = o.length - 1, p; n >= 0; n--)(p = o[n]) && (l = (s ? p(a, e, l) : p(l)) || l);
     return s && l && u$g(a, e, l), l;
 };
@@ -41971,10 +42026,10 @@ var ProgressBar = /*#__PURE__*/ function(_h) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject5$3(), this.slotHasContent || this.label ? x$3(_templateObject1$f(), this.size, this.slotHasContent ? x$3(_templateObject$1f()) : this.label, this.handleSlotchange, this.label) : x$3(_templateObject2$7()), this.label ? x$3(_templateObject4$5(), this.indeterminate ? T$3 : x$3(_templateObject3$5(), this.size, new Intl.NumberFormat(this.languageResolver.language, {
+                return x$3(_templateObject5$3(), this.slotHasContent || this.label ? x$3(_templateObject1$f(), this.size, this.slotHasContent ? x$3(_templateObject$1f()) : this.label, this.handleSlotchange, this.label) : x$3(_templateObject2$7()), this.label ? x$3(_templateObject4$5(), this.indeterminate ? E$2 : x$3(_templateObject3$5(), this.size, new Intl.NumberFormat(this.languageResolver.language, {
                     style: "percent",
                     unitDisplay: "narrow"
-                }).format(this.progress / 100))) : T$3, this.progress);
+                }).format(this.progress / 100))) : E$2, this.progress);
             }
         },
         {
@@ -42010,38 +42065,38 @@ var ProgressBar = /*#__PURE__*/ function(_h) {
 }(SizedMixin(ObserveSlotText(SpectrumElement, ""), {
     noDefaultSize: !0
 }));
-t$c([
+t$b([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], ProgressBar.prototype, "indeterminate", 2), t$c([
+], ProgressBar.prototype, "indeterminate", 2), t$b([
     n$r({
         type: String,
         reflect: !0
     })
-], ProgressBar.prototype, "label", 2), t$c([
+], ProgressBar.prototype, "label", 2), t$b([
     n$r({
         type: Boolean,
         reflect: !0,
         attribute: "over-background"
     })
-], ProgressBar.prototype, "overBackground", 2), t$c([
+], ProgressBar.prototype, "overBackground", 2), t$b([
     n$r({
         type: Boolean,
         reflect: !0,
         attribute: "side-label"
     })
-], ProgressBar.prototype, "sideLabel", 2), t$c([
+], ProgressBar.prototype, "sideLabel", 2), t$b([
     n$r({
         type: Number
     })
-], ProgressBar.prototype, "progress", 2), t$c([
+], ProgressBar.prototype, "progress", 2), t$b([
     n$r({
         type: String,
         reflect: !0
     })
-], ProgressBar.prototype, "static", 2), t$c([
+], ProgressBar.prototype, "static", 2), t$b([
     e$F("slot")
 ], ProgressBar.prototype, "slotEl", 2);
 
@@ -42066,7 +42121,7 @@ function _templateObject$1e() {
     };
     return data;
 }
-var e$j = i$o(_templateObject$1e());
+var e$j = i$p(_templateObject$1e());
 var f$7 = e$j;
 
 function _assert_this_initialized$G(self) {
@@ -42348,7 +42403,7 @@ function _templateObject$1c() {
     };
     return data;
 }
-var r$d = i$o(_templateObject$1c());
+var r$d = i$p(_templateObject$1c());
 var b$5 = r$d;
 
 function _assert_this_initialized$F(self) {
@@ -42480,7 +42535,7 @@ function _templateObject$1b() {
 }
 var u$f = Object.defineProperty;
 var c$a = Object.getOwnPropertyDescriptor;
-var t$b = function(l, s, e, a) {
+var t$a = function(l, s, e, a) {
     for(var i = a > 1 ? void 0 : a ? c$a(s, e) : s, d = l.length - 1, o; d >= 0; d--)(o = l[d]) && (i = (a ? o(s, e, i) : o(i)) || i);
     return a && i && u$f(s, e, i), i;
 };
@@ -42564,36 +42619,36 @@ var Radio = /*#__PURE__*/ function(_n) {
 }(SizedMixin(FocusVisiblePolyfillMixin(SpectrumElement), {
     noDefaultSize: !0
 }));
-t$b([
+t$a([
     n$r({
         type: Boolean
     })
-], Radio.prototype, "autofocus", 2), t$b([
+], Radio.prototype, "autofocus", 2), t$a([
     n$r({
         type: String,
         reflect: !0
     })
-], Radio.prototype, "value", 2), t$b([
+], Radio.prototype, "value", 2), t$a([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Radio.prototype, "checked", 2), t$b([
+], Radio.prototype, "checked", 2), t$a([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Radio.prototype, "disabled", 2), t$b([
+], Radio.prototype, "disabled", 2), t$a([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Radio.prototype, "emphasized", 2), t$b([
+], Radio.prototype, "emphasized", 2), t$a([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], Radio.prototype, "invalid", 2), t$b([
+], Radio.prototype, "invalid", 2), t$a([
     n$r({
         type: Boolean,
         reflect: !0
@@ -43117,7 +43172,7 @@ function _templateObject$19() {
     };
     return data;
 }
-var e$i = i$o(_templateObject$19());
+var e$i = i$p(_templateObject$19());
 var f$6 = e$i;
 
 function _array_like_to_array$c(arr, len) {
@@ -43485,7 +43540,7 @@ var Search = /*#__PURE__*/ function(b) {
         {
             key: "renderField",
             value: function renderField() {
-                return x$3(_templateObject1$d(), this.action, o$O(this.method), this.handleSubmit, this.reset, this.handleKeydown, _get$m(_get_prototype_of$C(Search.prototype), "renderField", this).call(this), this.value ? x$3(_templateObject$18(), o$O(this.size), v$6) : T$3);
+                return x$3(_templateObject1$d(), this.action, o$O(this.method), this.handleSubmit, this.reset, this.handleKeydown, _get$m(_get_prototype_of$C(Search.prototype), "renderField", this).call(this), this.value ? x$3(_templateObject$18(), o$O(this.size), v$6) : E$2);
             }
         },
         {
@@ -43549,8 +43604,8 @@ function _templateObject$17() {
     };
     return data;
 }
-var t$a = i$o(_templateObject$17());
-var m$b = t$a;
+var t$9 = i$p(_templateObject$17());
+var m$b = t$9;
 
 function _tagged_template_literal$16(strings, raw) {
     if (!raw) {
@@ -43571,8 +43626,8 @@ function _templateObject$16() {
     };
     return data;
 }
-var t$9 = i$o(_templateObject$16());
-var c$7 = t$9;
+var t$8 = i$p(_templateObject$16());
+var c$7 = t$8;
 
 function _assert_this_initialized$B(self) {
     if (self === void 0) {
@@ -43939,7 +43994,7 @@ var r$b = /*#__PURE__*/ function(_f) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$c(), this.href || "#", o$O(this.target), o$O(this.download), o$O(this.rel), this.depth, this.handleClick, o$O(this.selected && this.href ? "page" : void 0), o$O(this.hasChildren ? this.expanded : void 0), o$O(this.hasChildren && this.expanded ? "list" : void 0), this.label, this.expanded ? x$3(_templateObject$15()) : T$3);
+                return x$3(_templateObject1$c(), this.href || "#", o$O(this.target), o$O(this.download), o$O(this.rel), this.depth, this.handleClick, o$O(this.selected && this.href ? "page" : void 0), o$O(this.hasChildren ? this.expanded : void 0), o$O(this.hasChildren && this.expanded ? "list" : void 0), this.label, this.expanded ? x$3(_templateObject$15()) : E$2);
             }
         },
         {
@@ -44055,8 +44110,8 @@ function _templateObject$14() {
     };
     return data;
 }
-var t$8 = i$o(_templateObject$14());
-var h$6 = t$8;
+var t$7 = i$p(_templateObject$14());
+var h$6 = t$7;
 
 function _assert_this_initialized$A(self) {
     if (self === void 0) {
@@ -44908,7 +44963,7 @@ function _templateObject$11() {
     };
     return data;
 }
-var e$h = i$o(_templateObject$11());
+var e$h = i$p(_templateObject$11());
 var $ = e$h;
 
 function _array_like_to_array$a(arr, len) {
@@ -45200,7 +45255,7 @@ var HandleController = /*#__PURE__*/ function() {
             var t = e.target;
             t.model.handle.highlight = !0, _this.requestUpdate();
         };
-        this.host = e, new t$u(this.host, {
+        this.host = e, new s$b(this.host, {
             config: {
                 subtree: !0,
                 childList: !0
@@ -46258,7 +46313,7 @@ var Slider = /*#__PURE__*/ function(_g) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$b(), this.renderLabel(), this.renderTrack(), this.editable ? x$3(_templateObject$$(), this.formatOptions || {}, this.min, this.max, this.step, this.size, this.value, this.hideStepper, this.disabled, this.quiet, this.indeterminate, this.handleNumberInput, this.handleNumberChange) : T$3);
+                return x$3(_templateObject1$b(), this.renderLabel(), this.renderTrack(), this.editable ? x$3(_templateObject$$(), this.formatOptions || {}, this.min, this.max, this.step, this.size, this.value, this.hideStepper, this.disabled, this.quiet, this.indeterminate, this.handleNumberInput, this.handleNumberChange) : E$2);
             }
         },
         {
@@ -46285,7 +46340,7 @@ var Slider = /*#__PURE__*/ function(_g) {
                 var e = this.labelVisibility === "none" || this.labelVisibility === "value", t = this.labelVisibility === "none" || this.labelVisibility === "text";
                 return x$3(_templateObject2$6(), e$C({
                     "visually-hidden": e
-                }), this.disabled, this.editable ? "number-field" : this.handleController.activeHandleInputId, this.handleLabelClick, this.size, this.slotHasContent ? T$3 : this.label, this.label, e$C({
+                }), this.disabled, this.editable ? "number-field" : this.handleController.activeHandleInputId, this.handleLabelClick, this.size, this.slotHasContent ? E$2 : this.label, this.label, e$C({
                     "visually-hidden": t
                 }), this.disabled, this.editable ? "number-field" : this.handleController.activeHandleInputId, this.size, this.ariaValueText);
             }
@@ -46303,7 +46358,7 @@ var Slider = /*#__PURE__*/ function(_g) {
                 if (this.variant !== "tick") return x$3(_templateObject5$2());
                 var e = this.tickStep || this.step, t = (this.max - this.min) / e, i = t % 1 !== 0, r = new Array(Math.floor(t + 1));
                 return r.fill(0, 0, t + 1), x$3(_templateObject8(), i ? "not-exact " : "", o$O(i ? "--sp-slider-tick-offset: calc(100% / ".concat(this.max, " * ").concat(this.tickStep) : void 0), r.map(function(s, u) {
-                    return x$3(_templateObject7(), _this.tickLabels ? x$3(_templateObject6(), u * e + _this.min) : T$3);
+                    return x$3(_templateObject7(), _this.tickLabels ? x$3(_templateObject6(), u * e + _this.min) : E$2);
                 }));
             }
         },
@@ -46652,7 +46707,7 @@ function _templateObject$_() {
     };
     return data;
 }
-var r$9 = i$o(_templateObject$_());
+var r$9 = i$p(_templateObject$_());
 var b$3 = r$9;
 
 function _assert_this_initialized$w(self) {
@@ -47172,7 +47227,7 @@ function _templateObject$Y() {
     };
     return data;
 }
-var e$g = i$o(_templateObject$Y());
+var e$g = i$p(_templateObject$Y());
 var S = e$g;
 
 function _assert_this_initialized$v(self) {
@@ -47466,7 +47521,7 @@ function _templateObject2$4() {
 }
 var v$4 = Object.defineProperty;
 var f$4 = Object.getOwnPropertyDescriptor;
-var s$3 = function(l, a, t, e) {
+var s$4 = function(l, a, t, e) {
     for(var i = e > 1 ? void 0 : e ? f$4(a, t) : a, o = l.length - 1, h; o >= 0; o--)(h = l[o]) && (i = (e ? h(a, t, i) : h(i)) || i);
     return e && i && v$4(a, t, i), i;
 };
@@ -47546,7 +47601,7 @@ var SplitView = /*#__PURE__*/ function(b) {
                         ],
                         this.onPointerup
                     ]
-                }), this.resizable ? x$3(_templateObject$X()) : T$3) : T$3);
+                }), this.resizable ? x$3(_templateObject$X()) : E$2) : E$2);
             }
         },
         {
@@ -47772,73 +47827,73 @@ var SplitView = /*#__PURE__*/ function(b) {
     ]);
     return SplitView;
 }(SpectrumElement);
-s$3([
+s$4([
     r$A()
-], SplitView.prototype, "controlledEl", 2), s$3([
+], SplitView.prototype, "controlledEl", 2), s$4([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], SplitView.prototype, "vertical", 2), s$3([
+], SplitView.prototype, "vertical", 2), s$4([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], SplitView.prototype, "resizable", 2), s$3([
+], SplitView.prototype, "resizable", 2), s$4([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], SplitView.prototype, "collapsible", 2), s$3([
+], SplitView.prototype, "collapsible", 2), s$4([
     n$r({
         type: Number,
         attribute: "primary-min"
     })
-], SplitView.prototype, "primaryMin", 2), s$3([
+], SplitView.prototype, "primaryMin", 2), s$4([
     n$r({
         type: Number,
         attribute: "primary-max"
     })
-], SplitView.prototype, "primaryMax", 2), s$3([
+], SplitView.prototype, "primaryMax", 2), s$4([
     n$r({
         type: String,
         attribute: "primary-size"
     })
-], SplitView.prototype, "primarySize", 2), s$3([
+], SplitView.prototype, "primarySize", 2), s$4([
     n$r({
         type: Number,
         attribute: "secondary-min"
     })
-], SplitView.prototype, "secondaryMin", 2), s$3([
+], SplitView.prototype, "secondaryMin", 2), s$4([
     n$r({
         type: Number,
         attribute: "secondary-max"
     })
-], SplitView.prototype, "secondaryMax", 2), s$3([
+], SplitView.prototype, "secondaryMax", 2), s$4([
     n$r({
         type: Number,
         reflect: !0,
         attribute: "splitter-pos"
     })
-], SplitView.prototype, "splitterPos", 2), s$3([
+], SplitView.prototype, "splitterPos", 2), s$4([
     n$r({
         type: String,
         attribute: !1
     })
-], SplitView.prototype, "firstPaneSize", 2), s$3([
+], SplitView.prototype, "firstPaneSize", 2), s$4([
     n$r()
-], SplitView.prototype, "label", 2), s$3([
+], SplitView.prototype, "label", 2), s$4([
     n$r({
         type: Boolean,
         attribute: !1
     })
-], SplitView.prototype, "enoughChildren", 2), s$3([
+], SplitView.prototype, "enoughChildren", 2), s$4([
     n$r({
         type: Number
     })
-], SplitView.prototype, "viewSize", 2), s$3([
+], SplitView.prototype, "viewSize", 2), s$4([
     e$F("slot")
-], SplitView.prototype, "paneSlot", 2), s$3([
+], SplitView.prototype, "paneSlot", 2), s$4([
     e$F("#splitter")
 ], SplitView.prototype, "splitter", 2);
 
@@ -47863,8 +47918,8 @@ function _templateObject$W() {
     };
     return data;
 }
-var s$2 = i$o(_templateObject$W());
-var f$3 = s$2;
+var s$3 = i$p(_templateObject$W());
+var f$3 = s$3;
 
 function _assert_this_initialized$u(self) {
     if (self === void 0) {
@@ -48071,7 +48126,7 @@ function _templateObject$U() {
     };
     return data;
 }
-var e$f = i$o(_templateObject$U());
+var e$f = i$p(_templateObject$U());
 var f$2 = e$f;
 
 function _assert_this_initialized$t(self) {
@@ -48466,7 +48521,7 @@ function _templateObject$S() {
     };
     return data;
 }
-var a$7 = i$o(_templateObject$S());
+var a$7 = i$p(_templateObject$S());
 var b$2 = a$7;
 
 function _array_like_to_array$8(arr, len) {
@@ -48780,7 +48835,7 @@ var SwatchGroup = /*#__PURE__*/ function(_f) {
                 }
             });
         });
-        new t$u(_assert_this_initialized$s(_this), {
+        new s$b(_assert_this_initialized$s(_this), {
             config: {
                 attributes: !0,
                 childList: !0,
@@ -49066,8 +49121,8 @@ function _templateObject$Q() {
     };
     return data;
 }
-var t$7 = i$o(_templateObject$Q());
-var a$5 = t$7;
+var t$6 = i$p(_templateObject$Q());
+var a$5 = t$6;
 
 function _tagged_template_literal$P(strings, raw) {
     if (!raw) {
@@ -49088,7 +49143,7 @@ function _templateObject$P() {
     };
     return data;
 }
-var o$a = i$o(_templateObject$P());
+var o$a = i$p(_templateObject$P());
 var f$1 = o$a;
 
 function _assert_this_initialized$q(self) {
@@ -49299,7 +49354,7 @@ function _templateObject$N() {
     };
     return data;
 }
-var o$9 = i$o(_templateObject$N());
+var o$9 = i$p(_templateObject$N());
 var d$5 = o$9;
 
 function _assert_this_initialized$p(self) {
@@ -49420,7 +49475,7 @@ var TableBody = /*#__PURE__*/ function(p) {
         var _this;
         _this = _super.call(this);
         _this.role = "rowgroup";
-        new t$u(_assert_this_initialized$p(_this), {
+        new s$b(_assert_this_initialized$p(_this), {
             config: {
                 childList: !0,
                 subtree: !0
@@ -49485,7 +49540,7 @@ function _templateObject$L() {
     };
     return data;
 }
-var e$e = i$o(_templateObject$L());
+var e$e = i$p(_templateObject$L());
 var u$7 = e$e;
 
 function _array_like_to_array$7(arr, len) {
@@ -49766,7 +49821,7 @@ function _templateObject$K() {
 }
 var h$4 = Object.defineProperty;
 var d$4 = Object.getOwnPropertyDescriptor;
-var s$1 = function(i, c, e, l) {
+var s$2 = function(i, c, e, l) {
     for(var t = l > 1 ? void 0 : l ? d$4(c, e) : c, a = i.length - 1, o; a >= 0; a--)(o = i[a]) && (t = (l ? o(c, e, t) : o(t)) || t);
     return l && t && h$4(c, e, t), t;
 };
@@ -49886,25 +49941,25 @@ var TableRow = /*#__PURE__*/ function(p) {
     ]);
     return TableRow;
 }(SpectrumElement);
-s$1([
+s$2([
     o$P({
         selector: "sp-table-checkbox-cell",
         flatten: !0
     })
-], TableRow.prototype, "checkboxCells", 2), s$1([
+], TableRow.prototype, "checkboxCells", 2), s$2([
     n$r({
         reflect: !0
     })
-], TableRow.prototype, "role", 2), s$1([
+], TableRow.prototype, "role", 2), s$2([
     n$r({
         type: Boolean
     })
-], TableRow.prototype, "selectable", 2), s$1([
+], TableRow.prototype, "selectable", 2), s$2([
     n$r({
         type: Boolean,
         reflect: !0
     })
-], TableRow.prototype, "selected", 2), s$1([
+], TableRow.prototype, "selected", 2), s$2([
     n$r({
         type: String
     })
@@ -49931,8 +49986,8 @@ function _templateObject$J() {
     };
     return data;
 }
-var t$6 = i$o(_templateObject$J());
-var h$3 = t$6;
+var t$5 = i$p(_templateObject$J());
+var h$3 = t$5;
 
 function _assert_this_initialized$n(self) {
     if (self === void 0) {
@@ -50150,7 +50205,7 @@ function _templateObject$H() {
     };
     return data;
 }
-var e$c = i$o(_templateObject$H());
+var e$c = i$p(_templateObject$H());
 var k = e$c;
 
 /**
@@ -50984,6 +51039,9 @@ var DefaultLayoutConstructor;
          * the default layout if none is specified. This state is to track
          * whether init is complete.
          */ this._layoutInitialized = null;
+        /**
+         * Track connection state to guard against errors / unnecessary work
+         */ this._connected = false;
         if (!config) {
             throw new Error("Virtualizer constructor requires a configuration object");
         }
@@ -51046,6 +51104,7 @@ var DefaultLayoutConstructor;
                 this._scrollerController = new ScrollerController(this, this._clippingAncestors[0]);
                 this._schedule(this._updateLayout);
                 this._observeAndListen();
+                this._connected = true;
             }
         },
         {
@@ -51091,6 +51150,7 @@ var DefaultLayoutConstructor;
                 (_this__childrenRO = this._childrenRO) === null || _this__childrenRO === void 0 ? void 0 : _this__childrenRO.disconnect();
                 this._childrenRO = null;
                 this._rejectLayoutCompletePromise("disconnected");
+                this._connected = false;
             }
         },
         {
@@ -51368,25 +51428,25 @@ var DefaultLayoutConstructor;
             key: "_finishDOMUpdate",
             value: function _finishDOMUpdate() {
                 var _this = this;
-                this._children.forEach(function(child) {
-                    return _this._childrenRO.observe(child);
-                });
-                this._checkScrollIntoViewTarget(this._childrenPos);
-                this._positionChildren(this._childrenPos);
-                this._sizeHostElement(this._scrollSize);
-                this._correctScrollError();
-                if (this._benchmarkStart && "mark" in window.performance) {
-                    window.performance.mark("uv-end");
+                if (this._connected) {
+                    // _childrenRO should be non-null if we're connected
+                    this._children.forEach(function(child) {
+                        return _this._childrenRO.observe(child);
+                    });
+                    this._checkScrollIntoViewTarget(this._childrenPos);
+                    this._positionChildren(this._childrenPos);
+                    this._sizeHostElement(this._scrollSize);
+                    this._correctScrollError();
+                    if (this._benchmarkStart && "mark" in window.performance) {
+                        window.performance.mark("uv-end");
+                    }
                 }
             }
         },
         {
             key: "_updateLayout",
             value: function _updateLayout() {
-                // Only update the layout and trigger a re-render if we have:
-                //   a) A layout
-                //   b) A scrollerController, which means we're connected
-                if (this._layout && this._scrollerController) {
+                if (this._layout && this._connected) {
                     this._layout.items = this._items;
                     this._updateView();
                     if (this._childMeasurements !== null) {
@@ -52164,7 +52224,7 @@ var VirtualizeDirective = /*#__PURE__*/ function(AsyncDirective) {
             return defaultKeyFunction(item, idx + _this._first);
         };
         _this._items = [];
-        if (part.type !== t$y.CHILD) {
+        if (part.type !== t$x.CHILD) {
             throw new Error("The virtualize directive can only be used in child expressions");
         }
         return _this;
@@ -52197,7 +52257,7 @@ var VirtualizeDirective = /*#__PURE__*/ function(AsyncDirective) {
                 } else {
                     this._initialize(part, config);
                 }
-                return itemsChanged ? w$2 : this.render();
+                return itemsChanged ? T$3 : this.render();
             }
         },
         {
@@ -52534,7 +52594,7 @@ var Table = /*#__PURE__*/ function(_C) {
                 var _this = this;
                 this._renderItem = function(t, s) {
                     var i = _this.itemValue(t, s), l = _this.selected.includes(i), r = _this.selects && (t == null ? void 0 : t._$rowType$) !== 1;
-                    return x$3(_templateObject1$7(), i, s + 1, l, r ? x$3(_templateObject$F(), l) : T$3, e(t, s));
+                    return x$3(_templateObject1$7(), i, s + 1, l, r ? x$3(_templateObject$F(), l) : E$2, e(t, s));
                 };
             }
         },
@@ -52735,7 +52795,7 @@ var Table = /*#__PURE__*/ function(_C) {
                     renderItem: this.renderItem,
                     scroller: this.scroller
                 };
-                j(x$3(_templateObject3$1(), virtualize(e)), this.tableBody);
+                B$1(x$3(_templateObject3$1(), virtualize(e)), this.tableBody);
             }
         },
         {
@@ -52828,7 +52888,7 @@ function _templateObject$E() {
     };
     return data;
 }
-var e$b = i$o(_templateObject$E());
+var e$b = i$p(_templateObject$E());
 var n$3 = e$b;
 
 function _assert_this_initialized$i(self) {
@@ -52999,8 +53059,8 @@ function _templateObject$C() {
     };
     return data;
 }
-var t$5 = i$o(_templateObject$C());
-var m$7 = t$5;
+var t$4 = i$p(_templateObject$C());
+var m$7 = t$4;
 
 function _array_like_to_array$4(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -53351,8 +53411,8 @@ function _templateObject$z() {
     };
     return data;
 }
-var t$4 = i$o(_templateObject$z());
-var m$6 = t$4;
+var t$3 = i$p(_templateObject$z());
+var m$6 = t$3;
 
 function _tagged_template_literal$y(strings, raw) {
     if (!raw) {
@@ -53373,7 +53433,7 @@ function _templateObject$y() {
     };
     return data;
 }
-var o$8 = i$o(_templateObject$y());
+var o$8 = i$p(_templateObject$y());
 var y$5 = o$8;
 
 function _assert_this_initialized$f(self) {
@@ -53556,7 +53616,7 @@ var TableHeadCell = /*#__PURE__*/ function(h) {
             key: "render",
             value: function render() {
                 var t = this.sortable && !!this.sortDirection;
-                return x$3(_templateObject1$6(), t ? x$3(_templateObject$x()) : T$3);
+                return x$3(_templateObject1$6(), t ? x$3(_templateObject$x()) : E$2);
             }
         },
         {
@@ -53625,7 +53685,7 @@ function _templateObject$w() {
     };
     return data;
 }
-var o$6 = i$o(_templateObject$w());
+var o$6 = i$p(_templateObject$w());
 var v$2 = o$6;
 
 function _assert_this_initialized$e(self) {
@@ -53806,7 +53866,7 @@ var Tab = /*#__PURE__*/ function(_h) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$5(), this.hasIcon ? x$3(_templateObject$v()) : T$3, !this.hasLabel, this.slotHasContent ? T$3 : this.label, this.label);
+                return x$3(_templateObject1$5(), this.hasIcon ? x$3(_templateObject$v()) : E$2, !this.hasLabel, this.slotHasContent ? E$2 : this.label, this.label);
             }
         },
         {
@@ -54004,17 +54064,21 @@ function _ts_generator$5(thisArg, body) {
         };
     }
 }
-var t$3 = /*#__PURE__*/ function() {
-    function t(t1, param) {
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var s$1 = /*#__PURE__*/ function() {
+    function s(s1, param) {
         var _this = this;
-        var s = param.target, i = param.config, h = param.callback, e = param.skipInitial;
-        _class_call_check$e(this, t);
-        this.t = new Set, this.o = !1, this.i = !1, this.h = t1, null !== s && this.t.add(s !== null && s !== void 0 ? s : t1), this.o = e !== null && e !== void 0 ? e : this.o, this.callback = h, window.IntersectionObserver ? (this.u = new IntersectionObserver(function(t) {
-            var s = _this.i;
-            _this.i = !1, _this.o && s || (_this.handleChanges(t), _this.h.requestUpdate());
-        }, i), t1.addController(this)) : console.warn("IntersectionController error: browser does not support IntersectionObserver.");
+        var i = param.target, h = param.config, e = param.callback, o = param.skipInitial;
+        _class_call_check$e(this, s);
+        this.t = new Set, this.o = !1, this.i = !1, this.h = s1, null !== i && this.t.add(i !== null && i !== void 0 ? i : s1), this.o = o !== null && o !== void 0 ? o : this.o, this.callback = e, (window.IntersectionObserver ? (this.u = new IntersectionObserver(function(t) {
+            var _$s = _this.i;
+            _this.i = !1, _this.o && _$s || (_this.handleChanges(t), _this.h.requestUpdate());
+        }, h), s1.addController(this)) : console.warn("IntersectionController error: browser does not support IntersectionObserver."));
     }
-    _create_class$e(t, [
+    _create_class$e(s, [
         {
             key: "handleChanges",
             value: function handleChanges(t) {
@@ -54028,8 +54092,8 @@ var t$3 = /*#__PURE__*/ function() {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
                     for(var _iterator = this.t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var _$t = _step.value;
-                        this.observe(_$t);
+                        var t = _step.value;
+                        this.observe(t);
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -54058,10 +54122,10 @@ var t$3 = /*#__PURE__*/ function() {
             value: function hostUpdated() {
                 var _this = this;
                 return _async_to_generator$5(function() {
-                    var _$t;
+                    var t;
                     return _ts_generator$5(this, function(_state) {
-                        _$t = _this.u.takeRecords();
-                        _$t.length && _this.handleChanges(_$t);
+                        t = _this.u.takeRecords();
+                        t.length && _this.handleChanges(t);
                         return [
                             2
                         ];
@@ -54088,7 +54152,7 @@ var t$3 = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return t;
+    return s;
 }();
 
 function _tagged_template_literal$u(strings, raw) {
@@ -54110,7 +54174,7 @@ function _templateObject$u() {
     };
     return data;
 }
-var o$5 = i$o(_templateObject$u());
+var o$5 = i$p(_templateObject$u());
 var I = o$5;
 
 function _tagged_template_literal$t(strings, raw) {
@@ -54132,7 +54196,7 @@ function _templateObject$t() {
     };
     return data;
 }
-var a$1 = i$o(_templateObject$t());
+var a$1 = i$p(_templateObject$t());
 var g$2 = a$1;
 
 function _array_like_to_array$3(arr, len) {
@@ -54449,7 +54513,7 @@ var ScaledIndicator = {
         return "transform: translateY(".concat(n, "px) scaleY(").concat(e, ");");
     },
     baseStyles: function baseStyles() {
-        return i$o(_templateObject$s(), this.baseSize, this.baseSize);
+        return i$p(_templateObject$s(), this.baseSize, this.baseSize);
     }
 };
 var Tabs = /*#__PURE__*/ function(_m) {
@@ -54470,7 +54534,7 @@ var Tabs = /*#__PURE__*/ function(_m) {
         _this.shouldAnimate = !1;
         _this.selected = "";
         _this._tabs = [];
-        _this.resizeController = new s$9(_assert_this_initialized$d(_this), {
+        _this.resizeController = new t$o(_assert_this_initialized$d(_this), {
             callback: function() {
                 _this.updateSelectionIndicator();
             }
@@ -54565,7 +54629,7 @@ var Tabs = /*#__PURE__*/ function(_m) {
                 }
             });
         });
-        new t$3(_assert_this_initialized$d(_this), {
+        new s$1(_assert_this_initialized$d(_this), {
             config: {
                 root: null,
                 rootMargin: "0px",
@@ -54853,7 +54917,7 @@ function _templateObject$r() {
     };
     return data;
 }
-var e$a = i$o(_templateObject$r());
+var e$a = i$p(_templateObject$r());
 var m$5 = e$a;
 
 function _assert_this_initialized$c(self) {
@@ -55050,7 +55114,7 @@ function _templateObject$p() {
     };
     return data;
 }
-var o$4 = i$o(_templateObject$p());
+var o$4 = i$p(_templateObject$p());
 var y$4 = o$4;
 
 function _array_like_to_array$2(arr, len) {
@@ -55431,7 +55495,7 @@ var TabsOverflow = /*#__PURE__*/ function(_d) {
             canScrollLeft: !1,
             canScrollRight: !1
         };
-        _this.resizeController = new s$9(_assert_this_initialized$b(_this), {
+        _this.resizeController = new t$o(_assert_this_initialized$b(_this), {
             target: _assert_this_initialized$b(_this),
             callback: function() {
                 _this._updateScrollState();
@@ -55583,7 +55647,7 @@ function _templateObject$n() {
     };
     return data;
 }
-var t$2 = i$o(_templateObject$n());
+var t$2 = i$p(_templateObject$n());
 var v$1 = t$2;
 
 function _assert_this_initialized$a(self) {
@@ -55776,7 +55840,7 @@ var Tag = /*#__PURE__*/ function(_h) {
         {
             key: "render",
             value: function render() {
-                return x$3(_templateObject1$3(), this.deletable ? x$3(_templateObject$m(), this.disabled, this.delete) : T$3);
+                return x$3(_templateObject1$3(), this.deletable ? x$3(_templateObject$m(), this.disabled, this.delete) : E$2);
             }
         },
         {
@@ -55848,7 +55912,7 @@ function _templateObject$l() {
     };
     return data;
 }
-var t$1 = i$o(_templateObject$l());
+var t$1 = i$p(_templateObject$l());
 var y$3 = t$1;
 
 function _array_like_to_array$1(arr, len) {
@@ -56803,7 +56867,7 @@ function _templateObject$j() {
     };
     return data;
 }
-var e$9 = i$o(_templateObject$j());
+var e$9 = i$p(_templateObject$j());
 var r$4 = e$9;
 
 function _tagged_template_literal$i(strings, raw) {
@@ -56825,7 +56889,7 @@ function _templateObject$i() {
     };
     return data;
 }
-var e$8 = i$o(_templateObject$i());
+var e$8 = i$p(_templateObject$i());
 var m$4 = e$8;
 
 Theme.registerThemeFragment("spectrum", "system", m$4);
@@ -56851,7 +56915,7 @@ function _templateObject$h() {
     };
     return data;
 }
-var e$6 = i$o(_templateObject$h());
+var e$6 = i$p(_templateObject$h());
 var e$7 = e$6;
 
 Theme.registerThemeFragment("lightest", "color", e$7);
@@ -56875,7 +56939,7 @@ function _templateObject$g() {
     };
     return data;
 }
-var e$5 = i$o(_templateObject$g());
+var e$5 = i$p(_templateObject$g());
 var r$3 = e$5;
 
 Theme.registerThemeFragment("dark", "color", r$3);
@@ -56899,7 +56963,7 @@ function _templateObject$f() {
     };
     return data;
 }
-var e$4 = i$o(_templateObject$f());
+var e$4 = i$p(_templateObject$f());
 var r$2 = e$4;
 
 Theme.registerThemeFragment("darkest", "color", r$2);
@@ -56923,7 +56987,7 @@ function _templateObject$e() {
     };
     return data;
 }
-var e$3 = i$o(_templateObject$e());
+var e$3 = i$p(_templateObject$e());
 var m$3 = e$3;
 
 Theme.registerThemeFragment("medium", "scale", m$3);
@@ -56947,7 +57011,7 @@ function _templateObject$d() {
     };
     return data;
 }
-var e$1 = i$o(_templateObject$d());
+var e$1 = i$p(_templateObject$d());
 var e$2 = e$1;
 
 Theme.registerThemeFragment("large", "scale", e$2);
@@ -56971,7 +57035,7 @@ function _templateObject$c() {
     };
     return data;
 }
-var e = i$o(_templateObject$c());
+var e = i$p(_templateObject$c());
 var y$2 = e;
 
 function _assert_this_initialized$7(self) {
@@ -57523,7 +57587,7 @@ function _templateObject$8() {
     };
     return data;
 }
-var o$2 = i$o(_templateObject$8());
+var o$2 = i$p(_templateObject$8());
 var m$1 = o$2;
 
 function _assert_this_initialized$4(self) {
@@ -57860,7 +57924,7 @@ function _templateObject$6() {
     };
     return data;
 }
-var o$1 = i$o(_templateObject$6());
+var o$1 = i$p(_templateObject$6());
 var v = o$1;
 
 function _assert_this_initialized$3(self) {
@@ -58573,7 +58637,7 @@ var TopNav = /*#__PURE__*/ function(_m) {
             _this.shouldAnimate = !0, _this.selectTarget(t);
         };
         _this._items = [];
-        _this.resizeController = new s$9(_assert_this_initialized$2(_this), {
+        _this.resizeController = new t$o(_assert_this_initialized$2(_this), {
             callback: function() {
                 _this.updateSelectionIndicator();
             }
@@ -58780,7 +58844,7 @@ function _templateObject$3() {
     };
     return data;
 }
-var t = i$o(_templateObject$3());
+var t = i$p(_templateObject$3());
 var y$1 = t;
 
 function _assert_this_initialized$1(self) {
@@ -59003,7 +59067,7 @@ function _templateObject$1() {
     };
     return data;
 }
-var r = i$o(_templateObject$1());
+var r = i$p(_templateObject$1());
 var y = r;
 
 function _assert_this_initialized(self) {