@supersoniks/concorde 1.1.43 → 1.1.45

package/concorde-core.es.js

@@ -1,22 +1,3 @@
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 var _a;
 class HTML$1 {
   static getLanguage() {
@@ -57,7 +38,7 @@ class HTML$1 {
   }
   static async loadJS(src) {
     const p2 = new Promise(async (resolve) => {
-      let script = document.createElement("script");
+      const script = document.createElement("script");
       script.src = src;
       script.onload = () => resolve(true);
       script.onerror = () => resolve(true);
@@ -67,7 +48,7 @@ class HTML$1 {
   }
   static async loadCSS(src) {
     const p2 = new Promise(async (resolve) => {
-      var cssnode = document.createElement("link");
+      const cssnode = document.createElement("link");
       cssnode.type = "text/css";
       cssnode.rel = "stylesheet";
       cssnode.href = src;
@@ -85,7 +66,7 @@ class Objects$1 {
     if (keys1.length !== keys2.length && useStrictComparaison) {
       return false;
     }
-    for (let key of keys1) {
+    for (const key of keys1) {
       const val1 = object1[key];
       const val2 = object2[key];
       const areEqual = useStrictComparaison ? val1 !== val2 : val1 != val2;
@@ -119,8 +100,8 @@ class Objects$1 {
     return object === null || object === void 0;
   }
   static traverse(obj, pathArray, extendValues = false) {
-    for (let key of pathArray) {
-      let newObj = obj[key];
+    for (const key of pathArray) {
+      const newObj = obj[key];
       if (newObj === void 0) {
         return void 0;
       }
@@ -135,7 +116,7 @@ class Objects$1 {
   static getURLSearchArray(sourceObject, prefix = "") {
     let arr = [];
     for (let key in sourceObject) {
-      let value = sourceObject[key];
+      const value = sourceObject[key];
       if (prefix)
         key = prefix + "[" + key + "]";
       if (Objects$1.isObject(value)) {
@@ -158,18 +139,42 @@ const _API = class {
       this.serviceURL = document.location.origin;
     this.userName = config.userName;
     this.password = config.password;
-    this.token = config.token;
+    if (config.token)
+      this.token = config.token;
     this.tokenProvider = config.tokenProvider;
+    this.authToken = config.authToken;
     this.addHTTPResponse = config.addHTTPResponse || false;
     this.credentials = config.credentials;
   }
-  async handleResult(fetchResult) {
+  set token(token) {
+    this._token = token;
+    if (!token) {
+      _API.tokens.delete(this.serviceURL);
+      return;
+    }
+    if (_API.invalidTokens.includes(token))
+      return;
+    _API.tokens.set(this.serviceURL, token);
+  }
+  get token() {
+    return _API.invalidTokens.includes(this._token) ? _API.tokens.get(this.serviceURL) : this._token;
+  }
+  handleInvalidToken(token) {
+    if (!token)
+      return;
+    if (_API.invalidTokens.includes(token))
+      return;
+    _API.invalidTokens.push(token);
+    this.token = null;
+  }
+  async handleResult(fetchResult, lastCall) {
     var _a2;
     this.lastResult = fetchResult;
     const contentType = (_a2 = fetchResult.headers.get("content-type")) == null ? void 0 : _a2.toLowerCase();
+    const httpCode = fetchResult.status;
     let result = {};
-    if (contentType && contentType.indexOf("text/") == 0) {
-      let str = await fetchResult.text();
+    if (!contentType || contentType.indexOf("text/") == 0) {
+      const str = await fetchResult.text();
       result = { text: str };
     } else {
       try {
@@ -181,6 +186,19 @@ const _API = class {
     if (this.addHTTPResponse && Objects$1.isObject(result)) {
       result._sonic_http_response_ = fetchResult;
     }
+    if (httpCode === 498 && !_API.failledTokenUpdates.has(this.serviceURL)) {
+      this.handleInvalidToken(this.token);
+      if (lastCall.apiMethod === "get") {
+        result = await this[lastCall.apiMethod](lastCall.path, lastCall.additionalHeaders);
+      } else {
+        result = await this[lastCall.apiMethod](
+          lastCall.path,
+          lastCall.data,
+          lastCall.method,
+          lastCall.additionalHeaders
+        );
+      }
+    }
     return result;
   }
   async auth() {
@@ -190,40 +208,63 @@ const _API = class {
       this.token = _API.tokens.get(this.serviceURL);
       return;
     }
-    if (!this.userName || !this.password || !this.tokenProvider)
+    if (!this.tokenProvider)
       return;
-    let headers = {
-      Authorization: "Basic " + window.btoa(unescape(encodeURIComponent(this.userName + ":" + this.password)))
-    };
-    let result = await fetch(this.computeURL(this.tokenProvider), {
+    let headers = {};
+    if (this.userName && this.password) {
+      headers = {
+        Authorization: "Basic " + window.btoa(unescape(encodeURIComponent(this.userName + ":" + this.password)))
+      };
+    } else if (this.authToken) {
+      headers = {
+        Authorization: "Bearer " + this.authToken
+      };
+    }
+    const serviceURL = new URL(this.serviceURL);
+    const serviceHost = serviceURL.protocol + "//" + serviceURL.host;
+    const result = await fetch(this.computeURL(this.tokenProvider, { serviceHost }), {
       headers,
       credentials: this.credentials
     });
     try {
-      let json = await result.json();
-      this.token = json.token;
-      _API.tokens.set(this.serviceURL, this.token);
+      const json = await result.json();
+      const newToken = json.token;
+      if (newToken) {
+        this.token = json.token;
+      } else {
+        _API.failledTokenUpdates.set(this.serviceURL, true);
+      }
     } catch (e2) {
+      _API.failledTokenUpdates.set(this.serviceURL, true);
     }
   }
   async get(path, additionalHeaders) {
-    let headers = await this.createHeaders(additionalHeaders);
+    const lastCall = {
+      apiMethod: "get",
+      path,
+      additionalHeaders
+    };
+    const headers = await this.createHeaders(additionalHeaders);
     const url = this.computeURL(path);
-    if (!_API.loadingGetPromises.has(url)) {
-      let promise = new Promise(async (resolve) => {
-        let result2 = await fetch(url, { headers, credentials: this.credentials });
-        let handledResult = await this.handleResult(result2);
+    const mapKey = JSON.stringify({
+      url,
+      headers
+    });
+    if (!_API.loadingGetPromises.has(mapKey)) {
+      const promise = new Promise(async (resolve) => {
+        const result2 = await fetch(url, { headers, credentials: this.credentials });
+        const handledResult = await this.handleResult(result2, lastCall);
         resolve(handledResult);
       });
-      _API.loadingGetPromises.set(url, promise);
+      _API.loadingGetPromises.set(mapKey, promise);
     }
-    let result = await _API.loadingGetPromises.get(url);
-    _API.loadingGetPromises.delete(url);
+    const result = await _API.loadingGetPromises.get(mapKey);
+    _API.loadingGetPromises.delete(mapKey);
     return result;
   }
   async createHeaders(additionalHeaders) {
     await this.auth();
-    let headers = {};
+    const headers = {};
     if (this.token)
       headers.Authorization = "Bearer " + this.token;
     headers["Accept-Language"] = HTML$1.getLanguage();
@@ -232,35 +273,60 @@ const _API = class {
     }
     return headers;
   }
-  computeURL(path) {
-    return (this.serviceURL + "/" + path).replace(/([^(https?\:)])\/{2,}/g, "$1/");
+  computeURL(path, query = {}) {
+    let url = "";
+    if (path.startsWith("http"))
+      url = path;
+    else
+      url = this.serviceURL + "/" + path;
+    if (!url.startsWith("http"))
+      url = window.location.origin + url;
+    const computedUrl = new URL(url);
+    for (const key in query) {
+      computedUrl.searchParams.set(key, query[key]);
+    }
+    return computedUrl.toString().replace(/([^(https?:)])\/{2,}/g, "$1/");
   }
   async send(path, data, method = "POST", additionalHeaders) {
-    let headers = await this.createHeaders(additionalHeaders);
+    const lastCall = {
+      apiMethod: "send",
+      path,
+      additionalHeaders,
+      method,
+      data
+    };
+    const headers = await this.createHeaders(additionalHeaders);
     headers["Accept"] = "application/json";
     headers["Content-Type"] = "application/json";
-    let result = await fetch(this.computeURL(path), {
+    const result = await fetch(this.computeURL(path), {
       headers,
       credentials: this.credentials,
       method,
       body: JSON.stringify(data)
     });
-    return await this.handleResult(result);
+    return await this.handleResult(result, lastCall);
   }
   async submitFormData(path, data, method = "POST", additionalHeaders) {
-    let headers = await this.createHeaders(additionalHeaders);
+    const lastCall = {
+      apiMethod: "submitFormData",
+      path,
+      additionalHeaders,
+      method,
+      data
+    };
+    const headers = await this.createHeaders(additionalHeaders);
     headers["Accept"] = "application/json";
-    let formData = new FormData();
+    const formData = new FormData();
     const dynamicData = data;
-    for (let z2 in dynamicData)
+    for (const z2 in dynamicData)
       formData.set(z2, dynamicData[z2]);
-    let result = await fetch(this.computeURL(path), {
+    const result = await fetch(this.computeURL(path), {
       headers,
       credentials: this.credentials,
       method,
       body: formData
     });
-    return await this.handleResult(result);
+    return await this.handleResult(result, lastCall);
   }
   async put(path, data, additionalHeaders) {
     return this.send(path, data, "PUT", additionalHeaders);
@@ -275,6 +341,8 @@ const _API = class {
 let API = _API;
 API.loadingGetPromises = /* @__PURE__ */ new Map();
 API.tokens = /* @__PURE__ */ new Map();
+API.invalidTokens = [];
+API.failledTokenUpdates = /* @__PURE__ */ new Map();
 class Format$1 {
   static ucFirst(str) {
     if (typeof str != "string")
@@ -302,15 +370,15 @@ class PublisherProxy$1 {
     this._fillListeners_ = /* @__PURE__ */ new Set();
     this._templateFillListeners_ = /* @__PURE__ */ new Set();
     this._lockInternalMutationPublishing_ = false;
-    this.root = this;
     this._value_ = target;
     this.parent = parentProxPub || null;
+    this.root = this;
     while (this.root.parent) {
       this.root = this.root.parent;
     }
   }
   delete() {
-    for (let proxy of this._proxies_.values()) {
+    for (const proxy of this._proxies_.values()) {
       proxy.delete();
     }
     this._invalidateListeners_.clear();
@@ -347,7 +415,7 @@ class PublisherProxy$1 {
   }
   _publishTemplateFilling_(key, value) {
     this._templateFillListeners_.forEach((handler) => {
-      let desc = Object.getOwnPropertyDescriptor(handler, key);
+      const desc = Object.getOwnPropertyDescriptor(handler, key);
       if (desc && !desc.set && !desc.writable)
         return;
       if (handler.propertyMap && handler.propertyMap[key]) {
@@ -393,13 +461,16 @@ class PublisherProxy$1 {
   }
   startTemplateFilling(handler) {
     this._templateFillListeners_.add(handler);
-    for (var z2 in this._value_) {
+    if (typeof this._value_ != "object")
+      return;
+    for (const z2 in this._value_) {
+      let valueKey = z2;
       const value = this._value_[z2];
       if (handler.propertyMap && handler.propertyMap[z2]) {
-        z2 = handler.propertyMap[z2];
+        valueKey = handler.propertyMap[z2];
       }
       if (typeof handler[z2] != "undefined" && handler[z2] !== value) {
-        handler[z2] = value;
+        handler[valueKey] = value;
       }
     }
   }
@@ -408,7 +479,7 @@ class PublisherProxy$1 {
   }
   startDynamicFilling(handler) {
     this._fillListeners_.add(handler);
-    for (var z2 in this._value_) {
+    for (const z2 in this._value_) {
       const value = this._value_[z2];
       if (handler[z2] !== value)
         handler[z2] = value;
@@ -421,17 +492,17 @@ class PublisherProxy$1 {
     var _a2;
     if (this._value_ === newValue)
       return true;
-    if ("hasOwnProperty" in this._value_ && this._value_.hasOwnProperty("__value") && newValue.hasOwnProperty("__value") && this._value_.__value === newValue.__value) {
+    if (this._value_ && Object.prototype.hasOwnProperty.call(this._value_, "__value") && Object.prototype.hasOwnProperty.call(newValue, "__value") && this._value_.__value === newValue.__value) {
       return true;
     }
     const prevValue = this._value_;
     this._value_ = isComplex(newValue) ? newValue : { __value: newValue };
-    const isPrimitiveValue = this._value_.hasOwnProperty("__value");
+    const isPrimitiveValue = Object.prototype.hasOwnProperty.call(this._value_, "__value");
     if (isPrimitiveValue) {
       this._publishAssignement_(lockInternalMutationsTransmission);
       return true;
     }
-    for (let key in this._value_) {
+    for (const key in this._value_) {
       if (typeof this._value_[key] === "undefined")
         delete this._value_[key];
     }
@@ -450,12 +521,12 @@ class PublisherProxy$1 {
     });
     this._publishAssignement_();
     if (isComplex(this._value_)) {
-      for (let key in this._value_) {
-        let v2 = newValue[key];
-        let isVComplex = isComplex(v2);
-        let valueV = isVComplex ? v2 : { __value: v2 };
+      for (const key in this._value_) {
+        const v2 = newValue[key];
+        const isVComplex = isComplex(v2);
+        const valueV = isVComplex ? v2 : { __value: v2 };
         if (!this._proxies_.has(key)) {
-          let newPublisher = new Publisher({}, this);
+          const newPublisher = new Publisher({}, this);
           this._proxies_.set(key, newPublisher);
           newPublisher._proxies_.set("_parent_", this);
         }
@@ -466,8 +537,8 @@ class PublisherProxy$1 {
     return true;
   }
   get() {
-    if (this._value_.hasOwnProperty("__value")) {
-      let v2 = this._value_.__value;
+    if (Object.prototype.hasOwnProperty.call(this._value_, "__value")) {
+      const v2 = this._value_.__value;
       return v2 != void 0 ? v2 : null;
     }
     return this._value_;
@@ -511,9 +582,8 @@ PublisherManager$1.instance = null;
 class Publisher extends PublisherProxy$1 {
   constructor(target, parentProxPub = null) {
     super(target, parentProxPub);
-    let that = this;
-    let thisProxy = new Proxy(this, {
-      get: function(oTarget, sKey) {
+    const thisProxy = new Proxy(this, {
+      get: function(publisherInstance, sKey) {
         if ([
           "invalidate",
           "onInvalidate",
@@ -545,58 +615,58 @@ class Publisher extends PublisherProxy$1 {
           "_value_",
           "_lockInternalMutationPublishing_"
         ].includes(sKey))
-          return that[sKey];
-        if (!that._proxies_.has(sKey)) {
-          let vValue = that._value_[sKey];
-          let newPublisher = new Publisher(isComplex(vValue) ? vValue : { __value: vValue }, that);
+          return publisherInstance[sKey];
+        if (!publisherInstance._proxies_.has(sKey)) {
+          const vValue = publisherInstance._value_[sKey];
+          const newPublisher = new Publisher(isComplex(vValue) ? vValue : { __value: vValue }, publisherInstance);
           newPublisher._proxies_.set("_parent_", thisProxy);
-          that._proxies_.set(sKey, newPublisher);
+          publisherInstance._proxies_.set(sKey, newPublisher);
         }
-        return that._proxies_.get(sKey);
+        return publisherInstance._proxies_.get(sKey);
       },
-      set: function(oTarget, sKey, vValue) {
+      set: function(publisherInstance, sKey, vValue) {
         var _a2;
         if (sKey == "_value_") {
-          oTarget._value_ = vValue;
-          return oTarget._value_;
+          publisherInstance._value_ = vValue;
+          return true;
         }
-        if (!that._proxies_.has(sKey)) {
-          let newPublisher = new Publisher({}, that);
+        if (!publisherInstance._proxies_.has(sKey)) {
+          const newPublisher = new Publisher({}, publisherInstance);
           newPublisher._proxies_.set("_parent_", thisProxy);
-          that._proxies_.set(sKey, newPublisher);
+          publisherInstance._proxies_.set(sKey, newPublisher);
         }
-        const prevValue = that._value_[sKey];
+        const prevValue = publisherInstance._value_[sKey];
         if (prevValue !== vValue) {
-          that._value_[sKey] = vValue;
-          that._publishDynamicFilling_(sKey, vValue);
-          (_a2 = that._proxies_.get(sKey)) == null ? void 0 : _a2.set(isComplex(vValue) ? vValue : { __value: vValue });
+          publisherInstance._value_[sKey] = vValue;
+          publisherInstance._publishDynamicFilling_(sKey, vValue);
+          (_a2 = publisherInstance._proxies_.get(sKey)) == null ? void 0 : _a2.set(isComplex(vValue) ? vValue : { __value: vValue });
         }
-        return that._proxies_.get(sKey);
+        return true;
       },
-      deleteProperty: function(oTarget, sKey) {
-        that._publishDynamicFilling_(sKey, null);
-        that._proxies_.delete(sKey);
-        return delete that._value_[sKey];
+      deleteProperty: function(publisherInstance, sKey) {
+        publisherInstance._publishDynamicFilling_(sKey, null);
+        publisherInstance._proxies_.delete(sKey);
+        return delete publisherInstance._value_[sKey];
       },
-      has: function(oTarget, sKey) {
-        return sKey in that._value_ && sKey != "_lockInternalMutationPublishing_";
+      has: function(publisherInstance, sKey) {
+        return sKey in publisherInstance._value_ && sKey != "_lockInternalMutationPublishing_";
       },
-      defineProperty: function(oTarget, sKey, oDesc) {
+      defineProperty: function(publisherInstance, sKey, oDesc) {
         if (oDesc && "value" in oDesc) {
-          that._value_[sKey] = oDesc.value;
+          publisherInstance._value_[sKey] = oDesc.value;
         }
-        return that._value_;
+        return true;
       },
-      getOwnPropertyDescriptor: function(oTarget, sKey) {
+      getOwnPropertyDescriptor: function(publisherInstance, sKey) {
         return {
           enumerable: true,
           configurable: true
         };
       },
-      ownKeys: function(target2) {
-        if (that._value_.__value)
-          return Object.keys(that._value_.__value);
-        return Object.keys(that._value_);
+      ownKeys: function(publisherInstance) {
+        if (publisherInstance._value_.__value)
+          return Object.keys(publisherInstance._value_.__value);
+        return Object.keys(publisherInstance._value_);
       }
     });
     return thisProxy;
@@ -612,7 +682,9 @@ const _DataBindObserver = class {
     if (!this.enabled)
       return;
     this.enabled = false;
-    Array.from(_DataBindObserver.observedElements.keys()).forEach((k2) => _DataBindObserver.unObserve(k2));
+    Array.from(_DataBindObserver.observedElements.keys()).forEach(
+      (k2) => _DataBindObserver.unObserve(k2)
+    );
   }
   static observe(element) {
     if (!element)
@@ -621,8 +693,8 @@ const _DataBindObserver = class {
       return;
     if (_DataBindObserver.observedElements.has(element))
       return;
-    let obs = new MutationObserver(_DataBindObserver.onMutation);
-    let opt = {};
+    const obs = new MutationObserver(_DataBindObserver.onMutation);
+    const opt = {};
     opt.childList = true;
     opt.subtree = true;
     opt.attributes = true;
@@ -634,7 +706,7 @@ const _DataBindObserver = class {
   static unObserve(element) {
     if (!element)
       return;
-    let observer = this.observedElements.get(element);
+    const observer = this.observedElements.get(element);
     if (!observer)
       return;
     observer.disconnect();
@@ -657,18 +729,16 @@ const _DataBindObserver = class {
       elt.childNodes.forEach((elt2) => _DataBindObserver.onRemoved(elt2));
   }
   static onMutation(list) {
-    for (let l2 of list) {
+    for (const l2 of list) {
       switch (l2.type) {
         case "attributes":
           _DataBindObserver.addPublisherListeners(l2.target);
           break;
         case "childList":
-          var added = l2.addedNodes;
-          var removed = l2.removedNodes;
-          added.forEach((elt) => {
+          l2.addedNodes.forEach((elt) => {
             _DataBindObserver.onAdded(elt);
           });
-          removed.forEach((elt) => {
+          l2.removedNodes.forEach((elt) => {
             _DataBindObserver.onRemoved(elt);
           });
           break;
@@ -676,7 +746,7 @@ const _DataBindObserver = class {
     }
   }
   static removePublisherListeners(target) {
-    let conf = _DataBindObserver.publisherListeners.get(target);
+    const conf = _DataBindObserver.publisherListeners.get(target);
     if (!conf)
       return;
     _DataBindObserver.publisherListeners.delete(target);
@@ -701,9 +771,9 @@ const _DataBindObserver = class {
     if (!("attributes" in element))
       return [];
     return Array.from(element.attributes).filter((attribute) => attribute.name.indexOf("::") == 0).map((e2) => {
-      let name = e2.name.substring(2);
+      const name = e2.name.substring(2);
       return {
-        propertyToUpdate: name.replace(/\-((html)|\w)/g, (match) => match.substring(1).toUpperCase()),
+        propertyToUpdate: name.replace(/-((html)|\w)/g, (match) => match.substring(1).toUpperCase()),
         bindedVariablesDescriptor: _DataBindObserver.getVariablesDescriptor(e2.value)
       };
     });
@@ -711,7 +781,7 @@ const _DataBindObserver = class {
   static getSubPublisher(pub, pathArray) {
     if (!pathArray)
       return pub;
-    for (let key of pathArray) {
+    for (const key of pathArray) {
       if (key == "_self_")
         continue;
       if (!pub)
@@ -722,24 +792,27 @@ const _DataBindObserver = class {
   }
   static addPublisherListeners(target) {
     _DataBindObserver.removePublisherListeners(target);
-    let dataProviderId = HTML$1.getAncestorAttributeValue(target.parentNode || target.host || target, "dataProvider");
+    const dataProviderId = HTML$1.getAncestorAttributeValue(
+      target.parentNode || target.host || target,
+      "dataProvider"
+    );
     if (!dataProviderId)
       return;
-    let publisher = PublisherManager$1.getInstance().get(dataProviderId);
-    let dataBindItems = _DataBindObserver.getDataBindItems(target);
-    let conf = [];
+    const publisher = PublisherManager$1.getInstance().get(dataProviderId);
+    const dataBindItems = _DataBindObserver.getDataBindItems(target);
+    const conf = [];
     dataBindItems.forEach((dataBindItem) => {
-      let bindedVariablesDescriptor = dataBindItem.bindedVariablesDescriptor;
-      let propertyToUpdate = dataBindItem.propertyToUpdate;
-      for (let value of bindedVariablesDescriptor.variables) {
-        let publisherPathArray = value;
+      const bindedVariablesDescriptor = dataBindItem.bindedVariablesDescriptor;
+      const propertyToUpdate = dataBindItem.propertyToUpdate;
+      for (const value of bindedVariablesDescriptor.variables) {
+        const publisherPathArray = value;
         let pub = publisher;
         pub = _DataBindObserver.getSubPublisher(publisher, publisherPathArray);
-        let rec = target;
-        let currentConf = {
+        const rec = target;
+        const currentConf = {
           publisher: pub,
           onAssign: () => {
-            let values = bindedVariablesDescriptor.variables.map((dataPath) => {
+            const values = bindedVariablesDescriptor.variables.map((dataPath) => {
               var _a2;
               return (_a2 = _DataBindObserver.getSubPublisher(publisher, dataPath)) == null ? void 0 : _a2.get();
             });
@@ -755,7 +828,7 @@ const _DataBindObserver = class {
             }
             for (let i2 = 0; i2 < values.length; i2++) {
               let value2 = values[i2];
-              let variable = bindedVariablesDescriptor.variables[i2];
+              const variable = bindedVariablesDescriptor.variables[i2];
               if (value2 === null) {
                 hasUndeterminatedValue = true;
                 value2 = void 0;
@@ -763,13 +836,13 @@ const _DataBindObserver = class {
               expression = expression.replace("$" + variable.join("."), value2);
             }
             if (expression.indexOf("|") != -1) {
-              let funcDelimiterIdx = expression.indexOf("|");
+              const funcDelimiterIdx = expression.indexOf("|");
               if (funcDelimiterIdx == 0) {
                 expression = Format$1.js(expression.substring(1));
               } else {
-                let funcName = expression.substring(0, funcDelimiterIdx);
-                let funcArgs = expression.substring(funcDelimiterIdx + 1);
-                let fmtFunc = Format$1[funcName];
+                const funcName = expression.substring(0, funcDelimiterIdx);
+                const funcArgs = expression.substring(funcDelimiterIdx + 1);
+                const fmtFunc = Format$1[funcName];
                 expression = hasUndeterminatedValue ? "" : fmtFunc ? fmtFunc(funcArgs) : expression;
               }
             } else {
@@ -797,7 +870,7 @@ if (!window.SonicDataBindObserver)
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e$8 = (e2) => (n2) => typeof n2 == "function" ? ((e3, n3) => (customElements.define(e3, n3), n3))(e2, n2) : ((e3, n3) => {
+const e$8 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElements.define(e3, n3), n3))(e2, n2) : ((e3, n3) => {
   const { kind: t2, elements: s2 } = n3;
   return { kind: t2, elements: s2, finisher(n4) {
     customElements.define(e3, n4);
@@ -808,15 +881,15 @@ const e$8 = (e2) => (n2) => typeof n2 == "function" ? ((e3, n3) => (customElemen
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const i$6 = (i2, e2) => e2.kind === "method" && e2.descriptor && !("value" in e2.descriptor) ? __spreadProps(__spreadValues({}, e2), { finisher(n2) {
+const i$6 = (i2, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2.descriptor) ? { ...e2, finisher(n2) {
   n2.createProperty(e2.key, i2);
-} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e2.key, initializer() {
-  typeof e2.initializer == "function" && (this[e2.key] = e2.initializer.call(this));
+} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e2.key, initializer() {
+  "function" == typeof e2.initializer && (this[e2.key] = e2.initializer.call(this));
 }, finisher(n2) {
   n2.createProperty(e2.key, i2);
 } };
 function e$7(e2) {
-  return (n2, t2) => t2 !== void 0 ? ((i2, e3, n3) => {
+  return (n2, t2) => void 0 !== t2 ? ((i2, e3, n3) => {
     e3.constructor.createProperty(n3, i2);
   })(e2, n2, t2) : i$6(e2, n2);
 }
@@ -826,7 +899,7 @@ function e$7(e2) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function t$3(t2) {
-  return e$7(__spreadProps(__spreadValues({}, t2), { state: true }));
+  return e$7({ ...t2, state: true });
 }
 /**
  * @license
@@ -835,15 +908,15 @@ function t$3(t2) {
  */
 const o$9 = ({ finisher: e2, descriptor: t2 }) => (o2, n2) => {
   var r2;
-  if (n2 === void 0) {
-    const n3 = (r2 = o2.originalKey) !== null && r2 !== void 0 ? r2 : o2.key, i2 = t2 != null ? { kind: "method", placement: "prototype", key: n3, descriptor: t2(o2.key) } : __spreadProps(__spreadValues({}, o2), { key: n3 });
-    return e2 != null && (i2.finisher = function(t3) {
+  if (void 0 === n2) {
+    const n3 = null !== (r2 = o2.originalKey) && void 0 !== r2 ? r2 : o2.key, i2 = null != t2 ? { kind: "method", placement: "prototype", key: n3, descriptor: t2(o2.key) } : { ...o2, key: n3 };
+    return null != e2 && (i2.finisher = function(t3) {
       e2(t3, n3);
     }), i2;
   }
   {
     const r3 = o2.constructor;
-    t2 !== void 0 && Object.defineProperty(o2, n2, t2(n2)), e2 == null || e2(r3, n2);
+    void 0 !== t2 && Object.defineProperty(o2, n2, t2(n2)), null == e2 || e2(r3, n2);
   }
 };
 /**
@@ -855,13 +928,13 @@ function i$5(i2, n2) {
   return o$9({ descriptor: (o2) => {
     const t2 = { get() {
       var o3, n3;
-      return (n3 = (o3 = this.renderRoot) === null || o3 === void 0 ? void 0 : o3.querySelector(i2)) !== null && n3 !== void 0 ? n3 : null;
+      return null !== (n3 = null === (o3 = this.renderRoot) || void 0 === o3 ? void 0 : o3.querySelector(i2)) && void 0 !== n3 ? n3 : null;
     }, enumerable: true, configurable: true };
     if (n2) {
-      const n3 = typeof o2 == "symbol" ? Symbol() : "__" + o2;
+      const n3 = "symbol" == typeof o2 ? Symbol() : "__" + o2;
       t2.get = function() {
         var o3, t3;
-        return this[n3] === void 0 && (this[n3] = (t3 = (o3 = this.renderRoot) === null || o3 === void 0 ? void 0 : o3.querySelector(i2)) !== null && t3 !== void 0 ? t3 : null), this[n3];
+        return void 0 === this[n3] && (this[n3] = null !== (t3 = null === (o3 = this.renderRoot) || void 0 === o3 ? void 0 : o3.querySelector(i2)) && void 0 !== t3 ? t3 : null), this[n3];
       };
     }
     return t2;
@@ -873,12 +946,12 @@ function i$5(i2, n2) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var n$6;
-const e$6 = ((n$6 = window.HTMLSlotElement) === null || n$6 === void 0 ? void 0 : n$6.prototype.assignedElements) != null ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
+const e$6 = null != (null === (n$6 = window.HTMLSlotElement) || void 0 === n$6 ? void 0 : n$6.prototype.assignedElements) ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
 function l$6(n2) {
-  const { slot: l2, selector: t2 } = n2 != null ? n2 : {};
+  const { slot: l2, selector: t2 } = null != n2 ? n2 : {};
   return o$9({ descriptor: (o2) => ({ get() {
     var o3;
-    const r2 = "slot" + (l2 ? `[name=${l2}]` : ":not([name])"), i2 = (o3 = this.renderRoot) === null || o3 === void 0 ? void 0 : o3.querySelector(r2), s2 = i2 != null ? e$6(i2, n2) : [];
+    const r2 = "slot" + (l2 ? `[name=${l2}]` : ":not([name])"), i2 = null === (o3 = this.renderRoot) || void 0 === o3 ? void 0 : o3.querySelector(r2), s2 = null != i2 ? e$6(i2, n2) : [];
     return t2 ? s2.filter((o4) => o4.matches(t2)) : s2;
   }, enumerable: true, configurable: true }) });
 }
@@ -889,10 +962,10 @@ function l$6(n2) {
  */
 function o$8(o2, n2, r2) {
   let l2, s2 = o2;
-  return typeof o2 == "object" ? (s2 = o2.slot, l2 = o2) : l2 = { flatten: n2 }, r2 ? l$6({ slot: s2, flatten: n2, selector: r2 }) : o$9({ descriptor: (e2) => ({ get() {
+  return "object" == typeof o2 ? (s2 = o2.slot, l2 = o2) : l2 = { flatten: n2 }, r2 ? l$6({ slot: s2, flatten: n2, selector: r2 }) : o$9({ descriptor: (e2) => ({ get() {
     var e3, t2;
-    const o3 = "slot" + (s2 ? `[name=${s2}]` : ":not([name])"), n3 = (e3 = this.renderRoot) === null || e3 === void 0 ? void 0 : e3.querySelector(o3);
-    return (t2 = n3 == null ? void 0 : n3.assignedNodes(l2)) !== null && t2 !== void 0 ? t2 : [];
+    const o3 = "slot" + (s2 ? `[name=${s2}]` : ":not([name])"), n3 = null === (e3 = this.renderRoot) || void 0 === e3 ? void 0 : e3.querySelector(o3);
+    return null !== (t2 = null == n3 ? void 0 : n3.assignedNodes(l2)) && void 0 !== t2 ? t2 : [];
   }, enumerable: true, configurable: true }) });
 }
 var __defProp$18 = Object.defineProperty;
@@ -953,8 +1026,9 @@ const Subscriber$1 = (superClass, type) => {
     }
     updated(_changedProperties) {
       super.updated(_changedProperties);
-      let ref = this.shadowRoot || this;
-      let display = this.displayContents ? "contents" : ref.children.length == 0 ? "none" : null;
+      const ref = this.shadowRoot || this;
+      const children = [...ref.children].filter((child) => child.tagName != "STYLE");
+      const display = this.displayContents ? "contents" : children.length == 0 ? "none" : null;
       if (display)
         this.style.display = display;
       else
@@ -962,12 +1036,12 @@ const Subscriber$1 = (superClass, type) => {
     }
     connectedCallback() {
       if (this.hasAttribute("lazyRendering")) {
-        let options = {
+        const options = {
           root: null,
           rootMargin: Math.max(window.innerWidth * 0.1, window.innerHeight * 0.1) + "px"
         };
         let firstView = true;
-        let iObserver = new IntersectionObserver((entries) => {
+        const iObserver = new IntersectionObserver((entries) => {
           for (const e2 of entries) {
             if (firstView && e2.isIntersecting) {
               firstView = false;
@@ -1003,7 +1077,7 @@ const Subscriber$1 = (superClass, type) => {
       if (this.hasAttribute("debug") && !this.defferedDebug) {
         if (!this.debug) {
           this.debug = document.createElement("div");
-          let style = this.debug.style;
+          const style = this.debug.style;
           style.position = "fixed";
           style.top = "0";
           style.right = "0";
@@ -1045,7 +1119,11 @@ const Subscriber$1 = (superClass, type) => {
         });
         (_a2 = this.publisher) == null ? void 0 : _a2.onInternalMutation(() => {
           var _a3;
-          this.debug.innerHTML = `\u{1F916} DataProvider : "<b style="font-weight:700;color:#fff">${this.dataProvider}</b>"<br><div style="font-size:10px;border-top:1px dashed;margin-top:5px;padding-left:23px;opacity:.6;padding-top:5px">Variable disponible dans la console<br>ctrl + Clique : \xE9pingler / d\xE9s\xE9pingler</div><pre style="margin-top:10px;background:0 0;padding:0;font-size:inherit;color:inherit">${JSON.stringify((_a3 = this.publisher) == null ? void 0 : _a3.get(), null, "  ")}</pre>`;
+          this.debug.innerHTML = `\u{1F916} DataProvider : "<b style="font-weight:700;color:#fff">${this.dataProvider}</b>"<br><div style="font-size:10px;border-top:1px dashed;margin-top:5px;padding-left:23px;opacity:.6;padding-top:5px">Variable disponible dans la console<br>ctrl + Clique : \xE9pingler / d\xE9s\xE9pingler</div><pre style="margin-top:10px;background:0 0;padding:0;font-size:inherit;color:inherit">${JSON.stringify(
+            (_a3 = this.publisher) == null ? void 0 : _a3.get(),
+            null,
+            "  "
+          )}</pre>`;
         });
       }
     }
@@ -1058,23 +1136,23 @@ const Subscriber$1 = (superClass, type) => {
     }
     getApiConfiguration() {
       const token = this.getAncestorAttributeValue("token");
-      let addHTTPResponse = this.getAncestorAttributeValue("addHTTPResponse") != null;
-      let serviceURL = this.getAncestorAttributeValue("serviceURL");
+      const addHTTPResponse = this.getAncestorAttributeValue("addHTTPResponse") != null;
+      const serviceURL = this.getAncestorAttributeValue("serviceURL");
       let userName = null;
       let password2 = null;
-      let tokenProvider = null;
+      const tokenProvider = this.getAncestorAttributeValue("tokenProvider");
+      const authToken = this.getAncestorAttributeValue("eventsApiToken");
       if (!token) {
         userName = this.getAncestorAttributeValue("userName");
         password2 = this.getAncestorAttributeValue("password");
-        tokenProvider = this.getAncestorAttributeValue("tokenProvider");
       }
-      let credentials = this.getAncestorAttributeValue("credentials") || void 0;
-      return { serviceURL, token, userName, password: password2, tokenProvider, addHTTPResponse, credentials };
+      const credentials = this.getAncestorAttributeValue("credentials") || void 0;
+      return { serviceURL, token, userName, password: password2, authToken, tokenProvider, addHTTPResponse, credentials };
     }
     async initWording() {
       let hasWording = false;
       const propNames = Object.getOwnPropertyNames(this.constructor.prototype);
-      for (let p2 of propNames) {
+      for (const p2 of propNames) {
         if (p2.indexOf("wording_") == 0) {
           hasWording = true;
           break;
@@ -1082,14 +1160,14 @@ const Subscriber$1 = (superClass, type) => {
       }
       if (!hasWording)
         return;
-      let publisher = PublisherManager$1.getInstance().get("sonic-wording");
-      let wordingProvider = this.getAncestorAttributeValue("wordingProvider");
+      const publisher = PublisherManager$1.getInstance().get("sonic-wording");
+      const wordingProvider = this.getAncestorAttributeValue("wordingProvider");
       const api2 = new API(this.getApiConfiguration());
       if (wordingProvider) {
-        let wordings = [];
-        for (let p2 of propNames) {
+        const wordings = [];
+        for (const p2 of propNames) {
           if (p2.indexOf("wording_") == 0) {
-            let p8 = p2.substring(8);
+            const p8 = p2.substring(8);
             if (!publisher.get()[p2]) {
               publisher[p2] = "...";
               wordings.push(p8);
@@ -1097,8 +1175,8 @@ const Subscriber$1 = (superClass, type) => {
           }
         }
         if (wordings.length > 0) {
-          let result = await api2.post(wordingProvider, { labels: wordings });
-          for (let elt in result) {
+          const result = await api2.post(wordingProvider, { labels: wordings });
+          for (const elt in result) {
             publisher["wording_" + elt] = result[elt];
           }
         }
@@ -1110,7 +1188,7 @@ const Subscriber$1 = (superClass, type) => {
       if (this.noShadowDom === "" || this.getAttribute("noShadowDom") === "") {
         return this;
       }
-      let shadowRoot = super.createRenderRoot();
+      const shadowRoot = super.createRenderRoot();
       DataBindObserver$1.observe(shadowRoot);
       return shadowRoot;
     }
@@ -1137,7 +1215,7 @@ const Subscriber$1 = (superClass, type) => {
         let pub = mng.get(publisherId);
         this.dataProvider = publisherId;
         if (this.hasAttribute("subDataProvider")) {
-          let dataPath = this.getAttribute("subDataProvider");
+          const dataPath = this.getAttribute("subDataProvider");
           this.dataProvider = publisherId + "/" + dataPath;
           pub = Objects$1.traverse(pub, dataPath.split("."));
           mng.set(this.dataProvider, pub);
@@ -1209,8 +1287,8 @@ const TemplatesContainer$1 = (superClass) => {
       this.templatePartsList = [];
     }
     connectedCallback() {
-      let templates = this.templates || [...this.querySelectorAll("template")];
-      for (let t2 of templates) {
+      const templates = this.templates || [...this.querySelectorAll("template")];
+      for (const t2 of templates) {
         if (t2.hasAttribute(this.templateValueAttribute)) {
           this.templateParts[t2.getAttribute(this.templateValueAttribute)] = t2;
           this.templatePartsList.push(t2);
@@ -1232,7 +1310,7 @@ const TemplatesContainer$1 = (superClass) => {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$2 = window, e$5 = t$2.ShadowRoot && (t$2.ShadyCSS === void 0 || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$6 = Symbol(), n$5 = /* @__PURE__ */ new WeakMap();
+const t$2 = window, e$5 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$6 = Symbol(), n$5 = /* @__PURE__ */ new WeakMap();
 class o$7 {
   constructor(t2, e2, n2) {
     if (this._$cssResult$ = true, n2 !== s$6)
@@ -1242,9 +1320,9 @@ class o$7 {
   get styleSheet() {
     let t2 = this.o;
     const s2 = this.t;
-    if (e$5 && t2 === void 0) {
-      const e2 = s2 !== void 0 && s2.length === 1;
-      e2 && (t2 = n$5.get(s2)), t2 === void 0 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$5.set(s2, t2));
+    if (e$5 && void 0 === t2) {
+      const e2 = void 0 !== s2 && 1 === s2.length;
+      e2 && (t2 = n$5.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$5.set(s2, t2));
     }
     return t2;
   }
@@ -1252,11 +1330,11 @@ class o$7 {
     return this.cssText;
   }
 }
-const r$5 = (t2) => new o$7(typeof t2 == "string" ? t2 : t2 + "", void 0, s$6), i$4 = (t2, ...e2) => {
-  const n2 = t2.length === 1 ? t2[0] : e2.reduce((e3, s2, n3) => e3 + ((t3) => {
-    if (t3._$cssResult$ === true)
+const r$5 = (t2) => new o$7("string" == typeof t2 ? t2 : t2 + "", void 0, s$6), i$4 = (t2, ...e2) => {
+  const n2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s2, n3) => e3 + ((t3) => {
+    if (true === t3._$cssResult$)
       return t3.cssText;
-    if (typeof t3 == "number")
+    if ("number" == typeof t3)
       return t3;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s2) + t2[n3 + 1], t2[0]);
@@ -1264,7 +1342,7 @@ const r$5 = (t2) => new o$7(typeof t2 == "string" ? t2 : t2 + "", void 0, s$6),
 }, S$2 = (s2, n2) => {
   e$5 ? s2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((e2) => {
     const n3 = document.createElement("style"), o2 = t$2.litNonce;
-    o2 !== void 0 && n3.setAttribute("nonce", o2), n3.textContent = e2.cssText, s2.appendChild(n3);
+    void 0 !== o2 && n3.setAttribute("nonce", o2), n3.textContent = e2.cssText, s2.appendChild(n3);
   });
 }, c$4 = e$5 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
   let e2 = "";
@@ -1285,17 +1363,17 @@ const e$4 = window, r$4 = e$4.trustedTypes, h$3 = r$4 ? r$4.emptyScript : "", o$
       break;
     case Object:
     case Array:
-      t2 = t2 == null ? t2 : JSON.stringify(t2);
+      t2 = null == t2 ? t2 : JSON.stringify(t2);
   }
   return t2;
 }, fromAttribute(t2, i2) {
   let s2 = t2;
   switch (i2) {
     case Boolean:
-      s2 = t2 !== null;
+      s2 = null !== t2;
       break;
     case Number:
-      s2 = t2 === null ? null : Number(t2);
+      s2 = null === t2 ? null : Number(t2);
       break;
     case Object:
     case Array:
@@ -1313,20 +1391,20 @@ class d$1 extends HTMLElement {
   }
   static addInitializer(t2) {
     var i2;
-    this.finalize(), ((i2 = this.h) !== null && i2 !== void 0 ? i2 : this.h = []).push(t2);
+    this.finalize(), (null !== (i2 = this.h) && void 0 !== i2 ? i2 : this.h = []).push(t2);
   }
   static get observedAttributes() {
     this.finalize();
     const t2 = [];
     return this.elementProperties.forEach((i2, s2) => {
       const e2 = this._$Ep(s2, i2);
-      e2 !== void 0 && (this._$Ev.set(e2, s2), t2.push(e2));
+      void 0 !== e2 && (this._$Ev.set(e2, s2), t2.push(e2));
     }), t2;
   }
   static createProperty(t2, i2 = l$5) {
     if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
-      const s2 = typeof t2 == "symbol" ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
-      e2 !== void 0 && Object.defineProperty(this.prototype, t2, e2);
+      const s2 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
+      void 0 !== e2 && Object.defineProperty(this.prototype, t2, e2);
     }
   }
   static getPropertyDescriptor(t2, i2, s2) {
@@ -1345,7 +1423,7 @@ class d$1 extends HTMLElement {
       return false;
     this.finalized = true;
     const t2 = Object.getPrototypeOf(this);
-    if (t2.finalize(), t2.h !== void 0 && (this.h = [...t2.h]), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+    if (t2.finalize(), void 0 !== t2.h && (this.h = [...t2.h]), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
       for (const s2 of i2)
         this.createProperty(s2, t3[s2]);
@@ -1359,24 +1437,24 @@ class d$1 extends HTMLElement {
       for (const i3 of e2)
         s2.unshift(c$4(i3));
     } else
-      i2 !== void 0 && s2.push(c$4(i2));
+      void 0 !== i2 && s2.push(c$4(i2));
     return s2;
   }
   static _$Ep(t2, i2) {
     const s2 = i2.attribute;
-    return s2 === false ? void 0 : typeof s2 == "string" ? s2 : typeof t2 == "string" ? t2.toLowerCase() : void 0;
+    return false === s2 ? void 0 : "string" == typeof s2 ? s2 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
   }
   u() {
     var t2;
-    this._$E_ = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t2 = this.constructor.h) === null || t2 === void 0 || t2.forEach((t3) => t3(this));
+    this._$E_ = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t2 = this.constructor.h) || void 0 === t2 || t2.forEach((t3) => t3(this));
   }
   addController(t2) {
     var i2, s2;
-    ((i2 = this._$ES) !== null && i2 !== void 0 ? i2 : this._$ES = []).push(t2), this.renderRoot !== void 0 && this.isConnected && ((s2 = t2.hostConnected) === null || s2 === void 0 || s2.call(t2));
+    (null !== (i2 = this._$ES) && void 0 !== i2 ? i2 : this._$ES = []).push(t2), void 0 !== this.renderRoot && this.isConnected && (null === (s2 = t2.hostConnected) || void 0 === s2 || s2.call(t2));
   }
   removeController(t2) {
     var i2;
-    (i2 = this._$ES) === null || i2 === void 0 || i2.splice(this._$ES.indexOf(t2) >>> 0, 1);
+    null === (i2 = this._$ES) || void 0 === i2 || i2.splice(this._$ES.indexOf(t2) >>> 0, 1);
   }
   _$Eg() {
     this.constructor.elementProperties.forEach((t2, i2) => {
@@ -1385,23 +1463,23 @@ class d$1 extends HTMLElement {
   }
   createRenderRoot() {
     var t2;
-    const s2 = (t2 = this.shadowRoot) !== null && t2 !== void 0 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
+    const s2 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
     return S$2(s2, this.constructor.elementStyles), s2;
   }
   connectedCallback() {
     var t2;
-    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), (t2 = this._$ES) === null || t2 === void 0 || t2.forEach((t3) => {
+    void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
       var i2;
-      return (i2 = t3.hostConnected) === null || i2 === void 0 ? void 0 : i2.call(t3);
+      return null === (i2 = t3.hostConnected) || void 0 === i2 ? void 0 : i2.call(t3);
     });
   }
   enableUpdating(t2) {
   }
   disconnectedCallback() {
     var t2;
-    (t2 = this._$ES) === null || t2 === void 0 || t2.forEach((t3) => {
+    null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
       var i2;
-      return (i2 = t3.hostDisconnected) === null || i2 === void 0 ? void 0 : i2.call(t3);
+      return null === (i2 = t3.hostDisconnected) || void 0 === i2 ? void 0 : i2.call(t3);
     });
   }
   attributeChangedCallback(t2, i2, s2) {
@@ -1410,22 +1488,22 @@ class d$1 extends HTMLElement {
   _$EO(t2, i2, s2 = l$5) {
     var e2;
     const r2 = this.constructor._$Ep(t2, s2);
-    if (r2 !== void 0 && s2.reflect === true) {
-      const h2 = (((e2 = s2.converter) === null || e2 === void 0 ? void 0 : e2.toAttribute) !== void 0 ? s2.converter : n$4).toAttribute(i2, s2.type);
-      this._$El = t2, h2 == null ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
+    if (void 0 !== r2 && true === s2.reflect) {
+      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$4).toAttribute(i2, s2.type);
+      this._$El = t2, null == h2 ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
     }
   }
   _$AK(t2, i2) {
     var s2;
     const e2 = this.constructor, r2 = e2._$Ev.get(t2);
-    if (r2 !== void 0 && this._$El !== r2) {
-      const t3 = e2.getPropertyOptions(r2), h2 = typeof t3.converter == "function" ? { fromAttribute: t3.converter } : ((s2 = t3.converter) === null || s2 === void 0 ? void 0 : s2.fromAttribute) !== void 0 ? t3.converter : n$4;
+    if (void 0 !== r2 && this._$El !== r2) {
+      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$4;
       this._$El = r2, this[r2] = h2.fromAttribute(i2, t3.type), this._$El = null;
     }
   }
   requestUpdate(t2, i2, s2) {
     let e2 = true;
-    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$2)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), s2.reflect === true && this._$El !== t2 && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
+    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$2)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = true;
@@ -1435,7 +1513,7 @@ class d$1 extends HTMLElement {
       Promise.reject(t3);
     }
     const t2 = this.scheduleUpdate();
-    return t2 != null && await t2, !this.isUpdatePending;
+    return null != t2 && await t2, !this.isUpdatePending;
   }
   scheduleUpdate() {
     return this.performUpdate();
@@ -1448,9 +1526,9 @@ class d$1 extends HTMLElement {
     let i2 = false;
     const s2 = this._$AL;
     try {
-      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), (t2 = this._$ES) === null || t2 === void 0 || t2.forEach((t3) => {
+      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
         var i3;
-        return (i3 = t3.hostUpdate) === null || i3 === void 0 ? void 0 : i3.call(t3);
+        return null === (i3 = t3.hostUpdate) || void 0 === i3 ? void 0 : i3.call(t3);
       }), this.update(s2)) : this._$Ek();
     } catch (t3) {
       throw i2 = false, this._$Ek(), t3;
@@ -1461,9 +1539,9 @@ class d$1 extends HTMLElement {
   }
   _$AE(t2) {
     var i2;
-    (i2 = this._$ES) === null || i2 === void 0 || i2.forEach((t3) => {
+    null === (i2 = this._$ES) || void 0 === i2 || i2.forEach((t3) => {
       var i3;
-      return (i3 = t3.hostUpdated) === null || i3 === void 0 ? void 0 : i3.call(t3);
+      return null === (i3 = t3.hostUpdated) || void 0 === i3 ? void 0 : i3.call(t3);
     }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
   }
   _$Ek() {
@@ -1479,39 +1557,39 @@ class d$1 extends HTMLElement {
     return true;
   }
   update(t2) {
-    this._$EC !== void 0 && (this._$EC.forEach((t3, i2) => this._$EO(i2, this[i2], t3)), this._$EC = void 0), this._$Ek();
+    void 0 !== this._$EC && (this._$EC.forEach((t3, i2) => this._$EO(i2, this[i2], t3)), this._$EC = void 0), this._$Ek();
   }
   updated(t2) {
   }
   firstUpdated(t2) {
   }
 }
-d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, o$6 == null || o$6({ ReactiveElement: d$1 }), ((s$5 = e$4.reactiveElementVersions) !== null && s$5 !== void 0 ? s$5 : e$4.reactiveElementVersions = []).push("1.4.2");
+d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, null == o$6 || o$6({ ReactiveElement: d$1 }), (null !== (s$5 = e$4.reactiveElementVersions) && void 0 !== s$5 ? s$5 : e$4.reactiveElementVersions = []).push("1.6.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var t$1;
-const i$3 = window, s$4 = i$3.trustedTypes, e$3 = s$4 ? s$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$5 = `lit$${(Math.random() + "").slice(9)}$`, n$3 = "?" + o$5, l$4 = `<${n$3}>`, h$2 = document, r$3 = (t2 = "") => h$2.createComment(t2), d = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", u$2 = Array.isArray, c$3 = (t2) => u$2(t2) || typeof (t2 == null ? void 0 : t2[Symbol.iterator]) == "function", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a$1 = /-->/g, f$2 = />/g, _ = RegExp(`>|[ 	
+const i$3 = window, s$4 = i$3.trustedTypes, e$3 = s$4 ? s$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$5 = `lit$${(Math.random() + "").slice(9)}$`, n$3 = "?" + o$5, l$4 = `<${n$3}>`, h$2 = document, r$3 = (t2 = "") => h$2.createComment(t2), d = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u$2 = Array.isArray, c$3 = (t2) => u$2(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a$1 = /-->/g, f$2 = />/g, _ = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), m$1 = /'/g, p$2 = /"/g, $$1 = /^(?:script|style|textarea|title)$/i, g$1 = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), y = g$1(1), x$1 = Symbol.for("lit-noChange"), b$1 = Symbol.for("lit-nothing"), T = /* @__PURE__ */ new WeakMap(), A$1 = h$2.createTreeWalker(h$2, 129, null, false), E = (t2, i2) => {
   const s2 = t2.length - 1, n2 = [];
-  let h2, r2 = i2 === 2 ? "<svg>" : "", d2 = v;
+  let h2, r2 = 2 === i2 ? "<svg>" : "", d2 = v;
   for (let i3 = 0; i3 < s2; i3++) {
     const s3 = t2[i3];
     let e2, u3, c2 = -1, g2 = 0;
-    for (; g2 < s3.length && (d2.lastIndex = g2, u3 = d2.exec(s3), u3 !== null); )
-      g2 = d2.lastIndex, d2 === v ? u3[1] === "!--" ? d2 = a$1 : u3[1] !== void 0 ? d2 = f$2 : u3[2] !== void 0 ? ($$1.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = _) : u3[3] !== void 0 && (d2 = _) : d2 === _ ? u3[0] === ">" ? (d2 = h2 != null ? h2 : v, c2 = -1) : u3[1] === void 0 ? c2 = -2 : (c2 = d2.lastIndex - u3[2].length, e2 = u3[1], d2 = u3[3] === void 0 ? _ : u3[3] === '"' ? p$2 : m$1) : d2 === p$2 || d2 === m$1 ? d2 = _ : d2 === a$1 || d2 === f$2 ? d2 = v : (d2 = _, h2 = void 0);
+    for (; g2 < s3.length && (d2.lastIndex = g2, u3 = d2.exec(s3), null !== u3); )
+      g2 = d2.lastIndex, d2 === v ? "!--" === u3[1] ? d2 = a$1 : void 0 !== u3[1] ? d2 = f$2 : void 0 !== u3[2] ? ($$1.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = _) : void 0 !== u3[3] && (d2 = _) : d2 === _ ? ">" === u3[0] ? (d2 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d2.lastIndex - u3[2].length, e2 = u3[1], d2 = void 0 === u3[3] ? _ : '"' === u3[3] ? p$2 : m$1) : d2 === p$2 || d2 === m$1 ? d2 = _ : d2 === a$1 || d2 === f$2 ? d2 = v : (d2 = _, h2 = void 0);
     const y2 = d2 === _ && t2[i3 + 1].startsWith("/>") ? " " : "";
-    r2 += d2 === v ? s3 + l$4 : c2 >= 0 ? (n2.push(e2), s3.slice(0, c2) + "$lit$" + s3.slice(c2) + o$5 + y2) : s3 + o$5 + (c2 === -2 ? (n2.push(void 0), i3) : y2);
+    r2 += d2 === v ? s3 + l$4 : c2 >= 0 ? (n2.push(e2), s3.slice(0, c2) + "$lit$" + s3.slice(c2) + o$5 + y2) : s3 + o$5 + (-2 === c2 ? (n2.push(void 0), i3) : y2);
   }
-  const u2 = r2 + (t2[s2] || "<?>") + (i2 === 2 ? "</svg>" : "");
+  const u2 = r2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : "");
   if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return [e$3 !== void 0 ? e$3.createHTML(u2) : u2, n2];
+  return [void 0 !== e$3 ? e$3.createHTML(u2) : u2, n2];
 };
 class C {
   constructor({ strings: t2, _$litType$: i2 }, e2) {
@@ -1519,20 +1597,20 @@ class C {
     this.parts = [];
     let h2 = 0, d2 = 0;
     const u2 = t2.length - 1, c2 = this.parts, [v2, a2] = E(t2, i2);
-    if (this.el = C.createElement(v2, e2), A$1.currentNode = this.el.content, i2 === 2) {
+    if (this.el = C.createElement(v2, e2), A$1.currentNode = this.el.content, 2 === i2) {
       const t3 = this.el.content, i3 = t3.firstChild;
       i3.remove(), t3.append(...i3.childNodes);
     }
-    for (; (l2 = A$1.nextNode()) !== null && c2.length < u2; ) {
-      if (l2.nodeType === 1) {
+    for (; null !== (l2 = A$1.nextNode()) && c2.length < u2; ) {
+      if (1 === l2.nodeType) {
         if (l2.hasAttributes()) {
           const t3 = [];
           for (const i3 of l2.getAttributeNames())
             if (i3.endsWith("$lit$") || i3.startsWith(o$5)) {
               const s2 = a2[d2++];
-              if (t3.push(i3), s2 !== void 0) {
+              if (t3.push(i3), void 0 !== s2) {
                 const t4 = l2.getAttribute(s2.toLowerCase() + "$lit$").split(o$5), i4 = /([.?@])?(.*)/.exec(s2);
-                c2.push({ type: 1, index: h2, name: i4[2], strings: t4, ctor: i4[1] === "." ? M : i4[1] === "?" ? k : i4[1] === "@" ? H : S$1 });
+                c2.push({ type: 1, index: h2, name: i4[2], strings: t4, ctor: "." === i4[1] ? M : "?" === i4[1] ? k : "@" === i4[1] ? H : S$1 });
               } else
                 c2.push({ type: 6, index: h2 });
             }
@@ -1548,12 +1626,12 @@ class C {
             l2.append(t3[i3], r$3());
           }
         }
-      } else if (l2.nodeType === 8)
+      } else if (8 === l2.nodeType)
         if (l2.data === n$3)
           c2.push({ type: 2, index: h2 });
         else {
           let t3 = -1;
-          for (; (t3 = l2.data.indexOf(o$5, t3 + 1)) !== -1; )
+          for (; -1 !== (t3 = l2.data.indexOf(o$5, t3 + 1)); )
             c2.push({ type: 7, index: h2 }), t3 += o$5.length - 1;
         }
       h2++;
@@ -1568,9 +1646,9 @@ function P(t2, i2, s2 = t2, e2) {
   var o2, n2, l2, h2;
   if (i2 === x$1)
     return i2;
-  let r2 = e2 !== void 0 ? (o2 = s2._$Co) === null || o2 === void 0 ? void 0 : o2[e2] : s2._$Cl;
+  let r2 = void 0 !== e2 ? null === (o2 = s2._$Co) || void 0 === o2 ? void 0 : o2[e2] : s2._$Cl;
   const u2 = d(i2) ? void 0 : i2._$litDirective$;
-  return (r2 == null ? void 0 : r2.constructor) !== u2 && ((n2 = r2 == null ? void 0 : r2._$AO) === null || n2 === void 0 || n2.call(r2, false), u2 === void 0 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s2, e2)), e2 !== void 0 ? ((l2 = (h2 = s2)._$Co) !== null && l2 !== void 0 ? l2 : h2._$Co = [])[e2] = r2 : s2._$Cl = r2), r2 !== void 0 && (i2 = P(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
+  return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s2, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s2)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s2._$Cl = r2), void 0 !== r2 && (i2 = P(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
 }
 class V {
   constructor(t2, i2) {
@@ -1584,37 +1662,37 @@ class V {
   }
   v(t2) {
     var i2;
-    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = ((i2 = t2 == null ? void 0 : t2.creationScope) !== null && i2 !== void 0 ? i2 : h$2).importNode(s2, true);
+    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : h$2).importNode(s2, true);
     A$1.currentNode = o2;
     let n2 = A$1.nextNode(), l2 = 0, r2 = 0, d2 = e2[0];
-    for (; d2 !== void 0; ) {
+    for (; void 0 !== d2; ) {
       if (l2 === d2.index) {
         let i3;
-        d2.type === 2 ? i3 = new N(n2, n2.nextSibling, this, t2) : d2.type === 1 ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : d2.type === 6 && (i3 = new I(n2, this, t2)), this.u.push(i3), d2 = e2[++r2];
+        2 === d2.type ? i3 = new N(n2, n2.nextSibling, this, t2) : 1 === d2.type ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : 6 === d2.type && (i3 = new I(n2, this, t2)), this.u.push(i3), d2 = e2[++r2];
       }
-      l2 !== (d2 == null ? void 0 : d2.index) && (n2 = A$1.nextNode(), l2++);
+      l2 !== (null == d2 ? void 0 : d2.index) && (n2 = A$1.nextNode(), l2++);
     }
     return o2;
   }
   p(t2) {
     let i2 = 0;
     for (const s2 of this.u)
-      s2 !== void 0 && (s2.strings !== void 0 ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
+      void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
   }
 }
 class N {
   constructor(t2, i2, s2, e2) {
     var o2;
-    this.type = 2, this._$AH = b$1, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cm = (o2 = e2 == null ? void 0 : e2.isConnected) === null || o2 === void 0 || o2;
+    this.type = 2, this._$AH = b$1, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cm = null === (o2 = null == e2 ? void 0 : e2.isConnected) || void 0 === o2 || o2;
   }
   get _$AU() {
     var t2, i2;
-    return (i2 = (t2 = this._$AM) === null || t2 === void 0 ? void 0 : t2._$AU) !== null && i2 !== void 0 ? i2 : this._$Cm;
+    return null !== (i2 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i2 ? i2 : this._$Cm;
   }
   get parentNode() {
     let t2 = this._$AA.parentNode;
     const i2 = this._$AM;
-    return i2 !== void 0 && t2.nodeType === 11 && (t2 = i2.parentNode), t2;
+    return void 0 !== i2 && 11 === t2.nodeType && (t2 = i2.parentNode), t2;
   }
   get startNode() {
     return this._$AA;
@@ -1623,7 +1701,7 @@ class N {
     return this._$AB;
   }
   _$AI(t2, i2 = this) {
-    t2 = P(this, t2, i2), d(t2) ? t2 === b$1 || t2 == null || t2 === "" ? (this._$AH !== b$1 && this._$AR(), this._$AH = b$1) : t2 !== this._$AH && t2 !== x$1 && this.g(t2) : t2._$litType$ !== void 0 ? this.$(t2) : t2.nodeType !== void 0 ? this.T(t2) : c$3(t2) ? this.k(t2) : this.g(t2);
+    t2 = P(this, t2, i2), d(t2) ? t2 === b$1 || null == t2 || "" === t2 ? (this._$AH !== b$1 && this._$AR(), this._$AH = b$1) : t2 !== this._$AH && t2 !== x$1 && this.g(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : c$3(t2) ? this.k(t2) : this.g(t2);
   }
   O(t2, i2 = this._$AB) {
     return this._$AA.parentNode.insertBefore(t2, i2);
@@ -1636,8 +1714,8 @@ class N {
   }
   $(t2) {
     var i2;
-    const { values: s2, _$litType$: e2 } = t2, o2 = typeof e2 == "number" ? this._$AC(t2) : (e2.el === void 0 && (e2.el = C.createElement(e2.h, this.options)), e2);
-    if (((i2 = this._$AH) === null || i2 === void 0 ? void 0 : i2._$AD) === o2)
+    const { values: s2, _$litType$: e2 } = t2, o2 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = C.createElement(e2.h, this.options)), e2);
+    if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o2)
       this._$AH.p(s2);
     else {
       const t3 = new V(o2, this), i3 = t3.v(this.options);
@@ -1646,7 +1724,7 @@ class N {
   }
   _$AC(t2) {
     let i2 = T.get(t2.strings);
-    return i2 === void 0 && T.set(t2.strings, i2 = new C(t2)), i2;
+    return void 0 === i2 && T.set(t2.strings, i2 = new C(t2)), i2;
   }
   k(t2) {
     u$2(this._$AH) || (this._$AH = [], this._$AR());
@@ -1658,19 +1736,19 @@ class N {
   }
   _$AR(t2 = this._$AA.nextSibling, i2) {
     var s2;
-    for ((s2 = this._$AP) === null || s2 === void 0 || s2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
+    for (null === (s2 = this._$AP) || void 0 === s2 || s2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
       const i3 = t2.nextSibling;
       t2.remove(), t2 = i3;
     }
   }
   setConnected(t2) {
     var i2;
-    this._$AM === void 0 && (this._$Cm = t2, (i2 = this._$AP) === null || i2 === void 0 || i2.call(this, t2));
+    void 0 === this._$AM && (this._$Cm = t2, null === (i2 = this._$AP) || void 0 === i2 || i2.call(this, t2));
   }
 }
 class S$1 {
   constructor(t2, i2, s2, e2, o2) {
-    this.type = 1, this._$AH = b$1, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || s2[0] !== "" || s2[1] !== "" ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = b$1;
+    this.type = 1, this._$AH = b$1, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = b$1;
   }
   get tagName() {
     return this.element.tagName;
@@ -1681,18 +1759,18 @@ class S$1 {
   _$AI(t2, i2 = this, s2, e2) {
     const o2 = this.strings;
     let n2 = false;
-    if (o2 === void 0)
+    if (void 0 === o2)
       t2 = P(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== x$1, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
       for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
-        h2 = P(this, e3[s2 + l2], i2, l2), h2 === x$1 && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === b$1 ? t2 = b$1 : t2 !== b$1 && (t2 += (h2 != null ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
+        h2 = P(this, e3[s2 + l2], i2, l2), h2 === x$1 && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === b$1 ? t2 = b$1 : t2 !== b$1 && (t2 += (null != h2 ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
     }
     n2 && !e2 && this.j(t2);
   }
   j(t2) {
-    t2 === b$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
+    t2 === b$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
   }
 }
 class M extends S$1 {
@@ -1718,14 +1796,14 @@ class H extends S$1 {
   }
   _$AI(t2, i2 = this) {
     var s2;
-    if ((t2 = (s2 = P(this, t2, i2, 0)) !== null && s2 !== void 0 ? s2 : b$1) === x$1)
+    if ((t2 = null !== (s2 = P(this, t2, i2, 0)) && void 0 !== s2 ? s2 : b$1) === x$1)
       return;
     const e2 = this._$AH, o2 = t2 === b$1 && e2 !== b$1 || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== b$1 && (e2 === b$1 || o2);
     o2 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
   }
   handleEvent(t2) {
     var i2, s2;
-    typeof this._$AH == "function" ? this._$AH.call((s2 = (i2 = this.options) === null || i2 === void 0 ? void 0 : i2.host) !== null && s2 !== void 0 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
+    "function" == typeof this._$AH ? this._$AH.call(null !== (s2 = null === (i2 = this.options) || void 0 === i2 ? void 0 : i2.host) && void 0 !== s2 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
   }
 }
 class I {
@@ -1740,14 +1818,14 @@ class I {
   }
 }
 const L = { P: "$lit$", A: o$5, M: n$3, C: 1, L: E, R: V, D: c$3, V: P, I: N, H: S$1, N: k, U: H, B: M, F: I }, z = i$3.litHtmlPolyfillSupport;
-z == null || z(C, N), ((t$1 = i$3.litHtmlVersions) !== null && t$1 !== void 0 ? t$1 : i$3.litHtmlVersions = []).push("2.4.0");
+null == z || z(C, N), (null !== (t$1 = i$3.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$3.litHtmlVersions = []).push("2.6.1");
 const Z = (t2, i2, s2) => {
   var e2, o2;
-  const n2 = (e2 = s2 == null ? void 0 : s2.renderBefore) !== null && e2 !== void 0 ? e2 : i2;
+  const n2 = null !== (e2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== e2 ? e2 : i2;
   let l2 = n2._$litPart$;
-  if (l2 === void 0) {
-    const t3 = (o2 = s2 == null ? void 0 : s2.renderBefore) !== null && o2 !== void 0 ? o2 : null;
-    n2._$litPart$ = l2 = new N(i2.insertBefore(r$3(), t3), t3, void 0, s2 != null ? s2 : {});
+  if (void 0 === l2) {
+    const t3 = null !== (o2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== o2 ? o2 : null;
+    n2._$litPart$ = l2 = new N(i2.insertBefore(r$3(), t3), t3, void 0, null != s2 ? s2 : {});
   }
   return l2._$AI(t2), l2;
 };
@@ -1764,7 +1842,7 @@ class s$3 extends d$1 {
   createRenderRoot() {
     var t2, e2;
     const i2 = super.createRenderRoot();
-    return (t2 = (e2 = this.renderOptions).renderBefore) !== null && t2 !== void 0 || (e2.renderBefore = i2.firstChild), i2;
+    return null !== (t2 = (e2 = this.renderOptions).renderBefore) && void 0 !== t2 || (e2.renderBefore = i2.firstChild), i2;
   }
   update(t2) {
     const i2 = this.render();
@@ -1772,20 +1850,20 @@ class s$3 extends d$1 {
   }
   connectedCallback() {
     var t2;
-    super.connectedCallback(), (t2 = this._$Do) === null || t2 === void 0 || t2.setConnected(true);
+    super.connectedCallback(), null === (t2 = this._$Do) || void 0 === t2 || t2.setConnected(true);
   }
   disconnectedCallback() {
     var t2;
-    super.disconnectedCallback(), (t2 = this._$Do) === null || t2 === void 0 || t2.setConnected(false);
+    super.disconnectedCallback(), null === (t2 = this._$Do) || void 0 === t2 || t2.setConnected(false);
   }
   render() {
     return x$1;
   }
 }
-s$3.finalized = true, s$3._$litElement$ = true, (l$3 = globalThis.litElementHydrateSupport) === null || l$3 === void 0 || l$3.call(globalThis, { LitElement: s$3 });
+s$3.finalized = true, s$3._$litElement$ = true, null === (l$3 = globalThis.litElementHydrateSupport) || void 0 === l$3 || l$3.call(globalThis, { LitElement: s$3 });
 const n$2 = globalThis.litElementPolyfillSupport;
-n$2 == null || n$2({ LitElement: s$3 });
-((o$4 = globalThis.litElementVersions) !== null && o$4 !== void 0 ? o$4 : globalThis.litElementVersions = []).push("3.2.2");
+null == n$2 || n$2({ LitElement: s$3 });
+(null !== (o$4 = globalThis.litElementVersions) && void 0 !== o$4 ? o$4 : globalThis.litElementVersions = []).push("3.2.2");
 var __defProp$16 = Object.defineProperty;
 var __getOwnPropDesc$16 = Object.getOwnPropertyDescriptor;
 var __decorateClass$16 = (decorators, target, key, kind) => {
@@ -1841,24 +1919,29 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     super.connectedCallback();
   }
   getDatesParts(start_date, end_date, options) {
-    let start = this.startDateObject;
+    const start = this.startDateObject;
     start.setTime(start_date * 1e3);
     let parts = [];
     if (end_date > 0) {
-      let end = this.endDateObject;
+      const end = this.endDateObject;
       end.setTime(end_date * 1e3);
       const isSameDay = start.toDateString() == end.toDateString();
       if (!isSameDay) {
         delete options.hour;
         delete options.minute;
       }
-      let format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
+      const format = new Intl.DateTimeFormat(
+        this.language || this.pageLanguage,
+        options
+      );
       parts = format.formatRangeToParts(start, end);
       if (this.designMode) {
         parts.forEach((part) => part.hidden = part.value.trim() == ",");
       }
       if (!isSameDay) {
-        let to = parts.find((part) => part.type == "literal" && part.source == "shared" && part.value.trim().length > 0);
+        const to = parts.find(
+          (part) => part.type == "literal" && part.source == "shared" && part.value.trim().length > 0
+        );
         if (to) {
           to.value = " " + this.duAu[1] + " ";
           to.type = "to";
@@ -1867,7 +1950,7 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
           parts.unshift({ type: "from", value: this.duAu[0] + " ", source: "shared" });
       }
     } else {
-      let format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
+      const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
       parts = format.formatToParts(start);
     }
     parts[0].value = Format$1.ucFirst(parts[0].value);
@@ -1896,7 +1979,7 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
       this.start_date = this.end_date;
       this.end_date = copy;
     }
-    let options = {
+    const options = {
       year: this.year,
       month: this.month,
       day: this.day
@@ -1911,12 +1994,12 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
       options.era = this.era;
     if (this.time_zone)
       options.timeZone = this.time_zone;
-    let parts = this.getDatesParts(this.start_date, this.end_date, options);
+    const parts = this.getDatesParts(this.start_date, this.end_date, options);
     return y`${parts.map((part) => {
-      let template = this.templateParts[part.type];
+      const template = this.templateParts[part.type];
       if (template) {
-        var clone = document.importNode(template.content, true);
-        let child = clone.children[0];
+        const clone = document.importNode(template.content, true);
+        const child = clone.children[0];
         if (child.innerText.trim() == "")
           child.innerText = part.value;
         return clone;
@@ -1991,7 +2074,7 @@ const _LocationHandler = class {
     if (!_LocationHandler.listening) {
       return;
     }
-    let newURL = (_a2 = document.location) == null ? void 0 : _a2.href.replace(document.location.origin, "");
+    const newURL = (_a2 = document.location) == null ? void 0 : _a2.href.replace(document.location.origin, "");
     if (_LocationHandler.prevURL && _LocationHandler.prevURL != newURL) {
       _LocationHandler.prevURL = newURL;
       _LocationHandler.listeners.forEach((listener) => {
@@ -2001,7 +2084,7 @@ const _LocationHandler = class {
     window.requestAnimationFrame(_LocationHandler.listen);
   }
   static offChange(listener) {
-    let idx = _LocationHandler.listeners.indexOf(listener);
+    const idx = _LocationHandler.listeners.indexOf(listener);
     if (idx == -1)
       return;
     _LocationHandler.listeners.splice(idx, 1);
@@ -2021,7 +2104,7 @@ const _LocationHandler = class {
     const referrer = document.referrer;
     if (goBack !== null && goBack !== void 0) {
       const origin = document.location.origin;
-      let urlDest = goBack || origin;
+      const urlDest = goBack || origin;
       const isHTTP = referrer.indexOf("http") == 0;
       const isNotSameOrigin = isHTTP ? new URL(referrer).origin != origin : false;
       const isReferrerEmpty = referrer == "";
@@ -2030,7 +2113,7 @@ const _LocationHandler = class {
       const isNotSameURL = urlDest != document.location.href;
       const goToURLDest = isNotSameOrigin && isNotSameURL || isFallbackNoReferer;
       if (goToURLDest) {
-        let state = history.state || {};
+        const state = history.state || {};
         state.concorde = state.concorde || {};
         state.concorde.hasDoneHistoryBack = true;
         history.pushState(state, document.title);
@@ -2050,11 +2133,11 @@ const _LocationHandler = class {
       document.location.hash = to.substring(1);
       return;
     }
-    let url = new URL(to, document.location.href);
-    let split = url.pathname.split("/");
-    let newPathName = [];
+    const url = new URL(to, document.location.href);
+    const split = url.pathname.split("/");
+    const newPathName = [];
     let prevSp = "";
-    for (let sp of split) {
+    for (const sp of split) {
       if (sp != prevSp)
         newPathName.push(sp);
       prevSp = sp;
@@ -2071,8 +2154,8 @@ const _LocationHandler = class {
     if (component.autoActive == "disabled")
       return;
     if (component.href && component.href.indexOf("http") != 0) {
-      let url1 = new URL(component.href, document.location.href);
-      let url2 = new URL(component.location || "", document.location.origin);
+      const url1 = new URL(component.href, document.location.href);
+      const url2 = new URL(component.location || "", document.location.origin);
       let isActive = false;
       if (component.autoActive == "strict") {
         isActive = url1.pathname == url2.pathname && url1.hash == url2.hash && url1.search == url2.search;
@@ -2119,29 +2202,29 @@ class i$2 {
 const i$1 = e$2(class extends i$2 {
   constructor(t$12) {
     var e2;
-    if (super(t$12), t$12.type !== t.ATTRIBUTE || t$12.name !== "style" || ((e2 = t$12.strings) === null || e2 === void 0 ? void 0 : e2.length) > 2)
+    if (super(t$12), t$12.type !== t.ATTRIBUTE || "style" !== t$12.name || (null === (e2 = t$12.strings) || void 0 === e2 ? void 0 : e2.length) > 2)
       throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(t2) {
     return Object.keys(t2).reduce((e2, r2) => {
       const s2 = t2[r2];
-      return s2 == null ? e2 : e2 + `${r2 = r2.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s2};`;
+      return null == s2 ? e2 : e2 + `${r2 = r2.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s2};`;
     }, "");
   }
   update(e2, [r2]) {
     const { style: s2 } = e2.element;
-    if (this.vt === void 0) {
+    if (void 0 === this.vt) {
       this.vt = /* @__PURE__ */ new Set();
       for (const t2 in r2)
         this.vt.add(t2);
       return this.render(r2);
     }
     this.vt.forEach((t2) => {
-      r2[t2] == null && (this.vt.delete(t2), t2.includes("-") ? s2.removeProperty(t2) : s2[t2] = "");
+      null == r2[t2] && (this.vt.delete(t2), t2.includes("-") ? s2.removeProperty(t2) : s2[t2] = "");
     });
     for (const t2 in r2) {
       const e3 = r2[t2];
-      e3 != null && (this.vt.add(t2), t2.includes("-") ? s2.setProperty(t2, e3) : s2[t2] = e3);
+      null != e3 && (this.vt.add(t2), t2.includes("-") ? s2.setProperty(t2, e3) : s2[t2] = e3);
     }
     return x$1;
   }
@@ -2178,7 +2261,7 @@ const Form$2 = (superClass) => {
         this.setFormValueFromPublisher(value);
       };
       this.onFormDataInValidate = () => {
-        let formPublisher = this.getFormPublisher();
+        const formPublisher = this.getFormPublisher();
         if (!(formPublisher && formPublisher.isFormValid.get())) {
           return;
         }
@@ -2197,9 +2280,9 @@ const Form$2 = (superClass) => {
     validateFormElement() {
     }
     updateDataValue() {
-      let name = this.getAttribute("name");
+      const name = this.getAttribute("name");
       if (name) {
-        let formPublisher = this.getFormPublisher();
+        const formPublisher = this.getFormPublisher();
         if (formPublisher) {
           formPublisher[name] = this.getValueForFormPublisher();
           this.setFormValueFromPublisher(formPublisher[name].get());
@@ -2227,12 +2310,9 @@ const Form$2 = (superClass) => {
       return this._value;
     }
     set value(value) {
-      if (this.name == "nom" && value && Objects$1.deepEqual(value, {})) {
-        console.trace(this);
-      }
       if (value == null)
         value = "";
-      if (Objects$1.isObject(value) && value.hasOwnProperty("__value") && value.value == void 0)
+      if (Objects$1.isObject(value) && Object.prototype.hasOwnProperty.call(value, "__value") && value._value == void 0)
         value = "";
       if (this._value == value)
         return;
@@ -2242,7 +2322,7 @@ const Form$2 = (superClass) => {
     }
     initPublisher() {
       let formPublisher = this.getFormPublisher();
-      let value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get() ? formPublisher[this._name].get() : this.getAttribute("value");
+      const value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get() ? formPublisher[this._name].get() : this.getAttribute("value");
       if (this._name && this.publisher)
         this.publisher[this._name].offAssign(this.onValueAssign);
       if (this._name && formPublisher)
@@ -2273,54 +2353,54 @@ const Form$2 = (superClass) => {
       this.dispatchEvent(event);
     }
     addKeyboardNavigation() {
-      let keyboardLoopIds = this.getAncestorAttributeValue("data-keyboard-nav");
+      const keyboardLoopIds = this.getAncestorAttributeValue("data-keyboard-nav");
       if (!keyboardLoopIds)
         return;
-      let split = keyboardLoopIds.split(" ");
-      let keyboardLoopId = split[0];
+      const split = keyboardLoopIds.split(" ");
+      const keyboardLoopId = split[0];
       if (!keyboardLoopId)
         return;
-      for (let keyboardLoopId2 of split) {
+      for (const keyboardLoopId2 of split) {
         if (!keyboardLoops.has(keyboardLoopId2)) {
           keyboardLoops.set(keyboardLoopId2, []);
         }
-        let keyboardLoop2 = keyboardLoops.get(keyboardLoopId2);
+        const keyboardLoop2 = keyboardLoops.get(keyboardLoopId2);
         if ((keyboardLoop2 == null ? void 0 : keyboardLoop2.indexOf(this)) == -1) {
           keyboardLoop2.push(this);
         }
       }
-      let keyboardLoop = keyboardLoops.get(keyboardLoopId);
+      const keyboardLoop = keyboardLoops.get(keyboardLoopId);
       this.addEventListener("keydown", (e2) => {
         var _a2;
         const keyboardEvent = e2;
         if (!["ArrowDown", "ArrowUp"].includes(keyboardEvent.key))
           return;
-        let selector = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])";
-        let loop = keyboardLoop == null ? void 0 : keyboardLoop.filter((el) => {
+        const selector = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])";
+        const loop = keyboardLoop == null ? void 0 : keyboardLoop.filter((el) => {
           var _a3;
-          let child = (_a3 = el.shadowRoot) == null ? void 0 : _a3.querySelector(selector);
+          const child = (_a3 = el.shadowRoot) == null ? void 0 : _a3.querySelector(selector);
           if (!child)
             return false;
-          let cpStyle = window.getComputedStyle(child);
+          const cpStyle = window.getComputedStyle(child);
           return cpStyle.display !== "none" && cpStyle.display !== "" && cpStyle.pointerEvents != "none" && cpStyle.visibility !== "hidden" && child.getBoundingClientRect().width > 0;
         });
         let next = null;
         if (keyboardEvent.key == "ArrowDown" && loop) {
-          let index = loop.indexOf(this);
+          const index = loop.indexOf(this);
           if (index == loop.length - 1) {
             next = loop[0];
           } else {
             next = loop[index + 1];
           }
         } else if (keyboardEvent.key == "ArrowUp" && loop) {
-          let index = loop.indexOf(this);
+          const index = loop.indexOf(this);
           if (index == 0) {
             next = loop[loop.length - 1];
           } else {
             next = loop[index - 1];
           }
         }
-        let elt = (_a2 = next == null ? void 0 : next.shadowRoot) == null ? void 0 : _a2.querySelector(selector);
+        const elt = (_a2 = next == null ? void 0 : next.shadowRoot) == null ? void 0 : _a2.querySelector(selector);
         if (elt && elt.focus) {
           elt.focus();
           e2.preventDefault();
@@ -2336,7 +2416,7 @@ const Form$2 = (superClass) => {
       super.disconnectedCallback();
       if (this._name && this.publisher)
         this.publisher[this._name].offAssign(this.onValueAssign);
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (this._name && formPublisher) {
         formPublisher[this._name].offAssign(this.onFormValueAssign);
         formPublisher.offInvalidate(this.onFormDataInValidate);
@@ -2417,7 +2497,7 @@ class Arrays$1 {
                       forKey: (key) => {
                         if (source.length < 1)
                           return true;
-                        let first = (source[0] || {})[key];
+                        const first = (source[0] || {})[key];
                         return source.every((item) => (item || {})[key] == first);
                       }
                     };
@@ -2439,7 +2519,7 @@ class Arrays$1 {
                 return {
                   toKey: (toKey) => {
                     source.forEach((item) => {
-                      item[toKey] = Array.isArray(item[atKey]) ? [...item[atKey]] : typeof item[atKey] === "object" && item[atKey] != null ? __spreadValues({}, item[atKey]) : item[atKey];
+                      item[toKey] = Array.isArray(item[atKey]) ? [...item[atKey]] : typeof item[atKey] === "object" && item[atKey] != null ? { ...item[atKey] } : item[atKey];
                     });
                   }
                 };
@@ -2456,14 +2536,14 @@ class Arrays$1 {
       group: () => {
         return {
           byKey: (key) => {
-            let result = [];
-            let keys = /* @__PURE__ */ new Map();
-            for (let item of source) {
-              let value = item[key];
+            const result = [];
+            const keys = /* @__PURE__ */ new Map();
+            for (const item of source) {
+              const value = item[key];
               if (!keys.has(value)) {
-                let idx = result.length;
+                const idx = result.length;
                 keys.set(value, idx);
-                let pushable = { items: [] };
+                const pushable = { items: [] };
                 pushable[key] = value;
                 result.push(pushable);
               }
@@ -2478,8 +2558,10 @@ class Arrays$1 {
           duplicates: () => {
             return {
               forKey: (key) => {
-                let set = [...new Set(source.map((item) => item[key]))];
-                return Arrays$1.from(set.map((value) => source.find((item) => item[key] == value)));
+                const set = [...new Set(source.map((item) => item[key]))];
+                return Arrays$1.from(
+                  set.map((value) => source.find((item) => item[key] == value))
+                );
               }
             };
           },
@@ -2488,8 +2570,10 @@ class Arrays$1 {
               havingSameValue: () => {
                 return {
                   forKey: (key) => {
-                    let areValuesDifferentForKey = (compared1, key2) => (compared2) => compared1[key2] != compared2[key2];
-                    return Arrays$1.from(source.filter((elt) => toRemoveFromSource.every(areValuesDifferentForKey(elt, key))));
+                    const areValuesDifferentForKey = (compared1, key2) => (compared2) => compared1[key2] != compared2[key2];
+                    return Arrays$1.from(
+                      source.filter((elt) => toRemoveFromSource.every(areValuesDifferentForKey(elt, key)))
+                    );
                   }
                 };
               }
@@ -2545,9 +2629,9 @@ const Form$1 = (superClass) => {
       this.unCheckOnDisconnect = false;
       this._checked = null;
       this.updateAllChecked = () => {
-        let name = this.getAttribute("name");
-        let checkAllPublisher = this.getCheckAllPublisher();
-        let formPublisher = this.getFormPublisher();
+        const name = this.getAttribute("name");
+        const checkAllPublisher = this.getCheckAllPublisher();
+        const formPublisher = this.getFormPublisher();
         if (!(checkAllPublisher == null ? void 0 : checkAllPublisher.hasCheckAll.get())) {
           return;
         }
@@ -2560,11 +2644,11 @@ const Form$1 = (superClass) => {
           } else if (checkAllPublisher.checkMode.get() == "noneChecked" || checkAllPublisher.checkMode.get() == null) {
             checkAllPublisher.checkMode = "someUnchecked";
           }
-          let currentValues = formPublisher[name].get();
-          let allValues = checkAllPublisher.values.get();
+          const currentValues = formPublisher[name].get();
+          const allValues = checkAllPublisher.values.get();
           if (allValues && allValues.length) {
             let checkedCount = allValues.length;
-            for (let p2 of allValues) {
+            for (const p2 of allValues) {
               if (currentValues.indexOf(p2) == -1) {
                 checkedCount -= 1;
               }
@@ -2613,7 +2697,7 @@ const Form$1 = (superClass) => {
       this._value = newValue;
       if (!this.value)
         return;
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (formPublisher && this.name) {
         let currentValue = formPublisher[this.name].get();
         if (this.radio || this.unique) {
@@ -2635,13 +2719,13 @@ const Form$1 = (superClass) => {
     set checked(checked) {
       this.setCheckedValue(checked);
       if (this.checksAll()) {
-        let checkAllPublisher = this.getCheckAllPublisher();
+        const checkAllPublisher = this.getCheckAllPublisher();
         if (checkAllPublisher) {
           if (this.checked === true)
             checkAllPublisher.checkMode = "allChecked";
           else if (this.checked === null) {
             checkAllPublisher.checkMode = "noneChecked";
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher) {
               formPublisher[this.name] = [];
             }
@@ -2655,9 +2739,9 @@ const Form$1 = (superClass) => {
       const input = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("input");
       if (!input || input.checkValidity())
         return;
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (formPublisher) {
-        let value = formPublisher[this.name].get();
+        const value = formPublisher[this.name].get();
         if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
           return;
         formPublisher.isFormValid = false;
@@ -2682,7 +2766,7 @@ const Form$1 = (superClass) => {
       this.dispatchEvent(event);
     }
     getValueForFormPublisher() {
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (!formPublisher)
         return null;
       let currentValue = formPublisher[this.name].get();
@@ -2696,7 +2780,7 @@ const Form$1 = (superClass) => {
         currentValue = [];
       }
       currentValue = currentValue.slice(0);
-      let idx = currentValue.indexOf(this.value);
+      const idx = currentValue.indexOf(this.value);
       if (this.checked === true && idx === -1 && !this.checksAll())
         currentValue.push(this.value);
       if (this.checked === null && idx !== -1) {
@@ -2720,7 +2804,7 @@ const Form$1 = (superClass) => {
       if (!this.formDataProvider)
         this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
       const formDataProvider = this.formDataProvider;
-      let name = this.getAttribute("name");
+      const name = this.getAttribute("name");
       if (!formDataProvider || !name) {
         return null;
       }
@@ -2728,11 +2812,11 @@ const Form$1 = (superClass) => {
     }
     disconnectedCallback() {
       super.disconnectedCallback();
-      let checkAllPublisher = this.getCheckAllPublisher();
+      const checkAllPublisher = this.getCheckAllPublisher();
       if (checkAllPublisher) {
         checkAllPublisher.checkMode.offAssign(this.onChecksAllRequest);
         if (!this.checksAll()) {
-          let values = checkAllPublisher.values.get().slice(0);
+          const values = checkAllPublisher.values.get().slice(0);
           const idx = values.indexOf(this.value);
           if (idx != -1) {
             values.splice(idx, 1);
@@ -2746,12 +2830,12 @@ const Form$1 = (superClass) => {
       super.connectedCallback();
       const formPublisher = this.getFormPublisher();
       if (formPublisher && this.name) {
-        let publisherValueForName = formPublisher[this.name].get();
-        if (publisherValueForName && publisherValueForName.indexOf(this.value) !== -1) {
+        const publisherValueForName = formPublisher[this.name].get();
+        if (publisherValueForName && Array.isArray(publisherValueForName) && publisherValueForName.indexOf(this.value) !== -1) {
           this.checked = true;
         }
       }
-      let checkAllPublisher = this.getCheckAllPublisher();
+      const checkAllPublisher = this.getCheckAllPublisher();
       if (checkAllPublisher) {
         checkAllPublisher.checkMode.onAssign(this.onChecksAllRequest);
         if (this.checksAll()) {
@@ -2797,7 +2881,7 @@ const Form$1 = (superClass) => {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const l$2 = (l2) => l2 != null ? l2 : b$1;
+const l$2 = (l2) => null != l2 ? l2 : b$1;
 const fontSize = i$4`:host{--sc-fs:1rem;--sc-lh:1.2;font-size:var(--sc-fs);line-height:var(--sc-lh)}:host([size="2xs"]){--sc-fs:0.625rem}:host([size=xs]){--sc-fs:0.75rem}:host([size=sm]){--sc-fs:0.875rem}:host([size=lg]){--sc-fs:1.125rem}:host([size=xl]){--sc-fs:1.25rem}:host([size="2xl"]){--sc-fs:1.5rem}`;
 var __defProp$13 = Object.defineProperty;
 var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
@@ -2849,7 +2933,7 @@ let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
     LocationHandler$1.changeFromComponent(this);
   }
   handleChange(e2) {
-    super.handleChange(e2);
+    super.handleChange();
     if (this.pushState || this.goBack !== null) {
       e2 == null ? void 0 : e2.preventDefault();
       e2 == null ? void 0 : e2.stopPropagation();
@@ -2857,7 +2941,7 @@ let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
     }
     if (this.hasAttribute("reset")) {
       const resetDataProvider = this.getAttribute("reset");
-      let formPublisher = resetDataProvider ? PublisherManager.get(resetDataProvider) : this.getFormPublisher();
+      const formPublisher = resetDataProvider ? PublisherManager.get(resetDataProvider) : this.getFormPublisher();
       if (formPublisher)
         formPublisher.set({});
     }
@@ -2906,7 +2990,7 @@ let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
 };
 Button.styles = [
   fontSize,
-  i$4`*{box-sizing:border-box}:host{--sc-btn-gap:0.35em;--sc-btn-py:0.25em;--sc-btn-px:1.1em;--sc-btn-fs:var(--sc-fs, 1rem);--sc-btn-fw:var(--sc-btn-font-weight);--sc-btn-ff:var(--sc-btn-font-family);--sc-btn-height:var(--sc-form-height);--sc-btn-color:var(--sc-base-content);--sc-btn-bg:var(--sc-base-100);--sc-btn-border-style:solid;--sc-btn-border-with:var(--sc-form-border-width);--sc-btn-border-color:transparent;--sc-btn-outline-bg-hover:var(--sc-base-100);--sc-btn-ghost-bg-hover:var(--sc-base-100);--sc-btn-active-color:var(--sc-base);--sc-btn-hover-filter:brightness(0.98);--sc-btn-active-filter:brightness(0.97);--sc-btn-active-bg:var(--sc-base-content);--sc-item-rounded-tr:var(--sc-btn-rounded);--sc-item-rounded-tl:var(--sc-btn-rounded);--sc-item-rounded-bl:var(--sc-btn-rounded);--sc-item-rounded-br:var(--sc-btn-rounded);display:inline-flex;vertical-align:middle;box-sizing:border-box;-webkit-print-color-adjust:exact}:host a{display:contents;color:unset}:host button{display:flex;flex:1;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--sc-btn-ff);font-weight:var(--sc-btn-fw);font-size:var(--sc-btn-fs);cursor:pointer;text-align:center;line-height:1.1;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);background:var(--sc-btn-bg);color:var(--sc-btn-color);padding-top:var(--sc-btn-py);padding-bottom:var(--sc-btn-py);padding-left:var(--sc-btn-px);padding-right:var(--sc-btn-px);border:var(--sc-btn-border-with) var(--sc-btn-border-style) var(--sc-btn-border-color);min-height:var(--sc-btn-height)}:host button.has-prefix-or-suffix{gap:var(--sc-btn-gap)}:host button:focus,:host button:hover{filter:var(--sc-btn-hover-filter)}:host button:active{filter:var(--sc-btn-active-filter)}:host([type=default]) button{--sc-btn-color:var(--sc-base-content);--sc-btn-bg:var(--sc-base-100)}:host([type=primary]) button{--sc-btn-color:var(--sc-primary-content);--sc-btn-bg:var(--sc-primary)}:host([type=warning]) button{--sc-btn-color:var(--sc-warning-content);--sc-btn-bg:var(--sc-warning)}:host([type=danger]) button{--sc-btn-color:var(--sc-danger-content);--sc-btn-bg:var(--sc-danger)}:host([type=info]) button{--sc-btn-color:var(--sc-info-content);--sc-btn-bg:var(--sc-info)}:host([type=success]) button{--sc-btn-color:var(--sc-success-content);--sc-btn-bg:var(--sc-success)}:host([type=neutral]) button{--sc-btn-color:var(--sc-base);--sc-btn-bg:var(--sc-base-600)}:host([variant=unstyled]){display:inline-block}:host([variant=unstyled]) button{all:unset;display:contents;cursor:pointer;--sc-btn-height:auto;--sc-btn-width:auto}:host(:not([disabled])) button:focus{box-shadow:0 0 0 .18rem var(--sc-base-300);border-color:var(--sc-base-300)!important;outline:0}:host([variant=ghost][type]) button{color:var(--sc-btn-bg);background:0 0}:host([variant=ghost][type=default]) button{color:var(--sc-btn-color);background:0 0}:host([variant=ghost]) button:hover{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button:hover{filter:var(--sc-btn-hover-filter)}:host([variant=outline][type]) button{border-color:var(--sc-btn-bg);color:var(--sc-btn-bg);background:0 0}:host([variant=outline][type=default]) button{border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=outline]) button:hover{background:var(--sc-btn-outline-bg-hover)}:host([variant=link]:not([size])){vertical-align:baseline;margin-left:.25em;margin-right:.25em}:host([variant=link]:not([size])){font-size:inherit}:host([variant=link]) button{text-decoration:underline;padding:0;background:0 0;border:none;font-size:inherit;min-height:0;color:inherit}:host([variant=link][type]) button{color:var(--sc-btn-bg)}:host([variant=link][type=default]) button{color:inherit}:host([variant=link]) button:focus,:host([variant=link]) button:hover{text-decoration:none}:host([shape=circle]) button{border-radius:50%}:host([shape=circle]) button,:host([shape=square]) button{width:var(--sc-btn-height);height:var(--sc-btn-height);overflow:hidden;padding:0;align-items:center;justify-content:0;text-align:center!important}:host([shape=block]),:host([shape=block]) button{width:100%}:host([disabled]){opacity:.3;pointer-events:none;user-select:none}:host([active]:not([variant=ghost]):not([variant=unstyled])) button{background:var(--sc-btn-active-bg);color:var(--sc-btn-active-color);border-color:var(--sc-btn-active-bg)}:host([align=left]) button{text-align:left}:host([align=right]) button{text-align:right}.main-slot{flex-grow:1;display:block}:host([minWidth]) .main-slot{flex-grow:0}slot[name=prefix],slot[name=suffix]{flex-shrink:0}::slotted(sonic-icon){min-width:1em;text-align:center}:host([icon]) ::slotted(sonic-icon){font-size:1.2em}sonic-tooltip{display:contents}:host(:not([active])) ::slotted([swap=on]){display:none!important}:host([active]) ::slotted([swap=off]){display:none!important}:host([loading]){pointer-events:none;position:relative}:host([loading]) slot{opacity:0!important;pointer-events:none}:host([loading]) .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:0;height:var(--sc-btn-ff);width:var(--sc-btn-ff);animation:rotation 2s infinite linear}@keyframes rotation{from{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0)}to{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(359deg)}}`
+  i$4`*{box-sizing:border-box}:host{--sc-btn-gap:0.35em;--sc-btn-py:0.25em;--sc-btn-px:1.1em;--sc-btn-fs:var(--sc-fs, 1rem);--sc-btn-fw:var(--sc-btn-font-weight);--sc-btn-ff:var(--sc-btn-font-family);--sc-btn-height:var(--sc-form-height);--btn-color:var(--sc-btn-color, var(--sc-base-content));--btn-bg:var(--sc-btn-bg, var(--sc-base-100));--sc-btn-border-style:solid;--sc-btn-border-width:var(--sc-form-border-width);--sc-btn-border-color:transparent;--btn-outline-bg-hover:var(--sc-btn-outline-bg-hover, var(--sc-base-100));--sc-btn-ghost-bg-hover:var(--sc-base-100);--sc-btn-active-color:var(--sc-base);--sc-btn-hover-filter:brightness(0.98);--sc-btn-active-filter:brightness(0.97);--sc-btn-active-bg:var(--sc-base-content);--sc-item-rounded-tr:var(--sc-btn-rounded);--sc-item-rounded-tl:var(--sc-btn-rounded);--sc-item-rounded-bl:var(--sc-btn-rounded);--sc-item-rounded-br:var(--sc-btn-rounded);display:inline-flex;vertical-align:middle;box-sizing:border-box;-webkit-print-color-adjust:exact}:host a{display:contents;color:unset}:host button{display:flex;flex:1;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--sc-btn-ff);font-weight:var(--sc-btn-fw);font-size:var(--sc-btn-fs);cursor:pointer;text-align:center;line-height:1.1;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);background:var(--btn-bg);color:var(--btn-color);padding-top:var(--sc-btn-py);padding-bottom:var(--sc-btn-py);padding-left:var(--sc-btn-px);padding-right:var(--sc-btn-px);border:var(--sc-btn-border-width) var(--sc-btn-border-style) var(--sc-btn-border-color);min-height:var(--sc-btn-height)}:host button.has-prefix-or-suffix{gap:var(--sc-btn-gap)}:host button:focus,:host button:hover{filter:var(--sc-btn-hover-filter)}:host button:active{filter:var(--sc-btn-active-filter)}:host([type=default]) button{--btn-color:var(--sc-base-content);--btn-bg:var(--sc-base-100)}:host([type=primary]) button{--btn-color:var(--sc-primary-content);--btn-bg:var(--sc-primary)}:host([type=warning]) button{--btn-color:var(--sc-warning-content);--btn-bg:var(--sc-warning)}:host([type=danger]) button{--btn-color:var(--sc-danger-content);--btn-bg:var(--sc-danger)}:host([type=info]) button{--btn-color:var(--sc-info-content);--btn-bg:var(--sc-info)}:host([type=success]) button{--btn-color:var(--sc-success-content);--btn-bg:var(--sc-success)}:host([type=neutral]) button{--btn-color:var(--sc-base);--btn-bg:var(--sc-base-600)}:host([type=custom]) button{--btn-color:var(--sc-btn-custom-color);--btn-bg:var(--sc-btn-custom-bg)}:host([variant=unstyled]){display:inline-block}:host([variant=unstyled]) button{all:unset;display:contents;cursor:pointer;--sc-btn-height:auto;--sc-btn-width:auto}:host(:not([disabled])) button:focus{box-shadow:0 0 0 .18rem var(--sc-base-300);border-color:var(--sc-base-300)!important;outline:0}:host([variant=ghost][type]) button{color:var(--btn-bg);background:0 0}:host([variant=ghost][type=default]) button{color:var(--btn-color);background:0 0}:host([variant=ghost]) button:hover{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button:hover{filter:var(--sc-btn-hover-filter)}:host([variant=outline][type]) button{border-color:var(--btn-bg);color:var(--btn-bg);background:0 0}:host([variant=outline][type=default]) button{border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=outline]) button:hover{background:var(--btn-outline-bg-hover)}:host([variant=link]:not([size])){vertical-align:baseline;margin-left:.25em;margin-right:.25em}:host([variant=link]:not([size])){font-size:inherit}:host([variant=link]) button{text-decoration:underline;padding:0;background:0 0;border:none;font-size:inherit;min-height:0;color:inherit}:host([variant=link][type]) button{color:var(--btn-bg)}:host([variant=link][type=default]) button{color:inherit}:host([variant=link]) button:focus,:host([variant=link]) button:hover{text-decoration:none}:host([shape=circle]) button{border-radius:50%}:host([shape=circle]) button,:host([shape=square]) button{width:var(--sc-btn-height);height:var(--sc-btn-height);padding:0;align-items:center;justify-content:0;text-align:center!important}:host([shape=block]),:host([shape=block]) button{width:100%}:host([disabled]){opacity:.3;pointer-events:none;user-select:none}:host([active]:not([variant=ghost]):not([variant=unstyled])) button{background:var(--sc-btn-active-bg);color:var(--sc-btn-active-color);border-color:var(--sc-btn-active-bg)}:host([align=left]) button{text-align:left}:host([align=right]) button{text-align:right}.main-slot{flex-grow:1;display:block}:host([minWidth]) .main-slot{flex-grow:0}slot[name=prefix],slot[name=suffix]{flex-shrink:0}::slotted(sonic-icon){min-width:1em;text-align:center}:host([icon]) ::slotted(sonic-icon){font-size:1.2em}sonic-tooltip{display:contents}:host(:not([active])) ::slotted([swap=on]){display:none!important}:host([active]) ::slotted([swap=off]){display:none!important}:host([loading]){pointer-events:none;position:relative}:host([loading]) slot{opacity:0!important;pointer-events:none}:host([loading]) .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:0;height:var(--sc-btn-ff);width:var(--sc-btn-ff);animation:rotation 2s infinite linear}@keyframes rotation{from{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0)}to{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(359deg)}}`
 ];
 __decorateClass$13([
   e$7({ type: String, reflect: true })
@@ -2996,7 +3080,7 @@ let Loader = class extends s$3 {
   static show(conf) {
     if (!Loader.loader)
       Loader.loader = document.createElement("sonic-loader");
-    let loader = Loader.loader;
+    const loader = Loader.loader;
     if (!conf)
       conf = {};
     if (conf.mode)
@@ -3036,17 +3120,17 @@ Loader = __decorateClass$12([
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: l$1 } = L, e$1 = (o2) => o2.strings === void 0, c$2 = () => document.createComment(""), r$2 = (o2, t2, i2) => {
+const { I: l$1 } = L, e$1 = (o2) => void 0 === o2.strings, c$2 = () => document.createComment(""), r$2 = (o2, t2, i2) => {
   var n2;
-  const d2 = o2._$AA.parentNode, v2 = t2 === void 0 ? o2._$AB : t2._$AA;
-  if (i2 === void 0) {
+  const d2 = o2._$AA.parentNode, v2 = void 0 === t2 ? o2._$AB : t2._$AA;
+  if (void 0 === i2) {
     const t3 = d2.insertBefore(c$2(), v2), n3 = d2.insertBefore(c$2(), v2);
     i2 = new l$1(t3, n3, o2, o2.options);
   } else {
     const l2 = i2._$AB.nextSibling, t3 = i2._$AM, e2 = t3 !== o2;
     if (e2) {
       let l3;
-      (n2 = i2._$AQ) === null || n2 === void 0 || n2.call(i2, o2), i2._$AM = o2, i2._$AP !== void 0 && (l3 = o2._$AU) !== t3._$AU && i2._$AP(l3);
+      null === (n2 = i2._$AQ) || void 0 === n2 || n2.call(i2, o2), i2._$AM = o2, void 0 !== i2._$AP && (l3 = o2._$AU) !== t3._$AU && i2._$AP(l3);
     }
     if (l2 !== v2 || e2) {
       let o3 = i2._$AA;
@@ -3059,7 +3143,7 @@ const { I: l$1 } = L, e$1 = (o2) => o2.strings === void 0, c$2 = () => document.
   return i2;
 }, u$1 = (o2, l2, t2 = o2) => (o2._$AI(l2, t2), o2), f$1 = {}, s$2 = (o2, l2 = f$1) => o2._$AH = l2, m = (o2) => o2._$AH, p$1 = (o2) => {
   var l2;
-  (l2 = o2._$AP) === null || l2 === void 0 || l2.call(o2, false, true);
+  null === (l2 = o2._$AP) || void 0 === l2 || l2.call(o2, false, true);
   let t2 = o2._$AA;
   const i2 = o2._$AB.nextSibling;
   for (; t2 !== i2; ) {
@@ -3084,7 +3168,7 @@ const u = (e2, s2, t2) => {
   }
   ht(e2, s2, t2) {
     let r2;
-    t2 === void 0 ? t2 = s2 : s2 !== void 0 && (r2 = s2);
+    void 0 === t2 ? t2 = s2 : void 0 !== s2 && (r2 = s2);
     const l2 = [], o2 = [];
     let i2 = 0;
     for (const s3 of e2)
@@ -3099,12 +3183,12 @@ const u = (e2, s2, t2) => {
     const a2 = m(s2), { values: p2, keys: v2 } = this.ht(t2, r2, c2);
     if (!Array.isArray(a2))
       return this.ut = v2, p2;
-    const h2 = (d2 = this.ut) !== null && d2 !== void 0 ? d2 : this.ut = [], m$12 = [];
+    const h2 = null !== (d2 = this.ut) && void 0 !== d2 ? d2 : this.ut = [], m$12 = [];
     let y2, x2, j2 = 0, k2 = a2.length - 1, w2 = 0, A2 = p2.length - 1;
     for (; j2 <= k2 && w2 <= A2; )
-      if (a2[j2] === null)
+      if (null === a2[j2])
         j2++;
-      else if (a2[k2] === null)
+      else if (null === a2[k2])
         k2--;
       else if (h2[j2] === v2[w2])
         m$12[w2] = u$1(a2[j2], p2[w2]), j2++, w2++;
@@ -3114,10 +3198,10 @@ const u = (e2, s2, t2) => {
         m$12[A2] = u$1(a2[j2], p2[A2]), r$2(s2, m$12[A2 + 1], a2[j2]), j2++, A2--;
       else if (h2[k2] === v2[w2])
         m$12[w2] = u$1(a2[k2], p2[w2]), r$2(s2, a2[j2], a2[k2]), k2--, w2++;
-      else if (y2 === void 0 && (y2 = u(v2, w2, A2), x2 = u(h2, j2, k2)), y2.has(h2[j2]))
+      else if (void 0 === y2 && (y2 = u(v2, w2, A2), x2 = u(h2, j2, k2)), y2.has(h2[j2]))
         if (y2.has(h2[k2])) {
-          const e2 = x2.get(v2[w2]), t3 = e2 !== void 0 ? a2[e2] : null;
-          if (t3 === null) {
+          const e2 = x2.get(v2[w2]), t3 = void 0 !== e2 ? a2[e2] : null;
+          if (null === t3) {
             const e3 = r$2(s2, a2[j2]);
             u$1(e3, p2[w2]), m$12[w2] = e3;
           } else
@@ -3133,7 +3217,7 @@ const u = (e2, s2, t2) => {
     }
     for (; j2 <= k2; ) {
       const e2 = a2[j2++];
-      e2 !== null && p$1(e2);
+      null !== e2 && p$1(e2);
     }
     return this.ut = v2, s$2(s2, m$12), x$1;
   }
@@ -3146,22 +3230,22 @@ const u = (e2, s2, t2) => {
 const s$1 = (i2, t2) => {
   var e2, o2;
   const r2 = i2._$AN;
-  if (r2 === void 0)
+  if (void 0 === r2)
     return false;
   for (const i3 of r2)
-    (o2 = (e2 = i3)._$AO) === null || o2 === void 0 || o2.call(e2, t2, false), s$1(i3, t2);
+    null === (o2 = (e2 = i3)._$AO) || void 0 === o2 || o2.call(e2, t2, false), s$1(i3, t2);
   return true;
 }, o$3 = (i2) => {
   let t2, e2;
   do {
-    if ((t2 = i2._$AM) === void 0)
+    if (void 0 === (t2 = i2._$AM))
       break;
     e2 = t2._$AN, e2.delete(i2), i2 = t2;
-  } while ((e2 == null ? void 0 : e2.size) === 0);
+  } while (0 === (null == e2 ? void 0 : e2.size));
 }, r$1 = (i2) => {
   for (let t2; t2 = i2._$AM; i2 = t2) {
     let e2 = t2._$AN;
-    if (e2 === void 0)
+    if (void 0 === e2)
       t2._$AN = e2 = /* @__PURE__ */ new Set();
     else if (e2.has(i2))
       break;
@@ -3169,23 +3253,23 @@ const s$1 = (i2, t2) => {
   }
 };
 function n$1(i2) {
-  this._$AN !== void 0 ? (o$3(this), this._$AM = i2, r$1(this)) : this._$AM = i2;
+  void 0 !== this._$AN ? (o$3(this), this._$AM = i2, r$1(this)) : this._$AM = i2;
 }
 function h$1(i2, t2 = false, e2 = 0) {
   const r2 = this._$AH, n2 = this._$AN;
-  if (n2 !== void 0 && n2.size !== 0)
+  if (void 0 !== n2 && 0 !== n2.size)
     if (t2)
       if (Array.isArray(r2))
         for (let i3 = e2; i3 < r2.length; i3++)
           s$1(r2[i3], false), o$3(r2[i3]);
       else
-        r2 != null && (s$1(r2, false), o$3(r2));
+        null != r2 && (s$1(r2, false), o$3(r2));
     else
       s$1(this, i2);
 }
 const l = (i2) => {
   var t$12, s2, o2, r2;
-  i2.type == t.CHILD && ((t$12 = (o2 = i2)._$AP) !== null && t$12 !== void 0 || (o2._$AP = h$1), (s2 = (r2 = i2)._$AQ) !== null && s2 !== void 0 || (r2._$AQ = n$1));
+  i2.type == t.CHILD && (null !== (t$12 = (o2 = i2)._$AP) && void 0 !== t$12 || (o2._$AP = h$1), null !== (s2 = (r2 = i2)._$AQ) && void 0 !== s2 || (r2._$AQ = n$1));
 };
 class c extends i$2 {
   constructor() {
@@ -3196,7 +3280,7 @@ class c extends i$2 {
   }
   _$AO(i2, t2 = true) {
     var e2, r2;
-    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (e2 = this.reconnected) === null || e2 === void 0 || e2.call(this) : (r2 = this.disconnected) === null || r2 === void 0 || r2.call(this)), t2 && (s$1(this, i2), o$3(this));
+    i2 !== this.isConnected && (this.isConnected = i2, i2 ? null === (e2 = this.reconnected) || void 0 === e2 || e2.call(this) : null === (r2 = this.disconnected) || void 0 === r2 || r2.call(this)), t2 && (s$1(this, i2), o$3(this));
   }
   setValue(t2) {
     if (e$1(this._$Ct))
@@ -3215,10 +3299,10 @@ const i = /* @__PURE__ */ new WeakMap();
 let h = 0;
 const r = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new WeakSet(), a = () => new Promise((t2) => requestAnimationFrame(t2)), f = [{ opacity: 0 }], p = [{ opacity: 0 }, { opacity: 1 }], g = (t2, i2) => {
   const s2 = t2 - i2;
-  return s2 === 0 ? void 0 : s2;
+  return 0 === s2 ? void 0 : s2;
 }, w = (t2, i2) => {
   const s2 = t2 / i2;
-  return s2 === 1 ? void 0 : s2;
+  return 1 === s2 ? void 0 : s2;
 }, A = { left: (t2, i2) => {
   const s2 = g(t2, i2);
   return { value: s2, transform: s2 && `translateX(${s2}px)` };
@@ -3240,13 +3324,13 @@ class S extends c {
   }
   createFinished() {
     var t2;
-    (t2 = this.resolveFinished) === null || t2 === void 0 || t2.call(this), this.finished = new Promise((t3) => {
+    null === (t2 = this.resolveFinished) || void 0 === t2 || t2.call(this), this.finished = new Promise((t3) => {
       this.h = t3;
     });
   }
   async resolveFinished() {
     var t2;
-    (t2 = this.h) === null || t2 === void 0 || t2.call(this), this.h = void 0;
+    null === (t2 = this.h) || void 0 === t2 || t2.call(this), this.h = void 0;
   }
   render(i2) {
     return b$1;
@@ -3256,24 +3340,24 @@ class S extends c {
   }
   isDisabled() {
     var t2;
-    return this.options.disabled || ((t2 = this.getController()) === null || t2 === void 0 ? void 0 : t2.disabled);
+    return this.options.disabled || (null === (t2 = this.getController()) || void 0 === t2 ? void 0 : t2.disabled);
   }
   update(t2, [i2]) {
     var s2;
-    const e2 = this.l === void 0;
-    return e2 && (this.l = (s2 = t2.options) === null || s2 === void 0 ? void 0 : s2.host, this.l.addController(this), this.element = t2.element, x.set(this.element, this)), this.optionsOrCallback = i2, (e2 || typeof i2 != "function") && this.u(i2), this.render(i2);
+    const e2 = void 0 === this.l;
+    return e2 && (this.l = null === (s2 = t2.options) || void 0 === s2 ? void 0 : s2.host, this.l.addController(this), this.element = t2.element, x.set(this.element, this)), this.optionsOrCallback = i2, (e2 || "function" != typeof i2) && this.u(i2), this.render(i2);
   }
   u(t2) {
     var i2, s2;
-    t2 = t2 != null ? t2 : {};
+    t2 = null != t2 ? t2 : {};
     const e2 = this.getController();
-    e2 !== void 0 && ((t2 = __spreadValues(__spreadValues({}, e2.defaultOptions), t2)).keyframeOptions = __spreadValues(__spreadValues({}, e2.defaultOptions.keyframeOptions), t2.keyframeOptions)), (i2 = (s2 = t2).properties) !== null && i2 !== void 0 || (s2.properties = j), this.options = t2;
+    void 0 !== e2 && ((t2 = { ...e2.defaultOptions, ...t2 }).keyframeOptions = { ...e2.defaultOptions.keyframeOptions, ...t2.keyframeOptions }), null !== (i2 = (s2 = t2).properties) && void 0 !== i2 || (s2.properties = j), this.options = t2;
   }
   v() {
     const t2 = {}, i2 = this.element.getBoundingClientRect(), s2 = getComputedStyle(this.element);
     return this.options.properties.forEach((e2) => {
       var o2;
-      const h2 = (o2 = i2[e2]) !== null && o2 !== void 0 ? o2 : A[e2] ? void 0 : s2[e2], r2 = Number(h2);
+      const h2 = null !== (o2 = i2[e2]) && void 0 !== o2 ? o2 : A[e2] ? void 0 : s2[e2], r2 = Number(h2);
       t2[e2] = isNaN(r2) ? h2 + "" : r2;
     }), t2;
   }
@@ -3290,7 +3374,7 @@ class S extends c {
   }
   hostUpdate() {
     var t2;
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t2 = this.t) !== null && t2 !== void 0 ? t2 : this.element.parentNode, this.i = this.element.nextSibling);
+    "function" == typeof this.optionsOrCallback && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = null !== (t2 = this.t) && void 0 !== t2 ? t2 : this.element.parentNode, this.i = this.element.nextSibling);
   }
   async hostUpdated() {
     if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
@@ -3298,7 +3382,7 @@ class S extends c {
     let t2;
     this.prepare(), await a;
     const i2 = this._(), s2 = this.A(this.options.keyframeOptions, i2), e2 = this.v();
-    if (this.g !== void 0) {
+    if (void 0 !== this.g) {
       const { from: s3, to: o2 } = this.O(this.g, e2, i2);
       this.log("measured", [this.g, e2, s3, o2]), t2 = this.calculateKeyframes(s3, o2);
     } else {
@@ -3306,7 +3390,7 @@ class S extends c {
       if (s3) {
         r.delete(this.options.inId);
         const { from: o2, to: n2 } = this.O(s3, e2, i2);
-        t2 = this.calculateKeyframes(o2, n2), t2 = this.options.in ? [__spreadValues(__spreadValues({}, this.options.in[0]), t2[0]), ...this.options.in.slice(1), t2[1]] : t2, h++, t2.forEach((t3) => t3.zIndex = h);
+        t2 = this.calculateKeyframes(o2, n2), t2 = this.options.in ? [{ ...this.options.in[0], ...t2[0] }, ...this.options.in.slice(1), t2[1]] : t2, h++, t2.forEach((t3) => t3.zIndex = h);
       } else
         this.options.in && (t2 = [...this.options.in, {}]);
     }
@@ -3314,11 +3398,11 @@ class S extends c {
   }
   resetStyles() {
     var t2;
-    this.P !== void 0 && (this.element.setAttribute("style", (t2 = this.P) !== null && t2 !== void 0 ? t2 : ""), this.P = void 0);
+    void 0 !== this.P && (this.element.setAttribute("style", null !== (t2 = this.P) && void 0 !== t2 ? t2 : ""), this.P = void 0);
   }
   commitStyles() {
     var t2, i2;
-    this.P = this.element.getAttribute("style"), (t2 = this.webAnimation) === null || t2 === void 0 || t2.commitStyles(), (i2 = this.webAnimation) === null || i2 === void 0 || i2.cancel();
+    this.P = this.element.getAttribute("style"), null === (t2 = this.webAnimation) || void 0 === t2 || t2.commitStyles(), null === (i2 = this.webAnimation) || void 0 === i2 || i2.cancel();
   }
   reconnected() {
   }
@@ -3326,15 +3410,15 @@ class S extends c {
     var t2;
     if (!this.o)
       return;
-    if (this.options.id !== void 0 && r.set(this.options.id, this.g), this.options.out === void 0)
+    if (void 0 !== this.options.id && r.set(this.options.id, this.g), void 0 === this.options.out)
       return;
-    if (this.prepare(), await a(), (t2 = this.t) === null || t2 === void 0 ? void 0 : t2.isConnected) {
+    if (this.prepare(), await a(), null === (t2 = this.t) || void 0 === t2 ? void 0 : t2.isConnected) {
       const t3 = this.i && this.i.parentNode === this.t ? this.i : null;
       if (this.t.insertBefore(this.element, t3), this.options.stabilizeOut) {
         const t4 = this.v();
         this.log("stabilizing out");
         const i3 = this.g.left - t4.left, s2 = this.g.top - t4.top;
-        !(getComputedStyle(this.element).position === "static") || i3 === 0 && s2 === 0 || (this.element.style.position = "relative"), i3 !== 0 && (this.element.style.left = i3 + "px"), s2 !== 0 && (this.element.style.top = s2 + "px");
+        !("static" === getComputedStyle(this.element).position) || 0 === i3 && 0 === s2 || (this.element.style.position = "relative"), 0 !== i3 && (this.element.style.left = i3 + "px"), 0 !== s2 && (this.element.style.top = s2 + "px");
       }
     }
     const i2 = this.A(this.options.keyframeOptions);
@@ -3345,15 +3429,15 @@ class S extends c {
   }
   start() {
     var t2, i2;
-    (i2 = (t2 = this.options).onStart) === null || i2 === void 0 || i2.call(t2, this);
+    null === (i2 = (t2 = this.options).onStart) || void 0 === i2 || i2.call(t2, this);
   }
   didFinish(t2) {
     var i2, s2;
-    t2 && ((s2 = (i2 = this.options).onComplete) === null || s2 === void 0 || s2.call(i2, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
+    t2 && (null === (s2 = (i2 = this.options).onComplete) || void 0 === s2 || s2.call(i2, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
   }
   _() {
     const t2 = [];
-    for (let i2 = this.element.parentNode; i2; i2 = i2 == null ? void 0 : i2.parentNode) {
+    for (let i2 = this.element.parentNode; i2; i2 = null == i2 ? void 0 : i2.parentNode) {
       const s2 = x.get(i2);
       s2 && !s2.isDisabled() && s2 && t2.push(s2);
     }
@@ -3366,16 +3450,16 @@ class S extends c {
     }), t2;
   }
   A(t2, i2 = this._()) {
-    const s2 = __spreadValues({}, b);
+    const s2 = { ...b };
     return i2.forEach((t3) => Object.assign(s2, t3.options.keyframeOptions)), Object.assign(s2, t2), s2;
   }
   O(t2, i2, s2) {
-    t2 = __spreadValues({}, t2), i2 = __spreadValues({}, i2);
-    const e2 = s2.map((t3) => t3.animatingProperties).filter((t3) => t3 !== void 0);
+    t2 = { ...t2 }, i2 = { ...i2 };
+    const e2 = s2.map((t3) => t3.animatingProperties).filter((t3) => void 0 !== t3);
     let o2 = 1, h2 = 1;
-    return e2 !== void 0 && (e2.forEach((t3) => {
+    return void 0 !== e2 && (e2.forEach((t3) => {
       t3.width && (o2 /= t3.width), t3.height && (h2 /= t3.height);
-    }), t2.left !== void 0 && i2.left !== void 0 && (t2.left = o2 * t2.left, i2.left = o2 * i2.left), t2.top !== void 0 && i2.top !== void 0 && (t2.top = h2 * t2.top, i2.top = h2 * i2.top)), { from: t2, to: i2 };
+    }), void 0 !== t2.left && void 0 !== i2.left && (t2.left = o2 * t2.left, i2.left = o2 * i2.left), void 0 !== t2.top && void 0 !== i2.top && (t2.top = h2 * t2.top, i2.top = h2 * i2.top)), { from: t2, to: i2 };
   }
   calculateKeyframes(t2, i2, s2 = false) {
     var e2;
@@ -3386,33 +3470,33 @@ class S extends c {
       const a2 = t2[s3], l2 = i2[s3];
       if (s3 in A) {
         const t3 = A[s3];
-        if (a2 === void 0 || l2 === void 0)
+        if (void 0 === a2 || void 0 === l2)
           continue;
         const i3 = t3(a2, l2);
-        i3.transform !== void 0 && (n2[s3] = i3.value, r2 = true, o2.transform = `${(e2 = o2.transform) !== null && e2 !== void 0 ? e2 : ""} ${i3.transform}`);
+        void 0 !== i3.transform && (n2[s3] = i3.value, r2 = true, o2.transform = `${null !== (e2 = o2.transform) && void 0 !== e2 ? e2 : ""} ${i3.transform}`);
       } else
-        a2 !== l2 && a2 !== void 0 && l2 !== void 0 && (r2 = true, o2[s3] = a2, h2[s3] = l2);
+        a2 !== l2 && void 0 !== a2 && void 0 !== l2 && (r2 = true, o2[s3] = a2, h2[s3] = l2);
     }
     return o2.transformOrigin = h2.transformOrigin = s2 ? "center center" : "top left", this.animatingProperties = n2, r2 ? [o2, h2] : void 0;
   }
   async animate(t2, i2 = this.options.keyframeOptions) {
     this.start(), this.frames = t2;
     let s2 = false;
-    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t2 = this.options.onFrames(this), this.log("modified frames", t2)), t2 !== void 0)) {
+    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t2 = this.options.onFrames(this), this.log("modified frames", t2)), void 0 !== t2)) {
       this.log("animate", [t2, i2]), s2 = true, this.webAnimation = this.element.animate(t2, i2);
       const e2 = this.getController();
-      e2 == null || e2.add(this);
+      null == e2 || e2.add(this);
       try {
         await this.webAnimation.finished;
       } catch (t3) {
       }
-      e2 == null || e2.remove(this);
+      null == e2 || e2.remove(this);
     }
     return this.didFinish(s2), s2;
   }
   isAnimating() {
     var t2, i2;
-    return ((t2 = this.webAnimation) === null || t2 === void 0 ? void 0 : t2.playState) === "running" || ((i2 = this.webAnimation) === null || i2 === void 0 ? void 0 : i2.pending);
+    return "running" === (null === (t2 = this.webAnimation) || void 0 === t2 ? void 0 : t2.playState) || (null === (i2 = this.webAnimation) || void 0 === i2 ? void 0 : i2.pending);
   }
   log(t2, i2) {
     this.shouldLog && !this.isDisabled() && console.log(t2, this.options.id, i2);
@@ -3446,11 +3530,11 @@ class e extends i$2 {
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(r2) {
-    if (r2 === b$1 || r2 == null)
+    if (r2 === b$1 || null == r2)
       return this._t = void 0, this.it = r2;
     if (r2 === x$1)
       return r2;
-    if (typeof r2 != "string")
+    if ("string" != typeof r2)
       throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (r2 === this.it)
       return this._t;
@@ -3498,10 +3582,10 @@ function enableCustomLibrary() {
 const _Icons = class {
   static registerIcons(newIcons) {
     const record = icons;
-    for (let prefix in newIcons) {
+    for (const prefix in newIcons) {
       const newObj = newIcons[prefix];
       const currentRecord = record[prefix] || {};
-      for (let name in newObj) {
+      for (const name in newObj) {
         currentRecord[name] = newObj[name];
       }
       record[prefix] = currentRecord;
@@ -3511,30 +3595,30 @@ const _Icons = class {
 let Icons = _Icons;
 Icons.fontAwesomeNext = {
   get: async (params) => {
-    let library = params.library;
-    let name = params.name || "";
+    const library = params.library;
+    const name = params.name || "";
     const iconsAsRecord = icons;
     if (library == "custom") {
       enableCustomLibrary();
     }
     if (library && libraries[library]) {
-      let libraryItem = libraries[library];
-      let prefix = params.prefix || libraryItem.defaultPrefix || "";
-      let libIcons = iconsAsRecord[library] || {};
+      const libraryItem = libraries[library];
+      const prefix = params.prefix || libraryItem.defaultPrefix || "";
+      const libIcons = iconsAsRecord[library] || {};
       iconsAsRecord[library] = libIcons;
-      let libIconsKey = prefix + "-" + name;
+      const libIconsKey = prefix + "-" + name;
       if (libIcons[libIconsKey])
         return o$2(libIcons[libIconsKey]);
-      let url = libraryItem.url.replace("$prefix", prefix).replace("$name", name);
+      const url = libraryItem.url.replace("$prefix", prefix).replace("$name", name);
       if (!loadingGetPromises.has(url)) {
-        let promise = new Promise(async (resolve) => {
-          let result2 = await fetch(url);
+        const promise = new Promise(async (resolve) => {
+          const result2 = await fetch(url);
           if (!result2.ok) {
             resolve(`<b title="Erreur ${result2.status}">\u{1F636}</b>`);
             return;
           }
           try {
-            let text = await result2.text();
+            const text = await result2.text();
             resolve(text);
           } catch (e2) {
             resolve(null);
@@ -3542,7 +3626,7 @@ Icons.fontAwesomeNext = {
         });
         loadingGetPromises.set(url, promise);
       }
-      let result = await loadingGetPromises.get(url);
+      const result = await loadingGetPromises.get(url);
       loadingGetPromises.delete(url);
       libIcons[libIconsKey] = result || "";
       return o$2(result);
@@ -3757,7 +3841,8 @@ let SonicToast$1 = class extends s$3 {
       margin: "1rem"
     };
     if (!isIframe) {
-      styles = __spreadProps(__spreadValues({}, styles), {
+      styles = {
+        ...styles,
         margin: "0",
         width: "calc(100% - 2.5rem)",
         position: "fixed",
@@ -3766,29 +3851,33 @@ let SonicToast$1 = class extends s$3 {
         zIndex: "10000",
         maxWidth: "64ch",
         flexDirection: "column-reverse"
-      });
+      };
     }
     if (!this.toasts)
       return b$1;
-    return y`<div aria-live="polite" style="${i$1(styles)}">${c$1(this.toasts, (item) => item.id, (item) => y`<sonic-toast-item maxHeight="${isIframe ? "none" : "10rem"}" status="${l$2(item.status)}" title="${l$2(item.title)}" ?ghost="${item.ghost}" ?dismissForever="${item.dismissForever}" ?preserve="${item.preserve}" id="${l$2(item.id)}" @hide="${() => this.removeItem(item)}" ${$({
-      keyframeOptions: {
-        duration: 250,
-        easing: `cubic-bezier(0.250, 0.250, 0.420, 1.225)`
-      },
-      in: [{ transform: "translateY(0) scale(1.25)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }],
-      out: [
-        {
-          transform: "scale(.90) ",
-          opacity: 0,
-          duration: 3e3,
-          easing: `ease-in-out`
-        }
-      ],
-      stabilizeOut: true
-    })}>${item.text ? o$2(item.text) : ""}</sonic-toast-item>`)}</div>`;
+    return y`<div aria-live="polite" style="${i$1(styles)}">${c$1(
+      this.toasts,
+      (item) => item.id,
+      (item) => y`<sonic-toast-item maxHeight="${isIframe ? "none" : "10rem"}" status="${l$2(item.status)}" title="${l$2(item.title)}" ?ghost="${item.ghost}" ?dismissForever="${item.dismissForever}" ?preserve="${item.preserve}" id="${l$2(item.id)}" @hide="${() => this.removeItem(item)}" ${$({
+        keyframeOptions: {
+          duration: 250,
+          easing: `cubic-bezier(0.250, 0.250, 0.420, 1.225)`
+        },
+        in: [{ transform: "translateY(0) scale(1.25)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }],
+        out: [
+          {
+            transform: "scale(.90) ",
+            opacity: 0,
+            duration: 3e3,
+            easing: `ease-in-out`
+          }
+        ],
+        stabilizeOut: true
+      })}>${item.text ? o$2(item.text) : ""}</sonic-toast-item>`
+    )}</div>`;
   }
   static removeAll() {
-    let toastComponent = document.querySelector("sonic-toast");
+    const toastComponent = document.querySelector("sonic-toast");
     if (!toastComponent)
       return;
     toastComponent.toasts = toastComponent.toasts.filter((item) => item.ghost);
@@ -3796,11 +3885,11 @@ let SonicToast$1 = class extends s$3 {
   static add(conf) {
     var _a2;
     if (!document.querySelector("sonic-toast")) {
-      let toastComponent2 = document.createElement("sonic-toast");
-      let container = document.querySelector("sonic-theme") || document.body;
+      const toastComponent2 = document.createElement("sonic-toast");
+      const container = document.querySelector("sonic-theme") || document.body;
       container.prepend(toastComponent2);
     }
-    let toastComponent = document.querySelector("sonic-toast");
+    const toastComponent = document.querySelector("sonic-toast");
     const nextId = (_a2 = conf.id) != null ? _a2 : new Date().valueOf();
     const interactiveRegExp = new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>");
     const hasInteractive = interactiveRegExp.test(conf.text);
@@ -3821,9 +3910,9 @@ let SonicToast$1 = class extends s$3 {
       }
     }
     if (toastComponent.toasts.length > 0) {
-      let toastA = __spreadValues({}, currentToast);
+      const toastA = { ...currentToast };
       for (const toast of toastComponent.toasts) {
-        let toastB = __spreadValues({}, toast);
+        const toastB = { ...toast };
         toastA.id = toastB.id = 0;
         if (Objects$1.shallowEqual(toastA, toastB)) {
           return null;
@@ -3834,17 +3923,16 @@ let SonicToast$1 = class extends s$3 {
     return currentToast;
   }
   static removeItem(toastToRemove) {
-    let toastComponent = document.querySelector("sonic-toast");
+    const toastComponent = document.querySelector("sonic-toast");
     if (!toastComponent)
       return;
-    console.log(toastToRemove);
     toastComponent.removeItem(toastToRemove);
   }
   removeItem(toastToRemove) {
     if (!toastToRemove)
       return;
     this.toasts = this.toasts.filter((toast) => {
-      toast = __spreadValues({}, toast);
+      toast = { ...toast };
       delete toast.id;
       return !Objects$1.shallowEqual(toast, toastToRemove, false);
     });
@@ -3886,6 +3974,12 @@ const Fetcher$1 = (superClass, propsType) => {
       this.refetchEveryMs = 0;
       this.dataProvider = "";
     }
+    get props() {
+      return super.props;
+    }
+    set props(value) {
+      super.props = value;
+    }
     set endPoint(value) {
       this._endPoint = value;
       if (this.isConnected)
@@ -3903,12 +3997,11 @@ const Fetcher$1 = (superClass, propsType) => {
       this.dispatchEvent(new CustomEvent("loading", { detail: this }));
       this.isLoading = true;
       this.requestUpdate();
-      let data;
-      let hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
+      const hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
       if (hasLoader)
         Loader.show();
-      let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
-      data = await this.api.get(this.endPoint || this.dataProvider || "", headerData);
+      const headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
+      let data = await this.api.get(this.endPoint || this.dataProvider || "", headerData);
       if (!data) {
         SonicToast$1.add({ text: "Network Error", status: "error" });
         this.isLoading = false;
@@ -3921,7 +4014,7 @@ const Fetcher$1 = (superClass, propsType) => {
       if (hasLoader)
         Loader.hide();
       if (this.key) {
-        let response = data._sonic_http_response_;
+        const response = data._sonic_http_response_;
         data = Objects$1.traverse(data, this.key.split("."), this.hasAttribute("preserveOtherKeys"));
         if (data && Objects$1.isObject(data) && response)
           data._sonic_http_response_ = response;
@@ -3964,18 +4057,17 @@ const Fetcher$1 = (superClass, propsType) => {
       if (lazyLoad === null) {
         return;
       }
-      let options = {
+      const options = {
         root: null,
         rootMargin: Math.max(window.innerWidth, window.innerHeight) + "px"
       };
       this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
-      let that = this;
-      let elt = this.shadowRoot ? this.shadowRoot.children[0] : that.children[0];
+      let elt = this.shadowRoot ? this.shadowRoot.children[0] : this.children[0];
       if (elt && elt.nodeName.toLocaleLowerCase() == "slot")
         elt = elt.children[0];
       if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
         elt = document.createElement("span");
-        that.appendChild(elt);
+        this.appendChild(elt);
       }
       if (elt) {
         this.iObserver.observe(elt);
@@ -3991,6 +4083,9 @@ const Fetcher$1 = (superClass, propsType) => {
       }
     }
   }
+  __decorateClass$_([
+    e$7()
+  ], FetcherElement.prototype, "props", 1);
   __decorateClass$_([
     e$7({ type: String })
   ], FetcherElement.prototype, "endPoint", 1);
@@ -4139,13 +4234,16 @@ let List = class extends Fetcher$1(Subscriber$1(TemplatesContainer$1(s$3))) {
   }
   formatProps() {
     let props = this.props;
-    let response = props._sonic_http_response_;
-    let extractValues = this.hasAttribute("extractValues");
+    if (props == null) {
+      return null;
+    }
+    const response = props._sonic_http_response_;
+    const extractValues = this.hasAttribute("extractValues");
     if (!Array.isArray(props)) {
       if (extractValues) {
         props = Object.entries(props).map(([k2, v2]) => ({ key: k2, value: v2 }));
       } else {
-        if (!response || response.ok)
+        if (Objects$1.isObject(props) && Object.keys(props).length > 0 && (!response || response.ok))
           props = [props];
         else {
           props = [];
@@ -4167,30 +4265,41 @@ let List = class extends Fetcher$1(Subscriber$1(TemplatesContainer$1(s$3))) {
     const propsIsBaddlyFormatted = !Objects$1.isObject(this.props);
     if (propsIsBaddlyFormatted)
       return y`<div></div>`;
-    let props = this.formatProps();
-    if (props.length == 0 && this.templateParts["no-item"]) {
+    const props = this.formatProps();
+    if (((props == null ? void 0 : props.length) || 0) == 0 && this.templateParts["no-item"]) {
       return o$1(this.templateParts["no-item"]);
     }
     const templateCount = this.templateList.length;
     let counter = -1;
     const extractValues = this.hasAttribute("extractValues");
     const separator = this.templateParts["separator"];
-    const length = props.length;
-    return y`${props.map((item, index) => {
-      let templatePartName = item[this.templateKey];
-      let hasCustomTemplate = templatePartName && this.templateParts[templatePartName];
-      let key = extractValues ? item == null ? void 0 : item[this.idKey] : index;
+    const length = (props == null ? void 0 : props.length) || 0;
+    return y`${props == null ? void 0 : props.map((item, index) => {
+      if (item == null)
+        return b$1;
+      let templatePart = null;
+      let key = index;
+      if (typeof item == "object" && !Array.isArray(item)) {
+        const templatePartName = item[this.templateKey];
+        if (templatePartName && typeof templatePartName == "string") {
+          templatePart = this.templateParts[templatePartName];
+        }
+        if (extractValues)
+          key = item == null ? void 0 : item["key"];
+      }
       if (key == "_sonic_http_response_")
         return b$1;
-      let pub = this.publisher[key];
+      if (typeof key != "string" && typeof key != "number")
+        return b$1;
+      const pub = this.publisher[key];
       pub._key_ = key + "";
       counter++;
       const isNotLast = index < length - 1;
-      if (hasCustomTemplate)
+      if (templatePart)
         counter = -1;
       return item && y`<sonic-subscriber ?debug="${this.defferedDebug === true}" .bindPublisher="${function() {
         return pub;
-      }}" .propertyMap?="${this.itemPropertyMap}" dataProvider="${this.dataProvider}/list-item/${key}">${hasCustomTemplate ? o$1(this.templateParts[templatePartName]) : o$1(this.templateList[counter % templateCount])}</sonic-subscriber>${separator && isNotLast ? o$1(separator) : b$1}`;
+      }}" .propertyMap?="${this.itemPropertyMap}" dataProvider="${this.dataProvider}/list-item/${key}">${templatePart ? o$1(templatePart) : o$1(this.templateList[counter % templateCount])}</sonic-subscriber>${separator && isNotLast ? o$1(separator) : b$1}`;
     })}`;
   }
 };
@@ -4240,7 +4349,7 @@ let Queue = class extends Subscriber$1(s$3) {
     this.nextHadEvent = false;
   }
   disconnectedCallback() {
-    for (let dataProvider of this.listDataProviders) {
+    for (const dataProvider of this.listDataProviders) {
       PublisherManager$1.delete(dataProvider);
     }
     super.disconnectedCallback();
@@ -4260,11 +4369,12 @@ let Queue = class extends Subscriber$1(s$3) {
     if (!this.templates)
       this.templates = Array.from(this.querySelectorAll("template"));
     this.lastRequestTime = new Date().getTime();
-    this.next();
+    const func = window.requestAnimationFrame;
+    func(() => this.next());
   }
   configFilter() {
     var _a2;
-    let dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
+    const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
     if (!dataFilterProvider)
       return;
     this.filterPublisher = PublisherManager$1.getInstance().get(dataFilterProvider);
@@ -4277,28 +4387,31 @@ let Queue = class extends Subscriber$1(s$3) {
   }
   updateFilteredContent() {
     var _a2;
-    let dataProvider = this.dataProviderExpression;
-    let split = dataProvider.split("?");
+    const dataProvider = this.dataProviderExpression;
+    const split = dataProvider.split("?");
     split.shift();
-    let searchParams = new URLSearchParams(split.join("?"));
-    let filterData = (_a2 = this.filterPublisher) == null ? void 0 : _a2.get();
-    let filteredFieldsArray = this.filteredFields.split(" ");
-    for (let f2 in filterData) {
-      if (this.filteredFields && !filteredFieldsArray.includes(f2) || filterData[f2] == null)
+    const searchParams = new URLSearchParams(split.join("?"));
+    const filterData = (_a2 = this.filterPublisher) == null ? void 0 : _a2.get();
+    const filteredFieldsArray = this.filteredFields.split(" ");
+    for (const f2 in filterData) {
+      let value = filterData[f2];
+      if (Array.isArray(value))
+        value = value.filter((v2) => v2 !== null);
+      if (this.filteredFields && !filteredFieldsArray.includes(f2) || value == null || value.toString() === "")
         continue;
-      searchParams.set(f2, filterData[f2]);
+      searchParams.set(f2, filterData[f2].toString());
     }
-    let searchHash = searchParams.toString();
+    const searchHash = searchParams.toString();
     if (searchHash == this.searchHash)
       return;
     this.searchHash = searchHash;
-    for (let dataProvider2 of this.listDataProviders) {
+    for (const dataProvider2 of this.listDataProviders) {
       PublisherManager$1.delete(dataProvider2);
     }
     this.listDataProviders = [];
     clearTimeout(this.filterTimeoutId);
     this.filterTimeoutId = setTimeout(() => {
-      let count = this.resultCount;
+      const count = this.resultCount;
       this.props = null;
       this.resultCount = count;
       this.requestId++;
@@ -4327,7 +4440,7 @@ let Queue = class extends Subscriber$1(s$3) {
       }
     }
     if (!Array.isArray(this.props)) {
-      let newProps2 = [];
+      const newProps2 = [];
       newProps2.resultCount = this.resultCount;
       this.props = newProps2;
     } else {
@@ -4342,20 +4455,22 @@ let Queue = class extends Subscriber$1(s$3) {
     if (this.limit > 15)
       this.limit = 15;
     let dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
-    let split = dataProvider.split("?");
-    let endpoint = split.shift();
-    let searchParams = new URLSearchParams(split.join("?"));
-    let filterData = (_a2 = this.filterPublisher) == null ? void 0 : _a2.get();
-    let filteredFieldsArray = this.filteredFields.split(" ");
-    for (let f2 in filterData) {
+    const split = dataProvider.split("?");
+    const endpoint = split.shift();
+    const searchParams = new URLSearchParams(split.join("?"));
+    const filterData = (_a2 = this.filterPublisher) == null ? void 0 : _a2.get();
+    const filteredFieldsArray = this.filteredFields.split(" ");
+    for (const f2 in filterData) {
       if (this.filteredFields && !filteredFieldsArray.includes(f2) || filterData[f2] == null)
         continue;
       searchParams.set(f2, filterData[f2]);
     }
+    if (!this.searchHash)
+      this.searchHash = searchParams.toString();
     dataProvider = endpoint + "?" + searchParams.toString();
     this.listDataProviders.push(dataProvider);
     this.currentScrollPosition = (_b = document.scrollingElement) == null ? void 0 : _b.scrollTop;
-    let newProps = [
+    const newProps = [
       ...this.props,
       {
         id: searchParams.toString() + "/" + this.props.length,
@@ -4371,18 +4486,22 @@ let Queue = class extends Subscriber$1(s$3) {
   render() {
     if (this.currentScrollPosition) {
       window.requestAnimationFrame(() => {
-        if (document.scrollingElement)
+        if (document.scrollingElement && this.currentScrollPosition != void 0)
           document.scrollingElement.scrollTop = this.currentScrollPosition;
         this.currentScrollPosition = void 0;
       });
     }
     if (!Array.isArray(this.props))
       return b$1;
-    return y`${c$1(this.props, (item) => item.id, (item, index) => {
-      var _a2;
-      let templates = index == 0 ? this.templates : (_a2 = this.templates) == null ? void 0 : _a2.filter((elt) => elt.getAttribute("data-value") != "no-item");
-      return y`<sonic-list fetch displayContents lazyload requestId="${this.requestId}" ?itemPropertyMap="${this.itemPropertyMap}" ?debug="${this.defferedDebug === true}" @load="${this.next}" key="${this.key}" @loading="${this.resetDuration}" dataProvider="${item.dataProvider}" idKey="${this.idKey}" .templates="${templates}"></sonic-list>`;
-    })}`;
+    return y`${c$1(
+      this.props,
+      (item) => item.id,
+      (item, index) => {
+        var _a2;
+        const templates = index == 0 ? this.templates : (_a2 = this.templates) == null ? void 0 : _a2.filter((elt) => elt.getAttribute("data-value") != "no-item");
+        return y`<sonic-list fetch displayContents lazyload requestId="${this.requestId}" .itemPropertyMap="${this.itemPropertyMap}" ?debug="${this.defferedDebug === true}" @load="${this.next}" key="${this.key}" @loading="${this.resetDuration}" dataProvider="${item.dataProvider}" idKey="${this.idKey}" .templates="${templates}"></sonic-list>`;
+      }
+    )}`;
   }
 };
 Queue.instanceCounter = 0;
@@ -4456,11 +4575,13 @@ let Submit = class extends Subscriber$1(s$3) {
     if (!form2)
       return;
     const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-    let formData = PublisherManager$1.get(formDataProvider).get();
+    const formData = PublisherManager$1.get(formDataProvider).get();
     for (const name in formData) {
       if (name == "isFormValid")
         continue;
-      let control = form2.querySelector('input[name="' + name + '"], select[name="' + name + '"], textarea[name="' + name + '"]');
+      let control = form2.querySelector(
+        'input[name="' + name + '"], select[name="' + name + '"], textarea[name="' + name + '"]'
+      );
       if (!control) {
         control = document.createElement("input");
         control.type = "hidden";
@@ -4477,7 +4598,7 @@ let Submit = class extends Subscriber$1(s$3) {
         control.value = value;
       }
     }
-    let submitButton = document.createElement("input");
+    const submitButton = document.createElement("input");
     submitButton.name = this.name;
     submitButton.style.display = "none";
     submitButton.value = this.value;
@@ -4496,14 +4617,14 @@ let Submit = class extends Subscriber$1(s$3) {
     if (this.publisher)
       this.publisher.disabled = true;
     formPublisher.isFormValid;
-    let native = this.hasAttribute("native");
+    const native = this.hasAttribute("native");
     if (native) {
       this.submitNativeForm();
       return;
     }
-    let method = ((_a2 = this.getAttribute("method")) == null ? void 0 : _a2.toLocaleLowerCase()) || "post";
-    let sendAsFormData = this.hasAttribute("sendAsFormData");
-    let formData = formPublisher.get();
+    const method = ((_a2 = this.getAttribute("method")) == null ? void 0 : _a2.toLocaleLowerCase()) || "post";
+    const sendAsFormData = this.hasAttribute("sendAsFormData");
+    const formData = formPublisher.get();
     delete formData.isFormValid;
     const headesDataProvider = this.getAncestorAttributeValue("headersDataProvider");
     const headerPublisher = headesDataProvider ? PublisherManager$1.getInstance().get(headesDataProvider) : null;
@@ -4511,10 +4632,10 @@ let Submit = class extends Subscriber$1(s$3) {
     if (headerPublisher)
       headerData = headerPublisher.get();
     let result = null;
-    let dataProvider = this.getAncestorAttributeValue("dataProvider");
-    let endPoint = this.endPoint || dataProvider;
+    const dataProvider = this.getAncestorAttributeValue("dataProvider");
+    const endPoint = this.endPoint || dataProvider;
     Loader.show();
-    let sendData = async () => {
+    const sendData = async () => {
       var _a3, _b2, _c2, _d, _e, _f, _g;
       if (sendAsFormData) {
         result = await ((_a3 = this.api) == null ? void 0 : _a3.submitFormData(endPoint, formData, method, headerData));
@@ -4539,30 +4660,30 @@ let Submit = class extends Subscriber$1(s$3) {
         result = { messages: [{ content: "Network Error", status: "error" }] };
       else if (result._sonic_http_response_ && !result._sonic_http_response_.ok && Object.keys(result).length === 1)
         result.messages = [{ content: "Network Error", status: "error" }];
-      let clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
+      const clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
       if (clearedDataProvider) {
         clearedDataProvider.split(" ").forEach((dataProvider2) => PublisherManager$1.get(dataProvider2).set({}));
       }
-      let username_key = this.hasAttribute("usernameKey") ? this.getAttribute("usernameKey") : "username";
-      let password_key = this.hasAttribute("passwordKey") ? this.getAttribute("passwordKey") : "password";
+      const username_key = this.hasAttribute("usernameKey") ? this.getAttribute("usernameKey") : "username";
+      const password_key = this.hasAttribute("passwordKey") ? this.getAttribute("passwordKey") : "password";
       if (((_g = (_f = this.api) == null ? void 0 : _f.lastResult) == null ? void 0 : _g.ok) && formData[username_key] && formData[password_key]) {
         this.saveCredentials(formData[username_key], formData[password_key]);
       }
       if (this.submitResultKey) {
         result = Objects$1.traverse(result, this.submitResultKey.split("."), true);
       }
-      let submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
+      const submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
       if (submitResultDataProvider)
         PublisherManager$1.get(submitResultDataProvider).set(result);
       if (this.publisher)
         this.publisher.disabled = null;
     };
-    let captchaPublisher = (headerPublisher == null ? void 0 : headerPublisher.needsCaptchaValidation.get()) ? headerPublisher : formPublisher.needsCaptchaValidation.get() ? formPublisher : null;
+    const captchaPublisher = (headerPublisher == null ? void 0 : headerPublisher.needsCaptchaValidation.get()) ? headerPublisher : formPublisher.needsCaptchaValidation.get() ? formPublisher : null;
     if (captchaPublisher) {
       captchaPublisher.captchaMethod = method;
       captchaPublisher.captchaAction = (_c = (_b = dataProvider == null ? void 0 : dataProvider.split("?")[0]) != null ? _b : this.getAncestorAttributeValue("formDataProvider")) != null ? _c : "submit";
       captchaPublisher.captchaToken = "request_token";
-      let captchaAssign = (token) => {
+      const captchaAssign = (token) => {
         if (token != "request_token") {
           sendData();
           captchaPublisher.captchaToken.offAssign(captchaAssign);
@@ -4575,7 +4696,7 @@ let Submit = class extends Subscriber$1(s$3) {
   }
   async saveCredentials(username, password2) {
     if ("PasswordCredential" in window) {
-      let credential = new window.PasswordCredential({
+      const credential = new window.PasswordCredential({
         id: username,
         password: password2
       });
@@ -4955,7 +5076,7 @@ var urlPattern = { exports: {} };
         return;
       }
       this.isRegex = arg1 instanceof RegExp;
-      if (!(typeof arg1 === "string" || this.isRegex)) {
+      if (!("string" === typeof arg1 || this.isRegex)) {
         throw new TypeError("argument must be a regex or a string");
       }
       if (this.isRegex) {
@@ -5077,42 +5198,53 @@ let SonicRouter = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     return this._location;
   }
   render() {
-    let templates = [];
-    for (let t2 of this.templatePartsList) {
-      let path = t2.getAttribute(this.templateValueAttribute);
-      let regexp = new RegExp(path);
-      let urlPattern2 = new UrlPattern(path);
+    const templates = [];
+    for (const t2 of this.templatePartsList) {
+      const path = t2.getAttribute(this.templateValueAttribute) || "";
+      const regexp = new RegExp(path);
       if (regexp.test(this.location)) {
         templates.push(t2);
-      } else if (urlPattern2.match(this.location)) {
-        t2.setAttribute("mode", "patternMatching");
-        templates.push(t2);
+      } else {
+        try {
+          if (new UrlPattern(path).match(this.location)) {
+            t2.setAttribute("mode", "patternMatching");
+            templates.push(t2);
+          }
+        } catch (e2) {
+          if (this.location.indexOf(path.replace(document.location.origin, "")) != -1) {
+            templates.push(t2);
+          }
+        }
       }
     }
-    return y`${c$1(templates, (template, index) => {
-      return index + new Date().getTime();
-    }, (template) => {
-      var _a2;
-      if (template.title)
-        document.title = template.title;
-      if (template.hasAttribute("dataProviderExpression")) {
-        let dataProvider = "";
-        let dataProviderExpression = template.getAttribute("dataProviderExpression");
-        if (template.getAttribute("mode") == "patternMatching") {
-          const matcher = new UrlPattern(template.getAttribute(this.templateValueAttribute));
-          const filler = new UrlPattern(dataProviderExpression);
-          dataProvider = filler.stringify(matcher.match(this.location));
-        } else {
-          const regexp = new RegExp(template.getAttribute(this.templateValueAttribute));
-          let match = (this.location + "").match(regexp);
-          if (match) {
-            dataProvider = (_a2 = match.shift()) == null ? void 0 : _a2.replace(regexp, dataProviderExpression);
+    return y`${c$1(
+      templates,
+      (template, index) => {
+        return index + new Date().getTime();
+      },
+      (template) => {
+        var _a2;
+        if (template.title)
+          document.title = template.title;
+        if (template.hasAttribute("dataProviderExpression")) {
+          let dataProvider = "";
+          const dataProviderExpression = template.getAttribute("dataProviderExpression") || "";
+          if (template.getAttribute("mode") == "patternMatching") {
+            const matcher = new UrlPattern(template.getAttribute(this.templateValueAttribute) || "");
+            const filler = new UrlPattern(dataProviderExpression);
+            dataProvider = filler.stringify(matcher.match(this.location));
+          } else {
+            const regexp = new RegExp(template.getAttribute(this.templateValueAttribute) || "");
+            const match = (this.location + "").match(regexp);
+            if (match) {
+              dataProvider = ((_a2 = match.shift()) == null ? void 0 : _a2.replace(regexp, dataProviderExpression)) || "";
+            }
           }
+          return y`<div style="display:contents" dataProvider="${dataProvider}">${o$1(template)}</div>`;
         }
-        return y`<div style="display:contents" dataProvider="${dataProvider}">${o$1(template)}</div>`;
+        return o$1(template);
       }
-      return o$1(template);
-    })}`;
+    )}`;
   }
 };
 __decorateClass$T([
@@ -5134,11 +5266,6 @@ var __decorateClass$S = (decorators, target, key, kind) => {
 };
 const tagName$O = "sonic-redirect";
 let SonicRedirect = class extends Subscriber$1(s$3) {
-  constructor() {
-    super(...arguments);
-    this.udpateCallBack = () => {
-    };
-  }
   connectedCallback() {
     this.noShadowDom = "";
     this.style.display = "none";
@@ -5159,8 +5286,8 @@ let SonicRedirect = class extends Subscriber$1(s$3) {
     }
     if (!this.props)
       return;
-    let onDataPath = this.getAttribute("onData").split(".");
-    let searchedData = Objects$1.traverse(this.props, onDataPath);
+    const onDataPath = this.getAttribute("onData").split(".");
+    const searchedData = Objects$1.traverse(this.props, onDataPath);
     if (searchedData && !(Objects$1.isObject(searchedData) && searchedData)) {
       LocationHandler$1.changeFromComponent(this);
     }
@@ -5193,14 +5320,15 @@ let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     };
   }
   connectedCallback() {
+    this.noShadowDom = "";
     super.connectedCallback();
     if (this.hasAttribute("data-path")) {
       this.statePath = this.getAttribute("data-path");
     }
     if (this.statePath) {
       this.statePublisher = this.publisher;
-      let split = this.statePath.split(".");
-      for (let s2 of split) {
+      const split = this.statePath.split(".");
+      for (const s2 of split) {
         this.statePublisher = this.statePublisher[s2];
       }
       this.statePublisher.onAssign(this.onAssign);
@@ -5213,12 +5341,12 @@ let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     super.disconnectedCallback();
   }
   render() {
-    let templates = [];
+    const templates = [];
     let state = this.state;
     if (!Array.isArray(state) && Objects$1.isObject(state) || state === void 0) {
       state = "";
     }
-    for (let t2 of this.templatePartsList) {
+    for (const t2 of this.templatePartsList) {
       let path = t2.getAttribute(this.templateValueAttribute);
       let stateToMatch = state;
       if (this.inverted) {
@@ -5227,50 +5355,54 @@ let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
       }
       if (path == "")
         path = this.inverted ? ".*?" : "^$";
-      let regexp = new RegExp(path);
+      const regexp = new RegExp(path);
       if (regexp.test(stateToMatch)) {
         templates.push(t2);
         t2.removeAttribute("mode");
       } else {
-        let urlPattern2 = new UrlPattern(path);
+        const urlPattern2 = new UrlPattern(path);
         if (urlPattern2.names.length > 0 && urlPattern2.match(stateToMatch)) {
           t2.setAttribute("mode", "patternMatching");
           templates.push(t2);
         }
       }
     }
-    return y`${c$1(templates, (template, index) => {
-      return index + new Date().getTime();
-    }, (template) => {
-      var _a2;
-      if (template.title)
-        document.title = template.title;
-      if (template.hasAttribute("dataProviderExpression")) {
-        let dataProviderExpression = template.getAttribute("dataProviderExpression");
-        let dataProvider = "";
-        let stateToMatch = state;
-        let path = template.getAttribute(this.templateValueAttribute);
-        if (this.inverted) {
-          stateToMatch = path;
-          path = state;
-        }
-        if (path == "")
-          path = this.inverted ? "*" : "^$";
-        if (template.getAttribute("mode") == "patternMatching") {
-          const matcher = new UrlPattern(path);
-          const filler = new UrlPattern(dataProviderExpression);
-          dataProvider = filler.stringify(matcher.match(stateToMatch));
-        } else {
-          const regexp = new RegExp(path);
-          let match = (stateToMatch + "").match(regexp);
-          if (match) {
-            dataProvider = (_a2 = match.shift()) == null ? void 0 : _a2.replace(regexp, dataProviderExpression);
+    return y`${c$1(
+      templates,
+      (template, index) => {
+        return index + new Date().getTime();
+      },
+      (template) => {
+        var _a2;
+        if (template.title)
+          document.title = template.title;
+        if (template.hasAttribute("dataProviderExpression")) {
+          const dataProviderExpression = template.getAttribute("dataProviderExpression");
+          let dataProvider = "";
+          let stateToMatch = state;
+          let path = template.getAttribute(this.templateValueAttribute);
+          if (this.inverted) {
+            stateToMatch = path;
+            path = state;
+          }
+          if (path == "")
+            path = this.inverted ? "*" : "^$";
+          if (template.getAttribute("mode") == "patternMatching") {
+            const matcher = new UrlPattern(path);
+            const filler = new UrlPattern(dataProviderExpression);
+            dataProvider = filler.stringify(matcher.match(stateToMatch));
+          } else {
+            const regexp = new RegExp(path);
+            const match = (stateToMatch + "").match(regexp);
+            if (match) {
+              dataProvider = (_a2 = match.shift()) == null ? void 0 : _a2.replace(regexp, dataProviderExpression);
+            }
           }
+          return y`<div style="display:contents" dataProvider="${dataProvider}">${o$1(template)}</div>`;
         }
-        return y`<div style="display:contents" dataProvider="${dataProvider}">${o$1(template)}</div>`;
+        return o$1(template);
       }
-      return o$1(template);
-    })}`;
+    )}`;
   }
 };
 __decorateClass$R([
@@ -5467,35 +5599,36 @@ var default_library = {
   divider
 };
 class SDUIDescriptorTransformer {
-  constructor() {
-  }
   async transform(sduiDescriptor, transformDescriptor) {
     this.sduiDescriptor = sduiDescriptor;
     if (this.sduiDescriptor.library) {
-      for (let key in transformDescriptor.library) {
+      for (const key in transformDescriptor.library) {
         this.sduiDescriptor.library[key] = transformDescriptor.library[key];
       }
     }
-    for (let item of transformDescriptor.transforms) {
+    for (const item of transformDescriptor.transforms) {
       this.transformAction(item);
     }
   }
   transformAction(transformAction) {
-    let uis = this.getNodesMatchingPatterns(transformAction.patterns, this.sduiDescriptor);
-    this[transformAction.action](transformAction, uis);
+    const uis = this.getNodesMatchingPatterns(transformAction.patterns, this.sduiDescriptor);
+    this[transformAction.action](
+      transformAction,
+      uis
+    );
   }
   getNodesMatchingPatterns(patterns, node) {
     if (!patterns)
       return [];
     if (!node)
       return [];
-    let nodes = node.nodes;
+    const nodes = node.nodes;
     if (!nodes)
       return [];
     let result = [];
     let index = 0;
-    for (let pattern of patterns) {
-      for (let child of nodes) {
+    for (const pattern of patterns) {
+      for (const child of nodes) {
         if (this.nodeMatchesPattern(pattern, child)) {
           result.push({ parent: node, child, index });
         }
@@ -5509,20 +5642,20 @@ class SDUIDescriptorTransformer {
     return !regExpString || stringToTest && stringToTest.match(regExpString);
   }
   nodeMatchesPattern(pattern, node) {
-    let patternDynamic = pattern;
-    let nodeDynamic = node;
-    let keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
-    for (let key of keys) {
+    const patternDynamic = pattern;
+    const nodeDynamic = node;
+    const keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
+    for (const key of keys) {
       if (!this.stringMatchesExpression(nodeDynamic[key], patternDynamic[key])) {
         return false;
       }
     }
-    let patternAttributes = pattern.attributes;
-    let nodeAttributes = node.attributes;
+    const patternAttributes = pattern.attributes;
+    const nodeAttributes = node.attributes;
     if (patternAttributes && !nodeAttributes)
       return false;
     if (patternAttributes) {
-      for (let name in patternAttributes) {
+      for (const name in patternAttributes) {
         if (!nodeAttributes || !this.stringMatchesExpression(nodeAttributes[name], patternAttributes[name])) {
           return false;
         }
@@ -5532,7 +5665,7 @@ class SDUIDescriptorTransformer {
   }
   unwrap(transformAction, list) {
     var _a2, _b;
-    for (let item of list) {
+    for (const item of list) {
       (_a2 = item.parent.nodes) == null ? void 0 : _a2.splice(item.parent.nodes.indexOf(item.child), 1);
       if (item.child.nodes) {
         (_b = item.parent.nodes) == null ? void 0 : _b.splice(item.parent.nodes.indexOf(item.child), 0, ...item.child.nodes);
@@ -5541,18 +5674,18 @@ class SDUIDescriptorTransformer {
   }
   wrap(transformAction, list) {
     var _a2, _b, _c, _d, _e, _f;
-    let wrapper = __spreadValues({}, transformAction.ui);
+    const wrapper = { ...transformAction.ui };
     if (!wrapper.nodes)
       wrapper.nodes = [];
     let i2 = 0;
-    for (let item of list) {
+    for (const item of list) {
       (_a2 = wrapper.nodes) == null ? void 0 : _a2.push(item.child);
       if (i2 > 0) {
         (_b = item.parent.nodes) == null ? void 0 : _b.splice(item.parent.nodes.indexOf(item.child), 1);
       }
       i2++;
     }
-    let idx = (_d = (_c = list[0]) == null ? void 0 : _c.parent.nodes) == null ? void 0 : _d.indexOf(list[0].child);
+    const idx = (_d = (_c = list[0]) == null ? void 0 : _c.parent.nodes) == null ? void 0 : _d.indexOf(list[0].child);
     if (idx) {
       (_e = list[0].parent.nodes) == null ? void 0 : _e.splice(idx, 1);
       (_f = list[0].parent.nodes) == null ? void 0 : _f.splice(idx, 0, wrapper);
@@ -5560,50 +5693,54 @@ class SDUIDescriptorTransformer {
   }
   move(transformAction, list) {
     var _a2, _b;
-    for (let item of list) {
+    for (const item of list) {
       (_a2 = item.parent.nodes) == null ? void 0 : _a2.splice(item.parent.nodes.indexOf(item.child), 1);
       let list2 = [];
       if (transformAction.after)
         list2 = this.getNodesMatchingPatterns([transformAction.after], this.sduiDescriptor);
       if (transformAction.before)
         list2 = this.getNodesMatchingPatterns([transformAction.before], this.sduiDescriptor);
-      let element = list2[0];
+      const element = list2[0];
       if (element) {
-        (_b = element.parent.nodes) == null ? void 0 : _b.splice(element.parent.nodes.indexOf(element.child) + (transformAction.after ? 1 : 0), 0, item.child);
+        (_b = element.parent.nodes) == null ? void 0 : _b.splice(
+          element.parent.nodes.indexOf(element.child) + (transformAction.after ? 1 : 0),
+          0,
+          item.child
+        );
       }
     }
   }
   remap(transformAction, list) {
     var _a2, _b, _c;
-    for (let item of list) {
-      let newUI = __spreadValues({}, transformAction.ui);
+    for (const item of list) {
+      const newUI = { ...transformAction.ui };
       if (!newUI.attributes) {
         newUI.attributes = {};
       }
-      let childAttributes = item.child.attributes;
+      const childAttributes = item.child.attributes;
       if (childAttributes) {
-        for (let key in childAttributes) {
-          if (!newUI.attributes.hasOwnProperty("key"))
+        for (const key in childAttributes) {
+          if (!Object.prototype.hasOwnProperty.call(newUI.attributes, "key"))
             newUI.attributes[key] = childAttributes[key];
         }
       }
-      let keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
-      let childDynamic = item.child;
-      let newUIDynamic = newUI;
-      for (let key of keys) {
-        if (!newUI.hasOwnProperty(key) && childDynamic[key])
+      const keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
+      const childDynamic = item.child;
+      const newUIDynamic = newUI;
+      for (const key of keys) {
+        if (!Object.prototype.hasOwnProperty.call(newUI, key) && childDynamic[key])
           newUIDynamic[key] = childDynamic[key];
       }
       if (!newUI.nodes) {
         newUI.nodes = [];
       }
-      let childNodes = item.child.nodes;
+      const childNodes = item.child.nodes;
       if (childNodes) {
-        for (let node of childNodes) {
+        for (const node of childNodes) {
           newUI.nodes.push(node);
         }
       }
-      let idx = ((_a2 = item.parent.nodes) == null ? void 0 : _a2.indexOf(item.child)) || -1;
+      const idx = ((_a2 = item.parent.nodes) == null ? void 0 : _a2.indexOf(item.child)) || -1;
       if (idx != -1) {
         (_b = item.parent.nodes) == null ? void 0 : _b.splice(idx, 1);
         (_c = item.parent.nodes) == null ? void 0 : _c.splice(idx, 0, newUI);
@@ -5612,13 +5749,13 @@ class SDUIDescriptorTransformer {
   }
   delete(transformAction, list) {
     var _a2;
-    for (let item of list) {
+    for (const item of list) {
       (_a2 = item.parent.nodes) == null ? void 0 : _a2.splice(item.parent.nodes.indexOf(item.child), 1);
     }
   }
   insert(transformAction, list) {
     var _a2;
-    let positionType = transformAction.after ? "after" : transformAction.before ? "before" : "in";
+    const positionType = transformAction.after ? "after" : transformAction.before ? "before" : "in";
     list = [];
     if (transformAction.after) {
       list = this.getNodesMatchingPatterns([transformAction.after], this.sduiDescriptor);
@@ -5627,14 +5764,16 @@ class SDUIDescriptorTransformer {
     } else if (transformAction.in) {
       list = this.getNodesMatchingPatterns([transformAction.in], this.sduiDescriptor);
     }
-    let node = list[0];
+    const node = list[0];
     if (node) {
       if (positionType == "in") {
         if (!node.child.nodes)
           node.child.nodes = [];
-        node.child.nodes.push(__spreadValues({}, transformAction.ui));
+        node.child.nodes.push({ ...transformAction.ui });
       } else {
-        (_a2 = node.parent.nodes) == null ? void 0 : _a2.splice(node.parent.nodes.indexOf(node.child) + (positionType == "after" ? 1 : 0), 0, __spreadValues({}, transformAction.ui));
+        (_a2 = node.parent.nodes) == null ? void 0 : _a2.splice(node.parent.nodes.indexOf(node.child) + (positionType == "after" ? 1 : 0), 0, {
+          ...transformAction.ui
+        });
       }
     }
   }
@@ -5662,7 +5801,7 @@ const Form = (superClass) => {
       const input = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("input");
       if (!input || input.checkValidity())
         return;
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (formPublisher)
         formPublisher.isFormValid = false;
       input.reportValidity();
@@ -5753,23 +5892,23 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     this.isFetchEnabled = this.hasAttribute("fetch");
     super.connectedCallback();
   }
-  get props() {
-    return super.props;
-  }
-  set props(value) {
-    if (value === this.props)
-      return;
-    super.props = value;
-    let newSduiDescriptor = this.sduiKey ? value[this.sduiKey] : value;
-    if (this.sduiDescriptor == newSduiDescriptor)
-      return;
-    this.sduiDescriptor = newSduiDescriptor;
-    this.updateContents();
+  willUpdate(changedProperties) {
+    if (this.props == null) {
+      this.sduiDescriptor = {};
+    }
+    {
+      const newSduiDescriptor = this.sduiKey ? this.props[this.sduiKey] : this.props;
+      if (this.sduiDescriptor == newSduiDescriptor)
+        return;
+      this.sduiDescriptor = newSduiDescriptor;
+      this.updateContents();
+    }
+    super.willUpdate(changedProperties);
   }
   async updateContents() {
     if (!this.sduiDescriptor)
       return;
-    let library = {};
+    const library = {};
     Object.assign(library, default_library, this.sduiDescriptor.library);
     this.sduiDescriptor.library = library;
     this.loadAssets();
@@ -5797,16 +5936,16 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
   async transformSDUIDescriptor() {
     if (!this.hasAttribute("transformation"))
       return;
-    let result = await fetch(this.getAttribute("transformation"));
-    let json = await result.json();
-    let transformer = new SDUIDescriptorTransformer();
+    const result = await fetch(this.getAttribute("transformation"));
+    const json = await result.json();
+    const transformer = new SDUIDescriptorTransformer();
     await transformer.transform(this.sduiDescriptor, json);
   }
   async loadLibrary() {
     if (!this.hasAttribute("library"))
       return;
-    let result = await fetch(this.getAttribute("library"));
-    let json = await result.json();
+    const result = await fetch(this.getAttribute("library"));
+    const json = await result.json();
     this.sduiDescriptor.library = json;
   }
   parseRootNodes() {
@@ -5816,7 +5955,7 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     let nodes = this.sduiDescriptor.nodes;
     if (!nodes)
       nodes = [];
-    let messageProvider = { tagName: "sonic-toast-message-subscriber", attributes: {} };
+    const messageProvider = { tagName: "sonic-toast-message-subscriber", attributes: {} };
     if (this.messagesKey) {
       messageProvider.attributes = { subDataProvider: this.messagesKey };
     }
@@ -5824,7 +5963,7 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     nodes.forEach((node) => this.appendChild(this.parseChild(node)));
   }
   parseChild(node) {
-    let tagName2 = node.tagName || "div";
+    const tagName2 = node.tagName || "div";
     let { element, contentElement } = this.handleLibrary(node, tagName2);
     this.handleAttributes(node, element);
     element = this.handleMarkup(node, element);
@@ -5846,9 +5985,9 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
   }
   handleChildNodes(node, contentElement, element) {
     if (node.nodes) {
-      let children = node.nodes;
-      for (let child of children) {
-        let childElement = this.parseChild(child);
+      const children = node.nodes;
+      for (const child of children) {
+        const childElement = this.parseChild(child);
         let nodeToAppendOn = contentElement;
         if (child.parentElementSelector) {
           nodeToAppendOn = element.querySelector(child.parentElementSelector) || contentElement;
@@ -5856,7 +5995,7 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
         if (nodeToAppendOn.shadowRoot)
           nodeToAppendOn.shadowRoot.appendChild(childElement);
         else if (nodeToAppendOn.tagName.toLocaleLowerCase() == "template") {
-          let template = nodeToAppendOn;
+          const template = nodeToAppendOn;
           template.content.appendChild(childElement);
         } else
           nodeToAppendOn.appendChild(childElement);
@@ -5868,7 +6007,7 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     let contentElement;
     if (node.libraryKey && this.sduiDescriptor.library) {
       element = this.parseChild(this.sduiDescriptor.library[node.libraryKey] || { tagName: "div" });
-      let selector = (this.sduiDescriptor.library[node.libraryKey] || {}).contentElementSelector;
+      const selector = (this.sduiDescriptor.library[node.libraryKey] || {}).contentElementSelector;
       if (selector)
         contentElement = element.querySelector(selector);
     } else
@@ -5876,10 +6015,10 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     return { element, contentElement };
   }
   handleAttributes(node, element) {
-    let attributes = node.attributes;
-    for (let k2 in attributes) {
-      let attrData = attributes[k2];
-      let attr = Objects.isObject(attrData) ? JSON.stringify(attrData) : attrData;
+    const attributes = node.attributes;
+    for (const k2 in attributes) {
+      const attrData = attributes[k2];
+      const attr = Objects.isObject(attrData) ? JSON.stringify(attrData) : attrData;
       element.setAttribute(k2, attr);
     }
   }
@@ -5896,7 +6035,7 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     if (!node.innerHTML)
       return;
     if (node.innerHTML.indexOf("wording_") != -1) {
-      let wordingProvider = this.getAncestorAttributeValue("wordingProvider");
+      const wordingProvider = this.getAncestorAttributeValue("wordingProvider");
       (_a2 = this.api) == null ? void 0 : _a2.post(wordingProvider, { labels: [node.innerHTML.substring(8)] }).then((value) => {
         if (contentElement)
           contentElement.innerHTML += value;
@@ -5912,9 +6051,6 @@ __decorateClass$N([
 __decorateClass$N([
   e$7()
 ], SonicSDUI.prototype, "messagesKey", 2);
-__decorateClass$N([
-  e$7()
-], SonicSDUI.prototype, "props", 1);
 SonicSDUI = __decorateClass$N([
   e$8(tagName$K)
 ], SonicSDUI);
@@ -5958,7 +6094,7 @@ let SonicMix = class extends Subscriber(s$3) {
     this.parseComposition(this.composition, this.publisher);
   }
   removePublisherListeners() {
-    let listeners = this.listeners;
+    const listeners = this.listeners;
     this.listeners = [];
     listeners.forEach((listener) => {
       this.publisher.offAssign(listener.subscriber);
@@ -5967,13 +6103,16 @@ let SonicMix = class extends Subscriber(s$3) {
   parseComposition(composition, publisher) {
     if (!composition)
       return;
-    for (let z2 in composition) {
-      let value = composition[z2];
+    for (const z2 in composition) {
+      const value = composition[z2];
       if (typeof value === "string") {
-        let split = value.split(".");
-        let publisherSource = PublisherManager.get(split.shift());
+        const split = value.split(".");
+        const first = split.shift();
+        if (!first)
+          continue;
+        let publisherSource = PublisherManager.get(first);
         publisherSource = Objects.traverse(publisherSource, split);
-        let publisherSubscriber = {
+        const publisherSubscriber = {
           publisher: publisherSource,
           subscriber: (v2) => {
             publisher[z2] = v2;
@@ -5984,9 +6123,9 @@ let SonicMix = class extends Subscriber(s$3) {
         publisher._proxies_.set(z2, publisherSource);
       } else {
         this.publisher[z2] = {};
-        let newPublisher = new PublisherProxy$1({}, publisher);
+        const newPublisher = new PublisherProxy$1({}, publisher);
         publisher._proxies_.set(z2, newPublisher);
-        let publisherSubscriber = {
+        const publisherSubscriber = {
           publisher: newPublisher,
           subscriber: (v2) => {
             publisher[z2] = v2;
@@ -6029,9 +6168,9 @@ let SonicValue = class extends Subscriber(s$3) {
     super.connectedCallback();
   }
   render() {
-    if (typeof this.props !== "string")
+    if (typeof this.props === "object" || this.props === void 0)
       return y`<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
-    return y`${o$2(this.props)}<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
+    return y`${o$2(this.props.toString())}<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
   }
 };
 SonicValue = __decorateClass$L([
@@ -6071,50 +6210,56 @@ let Theme = class extends s$3 {
   postCSSVars() {
     const stylesheets = document.styleSheets;
     const ssLength = stylesheets.length;
-    let fontUrls = [];
+    const fontUrls = [];
     for (let i2 = 0; i2 < ssLength; i2++) {
-      let ss = stylesheets[i2];
+      const ss = stylesheets[i2];
       if (ss.href && (ss.href.includes("googleapis") || ss.href.includes("typekit.net")))
         fontUrls.push(ss.href);
     }
-    document.querySelectorAll("iframe").forEach((elt) => {
-      var _a2;
-      return (_a2 = elt.contentWindow) == null ? void 0 : _a2.postMessage({
-        type: "SonicTheme",
-        variables: this.getCssVariables(),
-        fonts: fontUrls
-      }, "*");
-    });
+    document.querySelectorAll("iframe").forEach(
+      (elt) => {
+        var _a2;
+        return (_a2 = elt.contentWindow) == null ? void 0 : _a2.postMessage(
+          {
+            type: "SonicTheme",
+            variables: this.getCssVariables(),
+            fonts: fontUrls
+          },
+          "*"
+        );
+      }
+    );
   }
   receiveMessage(event) {
-    let data = event.data;
+    const data = event.data;
     if (!data.type || data.type != "GetSonicTheme")
       return;
     this.postCSSVars();
   }
   getCssVariables() {
-    let names = [];
-    let stylesheets = [...Theme.styles.map((s2) => s2.styleSheet), ...Array.from(document.styleSheets)];
-    for (let stylesheet of stylesheets) {
+    const names = [];
+    const stylesheets = [...Theme.styles.map((s2) => s2.styleSheet), ...Array.from(document.styleSheets)];
+    for (const stylesheet of stylesheets) {
       try {
         if (!stylesheet)
           continue;
-        let rules = stylesheet.cssRules;
-        for (let rule of rules) {
+        const rules = stylesheet.cssRules;
+        for (const rule of rules) {
           if (!("style" in rule))
             continue;
-          let style2 = rule.style;
-          for (let name of style2) {
+          const style2 = rule.style;
+          for (const name of style2) {
             if (names.includes(name) || name.indexOf("--sc") !== 0)
               continue;
             names.push(name);
           }
         }
       } catch (e2) {
+        console.log("Erreur lors de la r\xE9cup\xE9ration des variables CSS");
       }
     }
-    let style = window.getComputedStyle(this);
-    let result = {};
+    const style = window.getComputedStyle(this);
+    const result = {};
     names.forEach((name) => result[name] = style.getPropertyValue(name));
     return result;
   }
@@ -6328,7 +6473,7 @@ const formControl = i$4`*{box-sizing:border-box}:host{--sc-input-height:var(--sc
 const o = e$2(class extends i$2 {
   constructor(t$12) {
     var i2;
-    if (super(t$12), t$12.type !== t.ATTRIBUTE || t$12.name !== "class" || ((i2 = t$12.strings) === null || i2 === void 0 ? void 0 : i2.length) > 2)
+    if (super(t$12), t$12.type !== t.ATTRIBUTE || "class" !== t$12.name || (null === (i2 = t$12.strings) || void 0 === i2 ? void 0 : i2.length) > 2)
       throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(t2) {
@@ -6336,10 +6481,10 @@ const o = e$2(class extends i$2 {
   }
   update(i2, [s2]) {
     var r2, o2;
-    if (this.nt === void 0) {
-      this.nt = /* @__PURE__ */ new Set(), i2.strings !== void 0 && (this.st = new Set(i2.strings.join(" ").split(/\s/).filter((t2) => t2 !== "")));
+    if (void 0 === this.nt) {
+      this.nt = /* @__PURE__ */ new Set(), void 0 !== i2.strings && (this.st = new Set(i2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
       for (const t2 in s2)
-        s2[t2] && !((r2 = this.st) === null || r2 === void 0 ? void 0 : r2.has(t2)) && this.nt.add(t2);
+        s2[t2] && !(null === (r2 = this.st) || void 0 === r2 ? void 0 : r2.has(t2)) && this.nt.add(t2);
       return this.render(s2);
     }
     const e2 = i2.element.classList;
@@ -6348,7 +6493,7 @@ const o = e$2(class extends i$2 {
     });
     for (const t2 in s2) {
       const i3 = !!s2[t2];
-      i3 === this.nt.has(t2) || ((o2 = this.st) === null || o2 === void 0 ? void 0 : o2.has(t2)) || (i3 ? (e2.add(t2), this.nt.add(t2)) : (e2.remove(t2), this.nt.delete(t2)));
+      i3 === this.nt.has(t2) || (null === (o2 = this.st) || void 0 === o2 ? void 0 : o2.has(t2)) || (i3 ? (e2.add(t2), this.nt.add(t2)) : (e2.remove(t2), this.nt.delete(t2)));
     }
     return x$1;
   }
@@ -6382,7 +6527,7 @@ let Input = class extends Form(Form$2(Subscriber$1(s$3))) {
     if (this.hasAttribute("sameValueAs")) {
       this.sameValueAsName = this.getAttribute("sameValueAs");
       this.sameValueAsHandle = (v2) => this.pattern = v2;
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (!formPublisher)
         return;
       formPublisher[this.sameValueAsName].onAssign(this.sameValueAsHandle);
@@ -6391,7 +6536,7 @@ let Input = class extends Form(Form$2(Subscriber$1(s$3))) {
   disconnectedCallback() {
     super.disconnectedCallback();
     if (this.hasAttribute("sameValueAs") && this.sameValueAsName) {
-      let formPublisher = this.getFormPublisher();
+      const formPublisher = this.getFormPublisher();
       if (!formPublisher)
         return;
       formPublisher[this.sameValueAsName].offAssign(this.sameValueAsHandle);
@@ -6523,21 +6668,21 @@ let Pop = class extends s$3 {
   constructor() {
     super(...arguments);
     this.open = false;
-    this.toggle = "true";
     this.noToggle = false;
     this.inline = false;
     this.shadow = "lg";
     this.placement = "bottom";
     this.positioningRuns = false;
-    this.lastContentX = Number.NaN;
-    this.lastContentY = Number.NaN;
+    this.lastContentX = 0;
+    this.lastContentY = 0;
+    this.resizeObserver = new ResizeObserver(() => this.computePosition(this.placement));
   }
-  runPositioning() {
+  runPositioningLoop() {
     if (!this.positioningRuns)
       return;
     this.positioningRuns = true;
-    this._setUpMenu(this.placement);
-    window.requestAnimationFrame(() => this.runPositioning());
+    this.computePosition(this.placement);
+    window.requestAnimationFrame(() => this.runPositioningLoop());
   }
   _toggle(e2) {
     if (this.open && this.noToggle)
@@ -6549,13 +6694,14 @@ let Pop = class extends s$3 {
     this.open ? this._show() : this._hide();
   }
   _show() {
+    this.popContent.style.removeProperty("display");
     this.open = true;
     this.popContent.setAttribute("tabindex", "0");
     if (this.popBtn && this.popContent && !this.positioningRuns) {
       this.positioningRuns = true;
-      this.lastContentX = Number.NaN;
-      this.lastContentY = Number.NaN;
-      this.runPositioning();
+      this.lastContentX = 0;
+      this.lastContentY = 0;
+      this.runPositioningLoop();
     }
   }
   _hide() {
@@ -6564,8 +6710,8 @@ let Pop = class extends s$3 {
     this.positioningRuns = false;
   }
   _handleClosePop(e2) {
-    let path = e2.composedPath();
-    let target = path[0];
+    const path = e2.composedPath();
+    const target = path[0];
     Pop.pops.forEach((pop) => {
       const popContainsTarget = path.includes(pop);
       const popContentContainsTarget = path.includes(pop.querySelector('[slot="content"]'));
@@ -6585,6 +6731,11 @@ let Pop = class extends s$3 {
     }
     Pop.pops.add(this);
   }
+  firstUpdated(_changedProperties) {
+    super.firstUpdated(_changedProperties);
+    this.resizeObserver.observe(this.popContent);
+    this.computePosition(this.placement);
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     Pop.pops.delete(this);
@@ -6592,23 +6743,21 @@ let Pop = class extends s$3 {
       document.removeEventListener("pointerdown", this._handleClosePop);
       document.removeEventListener("click", this._handleClosePop);
     }
+    this.resizeObserver.unobserve(this.popContent);
   }
-  _setUpMenu(placement) {
-    var _a2;
-    const contentRect = (_a2 = this.popContent) == null ? void 0 : _a2.getBoundingClientRect();
+  computePosition(placement) {
+    var _a2, _b, _c;
+    let contentRect = (_a2 = this.popContent) == null ? void 0 : _a2.getBoundingClientRect();
     const padding = 8;
-    const shiftPadding = 20;
+    const shiftPadding = 5;
     const thisRect = this.getBoundingClientRect();
-    if (!this.offsetParent)
-      return;
-    let bodyRect = this.offsetParent.getBoundingClientRect();
-    let x0 = thisRect.left - bodyRect.left;
-    let y0 = thisRect.top - bodyRect.top;
+    const x0 = thisRect.left;
+    const y0 = thisRect.top;
     let x2 = x0, y2 = y0;
-    let yTop = y0 - contentRect.height - padding;
-    let xLeft = x0 - contentRect.width - 2 * padding;
-    let xRight = x0 + thisRect.width + 2 * padding;
-    let yBottom = y0 + thisRect.height + padding;
+    const yTop = y0 - contentRect.height - padding;
+    const xLeft = x0 - contentRect.width - padding;
+    const xRight = x0 + thisRect.width + padding;
+    const yBottom = y0 + thisRect.height + padding;
     switch (placement) {
       case "bottom":
         y2 = yBottom;
@@ -6623,27 +6772,43 @@ let Pop = class extends s$3 {
         x2 = xRight;
         break;
     }
-    let dxRight = window.innerWidth - xRight - bodyRect.left - contentRect.width - shiftPadding;
-    if (dxRight < 0 && placement === "right")
-      x2 = xLeft;
-    if (dxRight < 0 && ["top", "bottom"].includes(placement))
-      x2 = Math.max(x2 + dxRight, xLeft + thisRect.width);
-    let dxLeft = -bodyRect.left - xLeft;
-    if (dxLeft > shiftPadding && placement === "left")
+    this.lastContentX += x2 - contentRect.x;
+    this.lastContentY += y2 - contentRect.y;
+    Object.assign(this.popContent.style, {
+      left: `${this.lastContentX}px`,
+      top: `${this.lastContentY}px`
+    });
+    contentRect = (_b = this.popContent) == null ? void 0 : _b.getBoundingClientRect();
+    if (contentRect.x < shiftPadding && placement == "left")
       x2 = xRight;
-    let dyBottom = window.innerHeight - yBottom - bodyRect.top - contentRect.height - shiftPadding;
-    if (dyBottom < 0 && placement === "bottom")
-      y2 = yTop;
-    if (dyBottom < 0 && ["left", "right"].includes(placement))
-      y2 = Math.max(y2 + dyBottom, yTop + thisRect.height);
-    let dyTop = -bodyRect.top - yTop;
-    if (dyTop > -shiftPadding && placement === "top")
+    if (contentRect.y < shiftPadding && placement == "top")
       y2 = yBottom;
-    this.lastContentX = x2;
-    this.lastContentY = y2;
+    if (contentRect.x + contentRect.width > window.innerWidth - shiftPadding && placement == "right")
+      x2 = xLeft;
+    if (contentRect.y + contentRect.height > window.innerHeight - shiftPadding && placement == "bottom")
+      y2 = yTop;
+    this.lastContentX += x2 - contentRect.x;
+    this.lastContentY += y2 - contentRect.y;
+    Object.assign(this.popContent.style, {
+      left: `${this.lastContentX}px`,
+      top: `${this.lastContentY}px`
+    });
+    contentRect = (_c = this.popContent) == null ? void 0 : _c.getBoundingClientRect();
+    if (contentRect.x < 0) {
+      this.lastContentX += -contentRect.x;
+    }
+    if (contentRect.y < 0) {
+      this.lastContentY += -contentRect.y;
+    }
+    if (contentRect.x + contentRect.width > window.innerWidth) {
+      this.lastContentX += window.innerWidth - (contentRect.x + contentRect.width);
+    }
+    if (contentRect.y + contentRect.height > window.innerHeight) {
+      this.lastContentY += window.innerHeight - (contentRect.y + contentRect.height);
+    }
     Object.assign(this.popContent.style, {
-      left: `${x2}px`,
-      top: `${y2}px`
+      left: `${this.lastContentX}px`,
+      top: `${this.lastContentY}px`
     });
   }
   render() {
@@ -6652,7 +6817,7 @@ let Pop = class extends s$3 {
 };
 Pop.pops = /* @__PURE__ */ new Set();
 Pop.styles = [
-  i$4`:host{display:inline-block;vertical-align:middle}slot[name=content]{max-width:80vw;background-color:var(--sc-base);position:absolute;z-index:50;display:block;transform:translateY(1rem) scale(.95);opacity:0;pointer-events:none;transition-duration:.15s;transition-timing-function:ease;transition-property:all;border-radius:min(calc(var(--sc-btn-rounded) * 2),.4em)}slot[name=content].is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;transition-property:scale,opacity;transition-timing-function:cubic-bezier(.25,.25,.42,1.225)}:host([shadow=md]) slot[name=content],:host([shadow=true]) slot[name=content],:host([shadow]) slot[name=content]{box-shadow:var(--sc-shadow)}:host([shadow=sm]) slot[name=content]{box-shadow:var(--sc-shadow-sm)}:host([shadow=none]) slot[name=content]{box-shadow:none}:host([shadow=lg]) slot[name=content]{box-shadow:var(--sc-shadow-lg)}:host([inline]){vertical-align:baseline}`
+  i$4`:host{display:inline-block;vertical-align:middle}slot[name=content]{max-width:80vw;background-color:var(--sc-base);position:absolute;z-index:50;display:block;transform:translateY(1rem) scale(.95);opacity:0;pointer-events:none;transition-duration:.15s;transition-timing-function:ease;transition-property:all;border-radius:min(calc(var(--sc-btn-rounded) * 2),.4em)}slot[name=content].is-open:not(.is-empty){transform:translateY(0) scale(1);opacity:1;pointer-events:auto;transition-property:scale,opacity;transition-timing-function:cubic-bezier(.25,.25,.42,1.225)}:host([shadow=md]) slot[name=content],:host([shadow=true]) slot[name=content],:host([shadow]) slot[name=content]{box-shadow:var(--sc-shadow)}:host([shadow=sm]) slot[name=content]{box-shadow:var(--sc-shadow-sm)}:host([shadow=none]) slot[name=content]{box-shadow:none}:host([shadow=lg]) slot[name=content]{box-shadow:var(--sc-shadow-lg)}:host([inline]){vertical-align:baseline}`
 ];
 __decorateClass$F([
   t$3()
@@ -6663,9 +6828,6 @@ __decorateClass$F([
 __decorateClass$F([
   i$5("slot[name=content]")
 ], Pop.prototype, "popContent", 2);
-__decorateClass$F([
-  e$7({ type: String })
-], Pop.prototype, "toggle", 2);
 __decorateClass$F([
   e$7({ type: Boolean })
 ], Pop.prototype, "noToggle", 2);
@@ -6772,7 +6934,7 @@ let InputAutocomplete = class extends TemplatesContainer(Subscriber(s$3)) {
     super.connectedCallback();
   }
   render() {
-    return y`<sonic-pop toggle="false" style="display:block"><sonic-input type="search" data-keyboard-nav="nav-autocomplete" label="${l$2(this.label)}" description="${l$2(this.description)}" name="${l$2(this.name)}" value="${l$2(this.value)}" autocomplete="off" clearable></sonic-input><sonic-menu slot="content"><sonic-queue filteredFields="${this.filteredFields}" dataProviderExpression="${this.dataProviderExpression}" dataFilterProvider="${this.formDataProvider}" key="${this.key}" .templates="${this.templateList}" displayContents></sonic-queue></sonic-menu></sonic-pop>`;
+    return y`<sonic-pop noToggle style="display:block"><sonic-input type="search" data-keyboard-nav="nav-autocomplete" label="${l$2(this.label)}" description="${l$2(this.description)}" name="${l$2(this.name)}" value="${l$2(this.value)}" autocomplete="off" clearable></sonic-input><sonic-menu slot="content"><sonic-queue filteredFields="${this.filteredFields}" dataProviderExpression="${this.dataProviderExpression}" dataFilterProvider="${this.formDataProvider}" key="${this.key}" .templates="${this.templateList}" displayContents></sonic-queue></sonic-menu></sonic-pop>`;
   }
 };
 InputAutocomplete.styles = [
@@ -6854,7 +7016,7 @@ let SonicComponent$1 = class extends Subscriber(s$3) {
         this.hasMinuscule = /[a-z]/.test(v2);
         this.hasMajuscule = /[A-Z]/.test(v2);
         this.hasNumber = /[0-9]/.test(v2);
-        this.hasSpecialChar = /[!"#$%&'()*+,\-\.\/:;<=>?@[\]^_`{|}~]/.test(v2);
+        this.hasSpecialChar = /[!"#$%&'()*+,\-./:;<=>?@[\]^_`{|}~]/.test(v2);
       };
       PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue);
     }
@@ -6941,7 +7103,7 @@ let SonicComponent = class extends Subscriber(s$3) {
   }
   connectedCallback() {
     super.connectedCallback();
-    let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+    const formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
     if (this.name && this.sameValueAs) {
       this.checkValue = (v2) => {
         if (v2)
@@ -6958,7 +7120,7 @@ let SonicComponent = class extends Subscriber(s$3) {
   }
   disconnectedCallback() {
     if (this.checkValue && this.name && this.sameValueAs) {
-      let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+      const formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
       formDataProvider[this.name].offAssign(this.checkValue);
       formDataProvider[this.sameValueAs].offAssign(this.checkValue);
     }
@@ -7121,7 +7283,7 @@ let Select = class extends Form$2(Subscriber$1(s$3)) {
         this.value = option.value || "";
       }
     }
-    let value = this.value || this.getAttribute("value");
+    const value = this.value || this.getAttribute("value");
     if (!value && this._options.length > 0) {
       this.value = this._options[0][this.valueKey];
     }
@@ -7130,7 +7292,7 @@ let Select = class extends Form$2(Subscriber$1(s$3)) {
   get options() {
     return this._options;
   }
-  firstUpdated(_changedProperties) {
+  firstUpdated() {
     this.hasDoneFirstUpdate = true;
   }
   set value(value) {
@@ -7148,7 +7310,7 @@ let Select = class extends Form$2(Subscriber$1(s$3)) {
     return this._value;
   }
   updateFormPublisherValue() {
-    let formPublisher = this.getFormPublisher();
+    const formPublisher = this.getFormPublisher();
     if (formPublisher) {
       formPublisher[this.name] = this.value;
     }
@@ -7156,7 +7318,7 @@ let Select = class extends Form$2(Subscriber$1(s$3)) {
   connectedCallback() {
     super.connectedCallback();
     this.hasSlotOrProps();
-    let options = this.querySelectorAll("option");
+    const options = this.querySelectorAll("option");
     if (options.length > 0) {
       this.options = Array.from(options).map((option) => {
         return {
@@ -7201,7 +7363,7 @@ let Select = class extends Form$2(Subscriber$1(s$3)) {
     const select2 = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("select");
     if (!select2 || select2.checkValidity())
       return;
-    let formPublisher = this.getFormPublisher();
+    const formPublisher = this.getFormPublisher();
     if (formPublisher) {
       formPublisher.isFormValid = false;
     }
@@ -7212,10 +7374,14 @@ let Select = class extends Form$2(Subscriber$1(s$3)) {
       "has-prefix": this.hasPrefix,
       "has-suffix": this.hasSuffix
     };
-    return y`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label) : ""}<slot name="label" @slotchange="${this.hasSlotOrProps}"></slot></label><div class="form-control ${o(slotClasses)}"><slot name="prefix" @slotchange="${this.hasSlotOrProps}"></slot><div class="form-select-wrapper"><select id="form-element" @change="${this.handleChange}" @blur="${this.handleBlur}" ?disabled="${l$2(this.disabled)}" ?required="${this.required}" ?multiple="${this.multiple}" size="${l$2(this.selectSize)}" ?autofocus="${this.autofocus}" .value="${this.value}" class="form-element" aria-label="${l$2(this.ariaLabel)}" aria-labelledby="${l$2(this.ariaLabelledby)}">${c$1(this.options, (option) => option[this.valueKey], (option) => {
-      const isSelected = this.value == option[this.valueKey] ? "selected" : null;
-      return y`<option selected="${l$2(isSelected)}" value="${option[this.valueKey]}">${option[this.wordingKey]}</option>`;
-    })}<slot></slot></select><sonic-icon class="select-chevron" name="nav-arrow-down" .size="${this.size}"></sonic-icon></div><slot name="suffix" @slotchange="${this.hasSlotOrProps}"></slot></div><slot name="description" @slotchange="${this.hasSlotOrProps}" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? y`${o$2(this.description)}` : ""}</slot>`;
+    return y`<label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label) : ""}<slot name="label" @slotchange="${this.hasSlotOrProps}"></slot></label><div class="form-control ${o(slotClasses)}"><slot name="prefix" @slotchange="${this.hasSlotOrProps}"></slot><div class="form-select-wrapper"><select id="form-element" @change="${this.handleChange}" @blur="${this.handleBlur}" ?disabled="${this.disabled}" ?required="${this.required}" ?multiple="${this.multiple}" size="${l$2(this.selectSize)}" ?autofocus="${this.autofocus}" .value="${this.value}" class="form-element" aria-label="${l$2(this.ariaLabel)}" aria-labelledby="${l$2(this.ariaLabelledby)}">${c$1(
+      this.options,
+      (option) => option[this.valueKey],
+      (option) => {
+        const isSelected = this.value == option[this.valueKey] ? true : false;
+        return y`<option ?selected="${isSelected}" value="${option[this.valueKey]}">${option[this.wordingKey]}</option>`;
+      }
+    )}<slot></slot></select><sonic-icon class="select-chevron" name="nav-arrow-down" .size="${this.size}"></sonic-icon></div><slot name="suffix" @slotchange="${this.hasSlotOrProps}"></slot></div><slot name="description" @slotchange="${this.hasSlotOrProps}" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? y`${o$2(this.description)}` : ""}</slot>`;
   }
 };
 Select.styles = [
@@ -7223,7 +7389,7 @@ Select.styles = [
   formControl,
   label,
   description,
-  i$4`.form-element{appearance:none}:host([disabled]) sonic-icon{opacity:0}:host(:not([disabled])) .form-element:not(:has(option:only-child)){padding-right:max(1em,calc(.8 * var(--sc-input-px)))}.form-select-wrapper{position:relative;width:100%}sonic-icon{position:absolute;right:calc(.8 * var(--sc-input-px));top:50%;pointer-events:none;transform:translateY(-50%);color:var(--sc-input-c)}option{padding:.1rem 5rem;color:var(--sc-base-content);background:var(--sc-base)}`
+  i$4`.form-element{appearance:none}:host([disabled]) sonic-icon{opacity:0}@supports selector(:has(*)){:host(:not([disabled])) .form-element:not(:has(option:only-child)){padding-right:max(1.275em,calc(1.5 * var(--sc-input-px)))}}@supports not selector(:has(*)){:host(:not([disabled])) .form-element{padding-right:max(1.275em,calc(1.5 * var(--sc-input-px)))}}.form-select-wrapper{position:relative;width:100%}sonic-icon{position:absolute;right:calc(.8 * var(--sc-input-px));top:50%;pointer-events:none;transform:translateY(-50%);color:var(--sc-input-c)}option{padding:.1rem var(--sc-input-px);color:var(--sc-base-content);background:var(--sc-base)}select[multiple] option{background:0 0;padding:0}`
 ];
 __decorateClass$y([
   e$7({ type: String })
@@ -7320,7 +7486,7 @@ let Textarea = class extends Form(Form$2(Subscriber$1(s$3))) {
     const textarea2 = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("textarea");
     if (!textarea2 || textarea2.checkValidity())
       return;
-    let formPublisher = this.getFormPublisher();
+    const formPublisher = this.getFormPublisher();
     if (formPublisher) {
       formPublisher.isFormValid = false;
     }
@@ -7517,13 +7683,13 @@ Fieldset = __decorateClass$u([
 ], Fieldset);
 class s {
   constructor(s2, { target: t2, config: i2, callback: h2, skipInitial: e2 }) {
-    this.t = /* @__PURE__ */ new Set(), this.o = false, this.i = false, this.h = s2, t2 !== null && this.t.add(t2 != null ? t2 : s2), this.l = i2, this.o = e2 != null ? e2 : this.o, this.callback = h2, window.ResizeObserver ? (this.u = new ResizeObserver((s3) => {
+    this.t = /* @__PURE__ */ new Set(), this.o = false, this.i = false, this.h = s2, null !== t2 && this.t.add(null != t2 ? t2 : s2), this.l = i2, this.o = null != e2 ? e2 : this.o, this.callback = h2, window.ResizeObserver ? (this.u = new ResizeObserver((s3) => {
       this.handleChanges(s3), this.h.requestUpdate();
     }), s2.addController(this)) : console.warn("ResizeController error: browser does not support ResizeObserver.");
   }
   handleChanges(s2) {
     var t2;
-    this.value = (t2 = this.callback) === null || t2 === void 0 ? void 0 : t2.call(this, s2, this.u);
+    this.value = null === (t2 = this.callback) || void 0 === t2 ? void 0 : t2.call(this, s2, this.u);
   }
   hostConnected() {
     for (const s2 of this.t)
@@ -7647,7 +7813,7 @@ let Group = class extends s$3 {
     this.hasLabel = false;
   }
   updated() {
-    const children = this.querySelectorAll("sonic-input, sonic-button");
+    const children = this.querySelectorAll("sonic-input, sonic-button, sonic-select");
     const nbChildren = children.length;
     if (nbChildren > 1) {
       children.forEach((item, index) => {
@@ -7681,7 +7847,7 @@ let Group = class extends s$3 {
     this.hasDescription = this.description || ((_b = this.slotDescriptionNodes) == null ? void 0 : _b.length) ? true : false;
   }
   render() {
-    var slotStyle = {
+    const slotStyle = {
       alignItems: this.alignItems
     };
     return y`<span class="${this.hasLabel ? "form-label" : "hidden"}">${this.label ? o$2(this.label) : ""}<slot name="label" @slotchange="${this.hasSlotOrProps}"></slot></span><slot class="main-slot" style="${i$1(slotStyle)}"></slot><slot name="description" @slotchange="${this.hasSlotOrProps}" class="${this.hasDescription ? "form-description" : "hidden"}">${this.description ? y`${o$2(this.description)}` : ""}</slot>`;
@@ -7691,7 +7857,7 @@ Group.styles = [
   fontSize,
   label,
   description,
-  i$4`:host{display:inline-block;vertical-align:middle}.main-slot{width:100%;display:flex}.hidden{display:none}`
+  i$4`:host{display:inline-block;vertical-align:middle}.main-slot{width:100%;display:flex}.hidden{display:none}::slotted(sonic-button),::slotted(sonic-input),::slotted(sonic-select){flex-grow:1}`
 ];
 __decorateClass$r([
   e$7({ type: String })
@@ -7791,7 +7957,7 @@ var __decorateClass$p = (decorators, target, key, kind) => {
     __defProp$p(target, key, result);
   return result;
 };
-const tagName$p = "sonic-taxonomy";
+const tagName$p = "sonic-event-taxonomy";
 let Taxonomy = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -7799,6 +7965,7 @@ let Taxonomy = class extends s$3 {
     this.taxonomy = [];
     this.separator = ",&nbsp;";
     this.key = "";
+    this.displayAll = false;
     this.type = "default";
     this.variant = "default";
     this.size = "md";
@@ -7806,16 +7973,22 @@ let Taxonomy = class extends s$3 {
   render() {
     if (!Array.isArray(this.taxonomy))
       return b$1;
-    let key = this.key + "_display";
-    let taxo = this.taxonomy.filter((elt) => elt != null && (elt[key] === true || elt[key] == "1" || !elt.hasOwnProperty(key)));
+    const key = this.key + "_display";
+    const taxo = this.displayAll ? this.taxonomy : this.taxonomy.filter(
+      (elt) => elt != null && (elt[key] === true || elt[key] == "1" || !Object.hasOwnProperty.call(elt, key))
+    );
     if (taxo.length === 0) {
       this.style.display = "none";
       return b$1;
     }
     this.style.removeProperty("display");
-    return y`<sonic-badge type="${this.type}" variant="${this.variant}" size="${this.size}"><sonic-icon slot="prefix" library="${l$2(this.icon.library)}" prefix="${l$2(this.icon.prefix)}" name="${l$2(this.icon.name)}"></sonic-icon><span class="taxonomy-list">${c$1(taxo, (item) => item[this.key + "_id"], (item) => {
-      return y`<span>${item[this.key + "_name"] || item["name"]}</span><span class="sonic-taxonomy-separator">${o$2(this.separator)}</span>`;
-    })}</span></sonic-badge>`;
+    return y`<sonic-badge type="${this.type}" variant="${this.variant}" size="${this.size}"><sonic-icon slot="prefix" library="${l$2(this.icon.library)}" prefix="${l$2(this.icon.prefix)}" name="${l$2(this.icon.name)}"></sonic-icon><span class="taxonomy-list">${c$1(
+      taxo,
+      (item) => item[this.key + "_id"],
+      (item) => {
+        return y`<span>${item[this.key + "_name"] || item["name"]}</span><span class="sonic-taxonomy-separator">${o$2(this.separator)}</span>`;
+      }
+    )}</span></sonic-badge>`;
   }
 };
 Taxonomy.styles = i$4`:host .sonic-taxonomy-separator:last-child{display:none}.taxonomy-list{display:flex;flex-wrap:wrap}`;
@@ -7831,6 +8004,9 @@ __decorateClass$p([
 __decorateClass$p([
   e$7({ type: String })
 ], Taxonomy.prototype, "key", 2);
+__decorateClass$p([
+  e$7({ type: Boolean })
+], Taxonomy.prototype, "displayAll", 2);
 __decorateClass$p([
   e$7({ type: String, reflect: true })
 ], Taxonomy.prototype, "type", 2);
@@ -7907,37 +8083,36 @@ let MenuItems = class extends s$3 {
     super.disconnectedCallback();
   }
   initScrollable() {
-    const tabsMenu = this;
     let isDown = false;
     let startX;
     let scrollLeft;
     if (this.scrollable) {
-      tabsMenu.addEventListener("mousedown", (e2) => {
+      this.addEventListener("mousedown", (e2) => {
         isDown = true;
-        tabsMenu.classList.add("active");
-        startX = e2.pageX - tabsMenu.offsetLeft;
-        scrollLeft = tabsMenu.scrollLeft;
+        this.classList.add("active");
+        startX = e2.pageX - this.offsetLeft;
+        scrollLeft = this.scrollLeft;
       });
-      tabsMenu.addEventListener("mouseleave", () => {
+      this.addEventListener("mouseleave", () => {
         isDown = false;
-        tabsMenu.classList.remove("active");
+        this.classList.remove("active");
       });
-      tabsMenu.addEventListener("mouseup", () => {
+      this.addEventListener("mouseup", () => {
         isDown = false;
-        tabsMenu.classList.remove("active");
+        this.classList.remove("active");
       });
-      tabsMenu.addEventListener("mousemove", (e2) => {
+      this.addEventListener("mousemove", (e2) => {
         if (!isDown)
           return;
         e2.preventDefault();
-        const x2 = e2.pageX - tabsMenu.offsetLeft;
+        const x2 = e2.pageX - this.offsetLeft;
         const walk = (x2 - startX) * 1.5;
-        tabsMenu.scrollLeft = scrollLeft - walk;
-        this.setScrollShadow(tabsMenu, this.direction);
+        this.scrollLeft = scrollLeft - walk;
+        this.setScrollShadow(this, this.direction);
       });
-      tabsMenu.addEventListener("scroll", (e2) => {
+      this.addEventListener("scroll", (e2) => {
         e2.preventDefault();
-        this.setScrollShadow(tabsMenu, this.direction);
+        this.setScrollShadow(this, this.direction);
       });
     }
   }
@@ -8206,7 +8381,7 @@ let Modal = class extends Subscriber$1(s$3) {
   static create(options) {
     const modal = document.createElement(tagName$i);
     modal.innerHTML = `<sonic-modal-close></sonic-modal-close><sonic-modal-content>${options.content}</sonic-modal-content>` || "";
-    let container = document.querySelector("sonic-theme") || document.body;
+    const container = document.querySelector("sonic-theme") || document.body;
     container.appendChild(modal);
     modal.show();
     return modal;
@@ -8219,9 +8394,13 @@ let Modal = class extends Subscriber$1(s$3) {
     const currentModal = this;
     document.addEventListener("keydown", this.handleEscape);
     currentModal.closeBtn.forEach((closeBtn) => {
-      closeBtn.addEventListener("click", function() {
-        currentModal.hide();
-      }, { once: true });
+      closeBtn.addEventListener(
+        "click",
+        function() {
+          currentModal.hide();
+        },
+        { once: true }
+      );
     });
   }
   willUpdate(_changedProperties) {
@@ -8433,19 +8612,20 @@ let MessageSubscriber = class extends Subscriber$1(s$3) {
       return;
     value.forEach((message) => {
       if (message.type == "public")
-        SonicToast$1.add({ text: message.content, status: message.status });
+        SonicToast$1.add({ text: message.content || "", status: message.status });
     });
   }
   get message() {
     return this._message;
   }
   set message(value) {
+    var _a2, _b;
     this._message = value;
     if (!this.message)
       return;
-    if (this.props.success !== false)
+    if (((_a2 = this.props) == null ? void 0 : _a2.success) !== false)
       return;
-    if (this.props.public_message)
+    if ((_b = this.props) == null ? void 0 : _b.public_message)
       return;
     SonicToast$1.add({ text: this.message, status: "error" });
   }
@@ -8453,15 +8633,16 @@ let MessageSubscriber = class extends Subscriber$1(s$3) {
     return this._data;
   }
   set data(value) {
+    var _a2, _b, _c, _d;
     this._data = value;
     const toastOptions = { text: "Votre produit a bien \xE9t\xE9 ajout\xE9", status: "success" };
-    if (Array.isArray(this.data) && this.props.success === true)
+    if (Array.isArray(this.data) && ((_a2 = this.props) == null ? void 0 : _a2.success) === true)
       SonicToast$1.add(toastOptions);
-    if (this.data == "" && this.props.status === true)
+    if (this.data == "" && ((_b = this.props) == null ? void 0 : _b.status) === true)
       SonicToast$1.add(toastOptions);
-    if (this.props.success !== false)
+    if (((_c = this.props) == null ? void 0 : _c.success) !== false)
       return;
-    if (this.props.public_message)
+    if ((_d = this.props) == null ? void 0 : _d.public_message)
       return;
     SonicToast$1.add({ text: this.data, status: "error" });
   }
@@ -8506,12 +8687,12 @@ let Tooltip = class extends s$3 {
     this.disabled = false;
   }
   render() {
-    let disabledClass = this.disabled || this.label == "" ? "disabled" : "";
+    const disabledClass = this.disabled || this.label == "" ? "disabled" : "";
     return y`<div data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}" class="tooltip ${disabledClass}"><slot></slot></div>`;
   }
 };
 Tooltip.styles = [
-  i$4`:host{position:relative;display:inline-flex;align-items:center;text-align:center;--sc-tooltip-fw:var(--sc-font-weight-base)}.tooltip:before{position:absolute;content:attr(data-tooltip-text);font-size:.85rem;display:block;opacity:0;pointer-events:none;background:var(--sc-base-content,#111827);padding:.25rem;border-radius:.25rem;color:var(--sc-base,#fff);z-index:999;display:none;line-height:1.1;width:max-content;max-width:20rem;white-space:pre-line;font-weight:var(--sc-tooltip-fw)}.tooltip:not(.disabled):hover:before{opacity:1;display:block}:host(:not([placement])) .tooltip:before,:host([placement=top]) .tooltip:before{bottom:calc(100% + .25rem);left:50%;transform:translateX(-50%)}:host([placement=bottom]) .tooltip:before{top:calc(100% + .25rem);left:50%;transform:translateX(-50%)}:host([placement=left]) .tooltip:before{top:50%;right:calc(100% + .25rem);transform:translateY(-50%)}:host([placement=right]) .tooltip:before{top:50%;transform:translateY(-50%);left:calc(100% + .25rem)}`
+  i$4`:host{position:relative;display:inline-flex;align-items:center;text-align:center;--sc-tooltip-fw:var(--sc-font-weight-base)}.tooltip:before{position:absolute;content:attr(data-tooltip-text);font-size:.85rem;display:block;opacity:0;pointer-events:none;background:var(--sc-base-content,#111827);padding:.32rem .25rem;border-radius:var(--sc-rounded);color:var(--sc-base,#fff);z-index:999;display:none;line-height:1.1;width:max-content;max-width:18rem;white-space:pre-line;font-weight:var(--sc-tooltip-fw)}.tooltip:not(.disabled):hover:before{opacity:1;display:block}:host(:not([placement])) .tooltip:before,:host([placement=top]) .tooltip:before{bottom:calc(100% + .25rem);left:50%;transform:translateX(-50%)}:host([placement=bottom]) .tooltip:before{top:calc(100% + .25rem);left:50%;transform:translateX(-50%)}:host([placement=left]) .tooltip:before{top:50%;right:calc(100% + .25rem);transform:translateY(-50%)}:host([placement=right]) .tooltip:before{top:50%;transform:translateY(-50%);left:calc(100% + .25rem)}`
 ];
 __decorateClass$f([
   e$7({ type: String })
@@ -8623,7 +8804,7 @@ let CardHeader = class extends s$3 {
   }
 };
 CardHeader.styles = [
-  i$4`:host{--sc-card-header-mb:1.35rem;--sc-card-header-font-size:1.875rem;--sc-card-header-font-weight:var(--sc-headings-font-weight);--sc-card-header-font-style:var(--sc-headings-font-style);--sc-card-header-family:var(--sc-headings-font-family);--sc-card-header-line-height:var(--sc-headings-line-height)}.header{display:flex;align-items:flex-start;gap:.5em 1em;margin-bottom:var(--sc-card-header-mb);line-height:var(--sc-card-header-line-height);font-family:var(--sc-card-header-font-family);font-size:var(--sc-card-header-font-size);font-style:var(--sc-card-header-font-style);font-weight:var(--sc-card-header-font-weight)}.header-content{flex-grow:1}slot[name=suffix]{flex-shrink:0}`
+  i$4`:host{--sc-card-header-mb:1.35rem;--sc-card-header-font-size:1.875rem;--sc-card-header-font-weight:var(--sc-headings-font-weight);--sc-card-header-font-style:var(--sc-headings-font-style);--sc-card-header-family:var(--sc-headings-font-family);--sc-card-header-line-height:var(--sc-headings-line-height)}@media print{:host{--sc-card-header-font-size:1.45rem}}.header{display:flex;align-items:flex-start;gap:.5em 1em;margin-bottom:var(--sc-card-header-mb);line-height:var(--sc-card-header-line-height);font-family:var(--sc-card-header-font-family);font-size:var(--sc-card-header-font-size);font-style:var(--sc-card-header-font-style);font-weight:var(--sc-card-header-font-weight)}.header-content{flex-grow:1}slot[name=suffix]{flex-shrink:0}`
 ];
 __decorateClass$c([
   e$7()
@@ -8696,7 +8877,7 @@ let Card = class extends s$3 {
   }
 };
 Card.styles = [
-  i$4`:host{--sc-card-padding:1.5rem;--sc-card-color:var(--sc-base-content);--sc-card-bg:var(--sc-base);--sc-card-rounded:var(--sc-rounded-lg);--sc-card-shadow:var(--sc-shadow-lg);-webkit-print-color-adjust:exact}@media print{:host{break-inside:avoid}}*{box-sizing:border-box}.card{padding:var(--sc-card-padding);background-color:var(--sc-card-bg);border-radius:var(--sc-card-rounded);box-shadow:var(--sc-card-shadow);color:var(--sc-card-color)}:host([type=primary]){--sc-card-bg:var(--sc-primary);--sc-card-color:var(--sc-primary-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=warning]){--sc-card-bg:var(--sc-warning);--sc-card-color:var(--sc-warning-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=danger]){--sc-card-bg:var(--sc-danger);--sc-card-color:var(--sc-danger-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=info]){--sc-card-bg:var(--sc-info);--sc-card-color:var(--sc-info-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=success]){--sc-card-bg:var(--sc-success);--sc-card-color:var(--sc-success-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=light]){--sc-card-bg:var(--sc-base-100);--sc-card-color:var(--sc-base-content)}:host([type=neutral]){--sc-card-bg:var(--sc-base-content);--sc-card-color:var(--sc-base)}:host([type=invert]){--sc-card-color:var(--sc-base);--sc-card-bg:var(--sc-base-900)}`
+  i$4`*{box-sizing:border-box}:host{--sc-card-padding:1.5rem;--sc-card-color:var(--sc-base-content);--sc-card-bg:var(--sc-base);--sc-card-rounded:var(--sc-rounded-lg);--sc-card-shadow:var(--sc-shadow-lg);-webkit-print-color-adjust:exact}@media print{.card{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;border:1px solid var(--sc-base-200)}}.card{padding:var(--sc-card-padding);background-color:var(--sc-card-bg);border-radius:var(--sc-card-rounded);box-shadow:var(--sc-card-shadow);color:var(--sc-card-color)}:host([type=primary]){--sc-card-bg:var(--sc-primary);--sc-card-color:var(--sc-primary-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=warning]){--sc-card-bg:var(--sc-warning);--sc-card-color:var(--sc-warning-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=danger]){--sc-card-bg:var(--sc-danger);--sc-card-color:var(--sc-danger-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=info]){--sc-card-bg:var(--sc-info);--sc-card-color:var(--sc-info-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=success]){--sc-card-bg:var(--sc-success);--sc-card-color:var(--sc-success-content);--sc-border-color:var(--sc-primary-content);--sc-divider-opacity:0.2}:host([type=light]){--sc-card-bg:var(--sc-base-100);--sc-card-color:var(--sc-base-content)}:host([type=neutral]){--sc-card-bg:var(--sc-base-content);--sc-card-color:var(--sc-base)}:host([type=invert]){--sc-card-color:var(--sc-base);--sc-card-bg:var(--sc-base-900)}`
 ];
 __decorateClass$9([
   e$7({ type: String, reflect: true })
@@ -8867,7 +9048,7 @@ var __decorateClass$4 = (decorators, target, key, kind) => {
 const tagName$4 = "sonic-tbody";
 let TableTbody = class extends s$3 {
   render() {
-    return y`<tbody><slot></slot></tbody>`;
+    return y`<tbody part="tbody"><slot></slot></tbody>`;
   }
 };
 TableTbody.styles = [
@@ -8987,7 +9168,9 @@ let Captcha = class extends Subscriber(s$3) {
     script.src = "https://www.google.com/recaptcha/api.js?render=" + this.key;
     document.head.appendChild(script);
     super.connectedCallback();
-    this.formPublisher = PublisherManager.get((_a2 = this.getAncestorAttributeValue("headersDataProvider")) != null ? _a2 : this.getAncestorAttributeValue("formDataProvider"));
+    this.formPublisher = PublisherManager.get(
+      (_a2 = this.getAncestorAttributeValue("headersDataProvider")) != null ? _a2 : this.getAncestorAttributeValue("formDataProvider")
+    );
     if (this.formPublisher) {
       this.formPublisher.needsCaptchaValidation = true;
       this.formPublisher.captchaToken.onAssign((v2) => {
@@ -9001,8 +9184,8 @@ let Captcha = class extends Subscriber(s$3) {
     var _a2, _b, _c, _d, _e;
     if (!this.formPublisher)
       return;
-    let action = ((_c = (_b = this.action) != null ? _b : (_a2 = this.formPublisher.captchaAction) == null ? void 0 : _a2.get()) != null ? _c : "submit").replace(/[^\w_\/]/g, "_");
-    let method = ((_e = (_d = this.formPublisher.captchaMethod) == null ? void 0 : _d.get()) != null ? _e : "POST").toUpperCase();
+    const action = ((_c = (_b = this.action) != null ? _b : (_a2 = this.formPublisher.captchaAction) == null ? void 0 : _a2.get()) != null ? _c : "submit").replace(/[^\w_/]/g, "_");
+    const method = ((_e = (_d = this.formPublisher.captchaMethod) == null ? void 0 : _d.get()) != null ? _e : "POST").toUpperCase();
     delete this.formPublisher.captchaAction;
     delete this.formPublisher.captchaMethod;
     window.grecaptcha.ready(() => {