@digipair/skill-web-inputs 0.42.0 → 0.43.2

package/index.cjs.js

@@ -46,11 +46,11 @@ function _instanceof$2(left, right) {
         return left instanceof right;
     }
 }
-var t$2 = globalThis, e$2 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = new WeakMap;
+var t$2 = globalThis, e$2 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$1 = Symbol(), o$3 = new WeakMap;
 var n$3 = /*#__PURE__*/ function() {
     function n(t, e, o) {
         _class_call_check$3(this, n);
-        if (this._$cssResult$ = !0, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+        if (this._$cssResult$ = !0, o !== s$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
         this.cssText = t, this.t = e;
     }
     _create_class$3(n, [
@@ -76,8 +76,8 @@ var n$3 = /*#__PURE__*/ function() {
     return n;
 }();
 var r$5 = function(t) {
-    return new n$3("string" == typeof t ? t : t + "", void 0, s$2);
-}, i$2 = function(t) {
+    return new n$3("string" == typeof t ? t : t + "", void 0, s$1);
+}, i$3 = function(t) {
     for(var _len = arguments.length, e = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
         e[_key - 1] = arguments[_key];
     }
@@ -88,7 +88,7 @@ var r$5 = function(t) {
             throw Error("Value passed to 'css' function must be a 'css' function result: " + t + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
         }(s) + t[o + 1];
     }, t[0]);
-    return new n$3(o, t, s$2);
+    return new n$3(o, t, s$1);
 }, S$1 = function(s, o) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     if (e$2) s.adoptedStyleSheets = o.map(function(t) {
@@ -461,7 +461,7 @@ var _Symbol, _a, _a1;
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var i$1 = Object.is, e$1 = Object.defineProperty, r$4 = Object.getOwnPropertyDescriptor, h$1 = Object.getOwnPropertyNames, o$2 = Object.getOwnPropertySymbols, n$2 = Object.getPrototypeOf, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = function(t, s) {
+ */ var i$2 = Object.is, e$1 = Object.defineProperty, r$4 = Object.getOwnPropertyDescriptor, h$1 = Object.getOwnPropertyNames, o$2 = Object.getOwnPropertySymbols, n$2 = Object.getPrototypeOf, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = function(t, s) {
     return t;
 }, u$1 = {
     toAttribute: function toAttribute(t, s) {
@@ -495,7 +495,7 @@ var _Symbol, _a, _a1;
         return i;
     }
 }, f$1 = function(t, s) {
-    return !i$1(t, s);
+    return !i$2(t, s);
 }, y$1 = {
     attribute: !0,
     type: String,
@@ -1170,7 +1170,7 @@ function _create_super$1(Derived) {
     };
 }
 var _t;
-var t$1 = globalThis, i = t$1.trustedTypes, s$1 = i ? i.createPolicy("lit-html", {
+var t$1 = globalThis, i$1 = t$1.trustedTypes, s = i$1 ? i$1.createPolicy("lit-html", {
     createHTML: function(t) {
         return t;
     }
@@ -1191,14 +1191,14 @@ var t$1 = globalThis, i = t$1.trustedTypes, s$1 = i ? i.createPolicy("lit-html",
             values: s
         };
     };
-}, x = y(1), w = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), A = new WeakMap, E = r$3.createTreeWalker(r$3, 129);
-function C(t, i) {
-    if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-    return void 0 !== s$1 ? s$1.createHTML(i) : i;
+}, x = y(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = new WeakMap, C = r$3.createTreeWalker(r$3, 129);
+function P(t, i) {
+    if (!a(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+    return void 0 !== s ? s.createHTML(i) : i;
 }
-var P = function(t, i) {
+var V = function(t, i) {
     var s = t.length - 1, o = [];
-    var r, l = 2 === i ? "<svg>" : "", c = f;
+    var r, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = f;
     for(var _$i = 0; _$i < s; _$i++){
         var s1 = t[_$i];
         var a = void 0, u = void 0, d = -1, y = 0;
@@ -1207,24 +1207,24 @@ var P = function(t, i) {
         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);
     }
     return [
-        C(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : "")),
+        P(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")),
         o
     ];
 };
-var V = /*#__PURE__*/ function() {
-    function V(param, n) {
+var N = /*#__PURE__*/ function() {
+    function N(param, n) {
         var t = param.strings, s = param._$litType$;
-        _class_call_check$1(this, V);
+        _class_call_check$1(this, N);
         var r;
         this.parts = [];
         var c = 0, a = 0;
-        var u = t.length - 1, d = this.parts, _P = _sliced_to_array$1(P(t, s), 2), f = _P[0], v = _P[1];
-        if (this.el = V.createElement(f, n), E.currentNode = this.el.content, 2 === s) {
+        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 _t;
             var t1 = this.el.content.firstChild;
             (_t = t1).replaceWith.apply(_t, _to_consumable_array$8(t1.childNodes));
         }
-        for(; null !== (r = E.nextNode()) && d.length < u;){
+        for(; null !== (r = C.nextNode()) && d.length < u;){
             if (1 === r.nodeType) {
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 if (r.hasAttributes()) try {
@@ -1237,7 +1237,7 @@ var V = /*#__PURE__*/ function() {
                                 index: c,
                                 name: e1[2],
                                 strings: s1,
-                                ctor: "." === e1[1] ? k : "?" === e1[1] ? H : "@" === e1[1] ? I : R
+                                ctor: "." === e1[1] ? H : "?" === e1[1] ? I : "@" === e1[1] ? L : k
                             }), r.removeAttribute(t2);
                         } else t2.startsWith(h) && (d.push({
                             type: 6,
@@ -1261,8 +1261,8 @@ var V = /*#__PURE__*/ function() {
                 if ($.test(r.tagName)) {
                     var t3 = r.textContent.split(h), s2 = t3.length - 1;
                     if (s2 > 0) {
-                        r.textContent = i ? i.emptyScript : "";
-                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l()), E.nextNode(), d.push({
+                        r.textContent = i$1 ? i$1.emptyScript : "";
+                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l()), C.nextNode(), d.push({
                             type: 2,
                             index: ++c
                         });
@@ -1283,7 +1283,7 @@ var V = /*#__PURE__*/ function() {
             c++;
         }
     }
-    _create_class$1(V, null, [
+    _create_class$1(N, null, [
         {
             key: "createElement",
             value: function createElement(t, i) {
@@ -1292,24 +1292,24 @@ var V = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return V;
+    return N;
 }();
-function N(t, i) {
+function S(t, i) {
     var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : t, e = arguments.length > 3 ? arguments[3] : void 0;
     var _s__$Co, _h__$AO;
     var _s;
-    if (i === w) return i;
+    if (i === T) 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 __$Co;
-    return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 ? void 0 : (_h__$AO = h._$AO) === null || _h__$AO === void 0 ? void 0 : _h__$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((__$Co = (_s = s)._$Co) !== null && __$Co !== void 0 ? __$Co : _s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = N(t, h._$AS(t, i.values), h, e)), i;
+    return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 ? void 0 : (_h__$AO = h._$AO) === null || _h__$AO === void 0 ? void 0 : _h__$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((__$Co = (_s = s)._$Co) !== null && __$Co !== void 0 ? __$Co : _s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = S(t, h._$AS(t, i.values), h, e)), i;
 }
-var S = /*#__PURE__*/ function() {
-    function S(t, i) {
-        _class_call_check$1(this, S);
+var M = /*#__PURE__*/ function() {
+    function M(t, i) {
+        _class_call_check$1(this, M);
         this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
     }
-    _create_class$1(S, [
+    _create_class$1(M, [
         {
             key: "parentNode",
             get: function get() {
@@ -1327,16 +1327,16 @@ var S = /*#__PURE__*/ function() {
             value: function u(t) {
                 var _t_creationScope;
                 var _this__$AD = this._$AD, _this__$AD_el = _this__$AD.el, i = _this__$AD_el.content, s = _this__$AD.parts, e = ((_t_creationScope = t === null || t === void 0 ? void 0 : t.creationScope) !== null && _t_creationScope !== void 0 ? _t_creationScope : r$3).importNode(i, !0);
-                E.currentNode = e;
-                var h = E.nextNode(), o = 0, n = 0, l = s[0];
+                C.currentNode = e;
+                var h = C.nextNode(), o = 0, n = 0, l = s[0];
                 for(; void 0 !== l;){
                     if (o === l.index) {
                         var i1 = void 0;
-                        2 === l.type ? i1 = new M(h, h.nextSibling, this, t) : 1 === l.type ? i1 = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i1 = new L(h, this, t)), this._$AV.push(i1), l = s[++n];
+                        2 === l.type ? i1 = new R(h, h.nextSibling, this, t) : 1 === l.type ? i1 = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i1 = new z(h, this, t)), this._$AV.push(i1), l = s[++n];
                     }
-                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = E.nextNode(), o++);
+                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = C.nextNode(), o++);
                 }
-                return E.currentNode = r$3, e;
+                return C.currentNode = r$3, e;
             }
         },
         {
@@ -1366,15 +1366,15 @@ var S = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return S;
+    return M;
 }();
-var M = /*#__PURE__*/ function() {
-    function M(t, i, s, e) {
-        _class_call_check$1(this, M);
+var R = /*#__PURE__*/ function() {
+    function R(t, i, s, e) {
+        _class_call_check$1(this, R);
         var _e_isConnected;
-        this.type = 2, this._$AH = T, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e_isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e_isConnected !== void 0 ? _e_isConnected : !0;
+        this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e_isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e_isConnected !== void 0 ? _e_isConnected : !0;
     }
-    _create_class$1(M, [
+    _create_class$1(R, [
         {
             key: "_$AU",
             get: function get() {
@@ -1407,35 +1407,35 @@ var M = /*#__PURE__*/ function() {
             key: "_$AI",
             value: function _$AI(t) {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                t = N(this, t, i), c(t) ? t === T || null == t || "" === t ? (this._$AH !== T && this._$AR(), this._$AH = T) : t !== this._$AH && t !== w && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
+                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);
             }
         },
         {
-            key: "S",
-            value: function S(t) {
+            key: "O",
+            value: function O(t) {
                 return this._$AA.parentNode.insertBefore(t, this._$AB);
             }
         },
         {
             key: "T",
             value: function T(t) {
-                this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
+                this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
             }
         },
         {
             key: "_",
             value: function _(t) {
-                this._$AH !== T && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$3.createTextNode(t)), this._$AH = t;
+                this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$3.createTextNode(t)), this._$AH = t;
             }
         },
         {
             key: "$",
             value: function $(t) {
                 var _this__$AH;
-                var i = t.values, s = t._$litType$, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = V.createElement(C(s.h, s.h[0]), this.options)), s);
+                var i = t.values, s = t._$litType$, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = N.createElement(P(s.h, s.h[0]), this.options)), s);
                 if (((_this__$AH = this._$AH) === null || _this__$AH === void 0 ? void 0 : _this__$AH._$AD) === e) this._$AH.p(i);
                 else {
-                    var _$t = new S(e, this), s1 = _$t.u(this.options);
+                    var _$t = new M(e, this), s1 = _$t.u(this.options);
                     _$t.p(i), this.T(s1), this._$AH = _$t;
                 }
             }
@@ -1444,7 +1444,7 @@ var M = /*#__PURE__*/ function() {
             key: "_$AC",
             value: function _$AC(t) {
                 var i = A.get(t.strings);
-                return void 0 === i && A.set(t.strings, i = new V(t)), i;
+                return void 0 === i && A.set(t.strings, i = new N(t)), i;
             }
         },
         {
@@ -1457,7 +1457,7 @@ var M = /*#__PURE__*/ function() {
                 try {
                     for(var _iterator = t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                         var h = _step.value;
-                        e === i.length ? i.push(s = new M(this.S(l()), this.S(l()), this, this.options)) : s = i[e], s._$AI(h), e++;
+                        e === i.length ? i.push(s = new R(this.O(l()), this.O(l()), this, this.options)) : s = i[e], s._$AI(h), e++;
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -1495,14 +1495,14 @@ var M = /*#__PURE__*/ function() {
             }
         }
     ]);
-    return M;
+    return R;
 }();
-var R = /*#__PURE__*/ function() {
-    function R(t, i, s, e, h) {
-        _class_call_check$1(this, R);
-        this.type = 1, this._$AH = T, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String), this.strings = s) : this._$AH = T;
+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;
     }
-    _create_class$1(R, [
+    _create_class$1(k, [
         {
             key: "tagName",
             get: function get() {
@@ -1521,11 +1521,11 @@ var R = /*#__PURE__*/ function() {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this, s = arguments.length > 2 ? arguments[2] : void 0, e = arguments.length > 3 ? arguments[3] : void 0;
                 var h = this.strings;
                 var o = !1;
-                if (void 0 === h) t = N(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== w, o && (this._$AH = t);
+                if (void 0 === h) t = S(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== T, o && (this._$AH = t);
                 else {
                     var e1 = t;
                     var n, r;
-                    for(t = h[0], n = 0; n < h.length - 1; n++)r = N(this, e1[s + n], i, n), r === w && (r = this._$AH[n]), o || (o = !c(r) || r !== this._$AH[n]), r === T ? t = T : t !== T && (t += (r !== null && r !== void 0 ? r : "") + h[n + 1]), this._$AH[n] = r;
+                    for(t = h[0], n = 0; n < h.length - 1; n++)r = S(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;
                 }
                 o && !e && this.j(t);
             }
@@ -1533,71 +1533,71 @@ var R = /*#__PURE__*/ function() {
         {
             key: "j",
             value: function j(t) {
-                t === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
+                t === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
             }
         }
     ]);
-    return R;
+    return k;
 }();
-var k = /*#__PURE__*/ function(R) {
-    _inherits$1(k, R);
-    var _super = _create_super$1(k);
-    function k() {
-        _class_call_check$1(this, k);
+var H = /*#__PURE__*/ function(k) {
+    _inherits$1(H, k);
+    var _super = _create_super$1(H);
+    function H() {
+        _class_call_check$1(this, H);
         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(k, [
+    _create_class$1(H, [
         {
             key: "j",
             value: function j(t) {
-                this.element[this.name] = t === T ? void 0 : t;
+                this.element[this.name] = t === E ? void 0 : t;
             }
         }
     ]);
-    return k;
-}(R);
-var H = /*#__PURE__*/ function(R) {
-    _inherits$1(H, R);
-    var _super = _create_super$1(H);
-    function H() {
-        _class_call_check$1(this, H);
+    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);
         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(H, [
+    _create_class$1(I, [
         {
             key: "j",
             value: function j(t) {
-                this.element.toggleAttribute(this.name, !!t && t !== T);
+                this.element.toggleAttribute(this.name, !!t && t !== E);
             }
         }
     ]);
-    return H;
-}(R);
-var I = /*#__PURE__*/ function(R) {
-    _inherits$1(I, R);
-    var _super = _create_super$1(I);
-    function I(t, i, s, e, h) {
-        _class_call_check$1(this, I);
+    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);
         var _this;
         _this = _super.call(this, t, i, s, e, h), _this.type = 5;
         return _possible_constructor_return$1(_this);
     }
-    _create_class$1(I, [
+    _create_class$1(L, [
         {
             key: "_$AI",
             value: function _$AI(t) {
                 var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                var _N;
-                if ((t = (_N = N(this, t, i, 0)) !== null && _N !== void 0 ? _N : T) === w) return;
-                var s = this._$AH, e = t === T && s !== T || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== T && (s === T || e);
+                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);
                 e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
             }
         },
@@ -1610,14 +1610,14 @@ var I = /*#__PURE__*/ function(R) {
             }
         }
     ]);
-    return I;
-}(R);
-var L = /*#__PURE__*/ function() {
-    function L(t, i, s) {
-        _class_call_check$1(this, L);
+    return L;
+}(k);
+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(L, [
+    _create_class$1(z, [
         {
             key: "_$AU",
             get: function get() {
@@ -1627,23 +1627,23 @@ var L = /*#__PURE__*/ function() {
         {
             key: "_$AI",
             value: function _$AI(t) {
-                N(this, t);
+                S(this, t);
             }
         }
     ]);
-    return L;
+    return z;
 }();
-var Z = t$1.litHtmlPolyfillSupport;
+var j = t$1.litHtmlPolyfillSupport;
 var _litHtmlVersions;
-Z === null || Z === void 0 ? void 0 : Z(V, M), ((_litHtmlVersions = (_t = t$1).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.1.4");
-var j = function(t, i, s) {
+j === null || j === void 0 ? void 0 : j(N, R), ((_litHtmlVersions = (_t = t$1).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.2.1");
+var B = function(t, i, s) {
     var _s_renderBefore;
     var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
     var h = e._$litPart$;
     if (void 0 === h) {
         var _s_renderBefore1;
         var _$t = (_s_renderBefore1 = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore1 !== void 0 ? _s_renderBefore1 : null;
-        e._$litPart$ = h = new M(i.insertBefore(l(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
+        e._$litPart$ = h = new R(i.insertBefore(l(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
     }
     return h._$AI(t), h;
 };
@@ -1762,11 +1762,11 @@ var _globalThis1;
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var s = /*#__PURE__*/ function(t) {
-    _inherits(s, t);
-    var _super = _create_super(s);
-    function s() {
-        _class_call_check(this, s);
+ */ var r$2 = /*#__PURE__*/ function(t) {
+    _inherits(r, t);
+    var _super = _create_super(r);
+    function r() {
+        _class_call_check(this, r);
         var _this;
         _this = _super.call.apply(_super, [
             this
@@ -1775,12 +1775,12 @@ var _globalThis1;
         }, _this._$Do = void 0;
         return _possible_constructor_return(_this);
     }
-    _create_class(s, [
+    _create_class(r, [
         {
             key: "createRenderRoot",
             value: function createRenderRoot() {
                 var _this_renderOptions;
-                var _$t = _get(_get_prototype_of(s.prototype), "createRenderRoot", this).call(this);
+                var _$t = _get(_get_prototype_of(r.prototype), "createRenderRoot", this).call(this);
                 var _renderBefore;
                 return (_renderBefore = (_this_renderOptions = this.renderOptions).renderBefore) !== null && _renderBefore !== void 0 ? _renderBefore : _this_renderOptions.renderBefore = _$t.firstChild, _$t;
             }
@@ -1788,42 +1788,42 @@ var _globalThis1;
         {
             key: "update",
             value: function update(t) {
-                var i = this.render();
-                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get(_get_prototype_of(s.prototype), "update", this).call(this, t), this._$Do = j(i, this.renderRoot, this.renderOptions);
+                var s = this.render();
+                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get(_get_prototype_of(r.prototype), "update", this).call(this, t), this._$Do = B(s, this.renderRoot, this.renderOptions);
             }
         },
         {
             key: "connectedCallback",
             value: function connectedCallback() {
                 var _this__$Do;
-                _get(_get_prototype_of(s.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!0);
+                _get(_get_prototype_of(r.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!0);
             }
         },
         {
             key: "disconnectedCallback",
             value: function disconnectedCallback() {
                 var _this__$Do;
-                _get(_get_prototype_of(s.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!1);
+                _get(_get_prototype_of(r.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!1);
             }
         },
         {
             key: "render",
             value: function render() {
-                return w;
+                return T;
             }
         }
     ]);
-    return s;
+    return r;
 }(b);
-s._$litElement$ = !0, s["finalized"] = !0, (_globalThis_litElementHydrateSupport = (_globalThis = globalThis).litElementHydrateSupport) === null || _globalThis_litElementHydrateSupport === void 0 ? void 0 : _globalThis_litElementHydrateSupport.call(_globalThis, {
-    LitElement: s
+r$2._$litElement$ = !0, r$2["finalized"] = !0, (_globalThis_litElementHydrateSupport = (_globalThis = globalThis).litElementHydrateSupport) === null || _globalThis_litElementHydrateSupport === void 0 ? void 0 : _globalThis_litElementHydrateSupport.call(_globalThis, {
+    LitElement: r$2
 });
-var r$2 = globalThis.litElementPolyfillSupport;
-r$2 === null || r$2 === void 0 ? void 0 : r$2({
-    LitElement: s
+var i = globalThis.litElementPolyfillSupport;
+i === null || i === void 0 ? void 0 : i({
+    LitElement: r$2
 });
 var _litElementVersions;
-((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.0.6");
+((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.1.1");
 
 /**
  * @license
@@ -1998,7 +1998,7 @@ function _object_spread_props(target, source) {
     }));
 }
 
-class InputFileElement extends s {
+class InputFileElement extends r$2 {
     get content() {
         return this._content;
     }
@@ -2054,7 +2054,7 @@ class InputFileElement extends s {
         this._value = '';
     }
 }
-InputFileElement.styles = i$2`
+InputFileElement.styles = i$3`
     .download {
       padding: 10px 15px;
       margin-bottom: 10px;
@@ -2110,7 +2110,7 @@ InputFileElement = __decorate([
     t('digipair-input-file')
 ], InputFileElement);
 
-class InputJsonElement extends s {
+class InputJsonElement extends r$2 {
     get content() {
         return this._content;
     }
@@ -2166,7 +2166,7 @@ class InputJsonElement extends s {
         this._value = '';
     }
 }
-InputJsonElement.styles = i$2`
+InputJsonElement.styles = i$3`
     .download {
       padding: 10px 15px;
       margin-bottom: 10px;
@@ -2222,7 +2222,7 @@ InputJsonElement = __decorate([
     t('digipair-input-json')
 ], InputJsonElement);
 
-class InputTextElement extends s {
+class InputTextElement extends r$2 {
     get content() {
         return this._content;
     }
@@ -2278,7 +2278,7 @@ class InputTextElement extends s {
         this._value = '';
     }
 }
-InputTextElement.styles = i$2`
+InputTextElement.styles = i$3`
     .download {
       padding: 10px 15px;
       margin-bottom: 10px;
@@ -2334,7 +2334,7 @@ InputTextElement = __decorate([
     t('digipair-input-text')
 ], InputTextElement);
 
-class DomAttributeElement extends s {
+class DomAttributeElement extends r$2 {
     get value() {
         return this._value;
     }
@@ -2531,8 +2531,7 @@ var DEFAULT_OPTIONS = {
  */ function sanitizeRoot(input, element) {
     if (isParentNode(input)) {
         if (!input.contains(element)) {
-            // eslint-disable-next-line max-len
-            showWarning("element root mismatch", "Provided root does not contain the element. This will most likely result in producing a fallback selector using element's real root node. If you plan to use the selector using provided root (e.g. `root.querySelector`), it will nto work as intended.");
+            showWarning("element root mismatch", "Provided root does not contain the element. This will most likely result in producing a fallback selector using element's real root node. If you plan to use the selector using provided root (e.g. `root.querySelector`), it will not work as intended.");
         }
         return input;
     }
@@ -2541,12 +2540,11 @@ var DEFAULT_OPTIONS = {
     });
     if (isParentNode(rootNode)) {
         if (rootNode !== document) {
-            // eslint-disable-next-line max-len
             showWarning("shadow root inferred", "You did not provide a root and the element is a child of Shadow DOM. This will produce a selector using ShadowRoot as a root. If you plan to use the selector using document as a root (e.g. `document.querySelector`), it will not work as intended.");
         }
         return rootNode;
     }
-    return element.ownerDocument.querySelector(":root");
+    return getRootNode(element);
 }
 /**
  * Makes sure that the output is a number, usable as `maxResults` option in
@@ -2647,7 +2645,6 @@ function _unsupported_iterable_to_array$7(o, minLen) {
             return function(input) {
                 var result = item(input);
                 if (typeof result !== "boolean") {
-                    // eslint-disable-next-line max-len
                     showWarning("pattern matcher function invalid", "Provided pattern matching function does not return boolean. It's result will be ignored.", item);
                     return false;
                 }
@@ -2660,7 +2657,6 @@ function _unsupported_iterable_to_array$7(o, minLen) {
                 return re.test(input);
             };
         }
-        // eslint-disable-next-line max-len
         showWarning("pattern matcher invalid", "Pattern matching only accepts strings, regular expressions and/or functions. This item is invalid and will be ignored.", item);
         return function() {
             return false;
@@ -2703,6 +2699,7 @@ function _unsupported_iterable_to_array$7(o, minLen) {
 /**
  * Returns root node for given element. This needs to be used because of document-less environments, e.g. jsdom.
  */ function getRootNode(element) {
+    // The `:root` selector always returns a parent node. The `null` return value is not applicable here.
     return element.ownerDocument.querySelector(":root");
 }
 
@@ -2771,9 +2768,9 @@ var attributeBlacklistMatch = createPatternMatcher([
     return "[".concat(name, "='").concat(value, "']");
 }
 /**
- * Checks whether attribute should be used as a selector.
+ * Checks whether an attribute should be used as a selector.
  */ function isValidAttributeNode(param, element) {
-    var nodeName = param.nodeName;
+    var nodeName = param.nodeName, nodeValue = param.nodeValue;
     // form input value should not be used as a selector
     var tagName = element.tagName.toLowerCase();
     if ([
@@ -2782,6 +2779,10 @@ var attributeBlacklistMatch = createPatternMatcher([
     ].includes(tagName) && nodeName === "value") {
         return false;
     }
+    // ignore Base64-encoded strings as 'src' attribute values (e.g. in tags like img, audio, video, iframe, object, embed).
+    if (nodeName === "src" && (nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.startsWith("data:"))) {
+        return false;
+    }
     return !attributeBlacklistMatch(nodeName);
 }
 /**
@@ -2790,7 +2791,7 @@ var attributeBlacklistMatch = createPatternMatcher([
     var nodeName = param.nodeName, nodeValue = param.nodeValue;
     return {
         name: sanitizeSelectorItem(nodeName),
-        value: sanitizeSelectorItem(nodeValue)
+        value: sanitizeSelectorItem(nodeValue !== null && nodeValue !== void 0 ? nodeValue : undefined)
     };
 }
 /**
@@ -2811,7 +2812,8 @@ var attributeBlacklistMatch = createPatternMatcher([
 /**
  * Get class selectors for an element.
  */ function getElementClassSelectors(element) {
-    return (element.getAttribute("class") || "").trim().split(/\s+/).filter(function(item) {
+    var _a;
+    return ((_a = element.getAttribute("class")) !== null && _a !== void 0 ? _a : "").trim().split(/\s+/).filter(function(item) {
         return !INVALID_CLASS_RE.test(item);
     }).map(function(item) {
         return ".".concat(sanitizeSelectorItem(item));
@@ -2827,7 +2829,8 @@ var attributeBlacklistMatch = createPatternMatcher([
 /**
  * Get ID selector for an element.
  * */ function getElementIdSelectors(element) {
-    var id = element.getAttribute("id") || "";
+    var _a;
+    var id = (_a = element.getAttribute("id")) !== null && _a !== void 0 ? _a : "";
     var selector = "#".concat(sanitizeSelectorItem(id));
     var rootNode = element.getRootNode({
         composed: false
@@ -2853,7 +2856,7 @@ var attributeBlacklistMatch = createPatternMatcher([
         var elementIndex = siblings.indexOf(element);
         if (elementIndex > -1) {
             return [
-                ":nth-child(".concat(elementIndex + 1, ")")
+                ":nth-child(".concat(String(elementIndex + 1), ")")
             ];
         }
     }
@@ -2920,7 +2923,7 @@ function _unsupported_iterable_to_array$5(o, minLen) {
         var elementIndex = siblings.indexOf(element);
         if (elementIndex > -1) {
             return [
-                "".concat(tag, ":nth-of-type(").concat(elementIndex + 1, ")")
+                "".concat(tag, ":nth-of-type(").concat(String(elementIndex + 1), ")")
             ];
         }
     }
@@ -3249,8 +3252,9 @@ var ESCAPED_COLON = ":".charCodeAt(0).toString(16).toUpperCase();
  * Escapes special characters used by CSS selector items.
  */ function sanitizeSelectorItem() {
     var input = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    var _a, _b;
-    return (_b = (_a = CSS === null || CSS === void 0 ? void 0 : CSS.escape) === null || _a === void 0 ? void 0 : _a.call(CSS, input)) !== null && _b !== void 0 ? _b : legacySanitizeSelectorItem(input);
+    // 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
@@ -3265,6 +3269,8 @@ var ESCAPED_COLON = ":".charCodeAt(0).toString(16).toUpperCase();
         if (SPECIAL_CHARACTERS_RE.test(character)) {
             return "\\".concat(character);
         }
+        // needed for backwards compatibility
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         return escape(character).replace(/%/g, "\\");
     }).join("");
 }
@@ -3292,10 +3298,7 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
 /**
  * Returns list of selectors of given type for the element.
  */ function getSelectorsByType(elements, selector_type) {
-    var _a;
-    var getter = (_a = SELECTOR_TYPE_GETTERS[selector_type]) !== null && _a !== void 0 ? _a : function() {
-        return [];
-    };
+    var getter = SELECTOR_TYPE_GETTERS[selector_type];
     return getter(elements);
 }
 /**
@@ -3355,7 +3358,7 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
  * Creates list of selector types that we will need to generate the selector.
  */ function getSelectorsToGet(options) {
     var selectors = options.selectors, includeTag = options.includeTag;
-    var selectors_to_get = [].concat(selectors);
+    var selectors_to_get = _to_consumable_array$2(selectors);
     if (includeTag && !selectors_to_get.includes("tag")) {
         selectors_to_get.push("tag");
     }
@@ -3398,7 +3401,7 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
     var data = {};
     selector_types.forEach(function(selector_type) {
         var selector_variants = selectors_by_type[selector_type];
-        if (selector_variants.length > 0) {
+        if (selector_variants && selector_variants.length > 0) {
             data[selector_type] = selector_variants;
         }
     });
@@ -3440,16 +3443,16 @@ var ELEMENT_SELECTOR_TYPE_GETTERS = {
     return rootSelector === "" ? selectors : generateCandidateCombinations(selectors, rootSelector);
 }
 /**
- * Tries to find an unique CSS selector for element within given parent.
+ * 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, options.root, options);
+    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, options.root)) {
+            if (testSelector(elements, candidateSelector, root)) {
                 return candidateSelector;
             }
         }
@@ -3584,7 +3587,8 @@ function _unsupported_iterable_to_array$1(o, minLen) {
     }
     var selector = "";
     pattern.forEach(function(selectorType) {
-        var selectorsOfType = selectors[selectorType] || [];
+        var _a;
+        var selectorsOfType = (_a = selectors[selectorType]) !== null && _a !== void 0 ? _a : [];
         selectorsOfType.forEach(function(param) {
             var value = param.value, include = param.include;
             if (include) {
@@ -3647,10 +3651,12 @@ function _unsupported_iterable_to_array(o, minLen) {
  * 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 = options.root;
+    var currentRoot = root;
     /**
      * Utility function to make subsequent calls shorter.
      */ function updateIdentifiableParent() {
@@ -3659,7 +3665,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     var closestIdentifiableParent = updateIdentifiableParent();
     while(closestIdentifiableParent){
         var foundElements = closestIdentifiableParent.foundElements, selector = closestIdentifiableParent.selector;
-        if (testSelector(elements, selector, options.root)) {
+        if (testSelector(elements, selector, root)) {
             return selector;
         }
         currentRoot = foundElements[0];
@@ -3684,7 +3690,7 @@ function getCssSelector(element, options = {}) {
     return unescapeCSS(selector);
 }
 
-class ElementElement extends s {
+class ElementElement extends r$2 {
     get content() {
         return this._content;
     }
@@ -3791,7 +3797,7 @@ class ElementElement extends s {
             blacklist: [
                 '.digipair-input-element-selecting'
             ]
-        })})` : T}
+        })})` : E}
               </p>` : x` <ui5-icon name="add-document"></ui5-icon>
               <p>${this.label}</p>`}
       </section>
@@ -3808,7 +3814,7 @@ class ElementElement extends s {
         this._value = '';
     }
 }
-ElementElement.styles = i$2`
+ElementElement.styles = i$3`
     .digipair-input {
       padding: 10px 15px;
       margin-bottom: 10px;
@@ -3864,7 +3870,7 @@ ElementElement = __decorate([
     t('digipair-input-element')
 ], ElementElement);
 
-class FetchElement extends s {
+class FetchElement extends r$2 {
     get value() {
         return this._value;
     }
@@ -3909,7 +3915,7 @@ FetchElement = __decorate([
     t('digipair-input-fetch')
 ], FetchElement);
 
-class HiddenElement extends s {
+class HiddenElement extends r$2 {
     render() {
         return x``;
     }