@digipair/skill-web-inputs 0.136.1 → 0.136.3

package/dist/index.esm.js

@@ -34,7 +34,7 @@ function _create_class$3(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
     return Constructor;
 }
-function _instanceof$2(left, right) {
+function _instanceof$3(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -87,7 +87,7 @@ var r$4 = function(t) {
 }, S$1 = function(s, o) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     if (e$2) s.adoptedStyleSheets = o.map(function(t) {
-        return _instanceof$2(t, CSSStyleSheet) ? t : t.styleSheet;
+        return _instanceof$3(t, CSSStyleSheet) ? t : t.styleSheet;
     });
     else try {
         for(var _iterator = o[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
@@ -112,7 +112,7 @@ var r$4 = function(t) {
 }, c$2 = e$2 ? function(t) {
     return t;
 } : function(t) {
-    return _instanceof$2(t, CSSStyleSheet) ? function(t) {
+    return _instanceof$3(t, CSSStyleSheet) ? function(t) {
         var e = "";
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
@@ -356,7 +356,7 @@ function _create_super$2(Derived) {
         return _possible_constructor_return$2(this, result);
     };
 }
-function _ts_generator$1(thisArg, body) {
+function _ts_generator$4(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
         sent: function() {
@@ -491,7 +491,7 @@ var _Symbol, _a, _a1;
     }
 }, f$1 = function(t, s) {
     return !i$2(t, s);
-}, b = {
+}, b$1 = {
     attribute: true,
     type: String,
     converter: u$1,
@@ -634,11 +634,12 @@ var y$1 = /*#__PURE__*/ function(HTMLElement1) {
         {
             key: "requestUpdate",
             value: function requestUpdate(t, s, i) {
+                var e = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, h = arguments.length > 4 ? arguments[4] : void 0;
                 if (void 0 !== t) {
                     var _this__$Ej;
-                    var e = this.constructor, h = this[t];
+                    var r = this.constructor;
                     var _i_hasChanged;
-                    if (i !== null && i !== void 0 ? i : i = e.getPropertyOptions(t), !(((_i_hasChanged = i.hasChanged) !== null && _i_hasChanged !== void 0 ? _i_hasChanged : f$1)(h, s) || i.useDefault && i.reflect && h === ((_this__$Ej = this._$Ej) === null || _this__$Ej === void 0 ? void 0 : _this__$Ej.get(t)) && !this.hasAttribute(e._$Eu(t, i)))) return;
+                    if (false === e && (h = this[t]), i !== null && i !== void 0 ? i : i = r.getPropertyOptions(t), !(((_i_hasChanged = i.hasChanged) !== null && _i_hasChanged !== void 0 ? _i_hasChanged : f$1)(h, s) || i.useDefault && i.reflect && h === ((_this__$Ej = this._$Ej) === null || _this__$Ej === void 0 ? void 0 : _this__$Ej.get(t)) && !this.hasAttribute(r._$Eu(t, i)))) return;
                     this.C(t, s, i);
                 }
                 false === this.isUpdatePending && (this._$ES = this._$EP());
@@ -658,7 +659,7 @@ var y$1 = /*#__PURE__*/ function(HTMLElement1) {
                 var _this = this;
                 return _async_to_generator(function() {
                     var t, _$t, _tmp;
-                    return _ts_generator$1(this, function(_state) {
+                    return _ts_generator$4(this, function(_state) {
                         switch(_state.label){
                             case 0:
                                 _this.isUpdatePending = true;
@@ -855,7 +856,7 @@ var y$1 = /*#__PURE__*/ function(HTMLElement1) {
         {
             key: "createProperty",
             value: function createProperty(t) {
-                var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b;
+                var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b$1;
                 if (s.state && (s.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = true), this.elementProperties.set(t, s), !s.noAccessor) {
                     var i = Symbol(), h = this.getPropertyDescriptor(t, i, s);
                     void 0 !== h && e$1(this.prototype, t, h);
@@ -889,7 +890,7 @@ var y$1 = /*#__PURE__*/ function(HTMLElement1) {
             key: "getPropertyOptions",
             value: function getPropertyOptions(t) {
                 var _this_elementProperties_get;
-                return (_this_elementProperties_get = this.elementProperties.get(t)) !== null && _this_elementProperties_get !== void 0 ? _this_elementProperties_get : b;
+                return (_this_elementProperties_get = this.elementProperties.get(t)) !== null && _this_elementProperties_get !== void 0 ? _this_elementProperties_get : b$1;
             }
         },
         {
@@ -1021,7 +1022,7 @@ y$1.elementStyles = [], y$1.shadowRootOptions = {
     mode: "open"
 }, y$1[d$1("elementProperties")] = new Map, y$1[d$1("finalized")] = new Map, p$1 === null || p$1 === void 0 ? void 0 : p$1({
     ReactiveElement: y$1
-}), ((_reactiveElementVersions = (_a1 = a$1).reactiveElementVersions) !== null && _reactiveElementVersions !== void 0 ? _reactiveElementVersions : _a1.reactiveElementVersions = []).push("2.1.1");
+}), ((_reactiveElementVersions = (_a1 = a$1).reactiveElementVersions) !== null && _reactiveElementVersions !== void 0 ? _reactiveElementVersions : _a1.reactiveElementVersions = []).push("2.1.2");
 
 /**
  * @license
@@ -1171,17 +1172,19 @@ function _create_super$1(Derived) {
     };
 }
 var _t;
-var t$1 = globalThis, i$1 = t$1.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-html", {
+var t$1 = globalThis, i$1 = function(t) {
+    return t;
+}, s$1 = t$1.trustedTypes, e = s$1 ? s$1.createPolicy("lit-html", {
     createHTML: function(t) {
         return t;
     }
-}) : void 0, e = "$lit$", h = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$2 = "?" + h, n$1 = "<".concat(o$2, ">"), r$2 = document, l = function() {
-    return r$2.createComment("");
-}, c = function(t) {
+}) : void 0, h = "$lit$", o$2 = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), n$1 = "?" + o$2, r$2 = "<".concat(n$1, ">"), l = document, c = function() {
+    return l.createComment("");
+}, a = function(t) {
     return null === t || "object" != (typeof t === "undefined" ? "undefined" : _type_of$4(t)) && "function" != typeof t;
-}, a = Array.isArray, u = function(t) {
-    return a(t) || "function" == typeof (t === null || t === void 0 ? void 0 : t[Symbol.iterator]);
-}, d = "[ \t\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(">|".concat(d, "(?:([^\\s\"'>=/]+)(").concat(d, "*=").concat(d, "*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"), "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y = function(t) {
+}, u = Array.isArray, d = function(t) {
+    return u(t) || "function" == typeof (t === null || t === void 0 ? void 0 : t[Symbol.iterator]);
+}, f = "[ \t\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(">|".concat(f, "(?:([^\\s\"'>=/]+)(").concat(f, "*=").concat(f, "*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"), "g"), g = /'/g, $ = /"/g, y = /^(?:script|style|textarea|title)$/i, x = function(t) {
     return function(i) {
         for(var _len = arguments.length, s = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
             s[_key - 1] = arguments[_key];
@@ -1192,57 +1195,57 @@ var t$1 = globalThis, i$1 = t$1.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-
             values: s
         };
     };
-}, x = y(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = new WeakMap, C = r$2.createTreeWalker(r$2, 129);
-function P(t, i) {
-    if (!a(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-    return void 0 !== s$1 ? s$1.createHTML(i) : i;
-}
-var V = function(t, i) {
-    var s = t.length - 1, o = [];
-    var r, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = f;
+}, b = x(1), E = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), C = new WeakMap, P = l.createTreeWalker(l, 129);
+function V(t, i) {
+    if (!u(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+    return void 0 !== e ? e.createHTML(i) : i;
+}
+var N = function(t, i) {
+    var s = t.length - 1, e = [];
+    var n, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = v;
     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 ? "!--" === u[1] ? c = v : void 0 !== u[1] ? c = _ : void 0 !== u[2] ? ($.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m) : void 0 !== u[3] && (c = m) : c === m ? ">" === u[0] ? (c = r !== null && r !== void 0 ? r : f, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? m : '"' === u[3] ? g : p) : c === g || c === p ? c = m : c === v || c === _ ? c = f : (c = m, r = void 0);
-        var x = c === m && t[_$i + 1].startsWith("/>") ? " " : "";
-        l += c === f ? s1 + n$1 : d >= 0 ? (o.push(a), s1.slice(0, d) + e + s1.slice(d) + h + x) : s1 + h + (-2 === d ? _$i : x);
+        var a = void 0, u = void 0, d = -1, f = 0;
+        for(; f < s1.length && (c.lastIndex = f, u = c.exec(s1), null !== u);)f = c.lastIndex, c === v ? "!--" === u[1] ? c = _ : void 0 !== u[1] ? c = m : void 0 !== u[2] ? (y.test(u[2]) && (n = RegExp("</" + u[2], "g")), c = p) : void 0 !== u[3] && (c = p) : c === p ? ">" === u[0] ? (c = n !== null && n !== void 0 ? n : v, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? p : '"' === u[3] ? $ : g) : c === $ || c === g ? c = p : c === _ || c === m ? c = v : (c = p, n = void 0);
+        var x = c === p && t[_$i + 1].startsWith("/>") ? " " : "";
+        l += c === v ? s1 + r$2 : d >= 0 ? (e.push(a), s1.slice(0, d) + h + s1.slice(d) + o$2 + x) : s1 + o$2 + (-2 === d ? _$i : x);
     }
     return [
-        P(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")),
-        o
+        V(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")),
+        e
     ];
 };
-var N = /*#__PURE__*/ function() {
-    function N(param, n) {
-        var t = param.strings, s = param._$litType$;
-        _class_call_check$1(this, N);
+var S = /*#__PURE__*/ function() {
+    function S(param, e) {
+        var t = param.strings, i = param._$litType$;
+        _class_call_check$1(this, S);
         var r;
         this.parts = [];
-        var c = 0, a = 0;
-        var u = t.length - 1, d = this.parts, _V = _sliced_to_array$1(V(t, s), 2), f = _V[0], v = _V[1];
-        if (this.el = N.createElement(f, n), C.currentNode = this.el.content, 2 === s || 3 === s) {
+        var l = 0, a = 0;
+        var u = t.length - 1, d = this.parts, _N = _sliced_to_array$1(N(t, i), 2), f = _N[0], v = _N[1];
+        if (this.el = S.createElement(f, e), P.currentNode = this.el.content, 2 === i || 3 === i) {
             var _t;
             var t1 = this.el.content.firstChild;
             (_t = t1).replaceWith.apply(_t, _to_consumable_array$8(t1.childNodes));
         }
-        for(; null !== (r = C.nextNode()) && d.length < u;){
+        for(; null !== (r = P.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)) {
-                            var i1 = v[a++], s1 = r.getAttribute(t2).split(h), e1 = /([.?@])?(.*)/.exec(i1);
+                        if (t2.endsWith(h)) {
+                            var i1 = v[a++], s1 = r.getAttribute(t2).split(o$2), _$e = /([.?@])?(.*)/.exec(i1);
                             d.push({
                                 type: 1,
-                                index: c,
-                                name: e1[2],
+                                index: l,
+                                name: _$e[2],
                                 strings: s1,
-                                ctor: "." === e1[1] ? H : "?" === e1[1] ? I : "@" === e1[1] ? L : k
+                                ctor: "." === _$e[1] ? I : "?" === _$e[1] ? L : "@" === _$e[1] ? z : H
                             }), r.removeAttribute(t2);
-                        } else t2.startsWith(h) && (d.push({
+                        } else t2.startsWith(o$2) && (d.push({
                             type: 6,
-                            index: c
+                            index: l
                         }), r.removeAttribute(t2));
                     }
                 } catch (err) {
@@ -1259,58 +1262,58 @@ var N = /*#__PURE__*/ function() {
                         }
                     }
                 }
-                if ($.test(r.tagName)) {
-                    var t3 = r.textContent.split(h), s2 = t3.length - 1;
-                    if (s2 > 0) {
-                        r.textContent = i$1 ? i$1.emptyScript : "";
-                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l()), C.nextNode(), d.push({
+                if (y.test(r.tagName)) {
+                    var t3 = r.textContent.split(o$2), i2 = t3.length - 1;
+                    if (i2 > 0) {
+                        r.textContent = s$1 ? s$1.emptyScript : "";
+                        for(var s2 = 0; s2 < i2; s2++)r.append(t3[s2], c()), P.nextNode(), d.push({
                             type: 2,
-                            index: ++c
+                            index: ++l
                         });
-                        r.append(t3[s2], l());
+                        r.append(t3[i2], c());
                     }
                 }
-            } else if (8 === r.nodeType) if (r.data === o$2) d.push({
+            } else if (8 === r.nodeType) if (r.data === n$1) d.push({
                 type: 2,
-                index: c
+                index: l
             });
             else {
                 var t4 = -1;
-                for(; -1 !== (t4 = r.data.indexOf(h, t4 + 1));)d.push({
+                for(; -1 !== (t4 = r.data.indexOf(o$2, t4 + 1));)d.push({
                     type: 7,
-                    index: c
-                }), t4 += h.length - 1;
+                    index: l
+                }), t4 += o$2.length - 1;
             }
-            c++;
+            l++;
         }
     }
-    _create_class$1(N, null, [
+    _create_class$1(S, null, [
         {
             key: "createElement",
             value: function createElement(t, i) {
-                var s = r$2.createElement("template");
+                var s = l.createElement("template");
                 return s.innerHTML = t, s;
             }
         }
     ]);
-    return N;
+    return S;
 }();
-function S(t, i) {
+function M(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 === T) return i;
+    if (i === E) 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(i) ? void 0 : i._$litDirective$;
+    var o = 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, false), 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(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, false), 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 = M(t, h._$AS(t, i.values), h, e)), i;
 }
-var M = /*#__PURE__*/ function() {
-    function M(t, i) {
-        _class_call_check$1(this, M);
+var R = /*#__PURE__*/ function() {
+    function R(t, i) {
+        _class_call_check$1(this, R);
         this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
     }
-    _create_class$1(M, [
+    _create_class$1(R, [
         {
             key: "parentNode",
             get: function get() {
@@ -1327,17 +1330,17 @@ var M = /*#__PURE__*/ function() {
             key: "u",
             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$2).importNode(i, true);
-                C.currentNode = e;
-                var h = C.nextNode(), o = 0, n = 0, l = s[0];
-                for(; void 0 !== l;){
-                    if (o === l.index) {
+                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 : l).importNode(i, true);
+                P.currentNode = e;
+                var h = P.nextNode(), o = 0, n = 0, r = s[0];
+                for(; void 0 !== r;){
+                    if (o === r.index) {
                         var i1 = void 0;
-                        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(h, this, t)), this._$AV.push(i1), l = s[++n];
+                        2 === r.type ? i1 = new k(h, h.nextSibling, this, t) : 1 === r.type ? i1 = new r.ctor(h, r.name, r.strings, this, t) : 6 === r.type && (i1 = new Z(h, this, t)), this._$AV.push(i1), r = s[++n];
                     }
-                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = C.nextNode(), o++);
+                    o !== (r === null || r === void 0 ? void 0 : r.index) && (h = P.nextNode(), o++);
                 }
-                return C.currentNode = r$2, e;
+                return P.currentNode = l, e;
             }
         },
         {
@@ -1367,15 +1370,15 @@ var M = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return M;
+    return R;
 }();
-var R = /*#__PURE__*/ function() {
-    function R(t, i, s, e) {
-        _class_call_check$1(this, R);
+var k = /*#__PURE__*/ function() {
+    function k(t, i, s, e) {
+        _class_call_check$1(this, k);
         var _e_isConnected;
-        this.type = 2, this._$AH = E, 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 : true;
+        this.type = 2, this._$AH = A, 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 : true;
     }
-    _create_class$1(R, [
+    _create_class$1(k, [
         {
             key: "_$AU",
             get: function get() {
@@ -1408,7 +1411,7 @@ var R = /*#__PURE__*/ function() {
             key: "_$AI",
             value: function _$AI(t) {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                t = S(this, t, i), c(t) ? t === E || null == t || "" === t ? (this._$AH !== E && this._$AR(), this._$AH = E) : t !== this._$AH && t !== T && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
+                t = M(this, t, i), a(t) ? t === A || null == t || "" === t ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== E && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : d(t) ? this.k(t) : this._(t);
             }
         },
         {
@@ -1426,17 +1429,17 @@ var R = /*#__PURE__*/ function() {
         {
             key: "_",
             value: function _(t) {
-                this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$2.createTextNode(t)), this._$AH = t;
+                this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t : this.T(l.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 = N.createElement(P(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 = S.createElement(V(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 M(e, this), s1 = _$t.u(this.options);
+                    var _$t = new R(e, this), s1 = _$t.u(this.options);
                     _$t.p(i), this.T(s1), this._$AH = _$t;
                 }
             }
@@ -1444,21 +1447,21 @@ var R = /*#__PURE__*/ function() {
         {
             key: "_$AC",
             value: function _$AC(t) {
-                var i = A.get(t.strings);
-                return void 0 === i && A.set(t.strings, i = new N(t)), i;
+                var i = C.get(t.strings);
+                return void 0 === i && C.set(t.strings, i = new S(t)), i;
             }
         },
         {
             key: "k",
-            value: function k(t) {
-                a(this._$AH) || (this._$AH = [], this._$AR());
+            value: function k1(t) {
+                u(this._$AH) || (this._$AH = [], this._$AR());
                 var i = this._$AH;
                 var s, e = 0;
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 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 R(this.O(l()), this.O(l()), this, this.options)) : s = i[e], s._$AI(h), e++;
+                        e === i.length ? i.push(s = new k(this.O(c()), this.O(c()), this, this.options)) : s = i[e], s._$AI(h), e++;
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -1480,11 +1483,11 @@ var R = /*#__PURE__*/ function() {
         {
             key: "_$AR",
             value: function _$AR() {
-                var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this._$AA.nextSibling, i = arguments.length > 1 ? arguments[1] : void 0;
+                var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this._$AA.nextSibling, s = arguments.length > 1 ? arguments[1] : void 0;
                 var _this__$AP, _this;
-                for((_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, false, true, i); t !== this._$AB;){
-                    var i1 = t.nextSibling;
-                    t.remove(), t = i1;
+                for((_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, false, true, s); t !== this._$AB;){
+                    var s1 = i$1(t).nextSibling;
+                    i$1(t).remove(), t = s1;
                 }
             }
         },
@@ -1496,14 +1499,14 @@ var R = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return R;
+    return k;
 }();
-var k = /*#__PURE__*/ function() {
-    function k(t, i, s, e, h) {
-        _class_call_check$1(this, k);
-        this.type = 1, this._$AH = E, 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;
+var H = /*#__PURE__*/ function() {
+    function H(t, i, s, e, h) {
+        _class_call_check$1(this, H);
+        this.type = 1, this._$AH = A, 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 = A;
     }
-    _create_class$1(k, [
+    _create_class$1(H, [
         {
             key: "tagName",
             get: function get() {
@@ -1522,11 +1525,11 @@ var k = /*#__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 = false;
-                if (void 0 === h) t = S(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== T, o && (this._$AH = t);
+                if (void 0 === h) t = M(this, t, i, 0), o = !a(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
                 else {
                     var e1 = t;
                     var n, r;
-                    for(t = h[0], n = 0; n < h.length - 1; n++)r = S(this, e1[s + n], i, n), r === T && (r = this._$AH[n]), o || (o = !c(r) || r !== this._$AH[n]), r === E ? t = E : t !== E && (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 = M(this, e1[s + n], i, n), r === E && (r = this._$AH[n]), o || (o = !a(r) || r !== this._$AH[n]), r === A ? t = A : t !== A && (t += (r !== null && r !== void 0 ? r : "") + h[n + 1]), this._$AH[n] = r;
                 }
                 o && !e && this.j(t);
             }
@@ -1534,71 +1537,71 @@ var k = /*#__PURE__*/ function() {
         {
             key: "j",
             value: function j(t) {
-                t === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
+                t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
             }
         }
     ]);
-    return k;
+    return H;
 }();
-var H = /*#__PURE__*/ function(k) {
-    _inherits$1(H, k);
-    var _super = _create_super$1(H);
-    function H() {
-        _class_call_check$1(this, H);
+var I = /*#__PURE__*/ function(H) {
+    _inherits$1(I, H);
+    var _super = _create_super$1(I);
+    function I() {
+        _class_call_check$1(this, I);
         var _this;
         _this = _super.call.apply(_super, [
             this
         ].concat(Array.prototype.slice.call(arguments))), _this.type = 3;
         return _possible_constructor_return$1(_this);
     }
-    _create_class$1(H, [
+    _create_class$1(I, [
         {
             key: "j",
             value: function j(t) {
-                this.element[this.name] = t === E ? void 0 : t;
+                this.element[this.name] = t === A ? void 0 : t;
             }
         }
     ]);
-    return H;
-}(k);
-var I = /*#__PURE__*/ function(k) {
-    _inherits$1(I, k);
-    var _super = _create_super$1(I);
-    function I() {
-        _class_call_check$1(this, I);
+    return I;
+}(H);
+var L = /*#__PURE__*/ function(H) {
+    _inherits$1(L, H);
+    var _super = _create_super$1(L);
+    function L() {
+        _class_call_check$1(this, L);
         var _this;
         _this = _super.call.apply(_super, [
             this
         ].concat(Array.prototype.slice.call(arguments))), _this.type = 4;
         return _possible_constructor_return$1(_this);
     }
-    _create_class$1(I, [
+    _create_class$1(L, [
         {
             key: "j",
             value: function j(t) {
-                this.element.toggleAttribute(this.name, !!t && t !== E);
+                this.element.toggleAttribute(this.name, !!t && t !== A);
             }
         }
     ]);
-    return I;
-}(k);
-var L = /*#__PURE__*/ function(k) {
-    _inherits$1(L, k);
-    var _super = _create_super$1(L);
-    function L(t, i, s, e, h) {
-        _class_call_check$1(this, L);
+    return L;
+}(H);
+var z = /*#__PURE__*/ function(H) {
+    _inherits$1(z, H);
+    var _super = _create_super$1(z);
+    function z(t, i, s, e, h) {
+        _class_call_check$1(this, z);
         var _this;
         _this = _super.call(this, t, i, s, e, h), _this.type = 5;
         return _possible_constructor_return$1(_this);
     }
-    _create_class$1(L, [
+    _create_class$1(z, [
         {
             key: "_$AI",
             value: function _$AI(t) {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                var _S;
-                if ((t = (_S = S(this, t, i, 0)) !== null && _S !== void 0 ? _S : E) === T) return;
-                var s = this._$AH, e = t === E && s !== E || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== E && (s === E || e);
+                var _M;
+                if ((t = (_M = M(this, t, i, 0)) !== null && _M !== void 0 ? _M : A) === E) return;
+                var s = this._$AH, e = t === A && s !== A || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== A && (s === A || e);
                 e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
             }
         },
@@ -1611,14 +1614,14 @@ var L = /*#__PURE__*/ function(k) {
             }
         }
     ]);
-    return L;
-}(k);
-var z = /*#__PURE__*/ function() {
-    function z(t, i, s) {
-        _class_call_check$1(this, z);
+    return z;
+}(H);
+var Z = /*#__PURE__*/ function() {
+    function Z(t, i, s) {
+        _class_call_check$1(this, Z);
         this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
     }
-    _create_class$1(z, [
+    _create_class$1(Z, [
         {
             key: "_$AU",
             get: function get() {
@@ -1628,23 +1631,23 @@ var z = /*#__PURE__*/ function() {
         {
             key: "_$AI",
             value: function _$AI(t) {
-                S(this, t);
+                M(this, t);
             }
         }
     ]);
-    return z;
+    return Z;
 }();
-var j = t$1.litHtmlPolyfillSupport;
+var B = t$1.litHtmlPolyfillSupport;
 var _litHtmlVersions;
-j === null || j === void 0 ? void 0 : j(N, R), ((_litHtmlVersions = (_t = t$1).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.3.1");
-var B = function(t, i, s) {
+B === null || B === void 0 ? void 0 : B(S, k), ((_litHtmlVersions = (_t = t$1).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.3.3");
+var D = 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 R(i.insertBefore(l(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
+        e._$litPart$ = h = new k(i.insertBefore(c(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
     }
     return h._$AI(t), h;
 };
@@ -1790,7 +1793,7 @@ var i = /*#__PURE__*/ function(t) {
             key: "update",
             value: function update(t) {
                 var r = this.render();
-                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get(_get_prototype_of(i.prototype), "update", this).call(this, t), this._$Do = B(r, this.renderRoot, this.renderOptions);
+                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get(_get_prototype_of(i.prototype), "update", this).call(this, t), this._$Do = D(r, this.renderRoot, this.renderOptions);
             }
         },
         {
@@ -1810,7 +1813,7 @@ var i = /*#__PURE__*/ function(t) {
         {
             key: "render",
             value: function render() {
-                return T;
+                return E;
             }
         }
     ]);
@@ -1824,7 +1827,7 @@ o$1 === null || o$1 === void 0 ? void 0 : o$1({
     LitElement: i
 });
 var _litElementVersions;
-((_litElementVersions = (_s = s).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _s.litElementVersions = []).push("4.2.1");
+((_litElementVersions = (_s = s).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _s.litElementVersions = []).push("4.2.2");
 
 /**
  * @license
@@ -1861,7 +1864,7 @@ function _type_of$2(obj) {
         return {
             set: function set(r) {
                 var n = _$e.get.call(this);
-                _$e.set.call(this, r), this.requestUpdate(o1, n, _$t);
+                _$e.set.call(this, r), this.requestUpdate(o1, n, _$t, true, r);
             },
             init: function init(e) {
                 return void 0 !== e && this.C(o1, void 0, _$t, e), e;
@@ -1872,7 +1875,7 @@ function _type_of$2(obj) {
         var o2 = r.name;
         return function r(r) {
             var n = this[o2];
-            _$e.call(this, r), this.requestUpdate(o2, n, _$t);
+            _$e.call(this, r), this.requestUpdate(o2, n, _$t, true, r);
         };
     }
     throw Error("Unsupported decorator location: " + n);
@@ -2011,7 +2014,7 @@ class InputFileElement extends i {
         input.click();
     }
     render() {
-        return x`
+        return b`
       <section
         class="download ${this.state}"
         @click=${()=>[
@@ -2019,8 +2022,8 @@ class InputFileElement extends i {
                 'loaded'
             ].indexOf(this.state) >= 0 ? this.loadFile() : void 0}
       >
-        ${this.state === 'loaded' ? x` <ui5-icon name="attachment"></ui5-icon>
-              <p>${this.label}<br />${this._content}</p>` : x` <ui5-icon name="add-document"></ui5-icon>
+        ${this.state === 'loaded' ? b` <ui5-icon name="attachment"></ui5-icon>
+              <p>${this.label}<br />${this._content}</p>` : b` <ui5-icon name="add-document"></ui5-icon>
               <p>${this.label}</p>`}
       </section>
     `;
@@ -2125,7 +2128,7 @@ class InputJsonElement extends i {
         input.click();
     }
     render() {
-        return x`
+        return b`
       <section
         class="download ${this.state}"
         @click=${()=>[
@@ -2133,8 +2136,8 @@ class InputJsonElement extends i {
                 'loaded'
             ].indexOf(this.state) >= 0 ? this.loadFile() : void 0}
       >
-        ${this.state === 'loaded' ? x` <ui5-icon name="attachment"></ui5-icon>
-              <p>${this.label}<br />${this._content}</p>` : x` <ui5-icon name="add-document"></ui5-icon>
+        ${this.state === 'loaded' ? b` <ui5-icon name="attachment"></ui5-icon>
+              <p>${this.label}<br />${this._content}</p>` : b` <ui5-icon name="add-document"></ui5-icon>
               <p>${this.label}</p>`}
       </section>
     `;
@@ -2239,7 +2242,7 @@ class InputTextElement extends i {
         input.click();
     }
     render() {
-        return x`
+        return b`
       <section
         class="download ${this.state}"
         @click=${()=>[
@@ -2247,8 +2250,8 @@ class InputTextElement extends i {
                 'loaded'
             ].indexOf(this.state) >= 0 ? this.loadFile() : void 0}
       >
-        ${this.state === 'loaded' ? x` <ui5-icon name="attachment"></ui5-icon>
-              <p>${this.label}<br />${this._content}</p>` : x` <ui5-icon name="add-document"></ui5-icon>
+        ${this.state === 'loaded' ? b` <ui5-icon name="attachment"></ui5-icon>
+              <p>${this.label}<br />${this._content}</p>` : b` <ui5-icon name="add-document"></ui5-icon>
               <p>${this.label}</p>`}
       </section>
     `;
@@ -2313,7 +2316,7 @@ class DomAttributeElement extends i {
         }
     }
     render() {
-        return x``;
+        return b``;
     }
     constructor(...args){
         super(...args);
@@ -2405,7 +2408,7 @@ var libraryName = "CssSelectorGenerator";
     ].concat(_to_consumable_array$7(args)));
 }
 
-function _instanceof$1(left, right) {
+function _instanceof$2(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -2432,8 +2435,14 @@ var DEFAULT_OPTIONS = {
     root: null,
     maxCombinations: Number.POSITIVE_INFINITY,
     maxCandidates: Number.POSITIVE_INFINITY,
-    useScope: false
+    useScope: false,
+    ignoreGeneratedClassNames: false
 };
+/**
+ * Makes sure the input is converted to a boolean value.
+ */ function sanitizeBoolean(input) {
+    return !!input;
+}
 /**
  * Makes sure returned value is a list containing only valid selector types.
  * @param input
@@ -2448,7 +2457,7 @@ var DEFAULT_OPTIONS = {
 /**
  * Checks whether provided value is of type RegExp.
  */ function isRegExp(input) {
-    return _instanceof$1(input, RegExp);
+    return _instanceof$2(input, RegExp);
 }
 /**
  * Checks whether provided value is usable in whitelist or blacklist.
@@ -2469,8 +2478,9 @@ var DEFAULT_OPTIONS = {
 }
 /**
  * Checks whether provided value is valid Node.
+ * Uses nodeType check instead of instanceof to work across iframe boundaries.
  */ function isNode(input) {
-    return _instanceof$1(input, Node);
+    return input != null && (typeof input === "undefined" ? "undefined" : _type_of(input)) === "object" && "nodeType" in input && typeof input.nodeType === "number";
 }
 /**
  * Checks whether provided value is valid ParentNode.
@@ -2518,12 +2528,14 @@ var DEFAULT_OPTIONS = {
         whitelist: sanitizeCssSelectorMatchList(options.whitelist),
         blacklist: sanitizeCssSelectorMatchList(options.blacklist),
         root: sanitizeRoot(options.root, element),
-        combineWithinSelector: !!options.combineWithinSelector,
-        combineBetweenSelectors: !!options.combineBetweenSelectors,
-        includeTag: !!options.includeTag,
+        combineWithinSelector: sanitizeBoolean(options.combineWithinSelector),
+        combineBetweenSelectors: sanitizeBoolean(options.combineBetweenSelectors),
+        includeTag: sanitizeBoolean(options.includeTag),
         maxCombinations: sanitizeMaxNumber(options.maxCombinations),
         maxCandidates: sanitizeMaxNumber(options.maxCandidates),
-        useScope: !!options.useScope
+        useScope: sanitizeBoolean(options.useScope),
+        maxResults: sanitizeMaxNumber(options.maxResults),
+        ignoreGeneratedClassNames: sanitizeBoolean(options.ignoreGeneratedClassNames)
     };
 }
 
@@ -2640,9 +2652,11 @@ function _unsupported_iterable_to_array$7(o, minLen) {
     root = root !== null && root !== void 0 ? root : getRootNode(element);
     var result = [];
     var parent = element;
-    while(isElement(parent) && parent !== root){
-        result.push(parent);
-        parent = parent.parentElement;
+    while(parent && parent !== root){
+        if (isElement(parent)) {
+            result.push(parent);
+        }
+        parent = parent.parentNode;
     }
     return result;
 }
@@ -2753,7 +2767,7 @@ var attributeBlacklistMatch = createPatternMatcher([
 }
 /**
  * Get attribute selectors for an element.
- */ function getElementAttributeSelectors(element) {
+ */ function getElementAttributeSelectors(element, _options) {
     var validAttributes = Array.from(element.attributes).filter(function(attributeNode) {
         return isValidAttributeNode(attributeNode, element);
     }).map(sanitizeAttributeData);
@@ -2761,31 +2775,121 @@ var attributeBlacklistMatch = createPatternMatcher([
 }
 /**
  * Get attribute selectors matching all elements.
- */ function getAttributeSelectors(elements) {
-    var elementSelectors = elements.map(getElementAttributeSelectors);
+ */ function getAttributeSelectors(elements, options) {
+    var elementSelectors = elements.map(function(el) {
+        return getElementAttributeSelectors(el);
+    });
     return getIntersection(elementSelectors);
 }
 
+var WORD_LIKE_PATTERN = /^[a-z_-]{3,}$/i;
+var CONSONANT_PATTERN = /[bcdfghjklmnpqrstvwxyz]{4,}/i;
+/**
+ * Checks if a class name appears to be human-readable (word-like)
+ * rather than a generated hash from CSS-in-JS libraries.
+ *
+ * Heuristics:
+ * 1. Must match basic pattern: letters, hyphens, and underscores, at least 3 chars
+ * 2. Split on hyphens, underscores (one or more), or camelCase boundaries
+ * 3. Each word segment must be > 2 characters
+ * 4. No word can have 4+ consecutive consonants
+ *
+ * Examples:
+ * - Word-like: "button", "nav", "nav-container", "userProfile", "block__element--modifier"
+ * - Generated: "css-abc123", "sc-xyz", "abc", "xyz", "button_primary" (single underscore)
+ */ function isWordLikeClassName(className) {
+    if (!WORD_LIKE_PATTERN.test(className)) {
+        return false;
+    }
+    // Reject single underscores (only allow double underscores for BEM)
+    if (className.includes("_") && !className.includes("__")) {
+        return false;
+    }
+    // Reject common CSS-in-JS library prefixes
+    if (/^(css|sc|jsx|emotion|makeStyles|MuiButton|MuiBox)-/i.test(className)) {
+        return false;
+    }
+    // Split on hyphens, double-underscores, or camelCase boundaries (lowercase->uppercase)
+    // This handles: kebab-case, BEM (block__element--modifier), camelCase, PascalCase
+    var words = className.split(RegExp("--|__|[-]|(?<=[a-z])(?=[A-Z])")).filter(function(word) {
+        return word.length > 0;
+    });
+    // Must have at least one actual word (not just separators)
+    if (words.length === 0) {
+        return false;
+    }
+    // For single-word class names (no separators), require at least 4 chars
+    // to avoid false positives with short hashes like "abc", "xyz"
+    if (words.length === 1 && words[0].length < 4) {
+        return false;
+    }
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = words[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var word = _step.value;
+            // Each word segment must be > 2 characters
+            if (word.length <= 2) {
+                return false;
+            }
+            // No word can have 4+ consecutive consonants
+            if (CONSONANT_PATTERN.test(word)) {
+                return false;
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return true;
+}
 /**
  * Get class selectors for an element.
- */ function getElementClassSelectors(element) {
+ */ function getElementClassSelectors(element, options) {
     var _a;
-    return ((_a = element.getAttribute("class")) !== null && _a !== void 0 ? _a : "").trim().split(/\s+/).filter(function(item) {
+    var classNames = ((_a = element.getAttribute("class")) !== null && _a !== void 0 ? _a : "").trim().split(/\s+/).filter(function(item) {
         return !INVALID_CLASS_RE.test(item);
-    }).map(function(item) {
+    });
+    var filteredClassNames = classNames;
+    // Apply generated class name filtering if enabled
+    if (options === null || options === void 0 ? void 0 : options.ignoreGeneratedClassNames) {
+        // Check whitelist to preserve whitelisted generated classes
+        var matchWhitelist = createPatternMatcher(options.whitelist);
+        filteredClassNames = classNames.filter(function(className) {
+            var selector = ".".concat(sanitizeSelectorItem(className));
+            // If whitelisted, always include
+            if (matchWhitelist(selector)) {
+                return true;
+            }
+            // Otherwise, check if it's word-like
+            return isWordLikeClassName(className);
+        });
+    }
+    return filteredClassNames.map(function(item) {
         return ".".concat(sanitizeSelectorItem(item));
     });
 }
 /**
  * Get class selectors matching all elements.
- */ function getClassSelectors(elements) {
-    var elementSelectors = elements.map(getElementClassSelectors);
+ */ function getClassSelectors(elements, options) {
+    var elementSelectors = elements.map(function(el) {
+        return getElementClassSelectors(el, options);
+    });
     return getIntersection(elementSelectors);
 }
 
 /**
  * Get ID selector for an element.
- * */ function getElementIdSelectors(element) {
+ * */ function getElementIdSelectors(element, _options) {
     var _a;
     var id = (_a = element.getAttribute("id")) !== null && _a !== void 0 ? _a : "";
     var selector = "#".concat(sanitizeSelectorItem(id));
@@ -2800,29 +2904,32 @@ var attributeBlacklistMatch = createPatternMatcher([
 }
 /**
  * Get ID selector for an element.
- */ function getIdSelector(elements) {
+ */ function getIdSelector(elements, options) {
     return elements.length === 0 || elements.length > 1 ? [] : getElementIdSelectors(elements[0]);
 }
 
 /**
  * Get nth-child selector for an element.
- */ function getElementNthChildSelector(element) {
+ */ function getElementNthChildSelector(element, _options) {
     var parent = element.parentNode;
-    if (parent) {
-        var siblings = Array.from(parent.childNodes).filter(isElement);
-        var elementIndex = siblings.indexOf(element);
-        if (elementIndex > -1) {
-            return [
-                ":nth-child(".concat(String(elementIndex + 1), ")")
-            ];
+    var siblings = parent && "children" in parent ? parent.children : null;
+    if (siblings) {
+        for(var i = 0; i < siblings.length; i++){
+            if (siblings[i] === element) {
+                return [
+                    ":nth-child(".concat(String(i + 1), ")")
+                ];
+            }
         }
     }
     return [];
 }
 /**
  * Get nth-child selector matching all elements.
- */ function getNthChildSelector(elements) {
-    return getIntersection(elements.map(getElementNthChildSelector));
+ */ function getNthChildSelector(elements, options) {
+    return getIntersection(elements.map(function(el) {
+        return getElementNthChildSelector(el);
+    }));
 }
 
 function _array_like_to_array$5(arr, len) {
@@ -2852,15 +2959,17 @@ function _unsupported_iterable_to_array$5(o, minLen) {
 }
 /**
  * Get tag selector for an element.
- */ function getElementTagSelectors(element) {
+ */ function getElementTagSelectors(element, _options) {
     return [
         sanitizeSelectorItem(element.tagName.toLowerCase())
     ];
 }
 /**
  * Get tag selector for list of elements.
- */ function getTagSelector(elements) {
-    var selectors = _to_consumable_array$4(new Set(flattenArray(elements.map(getElementTagSelectors))));
+ */ function getTagSelector(elements, options) {
+    var selectors = _to_consumable_array$4(new Set(flattenArray(elements.map(function(el) {
+        return getElementTagSelectors(el);
+    }))));
     return selectors.length === 0 || selectors.length > 1 ? [] : [
         selectors[0]
     ];
@@ -2868,11 +2977,12 @@ function _unsupported_iterable_to_array$5(o, minLen) {
 
 /**
  * Get nth-of-type selector for an element.
- */ function getElementNthOfTypeSelector(element) {
+ */ function getElementNthOfTypeSelector(element, _options) {
     var tag = getTagSelector([
         element
     ])[0];
-    var parentElement = element.parentElement;
+    var parent = element.parentNode;
+    var parentElement = parent && "children" in parent ? parent : null;
     if (parentElement) {
         var siblings = Array.from(parentElement.children).filter(function(element) {
             return element.tagName.toLowerCase() === tag;
@@ -2888,8 +2998,10 @@ function _unsupported_iterable_to_array$5(o, minLen) {
 }
 /**
  * Get Nth-of-type selector matching all elements.
- */ function getNthOfTypeSelector(elements) {
-    return getIntersection(elements.map(getElementNthOfTypeSelector));
+ */ function getNthOfTypeSelector(elements, options) {
+    return getIntersection(elements.map(function(el) {
+        return getElementNthOfTypeSelector(el);
+    }));
 }
 
 function _array_like_to_array$4(arr, len) {
@@ -2917,7 +3029,7 @@ function _unsupported_iterable_to_array$4(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$4(o, minLen);
 }
-function _ts_generator(thisArg, body) {
+function _ts_generator$3(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
         sent: function() {
@@ -3015,7 +3127,7 @@ function _ts_generator(thisArg, body) {
 function powerSetGenerator() {
     var input, _ref, _ref_maxResults, maxResults, resultCounter, offsets, result;
     var _arguments = arguments;
-    return _ts_generator(this, function(_state) {
+    return _ts_generator$3(this, function(_state) {
         switch(_state.label){
             case 0:
                 input = _arguments.length > 0 && _arguments[0] !== void 0 ? _arguments[0] : [], _ref = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {}, _ref_maxResults = _ref.maxResults, maxResults = _ref_maxResults === void 0 ? Number.POSITIVE_INFINITY : _ref_maxResults;
@@ -3150,24 +3262,165 @@ function _unsupported_iterable_to_array$3(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$3(o, minLen);
 }
-function getCartesianProduct() {
-    var input = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var result = [];
-    Object.entries(input).forEach(function(param) {
-        var _param = _sliced_to_array(param, 2), key = _param[0], values = _param[1];
-        result = values.flatMap(function(value) {
-            if (result.length === 0) {
+function _ts_generator$2(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+function cartesianProductGenerator() {
+    var input, entries, stack, item, index, partial, _entries_index, key, values, i;
+    var _arguments = arguments;
+    return _ts_generator$2(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                input = _arguments.length > 0 && _arguments[0] !== void 0 ? _arguments[0] : {};
+                entries = Object.entries(input);
+                if (entries.length === 0) return [
+                    2
+                ];
+                // Use iterative stack-based approach to yield results one at a time
+                // This avoids recursion overhead while maintaining lazy evaluation
+                stack = [
+                    {
+                        index: entries.length - 1,
+                        partial: {}
+                    }
+                ];
+                _state.label = 1;
+            case 1:
+                if (!(stack.length > 0)) return [
+                    3,
+                    4
+                ];
+                item = stack.pop();
+                if (!item) return [
+                    3,
+                    4
+                ];
+                index = item.index, partial = item.partial;
+                if (!(index < 0)) return [
+                    3,
+                    3
+                ];
                 return [
-                    _define_property({}, key, value)
+                    4,
+                    partial
                 ];
-            } else {
-                return result.map(function(memo) {
-                    return Object.assign(Object.assign({}, memo), _define_property({}, key, value));
-                });
-            }
-        });
+            case 2:
+                _state.sent();
+                return [
+                    3,
+                    1
+                ];
+            case 3:
+                _entries_index = _sliced_to_array(entries[index], 2), key = _entries_index[0], values = _entries_index[1];
+                // Push in reverse order so we process in correct order
+                for(i = values.length - 1; i >= 0; i--){
+                    stack.push({
+                        index: index - 1,
+                        partial: Object.assign(Object.assign({}, partial), _define_property({}, key, values[i]))
+                    });
+                }
+                return [
+                    3,
+                    1
+                ];
+            case 4:
+                return [
+                    2
+                ];
+        }
     });
-    return result;
 }
 
 function _array_like_to_array$2(arr, len) {
@@ -3178,7 +3431,7 @@ function _array_like_to_array$2(arr, len) {
 function _array_without_holes$2(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$2(arr);
 }
-function _instanceof(left, right) {
+function _instanceof$1(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -3202,21 +3455,130 @@ function _unsupported_iterable_to_array$2(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$2(o, minLen);
 }
-var ESCAPED_COLON = ":".charCodeAt(0).toString(16).toUpperCase();
-// Square brackets need to be escaped, but eslint has a problem with that.
-/* eslint-disable-next-line no-useless-escape */ var SPECIAL_CHARACTERS_RE = /[ !"#$%&'()\[\]{|}<>*+,./;=?@^`~\\]/;
-/**
- * Escapes special characters used by CSS selector items.
- */ function sanitizeSelectorItem() {
-    var input = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    // This should not be necessary, but just to be sure, let's keep the legacy sanitizer in place, for backwards compatibility.
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-    return CSS ? CSS.escape(input) : legacySanitizeSelectorItem(input);
-}
-/**
- * Legacy version of escaping utility, originally used for IE11-. Should
- * probably be replaced by a polyfill:
- * https://github.com/mathiasbynens/CSS.escape
+function _ts_generator$1(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+function _ts_values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function() {
+            if (o && i >= o.length) o = void 0;
+            return {
+                value: o && o[i++],
+                done: !o
+            };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+var ESCAPED_COLON = ":".charCodeAt(0).toString(16).toUpperCase();
+// Square brackets need to be escaped, but eslint has a problem with that.
+/* eslint-disable-next-line no-useless-escape */ var SPECIAL_CHARACTERS_RE = /[ !"#$%&'()\[\]{|}<>*+,./;=?@^`~\\]/;
+/**
+ * Escapes special characters used by CSS selector items.
+ */ function sanitizeSelectorItem() {
+    var input = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    // This should not be necessary, but just to be sure, let's keep the legacy sanitizer in place, for backwards compatibility.
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    return CSS ? CSS.escape(input) : legacySanitizeSelectorItem(input);
+}
+/**
+ * Legacy version of escaping utility, originally used for IE11-. Should
+ * probably be replaced by a polyfill:
+ * https://github.com/mathiasbynens/CSS.escape
  */ function legacySanitizeSelectorItem() {
     var input = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
     return input.split("").map(function(character) {
@@ -3249,14 +3611,14 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
 };
 /**
  * Creates selector of given type for single element.
- */ function getElementSelectorsByType(element, selectorType) {
-    return ELEMENT_SELECTOR_TYPE_GETTERS[selectorType](element);
+ */ function getElementSelectorsByType(element, selectorType, options) {
+    return ELEMENT_SELECTOR_TYPE_GETTERS[selectorType](element, options);
 }
 /**
  * Returns list of selectors of given type for the element.
- */ function getSelectorsByType(elements, selector_type) {
+ */ function getSelectorsByType(elements, selector_type, options) {
     var getter = SELECTOR_TYPE_GETTERS[selector_type];
-    return getter(elements);
+    return getter(elements, options);
 }
 /**
  * Remove blacklisted selectors from list.
@@ -3283,12 +3645,81 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
     });
 }
 /**
- * Returns list of unique selectors applicable to given element.
- */ function getAllSelectors(elements, root, options) {
-    var selectors_list = getSelectorsList(elements, options);
-    var type_combinations = getTypeCombinations(selectors_list, options);
-    var all_selectors = flattenArray(type_combinations);
-    return _to_consumable_array$2(new Set(all_selectors));
+ * Yields list of unique selectors applicable to given element.
+ */ function allSelectorsGenerator(elements, options) {
+    var yieldedSelectors, selectors_list, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, selector, err;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                yieldedSelectors = new Set();
+                selectors_list = getSelectorsList(elements, options);
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 1;
+            case 1:
+                _state.trys.push([
+                    1,
+                    6,
+                    7,
+                    8
+                ]);
+                _iterator = selectorTypeCombinationsGenerator(selectors_list, options)[Symbol.iterator]();
+                _state.label = 2;
+            case 2:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    5
+                ];
+                selector = _step.value;
+                if (!!yieldedSelectors.has(selector)) return [
+                    3,
+                    4
+                ];
+                yieldedSelectors.add(selector);
+                return [
+                    4,
+                    selector
+                ];
+            case 3:
+                _state.sent();
+                _state.label = 4;
+            case 4:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    2
+                ];
+            case 5:
+                return [
+                    3,
+                    8
+                ];
+            case 6:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    8
+                ];
+            case 7:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 8:
+                return [
+                    2
+                ];
+        }
+    });
 }
 /**
  * Creates object containing all selector types and their potential values.
@@ -3297,12 +3728,14 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
     var matchBlacklist = createPatternMatcher(blacklist);
     var matchWhitelist = createPatternMatcher(whitelist);
     var reducer = function(data, selector_type) {
-        var selectors_by_type = getSelectorsByType(elements, selector_type);
+        var selectors_by_type = getSelectorsByType(elements, selector_type, options);
         var filtered_selectors = filterSelectors(selectors_by_type, matchBlacklist, matchWhitelist);
         var found_selectors = orderSelectors(filtered_selectors, matchWhitelist);
-        data[selector_type] = combineWithinSelector ? getPowerSet(found_selectors, {
+        // Use Array.from with a length limit to avoid materializing huge power sets
+        // This provides lazy evaluation while respecting maxCombinations
+        data[selector_type] = combineWithinSelector ? Array.from(powerSetGenerator(found_selectors, {
             maxResults: maxCombinations
-        }) : found_selectors.map(function(item) {
+        })) : found_selectors.map(function(item) {
             return [
                 item
             ];
@@ -3345,25 +3778,167 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
 }
 /**
  * Generates list of combined CSS selectors.
- */ function getTypeCombinations(selectors_list, options) {
-    return combineSelectorTypes(options).map(function(item) {
-        return constructSelectors(item, selectors_list);
-    }).filter(function(item) {
-        return item.length > 0;
+ */ function selectorTypeCombinationsGenerator(selectors_list, options) {
+    var _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, item, err;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 1;
+            case 1:
+                _state.trys.push([
+                    1,
+                    6,
+                    7,
+                    8
+                ]);
+                _iterator = combineSelectorTypes(options)[Symbol.iterator]();
+                _state.label = 2;
+            case 2:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    5
+                ];
+                item = _step.value;
+                return [
+                    5,
+                    _ts_values(constructedSelectorsGenerator(item, selectors_list))
+                ];
+            case 3:
+                _state.sent();
+                _state.label = 4;
+            case 4:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    2
+                ];
+            case 5:
+                return [
+                    3,
+                    8
+                ];
+            case 6:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    8
+                ];
+            case 7:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 8:
+                return [
+                    2
+                ];
+        }
     });
 }
 /**
  * Generates all variations of possible selectors from provided data.
- */ function constructSelectors(selector_types, selectors_by_type) {
-    var data = {};
-    selector_types.forEach(function(selector_type) {
-        var selector_variants = selectors_by_type[selector_type];
-        if (selector_variants && selector_variants.length > 0) {
-            data[selector_type] = selector_variants;
+ */ function constructedSelectorsGenerator(selector_types, selectors_by_type) {
+    var data, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, selector_type, selector_variants, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, combination, err;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                data = {};
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(_iterator = selector_types[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        selector_type = _step.value;
+                        selector_variants = selectors_by_type[selector_type];
+                        if (selector_variants && selector_variants.length > 0) {
+                            data[selector_type] = selector_variants;
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+                _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                _state.label = 1;
+            case 1:
+                _state.trys.push([
+                    1,
+                    6,
+                    7,
+                    8
+                ]);
+                _iterator1 = cartesianProductGenerator(data)[Symbol.iterator]();
+                _state.label = 2;
+            case 2:
+                if (!!(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done)) return [
+                    3,
+                    5
+                ];
+                combination = _step1.value;
+                return [
+                    4,
+                    constructSelector(combination)
+                ];
+            case 3:
+                _state.sent();
+                _state.label = 4;
+            case 4:
+                _iteratorNormalCompletion1 = true;
+                return [
+                    3,
+                    2
+                ];
+            case 5:
+                return [
+                    3,
+                    8
+                ];
+            case 6:
+                err = _state.sent();
+                _didIteratorError1 = true;
+                _iteratorError1 = err;
+                return [
+                    3,
+                    8
+                ];
+            case 7:
+                try {
+                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                        _iterator1.return();
+                    }
+                } finally{
+                    if (_didIteratorError1) {
+                        throw _iteratorError1;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 8:
+                return [
+                    2
+                ];
         }
     });
-    var combinations = getCartesianProduct(data);
-    return combinations.map(constructSelector);
 }
 /**
  * Creates selector for given selector type. Combines several parts if needed.
@@ -3396,86 +3971,416 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
 /**
  * Generates a list of selector candidates that can potentially match target
  * element.
- */ function generateCandidates(selectors, rootSelector) {
-    return rootSelector === "" ? selectors : generateCandidateCombinations(selectors, rootSelector);
-}
-/**
- * Tries to find a unique CSS selector for element within given parent.
- */ function getSelectorWithinRoot(elements, root) {
-    var rootSelector = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "", options = arguments.length > 3 ? arguments[3] : void 0;
-    var elementSelectors = getAllSelectors(elements, root, options);
-    var selectorCandidates = generateCandidates(elementSelectors, rootSelector);
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = selectorCandidates[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var candidateSelector = _step.value;
-            if (testSelector(elements, candidateSelector, root)) {
-                return candidateSelector;
-            }
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-    return null;
-}
-/**
- * Climbs through parents of the element and tries to find the one that is
- * identifiable by unique CSS selector.
- */ function getClosestIdentifiableParent(elements, root) {
-    var rootSelector = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "", options = arguments.length > 3 ? arguments[3] : void 0;
-    if (elements.length === 0) {
-        return null;
-    }
-    var candidatesList = [
-        elements.length > 1 ? elements : []
-    ].concat(_to_consumable_array$2(getParents(elements, root).map(function(element) {
-        return [
-            element
-        ];
-    })));
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = candidatesList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var currentElements = _step.value;
-            var result = getSelectorWithinRoot(currentElements, root, rootSelector, options);
-            if (result) {
-                return {
-                    foundElements: currentElements,
-                    selector: result
-                };
-            }
+ */ function candidatesGenerator(selectors, rootSelector) {
+    var _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, selector, err;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                if (!(rootSelector === "")) return [
+                    3,
+                    2
+                ];
+                return [
+                    5,
+                    _ts_values(selectors)
+                ];
+            case 1:
+                _state.sent();
+                return [
+                    3,
+                    10
+                ];
+            case 2:
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 3;
+            case 3:
+                _state.trys.push([
+                    3,
+                    8,
+                    9,
+                    10
+                ]);
+                _iterator = selectors[Symbol.iterator]();
+                _state.label = 4;
+            case 4:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    7
+                ];
+                selector = _step.value;
+                return [
+                    5,
+                    _ts_values(generateCandidateCombinations([
+                        selector
+                    ], rootSelector))
+                ];
+            case 5:
+                _state.sent();
+                _state.label = 6;
+            case 6:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    4
+                ];
+            case 7:
+                return [
+                    3,
+                    10
+                ];
+            case 8:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    10
+                ];
+            case 9:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 10:
+                return [
+                    2
+                ];
         }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
+    });
+}
+/**
+ * Tries to find unique CSS selectors for element within given parent.
+ */ function selectorWithinRootGenerator(elements, root) {
+    var rootSelector, options, elementSelectorsIterator, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, candidateSelector, err;
+    var _arguments = arguments;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                rootSelector = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : "", options = _arguments.length > 3 ? _arguments[3] : void 0;
+                elementSelectorsIterator = allSelectorsGenerator(elements, options);
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 1;
+            case 1:
+                _state.trys.push([
+                    1,
+                    6,
+                    7,
+                    8
+                ]);
+                _iterator = candidatesGenerator(elementSelectorsIterator, rootSelector)[Symbol.iterator]();
+                _state.label = 2;
+            case 2:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    5
+                ];
+                candidateSelector = _step.value;
+                if (!testSelector(elements, candidateSelector, root)) return [
+                    3,
+                    4
+                ];
+                return [
+                    4,
+                    candidateSelector
+                ];
+            case 3:
+                _state.sent();
+                _state.label = 4;
+            case 4:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    2
+                ];
+            case 5:
+                return [
+                    3,
+                    8
+                ];
+            case 6:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    8
+                ];
+            case 7:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 8:
+                // TODO remove the `undefined` return value when the main function is rewritten to use the generator directly
+                return [
+                    2
+                ];
         }
-    }
-    return null;
+    });
+}
+/**
+ * Climbs through parents of the element and finds the ones that are identifiable by unique CSS selector.
+ */ function closestIdentifiableParentGenerator(elements, root) {
+    var rootSelector, options, candidatesList, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, currentElements, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, selectorWithinRoot, err, err;
+    var _arguments = arguments;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                rootSelector = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : "", options = _arguments.length > 3 ? _arguments[3] : void 0;
+                if (elements.length === 0) {
+                    return [
+                        2,
+                        null
+                    ];
+                }
+                candidatesList = [
+                    elements.length > 1 ? elements : []
+                ].concat(_to_consumable_array$2(getParents(elements, root).map(function(element) {
+                    return [
+                        element
+                    ];
+                })));
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 1;
+            case 1:
+                _state.trys.push([
+                    1,
+                    12,
+                    13,
+                    14
+                ]);
+                _iterator = candidatesList[Symbol.iterator]();
+                _state.label = 2;
+            case 2:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    11
+                ];
+                currentElements = _step.value;
+                _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                _state.label = 3;
+            case 3:
+                _state.trys.push([
+                    3,
+                    8,
+                    9,
+                    10
+                ]);
+                _iterator1 = selectorWithinRootGenerator(currentElements, root, rootSelector, options)[Symbol.iterator]();
+                _state.label = 4;
+            case 4:
+                if (!!(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done)) return [
+                    3,
+                    7
+                ];
+                selectorWithinRoot = _step1.value;
+                return [
+                    4,
+                    {
+                        foundElements: currentElements,
+                        selector: selectorWithinRoot
+                    }
+                ];
+            case 5:
+                _state.sent();
+                _state.label = 6;
+            case 6:
+                _iteratorNormalCompletion1 = true;
+                return [
+                    3,
+                    4
+                ];
+            case 7:
+                return [
+                    3,
+                    10
+                ];
+            case 8:
+                err = _state.sent();
+                _didIteratorError1 = true;
+                _iteratorError1 = err;
+                return [
+                    3,
+                    10
+                ];
+            case 9:
+                try {
+                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                        _iterator1.return();
+                    }
+                } finally{
+                    if (_didIteratorError1) {
+                        throw _iteratorError1;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 10:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    2
+                ];
+            case 11:
+                return [
+                    3,
+                    14
+                ];
+            case 12:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    14
+                ];
+            case 13:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 14:
+                return [
+                    2
+                ];
+        }
+    });
+}
+/**
+ * Recursively travels through parents, finds the ones that are identifiable and then tries to find a unique selector within that context.
+ */ function selectorGenerator(param) {
+    var elements, root, _param_rootSelector, rootSelector, options, currentRoot, partialSelector, shouldContinue, foundAny, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, item, foundElements, selector, err;
+    return _ts_generator$1(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                elements = param.elements, root = param.root, _param_rootSelector = param.rootSelector, rootSelector = _param_rootSelector === void 0 ? "" : _param_rootSelector, options = param.options;
+                currentRoot = root;
+                partialSelector = rootSelector;
+                shouldContinue = true;
+                _state.label = 1;
+            case 1:
+                if (!shouldContinue) return [
+                    3,
+                    11
+                ];
+                foundAny = false;
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 2;
+            case 2:
+                _state.trys.push([
+                    2,
+                    8,
+                    9,
+                    10
+                ]);
+                _iterator = closestIdentifiableParentGenerator(elements, currentRoot, partialSelector, options)[Symbol.iterator]();
+                _state.label = 3;
+            case 3:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    7
+                ];
+                item = _step.value;
+                foundElements = item.foundElements, selector = item.selector;
+                foundAny = true;
+                if (!testSelector(elements, selector, root)) return [
+                    3,
+                    5
+                ];
+                return [
+                    4,
+                    selector
+                ];
+            case 4:
+                _state.sent();
+                return [
+                    3,
+                    6
+                ];
+            case 5:
+                // First non-matching selector - use its parent for next iteration
+                currentRoot = foundElements[0];
+                partialSelector = selector;
+                return [
+                    3,
+                    7
+                ]; // Try from this parent in next iteration
+            case 6:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    3
+                ];
+            case 7:
+                return [
+                    3,
+                    10
+                ];
+            case 8:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    10
+                ];
+            case 9:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 10:
+                if (!foundAny) {
+                    shouldContinue = false;
+                }
+                return [
+                    3,
+                    1
+                ];
+            case 11:
+                return [
+                    2
+                ];
+        }
+    });
 }
 /**
  * Converts input into list of elements, removing duplicates and non-elements.
  */ function sanitizeSelectorNeedle(needle) {
-    if (_instanceof(needle, NodeList) || _instanceof(needle, HTMLCollection)) {
+    if (_instanceof$1(needle, NodeList) || _instanceof$1(needle, HTMLCollection)) {
         needle = Array.from(needle);
     }
     var elements = (Array.isArray(needle) ? needle : [
@@ -3564,6 +4469,13 @@ function _array_like_to_array(arr, len) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -3585,18 +4497,22 @@ function _unsupported_iterable_to_array(o, minLen) {
  * Creates fallback selector for single element.
  */ function getElementFallbackSelector(element, root) {
     var parentElements = getElementParents(element, root).reverse();
-    var elementsData = parentElements.map(function(element) {
+    var isShadowRoot = _instanceof(root, ShadowRoot);
+    var elementsData = parentElements.map(function(element, index) {
         var _a;
         var elementData = createElementData(element, [
             CSS_SELECTOR_TYPE.nthchild
-        ], OPERATOR.CHILD);
+        ], // do not use child combinator for the first element in ShadowRoot
+        isShadowRoot && index === 0 ? OPERATOR.NONE : OPERATOR.CHILD);
         ((_a = elementData.selectors.nthchild) !== null && _a !== void 0 ? _a : []).forEach(function(selectorData) {
             selectorData.include = true;
         });
         return elementData;
     });
+    // Don't use :scope prefix for ShadowRoot since it doesn't work correctly
+    var prefix = isShadowRoot ? "" : root ? ":scope" : ":root";
     return [
-        root ? ":scope" : ":root"
+        prefix
     ].concat(_to_consumable_array(elementsData.map(constructElementSelector))).join("");
 }
 /**
@@ -3607,39 +4523,236 @@ function _unsupported_iterable_to_array(o, minLen) {
     }).join(SELECTOR_SEPARATOR);
 }
 
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var __rest = undefined && undefined.__rest || function(s, e) {
+    var t = {};
+    for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function") for(var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++){
+        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+    }
+    return t;
+};
 /**
  * Generates unique CSS selector for an element.
  */ function getCssSelector$1(needle) {
     var custom_options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var _a;
-    var elements = sanitizeSelectorNeedle(needle);
-    var options = sanitizeOptions(elements[0], custom_options);
-    var root = (_a = options.root) !== null && _a !== void 0 ? _a : getRootNode(elements[0]);
-    var partialSelector = "";
-    var currentRoot = root;
-    /**
-     * Utility function to make subsequent calls shorter.
-     */ function updateIdentifiableParent() {
-        return getClosestIdentifiableParent(elements, currentRoot, partialSelector, options);
-    }
-    var closestIdentifiableParent = updateIdentifiableParent();
-    while(closestIdentifiableParent){
-        var foundElements = closestIdentifiableParent.foundElements, selector = closestIdentifiableParent.selector;
-        if (testSelector(elements, selector, root)) {
-            return selector;
-        }
-        currentRoot = foundElements[0];
-        partialSelector = selector;
-        closestIdentifiableParent = updateIdentifiableParent();
-    }
-    // if failed to find single selector matching all elements, try to find
-    // selector for each standalone element and join them together
-    if (elements.length > 1) {
-        return elements.map(function(element) {
-            return getCssSelector$1(element, options);
-        }).join(SELECTOR_SEPARATOR);
-    }
-    return getFallbackSelector(elements, options.useScope ? root : undefined);
+    var options = Object.assign(Object.assign({}, custom_options), {
+        maxResults: 1
+    });
+    var generator = cssSelectorGenerator(needle, options);
+    var firstResult = generator.next();
+    return firstResult.value;
+}
+/**
+ * Generates unique CSS selector for an element.
+ */ function cssSelectorGenerator(needle) {
+    var custom_options, _a, elements, options, root, foundResults, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, selector, err, elementOptions, rootWasProvided;
+    var _arguments = arguments;
+    return _ts_generator(this, function(_state) {
+        switch(_state.label){
+            case 0:
+                custom_options = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {};
+                elements = sanitizeSelectorNeedle(needle);
+                options = sanitizeOptions(elements[0], custom_options);
+                root = (_a = options.root) !== null && _a !== void 0 ? _a : getRootNode(elements[0]);
+                foundResults = 0;
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                _state.label = 1;
+            case 1:
+                _state.trys.push([
+                    1,
+                    6,
+                    7,
+                    8
+                ]);
+                _iterator = selectorGenerator({
+                    elements: elements,
+                    options: options,
+                    root: root,
+                    rootSelector: ""
+                })[Symbol.iterator]();
+                _state.label = 2;
+            case 2:
+                if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                    3,
+                    5
+                ];
+                selector = _step.value;
+                return [
+                    4,
+                    selector
+                ];
+            case 3:
+                _state.sent();
+                foundResults++;
+                if (foundResults >= options.maxResults) {
+                    return [
+                        2
+                    ];
+                }
+                _state.label = 4;
+            case 4:
+                _iteratorNormalCompletion = true;
+                return [
+                    3,
+                    2
+                ];
+            case 5:
+                return [
+                    3,
+                    8
+                ];
+            case 6:
+                err = _state.sent();
+                _didIteratorError = true;
+                _iteratorError = err;
+                return [
+                    3,
+                    8
+                ];
+            case 7:
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+                return [
+                    7
+                ];
+            case 8:
+                if (!(elements.length > 1)) return [
+                    3,
+                    10
+                ];
+                custom_options.maxResults, elementOptions = __rest(custom_options, [
+                    "maxResults"
+                ]);
+                return [
+                    4,
+                    elements.map(function(element) {
+                        return getCssSelector$1(element, elementOptions);
+                    }).join(SELECTOR_SEPARATOR)
+                ];
+            case 9:
+                _state.sent();
+                foundResults++;
+                if (foundResults >= options.maxResults) {
+                    return [
+                        2
+                    ];
+                }
+                _state.label = 10;
+            case 10:
+                rootWasProvided = custom_options.root !== undefined;
+                return [
+                    4,
+                    getFallbackSelector(elements, options.useScope || rootWasProvided ? root : undefined)
+                ];
+            case 11:
+                _state.sent();
+                return [
+                    2
+                ];
+        }
+    });
 }
 
 function unescapeCSS(cssEscapedString) {
@@ -3775,7 +4888,7 @@ class ElementElement extends i {
         }
     }
     render() {
-        return x`
+        return b`
       <section
         class="digipair-input ${this.state}"
         @click=${()=>[
@@ -3783,17 +4896,17 @@ class ElementElement extends i {
                 'loaded'
             ].indexOf(this.state) >= 0 ? this.loadElement() : void 0}
       >
-        ${this.state === 'loaded' ? x`
+        ${this.state === 'loaded' ? b`
               <ui5-icon name="attachment"></ui5-icon>
               <p>${this.label}<br />${this._content}</p>
-            ` : this.state === 'selecting' ? x` <ui5-icon name="locate-me"></ui5-icon>
+            ` : this.state === 'selecting' ? b` <ui5-icon name="locate-me"></ui5-icon>
               <p>
-                ${this.label}${document.querySelector('.digipair-input-element-selecting') ? x`<br />$(${getCssSelector(document.querySelector('.digipair-input-element-selecting'), {
+                ${this.label}${document.querySelector('.digipair-input-element-selecting') ? b`<br />$(${getCssSelector(document.querySelector('.digipair-input-element-selecting'), {
             blacklist: [
                 '.digipair-input-element-selecting'
             ]
-        })})` : E}
-              </p>` : x` <ui5-icon name="add-document"></ui5-icon>
+        })})` : A}
+              </p>` : b` <ui5-icon name="add-document"></ui5-icon>
               <p>${this.label}</p>`}
       </section>
     `;
@@ -3853,7 +4966,7 @@ class FetchElement extends i {
         }));
     }
     render() {
-        return x``;
+        return b``;
     }
     constructor(...args){
         super(...args);
@@ -3878,7 +4991,7 @@ FetchElement = __decorate([
 
 class HiddenElement extends i {
     render() {
-        return x``;
+        return b``;
     }
     constructor(...args){
         super(...args);