@digipair/skill-web-inputs 0.112.3 → 0.114.1

package/{index.cjs.js → dist/index.cjs.js}

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function __decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -11,7 +9,7 @@ function __decorate(decorators, target, key, desc) {
 function __metadata(metadataKey, metadataValue) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
 }
-typeof SuppressedError === "function" ? SuppressedError : function _SuppressedError(error, suppressed, message) {
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
@@ -36,7 +34,6 @@ function _defineProperties$3(target, props) {
 }
 function _create_class$3(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$3(Constructor, staticProps);
     return Constructor;
 }
 function _instanceof$2(left, right) {
@@ -46,11 +43,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$1 = 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$2 = Symbol(), o$4 = new WeakMap;
 var n$3 = /*#__PURE__*/ function() {
     function n(t, e, o) {
         _class_call_check$3(this, n);
-        if (this._$cssResult$ = !0, o !== s$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+        if (this._$cssResult$ = true, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
         this.cssText = t, this.t = e;
     }
     _create_class$3(n, [
@@ -61,7 +58,7 @@ var n$3 = /*#__PURE__*/ function() {
                 var s = this.t;
                 if (e$2 && void 0 === t) {
                     var e1 = void 0 !== s && 1 === s.length;
-                    e1 && (t = o$3.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), e1 && o$3.set(s, t));
+                    e1 && (t = o$4.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), e1 && o$4.set(s, t));
                 }
                 return t;
             }
@@ -75,20 +72,20 @@ var n$3 = /*#__PURE__*/ function() {
     ]);
     return n;
 }();
-var r$5 = function(t) {
-    return new n$3("string" == typeof t ? t : t + "", void 0, s$1);
+var r$4 = function(t) {
+    return new n$3("string" == typeof t ? t : t + "", void 0, s$2);
 }, 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];
     }
     var o = 1 === t.length ? t[0] : e.reduce(function(e, s, o) {
         return e + function(t) {
-            if (!0 === t._$cssResult$) return t.cssText;
+            if (true === t._$cssResult$) return t.cssText;
             if ("number" == typeof t) return 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$1);
+    return new n$3(o, t, s$2);
 }, S$1 = function(s, o) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     if (e$2) s.adoptedStyleSheets = o.map(function(t) {
@@ -139,7 +136,7 @@ var r$5 = function(t) {
                 }
             }
         }
-        return r$5(e);
+        return r$4(e);
     }(t) : t;
 };
 
@@ -281,7 +278,7 @@ function _non_iterable_spread$9() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _possible_constructor_return$2(self, call) {
-    if (call && (_type_of$3(call) === "object" || typeof call === "function")) {
+    if (call && (_type_of$5(call) === "object" || typeof call === "function")) {
         return call;
     }
     return _assert_this_initialized$2(self);
@@ -299,7 +296,7 @@ function _sliced_to_array$2(arr, i) {
 function _to_consumable_array$9(arr) {
     return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$9();
 }
-function _type_of$3(obj) {
+function _type_of$5(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -461,7 +458,7 @@ var _Symbol, _a, _a1;
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ 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) {
+ */ var i$2 = Object.is, e$1 = Object.defineProperty, h$1 = Object.getOwnPropertyDescriptor, r$3 = Object.getOwnPropertyNames, o$3 = 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) {
@@ -496,25 +493,26 @@ var _Symbol, _a, _a1;
     }
 }, f$1 = function(t, s) {
     return !i$2(t, s);
-}, y$1 = {
-    attribute: !0,
+}, b = {
+    attribute: true,
     type: String,
     converter: u$1,
-    reflect: !1,
+    reflect: false,
+    useDefault: false,
     hasChanged: f$1
 };
 var _metadata, _litPropertyMetadata;
 (_metadata = (_Symbol = Symbol).metadata) !== null && _metadata !== void 0 ? _metadata : _Symbol.metadata = Symbol("metadata"), (_litPropertyMetadata = (_a = a$1).litPropertyMetadata) !== null && _litPropertyMetadata !== void 0 ? _litPropertyMetadata : _a.litPropertyMetadata = new WeakMap;
-var b = /*#__PURE__*/ function(HTMLElement1) {
-    _inherits$2(b, HTMLElement1);
-    var _super = _create_super$2(b);
-    function b() {
-        _class_call_check$2(this, b);
+var y$1 = /*#__PURE__*/ function(HTMLElement1) {
+    _inherits$2(y, HTMLElement1);
+    var _super = _create_super$2(y);
+    function y() {
+        _class_call_check$2(this, y);
         var _this;
-        _this = _super.call(this), _this._$Ep = void 0, _this.isUpdatePending = !1, _this.hasUpdated = !1, _this._$Em = null, _this._$Ev();
+        _this = _super.call(this), _this._$Ep = void 0, _this.isUpdatePending = false, _this.hasUpdated = false, _this._$Em = null, _this._$Ev();
         return _possible_constructor_return$2(_this);
     }
-    _create_class$2(b, [
+    _create_class$2(y, [
         {
             key: "_$Ev",
             value: function _$Ev() {
@@ -582,7 +580,7 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
             value: function connectedCallback() {
                 var _this__$EO;
                 var _this_renderRoot;
-                (_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this.enableUpdating(!0), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                (_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this.enableUpdating(true), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
                     var _t_hostConnected;
                     return (_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t);
                 });
@@ -609,13 +607,13 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
             }
         },
         {
-            key: "_$EC",
-            value: function _$EC(t, s) {
+            key: "_$ET",
+            value: function _$ET(t, s) {
                 var i = this.constructor.elementProperties.get(t), e = this.constructor._$Eu(t, i);
-                if (void 0 !== e && !0 === i.reflect) {
+                if (void 0 !== e && true === i.reflect) {
                     var _i_converter;
-                    var r = (void 0 !== ((_i_converter = i.converter) === null || _i_converter === void 0 ? void 0 : _i_converter.toAttribute) ? i.converter : u$1).toAttribute(s, i.type);
-                    this._$Em = t, null == r ? this.removeAttribute(e) : this.setAttribute(e, r), this._$Em = null;
+                    var h = (void 0 !== ((_i_converter = i.converter) === null || _i_converter === void 0 ? void 0 : _i_converter.toAttribute) ? i.converter : u$1).toAttribute(s, i.type);
+                    this._$Em = t, null == h ? this.removeAttribute(e) : this.setAttribute(e, h), this._$Em = null;
                 }
             }
         },
@@ -624,11 +622,14 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
             value: function _$AK(t, s) {
                 var i = this.constructor, e = i._$Eh.get(t);
                 if (void 0 !== e && this._$Em !== e) {
-                    var _t_converter;
-                    var _$t = i.getPropertyOptions(e), r = "function" == typeof _$t.converter ? {
+                    var _t_converter, _this__$Ej;
+                    var _$t = i.getPropertyOptions(e), h = "function" == typeof _$t.converter ? {
                         fromAttribute: _$t.converter
                     } : void 0 !== ((_t_converter = _$t.converter) === null || _t_converter === void 0 ? void 0 : _t_converter.fromAttribute) ? _$t.converter : u$1;
-                    this._$Em = e, this[e] = r.fromAttribute(s, _$t.type), this._$Em = null;
+                    this._$Em = e;
+                    var r = h.fromAttribute(s, _$t.type);
+                    var _ref;
+                    this[e] = (_ref = r !== null && r !== void 0 ? r : (_this__$Ej = this._$Ej) === null || _this__$Ej === void 0 ? void 0 : _this__$Ej.get(e)) !== null && _ref !== void 0 ? _ref : r, this._$Em = null;
                 }
             }
         },
@@ -636,30 +637,33 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
             key: "requestUpdate",
             value: function requestUpdate(t, s, i) {
                 if (void 0 !== t) {
+                    var _this__$Ej;
+                    var e = this.constructor, h = this[t];
                     var _i_hasChanged;
-                    if (i !== null && i !== void 0 ? i : i = this.constructor.getPropertyOptions(t), !((_i_hasChanged = i.hasChanged) !== null && _i_hasChanged !== void 0 ? _i_hasChanged : f$1)(this[t], s)) return;
-                    this.P(t, s, i);
+                    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;
+                    this.C(t, s, i);
                 }
-                !1 === this.isUpdatePending && (this._$ES = this._$ET());
+                false === this.isUpdatePending && (this._$ES = this._$EP());
             }
         },
         {
-            key: "P",
-            value: function P(t, s, i) {
-                var _this__$Ej;
-                this._$AL.has(t) || this._$AL.set(t, s), !0 === i.reflect && this._$Em !== t && ((_this__$Ej = this._$Ej) !== null && _this__$Ej !== void 0 ? _this__$Ej : this._$Ej = new Set).add(t);
+            key: "C",
+            value: function C(t, s, param, r) {
+                var i = param.useDefault, e = param.reflect, h = param.wrapped;
+                var _this__$Ej, _ref, _this__$Eq;
+                i && !((_this__$Ej = this._$Ej) !== null && _this__$Ej !== void 0 ? _this__$Ej : this._$Ej = new Map).has(t) && (this._$Ej.set(t, (_ref = r !== null && r !== void 0 ? r : s) !== null && _ref !== void 0 ? _ref : this[t]), true !== h || void 0 !== r) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), true === e && this._$Em !== t && ((_this__$Eq = this._$Eq) !== null && _this__$Eq !== void 0 ? _this__$Eq : this._$Eq = new Set).add(t));
             }
         },
         {
-            key: "_$ET",
-            value: function _$ET() {
+            key: "_$EP",
+            value: function _$EP() {
                 var _this = this;
                 return _async_to_generator(function() {
                     var t, _$t, _tmp;
                     return _ts_generator$1(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                _this.isUpdatePending = !0;
+                                _this.isUpdatePending = true;
                                 _state.label = 1;
                             case 1:
                                 _state.trys.push([
@@ -749,7 +753,8 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
                     if (t1.size > 0) try {
                         for(var _iterator1 = t1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
                             var _step_value1 = _sliced_to_array$2(_step1.value, 2), _$s1 = _step_value1[0], i = _step_value1[1];
-                            !0 !== i.wrapped || this._$AL.has(_$s1) || void 0 === this[_$s1] || this.P(_$s1, this[_$s1], i);
+                            var t2 = i.wrapped, e = this[_$s1];
+                            !0 !== t2 || this._$AL.has(_$s1) || void 0 === e || this.C(_$s1, void 0, i, e);
                         }
                     } catch (err) {
                         _didIteratorError1 = true;
@@ -766,18 +771,18 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
                         }
                     }
                 }
-                var t2 = !1;
+                var t3 = false;
                 var _$s2 = this._$AL;
                 try {
                     var _this__$EO;
-                    t2 = this.shouldUpdate(_$s2), t2 ? (this.willUpdate(_$s2), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                    t3 = this.shouldUpdate(_$s2), t3 ? (this.willUpdate(_$s2), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
                         var _t_hostUpdate;
                         return (_t_hostUpdate = t.hostUpdate) === null || _t_hostUpdate === void 0 ? void 0 : _t_hostUpdate.call(t);
-                    }), this.update(_$s2)) : this._$EU();
+                    }), this.update(_$s2)) : this._$EM();
                 } catch (s) {
-                    throw t2 = !1, this._$EU(), s;
+                    throw t3 = false, this._$EM(), s;
                 }
-                t2 && this._$AE(_$s2);
+                t3 && this._$AE(_$s2);
             }
         },
         {
@@ -791,13 +796,13 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
                 (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
                     var _t_hostUpdated;
                     return (_t_hostUpdated = t.hostUpdated) === null || _t_hostUpdated === void 0 ? void 0 : _t_hostUpdated.call(t);
-                }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+                }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t)), this.updated(t);
             }
         },
         {
-            key: "_$EU",
-            value: function _$EU() {
-                this._$AL = new Map, this.isUpdatePending = !1;
+            key: "_$EM",
+            value: function _$EM() {
+                this._$AL = new Map, this.isUpdatePending = false;
             }
         },
         {
@@ -815,16 +820,16 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
         {
             key: "shouldUpdate",
             value: function shouldUpdate(t) {
-                return !0;
+                return true;
             }
         },
         {
             key: "update",
             value: function update(t) {
                 var _this = this;
-                this._$Ej && (this._$Ej = this._$Ej.forEach(function(t) {
-                    return _this._$EC(t, _this[t]);
-                })), this._$EU();
+                this._$Eq && (this._$Eq = this._$Eq.forEach(function(t) {
+                    return _this._$ET(t, _this[t]);
+                })), this._$EM();
             }
         },
         {
@@ -852,35 +857,33 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
         {
             key: "createProperty",
             value: function createProperty(t) {
-                var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y$1;
-                if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
-                    var i = Symbol(), r = this.getPropertyDescriptor(t, i, s);
-                    void 0 !== r && e$1(this.prototype, t, r);
+                var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b;
+                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);
                 }
             }
         },
         {
             key: "getPropertyDescriptor",
             value: function getPropertyDescriptor(t, s, i) {
-                var _r;
-                var _ref = (_r = r$4(this.prototype, t)) !== null && _r !== void 0 ? _r : {
+                var _h;
+                var _ref = (_h = h$1(this.prototype, t)) !== null && _h !== void 0 ? _h : {
                     get: function get() {
                         return this[s];
                     },
                     set: function set(t) {
                         this[s] = t;
                     }
-                }, e = _ref.get, h = _ref.set;
+                }, e = _ref.get, r = _ref.set;
                 return {
-                    get: function get() {
-                        return e === null || e === void 0 ? void 0 : e.call(this);
-                    },
+                    get: e,
                     set: function set(s) {
-                        var r = e === null || e === void 0 ? void 0 : e.call(this);
-                        h.call(this, s), this.requestUpdate(t, r, i);
+                        var h = e === null || e === void 0 ? void 0 : e.call(this);
+                        r === null || r === void 0 ? void 0 : r.call(this, s), this.requestUpdate(t, h, i);
                     },
-                    configurable: !0,
-                    enumerable: !0
+                    configurable: true,
+                    enumerable: true
                 };
             }
         },
@@ -888,7 +891,7 @@ var b = /*#__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 : y$1;
+                return (_this_elementProperties_get = this.elementProperties.get(t)) !== null && _this_elementProperties_get !== void 0 ? _this_elementProperties_get : b;
             }
         },
         {
@@ -903,8 +906,8 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
             key: "finalize",
             value: function finalize() {
                 if (this.hasOwnProperty(d$1("finalized"))) return;
-                if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
-                    var t = this.properties, s = _to_consumable_array$9(h$1(t)).concat(_to_consumable_array$9(o$2(t)));
+                if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
+                    var t = this.properties, s = _to_consumable_array$9(r$3(t)).concat(_to_consumable_array$9(o$3(t)));
                     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                     try {
                         for(var _iterator = s[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
@@ -1009,18 +1012,18 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
             key: "_$Eu",
             value: function _$Eu(t, s) {
                 var i = s.attribute;
-                return !1 === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+                return false === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
             }
         }
     ]);
-    return b;
+    return y;
 }(_wrap_native_super(HTMLElement));
 var _reactiveElementVersions;
-b.elementStyles = [], b.shadowRootOptions = {
+y$1.elementStyles = [], y$1.shadowRootOptions = {
     mode: "open"
-}, b[d$1("elementProperties")] = new Map, b[d$1("finalized")] = new Map, p$1 === null || p$1 === void 0 ? void 0 : p$1({
-    ReactiveElement: b
-}), ((_reactiveElementVersions = (_a1 = a$1).reactiveElementVersions) !== null && _reactiveElementVersions !== void 0 ? _reactiveElementVersions : _a1.reactiveElementVersions = []).push("2.0.4");
+}, 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");
 
 /**
  * @license
@@ -1115,7 +1118,7 @@ function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _possible_constructor_return$1(self, call) {
-    if (call && (_type_of$2(call) === "object" || typeof call === "function")) {
+    if (call && (_type_of$4(call) === "object" || typeof call === "function")) {
         return call;
     }
     return _assert_this_initialized$1(self);
@@ -1133,7 +1136,7 @@ function _sliced_to_array$1(arr, i) {
 function _to_consumable_array$8(arr) {
     return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$8();
 }
-function _type_of$2(obj) {
+function _type_of$4(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1170,17 +1173,17 @@ function _create_super$1(Derived) {
     };
 }
 var _t;
-var t$1 = globalThis, i$1 = t$1.trustedTypes, s = i$1 ? i$1.createPolicy("lit-html", {
+var t$1 = globalThis, i$1 = t$1.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-html", {
     createHTML: function(t) {
         return t;
     }
-}) : void 0, e = "$lit$", h = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$1 = "?" + h, n$1 = "<".concat(o$1, ">"), r$3 = document, l = function() {
-    return r$3.createComment("");
+}) : 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) {
-    return null === t || "object" != typeof t && "function" != typeof 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 = "[ 	\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) {
+}, 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) {
     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];
@@ -1191,10 +1194,10 @@ var t$1 = globalThis, i$1 = t$1.trustedTypes, s = i$1 ? i$1.createPolicy("lit-ht
             values: s
         };
     };
-}, x = y(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = new WeakMap, C = r$3.createTreeWalker(r$3, 129);
+}, 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 ? s.createHTML(i) : i;
+    return void 0 !== s$1 ? s$1.createHTML(i) : i;
 }
 var V = function(t, i) {
     var s = t.length - 1, o = [];
@@ -1269,7 +1272,7 @@ var N = /*#__PURE__*/ function() {
                         r.append(t3[s2], l());
                     }
                 }
-            } else if (8 === r.nodeType) if (r.data === o$1) d.push({
+            } else if (8 === r.nodeType) if (r.data === o$2) d.push({
                 type: 2,
                 index: c
             });
@@ -1287,7 +1290,7 @@ var N = /*#__PURE__*/ function() {
         {
             key: "createElement",
             value: function createElement(t, i) {
-                var s = r$3.createElement("template");
+                var s = r$2.createElement("template");
                 return s.innerHTML = t, s;
             }
         }
@@ -1302,7 +1305,7 @@ function S(t, 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 = 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 = S(t, h._$AS(t, i.values), h, e)), i;
 }
 var M = /*#__PURE__*/ function() {
     function M(t, i) {
@@ -1326,7 +1329,7 @@ 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$3).importNode(i, !0);
+                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;){
@@ -1336,7 +1339,7 @@ var M = /*#__PURE__*/ function() {
                     }
                     o !== (l === null || l === void 0 ? void 0 : l.index) && (h = C.nextNode(), o++);
                 }
-                return C.currentNode = r$3, e;
+                return C.currentNode = r$2, e;
             }
         },
         {
@@ -1372,7 +1375,7 @@ var R = /*#__PURE__*/ function() {
     function R(t, i, s, e) {
         _class_call_check$1(this, R);
         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 : !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 : true;
     }
     _create_class$1(R, [
         {
@@ -1425,7 +1428,7 @@ var R = /*#__PURE__*/ function() {
         {
             key: "_",
             value: function _(t) {
-                this._$AH !== E && 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$2.createTextNode(t)), this._$AH = t;
             }
         },
         {
@@ -1481,7 +1484,7 @@ var R = /*#__PURE__*/ function() {
             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 _this__$AP, _this;
-                for((_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, !1, !0, i); t && t !== this._$AB;){
+                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;
                 }
@@ -1520,7 +1523,7 @@ var k = /*#__PURE__*/ function() {
             value: function _$AI(t) {
                 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;
+                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);
                 else {
                     var e1 = t;
@@ -1635,7 +1638,7 @@ var z = /*#__PURE__*/ function() {
 }();
 var j = 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.2.1");
+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) {
     var _s_renderBefore;
     var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
@@ -1670,7 +1673,6 @@ function _defineProperties(target, props) {
 }
 function _create_class(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
 function _get(target, property, receiver) {
@@ -1709,7 +1711,7 @@ function _inherits(subClass, superClass) {
     if (superClass) _set_prototype_of(subClass, superClass);
 }
 function _possible_constructor_return(self, call) {
-    if (call && (_type_of$1(call) === "object" || typeof call === "function")) {
+    if (call && (_type_of$3(call) === "object" || typeof call === "function")) {
         return call;
     }
     return _assert_this_initialized(self);
@@ -1728,7 +1730,7 @@ function _super_prop_base(object, property) {
     }
     return object;
 }
-function _type_of$1(obj) {
+function _type_of$3(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1756,17 +1758,18 @@ function _create_super(Derived) {
         return _possible_constructor_return(this, result);
     };
 }
-var _globalThis_litElementHydrateSupport, _globalThis;
-var _globalThis1;
+var _s_litElementHydrateSupport;
+var _s;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var r$2 = /*#__PURE__*/ function(t) {
-    _inherits(r, t);
-    var _super = _create_super(r);
-    function r() {
-        _class_call_check(this, r);
+ */ var s = globalThis;
+var i = /*#__PURE__*/ function(t) {
+    _inherits(i, t);
+    var _super = _create_super(i);
+    function i() {
+        _class_call_check(this, i);
         var _this;
         _this = _super.call.apply(_super, [
             this
@@ -1775,12 +1778,12 @@ var _globalThis1;
         }, _this._$Do = void 0;
         return _possible_constructor_return(_this);
     }
-    _create_class(r, [
+    _create_class(i, [
         {
             key: "createRenderRoot",
             value: function createRenderRoot() {
                 var _this_renderOptions;
-                var _$t = _get(_get_prototype_of(r.prototype), "createRenderRoot", this).call(this);
+                var _$t = _get(_get_prototype_of(i.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,22 +1791,22 @@ var _globalThis1;
         {
             key: "update",
             value: function update(t) {
-                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);
+                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);
             }
         },
         {
             key: "connectedCallback",
             value: function connectedCallback() {
                 var _this__$Do;
-                _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);
+                _get(_get_prototype_of(i.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(true);
             }
         },
         {
             key: "disconnectedCallback",
             value: function disconnectedCallback() {
                 var _this__$Do;
-                _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);
+                _get(_get_prototype_of(i.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(false);
             }
         },
         {
@@ -1813,17 +1816,17 @@ var _globalThis1;
             }
         }
     ]);
-    return r;
-}(b);
-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
+    return i;
+}(y$1);
+i._$litElement$ = true, i["finalized"] = true, (_s_litElementHydrateSupport = s.litElementHydrateSupport) === null || _s_litElementHydrateSupport === void 0 ? void 0 : _s_litElementHydrateSupport.call(s, {
+    LitElement: i
 });
-var i = globalThis.litElementPolyfillSupport;
-i === null || i === void 0 ? void 0 : i({
-    LitElement: r$2
+var o$1 = s.litElementPolyfillSupport;
+o$1 === null || o$1 === void 0 ? void 0 : o$1({
+    LitElement: i
 });
 var _litElementVersions;
-((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.1.1");
+((_litElementVersions = (_s = s).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _s.litElementVersions = []).push("4.2.1");
 
 /**
  * @license
@@ -1837,73 +1840,25 @@ var _litElementVersions;
     };
 };
 
-function _define_property$2(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread$1(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$2(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props$1(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys$1(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
+function _type_of$2(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */ var o = {
-    attribute: !0,
+    attribute: true,
     type: String,
     converter: u$1,
-    reflect: !1,
+    reflect: false,
     hasChanged: f$1
 }, r$1 = function() {
     var _$t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : o, _$e = arguments.length > 1 ? arguments[1] : void 0, r = arguments.length > 2 ? arguments[2] : void 0;
     var n = r.kind, i = r.metadata;
     var s = globalThis.litPropertyMetadata.get(i);
-    if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = new Map), s.set(r.name, _$t), "accessor" === n) {
+    if (void 0 === s && globalThis.litPropertyMetadata.set(i, s = new Map), "setter" === n && ((_$t = Object.create(_$t)).wrapped = true), s.set(r.name, _$t), "accessor" === n) {
         var o1 = r.name;
         return {
             set: function set(r) {
@@ -1911,7 +1866,7 @@ function _object_spread_props$1(target, source) {
                 _$e.set.call(this, r), this.requestUpdate(o1, n, _$t);
             },
             init: function init(e) {
-                return void 0 !== e && this.P(o1, void 0, _$t), e;
+                return void 0 !== e && this.C(o1, void 0, _$t, e), e;
             }
         };
     }
@@ -1926,11 +1881,9 @@ function _object_spread_props$1(target, source) {
 };
 function n(t) {
     return function(e, o) {
-        return "object" == typeof o ? r$1(t, e, o) : function(t, e, o) {
+        return "object" == (typeof o === "undefined" ? "undefined" : _type_of$2(o)) ? r$1(t, e, o) : function(t, e, o) {
             var r = e.hasOwnProperty(o);
-            return e.constructor.createProperty(o, r ? _object_spread_props$1(_object_spread$1({}, t), {
-                wrapped: !0
-            }) : t), r ? Object.getOwnPropertyDescriptor(e, o) : void 0;
+            return e.constructor.createProperty(o, t), r ? Object.getOwnPropertyDescriptor(e, o) : void 0;
         }(t, e, o);
     };
 }
@@ -1967,11 +1920,6 @@ function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
         keys.push.apply(keys, symbols);
     }
     return keys;
@@ -1993,18 +1941,54 @@ function _object_spread_props(target, source) {
  * SPDX-License-Identifier: BSD-3-Clause
  */ function r(r) {
     return n(_object_spread_props(_object_spread({}, r), {
-        state: !0,
-        attribute: !1
+        state: true,
+        attribute: false
     }));
 }
 
-class InputFileElement extends r$2 {
+class InputFileElement extends i {
     get content() {
         return this._content;
     }
     get value() {
         return this._value;
     }
+    static{
+        this.styles = i$3`
+    .download {
+      padding: 10px 15px;
+      margin-bottom: 10px;
+      line-height: 1.4;
+      border: 1px solid var(--digipair-color-primary, #52dfdb);
+      color: var(--digipair-color-primary, #52dfdb);
+      align-self: flex-start;
+      margin-right: auto;
+      text-align: center;
+    }
+
+    .download ui5-icon {
+      color: var(--digipair-color-secondary, #52dfdb);
+    }
+
+    .download.unloaded ui5-icon {
+      color: var(--digipair-color-primary, #52dfdb);
+    }
+
+    .download p {
+      text-align: center;
+      font-size: 12px;
+      margin: 0;
+    }
+
+    .download.unloaded {
+      cursor: pointer;
+    }
+
+    .download.loaded ui5-icon {
+      float: left;
+    }
+  `;
+    }
     loadFile() {
         const input = document.createElement('input');
         input.type = 'file';
@@ -2054,7 +2038,37 @@ class InputFileElement extends r$2 {
         this._value = '';
     }
 }
-InputFileElement.styles = i$3`
+__decorate([
+    n()
+], InputFileElement.prototype, "label", void 0);
+__decorate([
+    n()
+], InputFileElement.prototype, "accept", void 0);
+__decorate([
+    n()
+], InputFileElement.prototype, "multiple", void 0);
+__decorate([
+    n()
+], InputFileElement.prototype, "required", void 0);
+__decorate([
+    r()
+], InputFileElement.prototype, "state", void 0);
+__decorate([
+    r()
+], InputFileElement.prototype, "_content", void 0);
+InputFileElement = __decorate([
+    t('digipair-input-file')
+], InputFileElement);
+
+class InputJsonElement extends i {
+    get content() {
+        return this._content;
+    }
+    get value() {
+        return this._value;
+    }
+    static{
+        this.styles = i$3`
     .download {
       padding: 10px 15px;
       margin-bottom: 10px;
@@ -2088,34 +2102,6 @@ InputFileElement.styles = i$3`
       float: left;
     }
   `;
-__decorate([
-    n()
-], InputFileElement.prototype, "label", void 0);
-__decorate([
-    n()
-], InputFileElement.prototype, "accept", void 0);
-__decorate([
-    n()
-], InputFileElement.prototype, "multiple", void 0);
-__decorate([
-    n()
-], InputFileElement.prototype, "required", void 0);
-__decorate([
-    r()
-], InputFileElement.prototype, "state", void 0);
-__decorate([
-    r()
-], InputFileElement.prototype, "_content", void 0);
-InputFileElement = __decorate([
-    t('digipair-input-file')
-], InputFileElement);
-
-class InputJsonElement extends r$2 {
-    get content() {
-        return this._content;
-    }
-    get value() {
-        return this._value;
     }
     loadFile() {
         const input = document.createElement('input');
@@ -2166,7 +2152,37 @@ class InputJsonElement extends r$2 {
         this._value = '';
     }
 }
-InputJsonElement.styles = i$3`
+__decorate([
+    n()
+], InputJsonElement.prototype, "label", void 0);
+__decorate([
+    n()
+], InputJsonElement.prototype, "accept", void 0);
+__decorate([
+    n()
+], InputJsonElement.prototype, "multiple", void 0);
+__decorate([
+    n()
+], InputJsonElement.prototype, "required", void 0);
+__decorate([
+    r()
+], InputJsonElement.prototype, "state", void 0);
+__decorate([
+    r()
+], InputJsonElement.prototype, "_content", void 0);
+InputJsonElement = __decorate([
+    t('digipair-input-json')
+], InputJsonElement);
+
+class InputTextElement extends i {
+    get content() {
+        return this._content;
+    }
+    get value() {
+        return this._value;
+    }
+    static{
+        this.styles = i$3`
     .download {
       padding: 10px 15px;
       margin-bottom: 10px;
@@ -2200,34 +2216,6 @@ InputJsonElement.styles = i$3`
       float: left;
     }
   `;
-__decorate([
-    n()
-], InputJsonElement.prototype, "label", void 0);
-__decorate([
-    n()
-], InputJsonElement.prototype, "accept", void 0);
-__decorate([
-    n()
-], InputJsonElement.prototype, "multiple", void 0);
-__decorate([
-    n()
-], InputJsonElement.prototype, "required", void 0);
-__decorate([
-    r()
-], InputJsonElement.prototype, "state", void 0);
-__decorate([
-    r()
-], InputJsonElement.prototype, "_content", void 0);
-InputJsonElement = __decorate([
-    t('digipair-input-json')
-], InputJsonElement);
-
-class InputTextElement extends r$2 {
-    get content() {
-        return this._content;
-    }
-    get value() {
-        return this._value;
     }
     loadFile() {
         const input = document.createElement('input');
@@ -2278,40 +2266,6 @@ class InputTextElement extends r$2 {
         this._value = '';
     }
 }
-InputTextElement.styles = i$3`
-    .download {
-      padding: 10px 15px;
-      margin-bottom: 10px;
-      line-height: 1.4;
-      border: 1px solid var(--digipair-color-primary, #52dfdb);
-      color: var(--digipair-color-primary, #52dfdb);
-      align-self: flex-start;
-      margin-right: auto;
-      text-align: center;
-    }
-
-    .download ui5-icon {
-      color: var(--digipair-color-secondary, #52dfdb);
-    }
-
-    .download.unloaded ui5-icon {
-      color: var(--digipair-color-primary, #52dfdb);
-    }
-
-    .download p {
-      text-align: center;
-      font-size: 12px;
-      margin: 0;
-    }
-
-    .download.unloaded {
-      cursor: pointer;
-    }
-
-    .download.loaded ui5-icon {
-      float: left;
-    }
-  `;
 __decorate([
     n()
 ], InputTextElement.prototype, "label", void 0);
@@ -2334,7 +2288,7 @@ InputTextElement = __decorate([
     t('digipair-input-text')
 ], InputTextElement);
 
-class DomAttributeElement extends r$2 {
+class DomAttributeElement extends i {
     get value() {
         return this._value;
     }
@@ -2344,8 +2298,7 @@ class DomAttributeElement extends r$2 {
     }
     async initialize() {
         const element = document.querySelector(this.selector);
-        var _element_this_attribute;
-        const value = (_element_this_attribute = element[this.attribute]) != null ? _element_this_attribute : element.getAttribute(this.attribute);
+        const value = element[this.attribute] ?? element.getAttribute(this.attribute);
         if (!(value instanceof Promise)) {
             this._value = value;
             return;
@@ -2386,8 +2339,12 @@ DomAttributeElement = __decorate([
 
 /**
  * Guard function that checks if provided `input` is an Element.
- */ function isElement(input) {
-    return typeof input === "object" && input !== null && input.nodeType === Node.ELEMENT_NODE;
+ */ function _type_of$1(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function isElement(input) {
+    return (typeof input === "undefined" ? "undefined" : _type_of$1(input)) === "object" && input !== null && input.nodeType === Node.ELEMENT_NODE;
 }
 
 var OPERATOR = {
@@ -2476,7 +2433,8 @@ var DEFAULT_OPTIONS = {
     combineBetweenSelectors: true,
     root: null,
     maxCombinations: Number.POSITIVE_INFINITY,
-    maxCandidates: Number.POSITIVE_INFINITY
+    maxCandidates: Number.POSITIVE_INFINITY,
+    useScope: false
 };
 /**
  * Makes sure returned value is a list containing only valid selector types.
@@ -2566,7 +2524,8 @@ var DEFAULT_OPTIONS = {
         combineBetweenSelectors: !!options.combineBetweenSelectors,
         includeTag: !!options.includeTag,
         maxCombinations: sanitizeMaxNumber(options.maxCombinations),
-        maxCandidates: sanitizeMaxNumber(options.maxCandidates)
+        maxCandidates: sanitizeMaxNumber(options.maxCandidates),
+        useScope: !!options.useScope
     };
 }
 
@@ -3626,25 +3585,28 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 /**
  * Creates fallback selector for single element.
- */ function getElementFallbackSelector(element) {
-    var parentElements = getElementParents(element).reverse();
+ */ function getElementFallbackSelector(element, root) {
+    var parentElements = getElementParents(element, root).reverse();
     var elementsData = parentElements.map(function(element) {
+        var _a;
         var elementData = createElementData(element, [
             CSS_SELECTOR_TYPE.nthchild
         ], OPERATOR.CHILD);
-        elementData.selectors.nthchild.forEach(function(selectorData) {
+        ((_a = elementData.selectors.nthchild) !== null && _a !== void 0 ? _a : []).forEach(function(selectorData) {
             selectorData.include = true;
         });
         return elementData;
     });
     return [
-        ":root"
+        root ? ":scope" : ":root"
     ].concat(_to_consumable_array(elementsData.map(constructElementSelector))).join("");
 }
 /**
  * Creates chain of :nth-child selectors from root to the elements.
- */ function getFallbackSelector(elements) {
-    return elements.map(getElementFallbackSelector).join(SELECTOR_SEPARATOR);
+ */ function getFallbackSelector(elements, root) {
+    return elements.map(function(element) {
+        return getElementFallbackSelector(element, root);
+    }).join(SELECTOR_SEPARATOR);
 }
 
 /**
@@ -3679,7 +3641,7 @@ function _unsupported_iterable_to_array(o, minLen) {
             return getCssSelector$1(element, options);
         }).join(SELECTOR_SEPARATOR);
     }
-    return getFallbackSelector(elements);
+    return getFallbackSelector(elements, options.useScope ? root : undefined);
 }
 
 function unescapeCSS(cssEscapedString) {
@@ -3690,13 +3652,49 @@ function getCssSelector(element, options = {}) {
     return unescapeCSS(selector);
 }
 
-class ElementElement extends r$2 {
+class ElementElement extends i {
     get content() {
         return this._content;
     }
     get value() {
         return this._value;
     }
+    static{
+        this.styles = i$3`
+    .digipair-input {
+      padding: 10px 15px;
+      margin-bottom: 10px;
+      line-height: 1.4;
+      border: 1px solid var(--digipair-color-primary, #52dfdb);
+      color: var(--digipair-color-primary, #52dfdb);
+      align-self: flex-start;
+      margin-right: auto;
+      text-align: center;
+    }
+
+    .digipair-input ui5-icon {
+      color: var(--digipair-color-secondary, #52dfdb);
+    }
+
+    .digipair-input.unloaded ui5-icon {
+      color: var(--digipair-color-primary, #52dfdb);
+    }
+
+    .digipair-input p {
+      text-align: center;
+      font-size: 12px;
+      margin: 0;
+    }
+
+    .digipair-input.unloaded {
+      cursor: pointer;
+    }
+
+    .digipair-input.loaded ui5-icon {
+      float: left;
+    }
+  `;
+    }
     loadElement() {
         const digipairEl = document.querySelector('digipair-chatbot');
         this.state = 'selecting';
@@ -3745,12 +3743,11 @@ class ElementElement extends r$2 {
             }, 1);
         };
         const mouseout = (event)=>{
-            var _event_target_closest;
             if (event.target.closest('digipair-chatbot')) {
                 return;
             }
             unsetCurrentElement();
-            (_event_target_closest = event.target.closest(this.filter)) == null ? void 0 : _event_target_closest.classList.add('digipair-input-element-selecting');
+            event.target.closest(this.filter)?.classList.add('digipair-input-element-selecting');
             this.requestUpdate();
         };
         document.addEventListener('keydown', keydown);
@@ -3814,40 +3811,6 @@ class ElementElement extends r$2 {
         this._value = '';
     }
 }
-ElementElement.styles = i$3`
-    .digipair-input {
-      padding: 10px 15px;
-      margin-bottom: 10px;
-      line-height: 1.4;
-      border: 1px solid var(--digipair-color-primary, #52dfdb);
-      color: var(--digipair-color-primary, #52dfdb);
-      align-self: flex-start;
-      margin-right: auto;
-      text-align: center;
-    }
-
-    .digipair-input ui5-icon {
-      color: var(--digipair-color-secondary, #52dfdb);
-    }
-
-    .digipair-input.unloaded ui5-icon {
-      color: var(--digipair-color-primary, #52dfdb);
-    }
-
-    .digipair-input p {
-      text-align: center;
-      font-size: 12px;
-      margin: 0;
-    }
-
-    .digipair-input.unloaded {
-      cursor: pointer;
-    }
-
-    .digipair-input.loaded ui5-icon {
-      float: left;
-    }
-  `;
 __decorate([
     n()
 ], ElementElement.prototype, "label", void 0);
@@ -3870,7 +3833,7 @@ ElementElement = __decorate([
     t('digipair-input-element')
 ], ElementElement);
 
-class FetchElement extends r$2 {
+class FetchElement extends i {
     get value() {
         return this._value;
     }
@@ -3915,7 +3878,7 @@ FetchElement = __decorate([
     t('digipair-input-fetch')
 ], FetchElement);
 
-class HiddenElement extends r$2 {
+class HiddenElement extends i {
     render() {
         return x``;
     }