@supersoniks/concorde 2.0.4 → 2.0.6

package/concorde-core.es.js

@@ -621,7 +621,7 @@ var require_concorde_core_es = __commonJS({
         return new TextDecoder().decode(result);
       }
     };
-    _PublisherManager.buildDate = "Thu Apr 04 2024 10:59:02 GMT+0200 (Central European Summer Time)";
+    _PublisherManager.buildDate = "Thu Apr 04 2024 13:07:46 GMT+0200 (Central European Summer Time)";
     _PublisherManager.changed = false;
     _PublisherManager.saving = false;
     _PublisherManager.saveId = 0;
@@ -3659,563 +3659,1006 @@ var require_concorde_core_es = __commonJS({
       }
       /*eslint-enable @typescript-eslint/no-explicit-any*/
     };
-    const Utils = Utils$1;
-    const Arrays = Arrays$1;
-    const DataBindObserver = DataBindObserver$1;
-    const Format = Format$1;
-    const HTML = HTML$1;
-    const LocationHandler = LocationHandler$1;
-    const Objects = Objects$1;
-    const PublisherProxy = Publisher;
-    const PublisherManager = PublisherManager$1;
-    const api = API;
-    window["concorde-utils"] = window["concorde-utils"] || {};
-    window["concorde-utils"] = {
-      Utils,
-      Arrays,
-      DataBindObserver,
-      Format,
-      HTML,
-      LocationHandler,
-      Objects,
-      PublisherProxy,
-      PublisherManager,
-      api
-    };
-    var __defProp$13 = Object.defineProperty;
-    var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
-    var __decorateClass$13 = (decorators, target, key, kind) => {
-      var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
-      for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-        if (decorator = decorators[i2])
-          result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-      if (kind && result)
-        __defProp$13(target, key, result);
-      return result;
-    };
-    const Form$1 = (superClass) => {
-      class FormCheckable2 extends superClass {
-        constructor() {
-          super(...arguments);
-          this._value = "";
-          this.forceAutoFill = false;
-          this.unique = null;
-          this.radio = null;
-          this.unCheckOnDisconnect = false;
-          this._checked = null;
-          this.updateAllChecked = () => {
-            const name = this.getAttribute("name");
-            const checkAllPublisher = this.getCheckAllPublisher();
-            const formPublisher = this.getFormPublisher();
-            if (!(checkAllPublisher == null ? void 0 : checkAllPublisher.hasCheckAll.get())) {
+    var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+    function getDefaultExportFromCjs(x2) {
+      return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
+    }
+    var urlPattern = { exports: {} };
+    (function(module2, exports2) {
+      var slice = [].slice;
+      (function(root, factory) {
+        if (exports2 !== null) {
+          return module2.exports = factory();
+        } else {
+          return root.UrlPattern = factory();
+        }
+      })(commonjsGlobal, function() {
+        var P2, UrlPattern2, astNodeContainsSegmentsForProvidedParams, astNodeToNames, astNodeToRegexString, baseAstNodeToRegexString, concatMap, defaultOptions, escapeForRegex, getParam, keysAndValuesToObject, newParser, regexGroupCount, stringConcatMap, stringify;
+        escapeForRegex = function(string) {
+          return string.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
+        };
+        concatMap = function(array, f2) {
+          var i2, length, results;
+          results = [];
+          i2 = -1;
+          length = array.length;
+          while (++i2 < length) {
+            results = results.concat(f2(array[i2]));
+          }
+          return results;
+        };
+        stringConcatMap = function(array, f2) {
+          var i2, length, result;
+          result = "";
+          i2 = -1;
+          length = array.length;
+          while (++i2 < length) {
+            result += f2(array[i2]);
+          }
+          return result;
+        };
+        regexGroupCount = function(regex) {
+          return new RegExp(regex.toString() + "|").exec("").length - 1;
+        };
+        keysAndValuesToObject = function(keys, values) {
+          var i2, key, length, object, value;
+          object = {};
+          i2 = -1;
+          length = keys.length;
+          while (++i2 < length) {
+            key = keys[i2];
+            value = values[i2];
+            if (value == null) {
+              continue;
+            }
+            if (object[key] != null) {
+              if (!Array.isArray(object[key])) {
+                object[key] = [object[key]];
+              }
+              object[key].push(value);
+            } else {
+              object[key] = value;
+            }
+          }
+          return object;
+        };
+        P2 = {};
+        P2.Result = function(value, rest) {
+          this.value = value;
+          this.rest = rest;
+        };
+        P2.Tagged = function(tag, value) {
+          this.tag = tag;
+          this.value = value;
+        };
+        P2.tag = function(tag, parser) {
+          return function(input) {
+            var result, tagged;
+            result = parser(input);
+            if (result == null) {
               return;
             }
-            if (!this.checksAll() && checkAllPublisher && formPublisher && name) {
-              if (!formPublisher[this.name].get().length) {
-                checkAllPublisher.checkMode = "noneChecked";
+            tagged = new P2.Tagged(tag, result.value);
+            return new P2.Result(tagged, result.rest);
+          };
+        };
+        P2.regex = function(regex) {
+          return function(input) {
+            var matches, result;
+            matches = regex.exec(input);
+            if (matches == null) {
+              return;
+            }
+            result = matches[0];
+            return new P2.Result(result, input.slice(result.length));
+          };
+        };
+        P2.sequence = function() {
+          var parsers;
+          parsers = 1 <= arguments.length ? slice.call(arguments, 0) : [];
+          return function(input) {
+            var i2, length, parser, rest, result, values;
+            i2 = -1;
+            length = parsers.length;
+            values = [];
+            rest = input;
+            while (++i2 < length) {
+              parser = parsers[i2];
+              result = parser(rest);
+              if (result == null) {
                 return;
-              } else if (this.checked === null) {
-                checkAllPublisher.checkMode = "someUnchecked";
-              } else if (checkAllPublisher.checkMode.get() == "noneChecked" || checkAllPublisher.checkMode.get() == null) {
-                checkAllPublisher.checkMode = "someUnchecked";
-              }
-              const currentValues = formPublisher[name].get();
-              const allValues = checkAllPublisher.values.get();
-              if (allValues && allValues.length) {
-                let checkedCount = allValues.length;
-                for (const p2 of allValues) {
-                  if (currentValues.indexOf(p2) == -1) {
-                    checkedCount -= 1;
-                  }
-                }
-                if (checkedCount == allValues.length) {
-                  checkAllPublisher.checkMode = "allChecked";
-                }
-                if (checkedCount == 0) {
-                  checkAllPublisher.checkMode = "noneChecked";
-                }
-              }
-              if (allValues.indexOf(this.value) == -1) {
-                this.checked = null;
               }
+              values.push(result.value);
+              rest = result.rest;
             }
+            return new P2.Result(values, rest);
           };
-          this.onChecksAllRequest = (value) => {
-            this.removeAttribute("allChecked");
-            this.removeAttribute("indeterminate");
-            if (value == "allChecked") {
-              this.checked = true;
-              this.setAttribute("allChecked", "");
+        };
+        P2.pick = function() {
+          var indexes, parsers;
+          indexes = arguments[0], parsers = 2 <= arguments.length ? slice.call(arguments, 1) : [];
+          return function(input) {
+            var array, result;
+            result = P2.sequence.apply(P2, parsers)(input);
+            if (result == null) {
+              return;
             }
-            if (value == "noneChecked") {
-              this.checked = null;
+            array = result.value;
+            result.value = array[indexes];
+            return result;
+          };
+        };
+        P2.string = function(string) {
+          var length;
+          length = string.length;
+          return function(input) {
+            if (input.slice(0, length) === string) {
+              return new P2.Result(string, input.slice(length));
             }
-            if (value == "someUnchecked") {
-              if (this.checksAll())
-                this.checked = "indeterminate";
-              this.setAttribute("indeterminate", "");
+          };
+        };
+        P2.lazy = function(fn) {
+          var cached;
+          cached = null;
+          return function(input) {
+            if (cached == null) {
+              cached = fn();
             }
+            return cached(input);
           };
-        }
-        get value() {
-          return this._value;
-        }
-        set value(newValue) {
-          if (this.value == newValue)
-            return;
-          if (this.hasAttribute("value") && !this.forceAutoFill)
-            newValue = this.getAttribute("value");
-          if (this._value == newValue)
-            return;
-          if (newValue == null)
-            return;
-          this._value = newValue;
-          if (!this.value)
-            return;
-          const formPublisher = this.getFormPublisher();
-          if (formPublisher && this.name) {
-            let currentValue = formPublisher[this.name].get();
-            if (this.radio || this.unique) {
-              this.checked = currentValue == newValue ? true : null;
+        };
+        P2.baseMany = function(parser, end, stringResult, atLeastOneResultRequired, input) {
+          var endResult, parserResult, rest, results;
+          rest = input;
+          results = stringResult ? "" : [];
+          while (true) {
+            if (end != null) {
+              endResult = end(rest);
+              if (endResult != null) {
+                break;
+              }
             }
-            if (!Array.isArray(currentValue)) {
-              currentValue = [];
+            parserResult = parser(rest);
+            if (parserResult == null) {
+              break;
             }
-            if (currentValue.indexOf(newValue) != -1)
-              this.checked = true;
+            if (stringResult) {
+              results += parserResult.value;
+            } else {
+              results.push(parserResult.value);
+            }
+            rest = parserResult.rest;
           }
-          if (this.checked == true)
-            this.updateDataValue();
-          this.requestUpdate();
-        }
-        get checked() {
-          return this._checked;
-        }
-        set checked(checked) {
-          this.setCheckedValue(checked);
-          if (this.checksAll()) {
-            const checkAllPublisher = this.getCheckAllPublisher();
-            if (checkAllPublisher) {
-              if (this.checked === true)
-                checkAllPublisher.checkMode = "allChecked";
-              else if (this.checked === null) {
-                checkAllPublisher.checkMode = "noneChecked";
-                const formPublisher = this.getFormPublisher();
-                if (formPublisher) {
-                  formPublisher[this.name] = [];
-                }
+          if (atLeastOneResultRequired && results.length === 0) {
+            return;
+          }
+          return new P2.Result(results, rest);
+        };
+        P2.many1 = function(parser) {
+          return function(input) {
+            return P2.baseMany(parser, null, false, true, input);
+          };
+        };
+        P2.concatMany1Till = function(parser, end) {
+          return function(input) {
+            return P2.baseMany(parser, end, true, true, input);
+          };
+        };
+        P2.firstChoice = function() {
+          var parsers;
+          parsers = 1 <= arguments.length ? slice.call(arguments, 0) : [];
+          return function(input) {
+            var i2, length, parser, result;
+            i2 = -1;
+            length = parsers.length;
+            while (++i2 < length) {
+              parser = parsers[i2];
+              result = parser(input);
+              if (result != null) {
+                return result;
               }
             }
+          };
+        };
+        newParser = function(options) {
+          var U;
+          U = {};
+          U.wildcard = P2.tag("wildcard", P2.string(options.wildcardChar));
+          U.optional = P2.tag("optional", P2.pick(1, P2.string(options.optionalSegmentStartChar), P2.lazy(function() {
+            return U.pattern;
+          }), P2.string(options.optionalSegmentEndChar)));
+          U.name = P2.regex(new RegExp("^[" + options.segmentNameCharset + "]+"));
+          U.named = P2.tag("named", P2.pick(1, P2.string(options.segmentNameStartChar), P2.lazy(function() {
+            return U.name;
+          })));
+          U.escapedChar = P2.pick(1, P2.string(options.escapeChar), P2.regex(/^./));
+          U["static"] = P2.tag("static", P2.concatMany1Till(P2.firstChoice(P2.lazy(function() {
+            return U.escapedChar;
+          }), P2.regex(/^./)), P2.firstChoice(P2.string(options.segmentNameStartChar), P2.string(options.optionalSegmentStartChar), P2.string(options.optionalSegmentEndChar), U.wildcard)));
+          U.token = P2.lazy(function() {
+            return P2.firstChoice(U.wildcard, U.optional, U.named, U["static"]);
+          });
+          U.pattern = P2.many1(P2.lazy(function() {
+            return U.token;
+          }));
+          return U;
+        };
+        defaultOptions = {
+          escapeChar: "\\",
+          segmentNameStartChar: ":",
+          segmentValueCharset: "a-zA-Z0-9-_~ %",
+          segmentNameCharset: "a-zA-Z0-9",
+          optionalSegmentStartChar: "(",
+          optionalSegmentEndChar: ")",
+          wildcardChar: "*"
+        };
+        baseAstNodeToRegexString = function(astNode, segmentValueCharset) {
+          if (Array.isArray(astNode)) {
+            return stringConcatMap(astNode, function(node) {
+              return baseAstNodeToRegexString(node, segmentValueCharset);
+            });
           }
-          this.requestUpdate();
-        }
-        validateFormElement() {
-          var _a2;
-          const input = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("input");
-          if (!input || input.checkValidity())
-            return;
-          const formPublisher = this.getFormPublisher();
-          if (formPublisher) {
-            const value = formPublisher[this.name].get();
-            if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
-              return;
-            formPublisher.isFormValid = false;
-            input.reportValidity();
+          switch (astNode.tag) {
+            case "wildcard":
+              return "(.*?)";
+            case "named":
+              return "([" + segmentValueCharset + "]+)";
+            case "static":
+              return escapeForRegex(astNode.value);
+            case "optional":
+              return "(?:" + baseAstNodeToRegexString(astNode.value, segmentValueCharset) + ")?";
           }
-        }
-        checksAll() {
-          return this.hasAttribute("checksAll");
-        }
-        setCheckedValue(checked) {
-          if (this._checked == checked)
-            return;
-          this._checked = checked;
-          this.updateDataValue();
-          this.requestUpdate();
-          setTimeout(() => this.updateAllChecked(), 1);
-        }
-        handleChange() {
-          const newCheckedValue = this.checked === true ? !this.radio ? null : true : true;
-          this.checked = newCheckedValue;
-          const event = new Event("change");
-          this.dispatchEvent(event);
-        }
-        /**
-         * Voir la mixin FormElement
-         * Le comportement est ici modifié fonction de son mode (checkbox, radio, unique)
-         */
-        getValueForFormPublisher() {
-          const formPublisher = this.getFormPublisher();
-          if (!formPublisher)
-            return null;
-          let currentValue = formPublisher[this.name].get();
-          if (this.radio) {
-            return this.checked === true && this.value != null ? this.value : currentValue;
+        };
+        astNodeToRegexString = function(astNode, segmentValueCharset) {
+          if (segmentValueCharset == null) {
+            segmentValueCharset = defaultOptions.segmentValueCharset;
           }
-          if (this.unique) {
-            return this.checked === true && this.value != null ? this.value : null;
+          return "^" + baseAstNodeToRegexString(astNode, segmentValueCharset) + "$";
+        };
+        astNodeToNames = function(astNode) {
+          if (Array.isArray(astNode)) {
+            return concatMap(astNode, astNodeToNames);
           }
-          if (!Array.isArray(currentValue)) {
-            currentValue = [];
+          switch (astNode.tag) {
+            case "wildcard":
+              return ["_"];
+            case "named":
+              return [astNode.value];
+            case "static":
+              return [];
+            case "optional":
+              return astNodeToNames(astNode.value);
           }
-          currentValue = currentValue.slice(0);
-          const idx = currentValue.indexOf(this.value);
-          if (this.checked === true && idx === -1 && !this.checksAll())
-            currentValue.push(this.value);
-          if (this.checked === null && idx !== -1) {
-            currentValue.splice(idx, 1);
+        };
+        getParam = function(params, key, nextIndexes, sideEffects) {
+          var index, maxIndex, result, value;
+          if (sideEffects == null) {
+            sideEffects = false;
           }
-          return currentValue;
-        }
-        /**
-         * Voir la mixin FormElement
-         * Le comportement est modifié de la manière suivante :
-         * L'état du composant (checked) est mis à jour en fonction de la valeur fournie par le publisher associé au composant / en fonction de sont mode (radio, unique)
-         */
-        setFormValueFromPublisher(value) {
-          if (this.unique || this.radio) {
-            this.checked = this.value == value ? true : null;
-            return;
+          value = params[key];
+          if (value == null) {
+            if (sideEffects) {
+              throw new Error("no values provided for key `" + key + "`");
+            } else {
+              return;
+            }
           }
-          if (!Array.isArray(value))
-            value = [];
-          if (this.checksAll()) {
-            return;
+          index = nextIndexes[key] || 0;
+          maxIndex = Array.isArray(value) ? value.length - 1 : 0;
+          if (index > maxIndex) {
+            if (sideEffects) {
+              throw new Error("too few values provided for key `" + key + "`");
+            } else {
+              return;
+            }
           }
-          this.checked = value.indexOf(this.value) !== -1 ? true : null;
-        }
-        getCheckAllPublisher() {
-          if (!this.formDataProvider)
-            this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-          const formDataProvider = this.formDataProvider;
-          const name = this.getAttribute("name");
-          if (!formDataProvider || !name) {
-            return null;
+          result = Array.isArray(value) ? value[index] : value;
+          if (sideEffects) {
+            nextIndexes[key] = index + 1;
           }
-          return PublisherManager.get(formDataProvider + "/" + name + "/_available_values_");
-        }
-        disconnectedCallback() {
-          super.disconnectedCallback();
-          const checkAllPublisher = this.getCheckAllPublisher();
-          if (checkAllPublisher) {
-            checkAllPublisher.checkMode.offAssign(this.onChecksAllRequest);
-            if (!this.checksAll()) {
-              const values = checkAllPublisher.values.get().slice(0);
-              const idx = values.indexOf(this.value);
-              if (idx != -1) {
-                values.splice(idx, 1);
-                checkAllPublisher.values = values;
+          return result;
+        };
+        astNodeContainsSegmentsForProvidedParams = function(astNode, params, nextIndexes) {
+          var i2, length;
+          if (Array.isArray(astNode)) {
+            i2 = -1;
+            length = astNode.length;
+            while (++i2 < length) {
+              if (astNodeContainsSegmentsForProvidedParams(astNode[i2], params, nextIndexes)) {
+                return true;
               }
             }
+            return false;
           }
-          setTimeout(() => this.updateAllChecked(), 1);
-        }
-        connectedCallback() {
-          super.connectedCallback();
-          const formPublisher = this.getFormPublisher();
-          if (formPublisher && this.name) {
-            const publisherValueForName = formPublisher[this.name].get();
-            if (publisherValueForName && Array.isArray(publisherValueForName) && publisherValueForName.indexOf(this.value) !== -1) {
-              this.checked = true;
-            }
+          switch (astNode.tag) {
+            case "wildcard":
+              return getParam(params, "_", nextIndexes, false) != null;
+            case "named":
+              return getParam(params, astNode.value, nextIndexes, false) != null;
+            case "static":
+              return false;
+            case "optional":
+              return astNodeContainsSegmentsForProvidedParams(astNode.value, params, nextIndexes);
           }
-          const checkAllPublisher = this.getCheckAllPublisher();
-          if (checkAllPublisher) {
-            checkAllPublisher.checkMode.onAssign(this.onChecksAllRequest);
-            if (this.checksAll()) {
-              checkAllPublisher.hasCheckAll = true;
-            }
-            if (!checkAllPublisher.values.get()) {
-              checkAllPublisher.values = [];
-            }
-            if (!this.checksAll()) {
-              checkAllPublisher.values = [...checkAllPublisher.values.get(), this.value];
-            }
+        };
+        stringify = function(astNode, params, nextIndexes) {
+          if (Array.isArray(astNode)) {
+            return stringConcatMap(astNode, function(node) {
+              return stringify(node, params, nextIndexes);
+            });
           }
-          if (!this.hasAttribute("checked")) {
+          switch (astNode.tag) {
+            case "wildcard":
+              return getParam(params, "_", nextIndexes, true);
+            case "named":
+              return getParam(params, astNode.value, nextIndexes, true);
+            case "static":
+              return astNode.value;
+            case "optional":
+              if (astNodeContainsSegmentsForProvidedParams(astNode.value, params, nextIndexes)) {
+                return stringify(astNode.value, params, nextIndexes);
+              } else {
+                return "";
+              }
+          }
+        };
+        UrlPattern2 = function(arg1, arg2) {
+          var groupCount, options, parsed, parser, withoutWhitespace;
+          if (arg1 instanceof UrlPattern2) {
+            this.isRegex = arg1.isRegex;
+            this.regex = arg1.regex;
+            this.ast = arg1.ast;
+            this.names = arg1.names;
             return;
           }
-          if (!this.publisher || this.publisher.get().checked !== false) {
-            setTimeout(() => this.checked = true, 1);
+          this.isRegex = arg1 instanceof RegExp;
+          if (!("string" === typeof arg1 || this.isRegex)) {
+            throw new TypeError("argument must be a regex or a string");
           }
-        }
-      }
-      __decorateClass$13([
-        n$5()
-      ], FormCheckable2.prototype, "value", 1);
-      __decorateClass$13([
-        n$5()
-      ], FormCheckable2.prototype, "forceAutoFill", 2);
-      __decorateClass$13([
-        n$5({ type: Boolean })
-      ], FormCheckable2.prototype, "unique", 2);
-      __decorateClass$13([
-        n$5({ type: Boolean })
-      ], FormCheckable2.prototype, "radio", 2);
-      __decorateClass$13([
-        n$5({ type: Boolean })
-      ], FormCheckable2.prototype, "unCheckOnDisconnect", 2);
-      __decorateClass$13([
-        n$5()
-      ], FormCheckable2.prototype, "checked", 1);
-      return FormCheckable2;
+          if (this.isRegex) {
+            this.regex = arg1;
+            if (arg2 != null) {
+              if (!Array.isArray(arg2)) {
+                throw new Error("if first argument is a regex the second argument may be an array of group names but you provided something else");
+              }
+              groupCount = regexGroupCount(this.regex);
+              if (arg2.length !== groupCount) {
+                throw new Error("regex contains " + groupCount + " groups but array of group names contains " + arg2.length);
+              }
+              this.names = arg2;
+            }
+            return;
+          }
+          if (arg1 === "") {
+            throw new Error("argument must not be the empty string");
+          }
+          withoutWhitespace = arg1.replace(/\s+/g, "");
+          if (withoutWhitespace !== arg1) {
+            throw new Error("argument must not contain whitespace");
+          }
+          options = {
+            escapeChar: (arg2 != null ? arg2.escapeChar : void 0) || defaultOptions.escapeChar,
+            segmentNameStartChar: (arg2 != null ? arg2.segmentNameStartChar : void 0) || defaultOptions.segmentNameStartChar,
+            segmentNameCharset: (arg2 != null ? arg2.segmentNameCharset : void 0) || defaultOptions.segmentNameCharset,
+            segmentValueCharset: (arg2 != null ? arg2.segmentValueCharset : void 0) || defaultOptions.segmentValueCharset,
+            optionalSegmentStartChar: (arg2 != null ? arg2.optionalSegmentStartChar : void 0) || defaultOptions.optionalSegmentStartChar,
+            optionalSegmentEndChar: (arg2 != null ? arg2.optionalSegmentEndChar : void 0) || defaultOptions.optionalSegmentEndChar,
+            wildcardChar: (arg2 != null ? arg2.wildcardChar : void 0) || defaultOptions.wildcardChar
+          };
+          parser = newParser(options);
+          parsed = parser.pattern(arg1);
+          if (parsed == null) {
+            throw new Error("couldn't parse pattern");
+          }
+          if (parsed.rest !== "") {
+            throw new Error("could only partially parse pattern");
+          }
+          this.ast = parsed.value;
+          this.regex = new RegExp(astNodeToRegexString(this.ast, options.segmentValueCharset));
+          this.names = astNodeToNames(this.ast);
+        };
+        UrlPattern2.prototype.match = function(url) {
+          var groups, match;
+          match = this.regex.exec(url);
+          if (match == null) {
+            return null;
+          }
+          groups = match.slice(1);
+          if (this.names) {
+            return keysAndValuesToObject(this.names, groups);
+          } else {
+            return groups;
+          }
+        };
+        UrlPattern2.prototype.stringify = function(params) {
+          if (params == null) {
+            params = {};
+          }
+          if (this.isRegex) {
+            throw new Error("can't stringify patterns generated from a regex");
+          }
+          if (params !== Object(params)) {
+            throw new Error("argument must be an object or undefined");
+          }
+          return stringify(this.ast, params, {});
+        };
+        UrlPattern2.escapeForRegex = escapeForRegex;
+        UrlPattern2.concatMap = concatMap;
+        UrlPattern2.stringConcatMap = stringConcatMap;
+        UrlPattern2.regexGroupCount = regexGroupCount;
+        UrlPattern2.keysAndValuesToObject = keysAndValuesToObject;
+        UrlPattern2.P = P2;
+        UrlPattern2.newParser = newParser;
+        UrlPattern2.defaultOptions = defaultOptions;
+        UrlPattern2.astNodeToRegexString = astNodeToRegexString;
+        UrlPattern2.astNodeToNames = astNodeToNames;
+        UrlPattern2.getParam = getParam;
+        UrlPattern2.astNodeContainsSegmentsForProvidedParams = astNodeContainsSegmentsForProvidedParams;
+        UrlPattern2.stringify = stringify;
+        return UrlPattern2;
+      });
+    })(urlPattern, urlPattern.exports);
+    var urlPatternExports = urlPattern.exports;
+    const UrlPattern = /* @__PURE__ */ getDefaultExportFromCjs(urlPatternExports);
+    const Utils = Utils$1;
+    const Arrays = Arrays$1;
+    const DataBindObserver = DataBindObserver$1;
+    const Format = Format$1;
+    const HTML = HTML$1;
+    const LocationHandler = LocationHandler$1;
+    const Objects = Objects$1;
+    const PublisherProxy = Publisher;
+    const PublisherManager = PublisherManager$1;
+    const api = API;
+    const URLPattern = UrlPattern;
+    window["concorde-utils"] = window["concorde-utils"] || {};
+    window["concorde-utils"] = {
+      Utils,
+      Arrays,
+      DataBindObserver,
+      Format,
+      HTML,
+      LocationHandler,
+      Objects,
+      PublisherProxy,
+      PublisherManager,
+      api,
+      URLPattern
     };
-    /**
-     * @license
-     * Copyright 2018 Google LLC
-     * SPDX-License-Identifier: BSD-3-Clause
-     */
-    const o$3 = (o2) => o2 ?? T;
-    const fontSize = i$5`
-  /*SIZES*/
-  :host {
-    --sc-fs: 1rem;
-    --sc-lh: 1.15;
-    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$12 = Object.defineProperty;
-    var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
-    var __decorateClass$12 = (decorators, target, key, kind) => {
-      var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
+    var __defProp$13 = Object.defineProperty;
+    var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
+    var __decorateClass$13 = (decorators, target, key, kind) => {
+      var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
       for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
         if (decorator = decorators[i2])
           result = (kind ? decorator(target, key, result) : decorator(result)) || result;
       if (kind && result)
-        __defProp$12(target, key, result);
+        __defProp$13(target, key, result);
       return result;
     };
-    const tagName$Z = "sonic-button";
-    let Button = class extends Form$1(Form$2(Subscriber$1(s$1))) {
-      constructor() {
-        super(...arguments);
-        this.type = "default";
-        this.variant = "default";
-        this.shape = "default";
-        this.direction = "row";
-        this.alignItems = "center";
-        this.justify = "center";
-        this.minWidth = "0";
-        this.icon = false;
-        this.download = null;
-        this.autoActive = "partial";
-        this.loading = false;
-        this.hasPrefix = false;
-        this.hasSuffix = false;
-        this._href = "";
-        this.goBack = null;
-        this.pushState = false;
-        this.active = false;
-        this.autoRepeat = false;
-        this.pointerDownTime = 0;
-        this.lastRepeatTime = 0;
-        this.isRepeating = false;
-        this.handleRepeatend = () => {
-          window.removeEventListener("pointerup", this.handleRepeatend);
-          window.removeEventListener("blur", this.handleRepeatend);
-          if (this.autoRepeat) {
-            this.isRepeating = false;
+    const Form$1 = (superClass) => {
+      class FormCheckable2 extends superClass {
+        constructor() {
+          super(...arguments);
+          this._value = "";
+          this.forceAutoFill = false;
+          this.unique = null;
+          this.radio = null;
+          this.unCheckOnDisconnect = false;
+          this._checked = null;
+          this.updateAllChecked = () => {
+            const name = this.getAttribute("name");
+            const checkAllPublisher = this.getCheckAllPublisher();
+            const formPublisher = this.getFormPublisher();
+            if (!(checkAllPublisher == null ? void 0 : checkAllPublisher.hasCheckAll.get())) {
+              return;
+            }
+            if (!this.checksAll() && checkAllPublisher && formPublisher && name) {
+              if (!formPublisher[this.name].get().length) {
+                checkAllPublisher.checkMode = "noneChecked";
+                return;
+              } else if (this.checked === null) {
+                checkAllPublisher.checkMode = "someUnchecked";
+              } else if (checkAllPublisher.checkMode.get() == "noneChecked" || checkAllPublisher.checkMode.get() == null) {
+                checkAllPublisher.checkMode = "someUnchecked";
+              }
+              const currentValues = formPublisher[name].get();
+              const allValues = checkAllPublisher.values.get();
+              if (allValues && allValues.length) {
+                let checkedCount = allValues.length;
+                for (const p2 of allValues) {
+                  if (currentValues.indexOf(p2) == -1) {
+                    checkedCount -= 1;
+                  }
+                }
+                if (checkedCount == allValues.length) {
+                  checkAllPublisher.checkMode = "allChecked";
+                }
+                if (checkedCount == 0) {
+                  checkAllPublisher.checkMode = "noneChecked";
+                }
+              }
+              if (allValues.indexOf(this.value) == -1) {
+                this.checked = null;
+              }
+            }
+          };
+          this.onChecksAllRequest = (value) => {
+            this.removeAttribute("allChecked");
+            this.removeAttribute("indeterminate");
+            if (value == "allChecked") {
+              this.checked = true;
+              this.setAttribute("allChecked", "");
+            }
+            if (value == "noneChecked") {
+              this.checked = null;
+            }
+            if (value == "someUnchecked") {
+              if (this.checksAll())
+                this.checked = "indeterminate";
+              this.setAttribute("indeterminate", "");
+            }
+          };
+        }
+        get value() {
+          return this._value;
+        }
+        set value(newValue) {
+          if (this.value == newValue)
+            return;
+          if (this.hasAttribute("value") && !this.forceAutoFill)
+            newValue = this.getAttribute("value");
+          if (this._value == newValue)
+            return;
+          if (newValue == null)
+            return;
+          this._value = newValue;
+          if (!this.value)
+            return;
+          const formPublisher = this.getFormPublisher();
+          if (formPublisher && this.name) {
+            let currentValue = formPublisher[this.name].get();
+            if (this.radio || this.unique) {
+              this.checked = currentValue == newValue ? true : null;
+            }
+            if (!Array.isArray(currentValue)) {
+              currentValue = [];
+            }
+            if (currentValue.indexOf(newValue) != -1)
+              this.checked = true;
           }
-        };
-        this.location = "";
-      }
-      set href(value) {
-        this._href = value;
-        if (this.href && this.href.indexOf("http") != 0) {
-          LocationHandler$1.onChange(this);
-        } else
-          LocationHandler$1.offChange(this);
-        this.requestUpdate();
-      }
-      get href() {
-        return this._href;
-      }
-      handleNavigation(e2) {
-        e2.preventDefault();
-        LocationHandler$1.changeFromComponent(this);
-      }
-      handleChange(e2) {
-        if ((e2 == null ? void 0 : e2.type) == "click" && this.autoRepeat)
-          return;
-        super.handleChange();
-        if (this.pushState || this.goBack !== null) {
-          e2 == null ? void 0 : e2.preventDefault();
-          e2 == null ? void 0 : e2.stopPropagation();
-          LocationHandler$1.changeFromComponent(this);
+          if (this.checked == true)
+            this.updateDataValue();
+          this.requestUpdate();
         }
-        if (this.hasAttribute("reset")) {
-          const resetDataProvider = this.getAttribute("reset");
-          const formPublisher = resetDataProvider ? PublisherManager.get(resetDataProvider) : this.getFormPublisher();
-          if (formPublisher)
-            formPublisher.set({});
+        get checked() {
+          return this._checked;
         }
-      }
-      handleRepeatStart(e2) {
-        if (this.autoRepeat) {
-          this.handleChange(e2);
-          this.pointerDownTime = Date.now();
-          this.isRepeating = true;
-          this.repeat();
+        set checked(checked) {
+          this.setCheckedValue(checked);
+          if (this.checksAll()) {
+            const checkAllPublisher = this.getCheckAllPublisher();
+            if (checkAllPublisher) {
+              if (this.checked === true)
+                checkAllPublisher.checkMode = "allChecked";
+              else if (this.checked === null) {
+                checkAllPublisher.checkMode = "noneChecked";
+                const formPublisher = this.getFormPublisher();
+                if (formPublisher) {
+                  formPublisher[this.name] = [];
+                }
+              }
+            }
+          }
+          this.requestUpdate();
         }
-        window.addEventListener("pointerup", this.handleRepeatend);
-        window.addEventListener("blur", this.handleRepeatend);
-      }
-      repeat() {
-        if (!this.isRepeating)
-          return;
-        if (this.hasAttribute("disabled")) {
-          this.isRepeating = false;
-          return;
+        validateFormElement() {
+          var _a2;
+          const input = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("input");
+          if (!input || input.checkValidity())
+            return;
+          const formPublisher = this.getFormPublisher();
+          if (formPublisher) {
+            const value = formPublisher[this.name].get();
+            if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
+              return;
+            formPublisher.isFormValid = false;
+            input.reportValidity();
+          }
         }
-        window.requestAnimationFrame(this.repeat.bind(this));
-        if (Date.now() - this.pointerDownTime < 500)
-          return;
-        if (Date.now() - this.lastRepeatTime < 100)
-          return;
-        this.handleChange();
-        this.lastRepeatTime = Date.now();
-      }
-      connectedCallback() {
-        super.connectedCallback();
-      }
-      setCheckedValue(checked) {
-        if (this.name) {
-          if (checked)
-            this.setAttribute("active", "true");
-          else
-            this.removeAttribute("active");
-          if (checked == this._checked)
+        checksAll() {
+          return this.hasAttribute("checksAll");
+        }
+        setCheckedValue(checked) {
+          if (this._checked == checked)
             return;
-          super.setCheckedValue(checked);
+          this._checked = checked;
+          this.updateDataValue();
+          this.requestUpdate();
+          setTimeout(() => this.updateAllChecked(), 1);
         }
-      }
-      disconnectedCallback() {
-        LocationHandler$1.offChange(this);
-        super.disconnectedCallback();
-      }
-      willUpdate(changedProperties) {
-        if (changedProperties.has("href") || changedProperties.has("autoActive")) {
-          LocationHandler$1.updateComponentActiveState(this);
+        handleChange() {
+          const newCheckedValue = this.checked === true ? !this.radio ? null : true : true;
+          this.checked = newCheckedValue;
+          const event = new Event("change");
+          this.dispatchEvent(event);
         }
-        if (changedProperties.has("location")) {
-          LocationHandler$1.updateComponentActiveState(this);
+        /**
+         * Voir la mixin FormElement
+         * Le comportement est ici modifié fonction de son mode (checkbox, radio, unique)
+         */
+        getValueForFormPublisher() {
+          const formPublisher = this.getFormPublisher();
+          if (!formPublisher)
+            return null;
+          let currentValue = formPublisher[this.name].get();
+          if (this.radio) {
+            return this.checked === true && this.value != null ? this.value : currentValue;
+          }
+          if (this.unique) {
+            return this.checked === true && this.value != null ? this.value : null;
+          }
+          if (!Array.isArray(currentValue)) {
+            currentValue = [];
+          }
+          currentValue = currentValue.slice(0);
+          const idx = currentValue.indexOf(this.value);
+          if (this.checked === true && idx === -1 && !this.checksAll())
+            currentValue.push(this.value);
+          if (this.checked === null && idx !== -1) {
+            currentValue.splice(idx, 1);
+          }
+          return currentValue;
+        }
+        /**
+         * Voir la mixin FormElement
+         * Le comportement est modifié de la manière suivante :
+         * L'état du composant (checked) est mis à jour en fonction de la valeur fournie par le publisher associé au composant / en fonction de sont mode (radio, unique)
+         */
+        setFormValueFromPublisher(value) {
+          if (this.unique || this.radio) {
+            this.checked = this.value == value ? true : null;
+            return;
+          }
+          if (!Array.isArray(value))
+            value = [];
+          if (this.checksAll()) {
+            return;
+          }
+          this.checked = value.indexOf(this.value) !== -1 ? true : null;
+        }
+        getCheckAllPublisher() {
+          if (!this.formDataProvider)
+            this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
+          const formDataProvider = this.formDataProvider;
+          const name = this.getAttribute("name");
+          if (!formDataProvider || !name) {
+            return null;
+          }
+          return PublisherManager.get(formDataProvider + "/" + name + "/_available_values_");
+        }
+        disconnectedCallback() {
+          super.disconnectedCallback();
+          const checkAllPublisher = this.getCheckAllPublisher();
+          if (checkAllPublisher) {
+            checkAllPublisher.checkMode.offAssign(this.onChecksAllRequest);
+            if (!this.checksAll()) {
+              const values = checkAllPublisher.values.get().slice(0);
+              const idx = values.indexOf(this.value);
+              if (idx != -1) {
+                values.splice(idx, 1);
+                checkAllPublisher.values = values;
+              }
+            }
+          }
+          setTimeout(() => this.updateAllChecked(), 1);
+        }
+        connectedCallback() {
+          super.connectedCallback();
+          const formPublisher = this.getFormPublisher();
+          if (formPublisher && this.name) {
+            const publisherValueForName = formPublisher[this.name].get();
+            if (publisherValueForName && Array.isArray(publisherValueForName) && publisherValueForName.indexOf(this.value) !== -1) {
+              this.checked = true;
+            }
+          }
+          const checkAllPublisher = this.getCheckAllPublisher();
+          if (checkAllPublisher) {
+            checkAllPublisher.checkMode.onAssign(this.onChecksAllRequest);
+            if (this.checksAll()) {
+              checkAllPublisher.hasCheckAll = true;
+            }
+            if (!checkAllPublisher.values.get()) {
+              checkAllPublisher.values = [];
+            }
+            if (!this.checksAll()) {
+              checkAllPublisher.values = [...checkAllPublisher.values.get(), this.value];
+            }
+          }
+          if (!this.hasAttribute("checked")) {
+            return;
+          }
+          if (!this.publisher || this.publisher.get().checked !== false) {
+            setTimeout(() => this.checked = true, 1);
+          }
         }
       }
-      render() {
-        const btnStyles = {
-          flexDirection: this.direction,
-          alignItems: this.alignItems,
-          justifyContent: this.justify,
-          align: this.align,
-          minWidth: this.minWidth
-        };
-        const btn = x$1`
-      <button
-        part="button"
-        class=${this.hasPrefix || this.hasSuffix ? "has-prefix-or-suffix" : ""}
-        style=${o$4(btnStyles)}
-        aria-controls=${o$3(this.ariaControls)}
-        aria-expanded=${o$3(this.sonicAriaExpanded)}
-        aria-label=${o$3(this.ariaLabel)}
-        aria-labelledby=${o$3(this.ariaLabelledby)}
-        @click=${this.handleChange}
-        @pointerdown=${this.handleRepeatStart}
-      >
-        <slot @slotchange=${this.onSlotChange} part="prefix" name="prefix"></slot>
-        <slot part="main" class="main-slot"></slot>
-        <slot @slotchange=${this.onSlotChange} part="suffix" name="suffix"></slot>
-        ${this.loading == true ? x$1`<sonic-icon name="loader" class="loader"></sonic-icon>` : ""}
-      </button>
-    `;
-        return this.href ? x$1`<a
-          href="${this.href}"
-          download=${o$3(this.download)}
-          target=${o$3(this.target)}
-          aria-label=${o$3(this.ariaLabel)}
-          aria-labelledby=${o$3(this.ariaLabelledby)}
-          @click=${this.pushState || this.goBack !== null ? this.handleNavigation : null}
-          >${btn}</a
-        >` : x$1`${btn}`;
-      }
-      onSlotChange() {
-        var _a2, _b2;
-        this.hasPrefix = !!((_a2 = this.prefixes) == null ? void 0 : _a2.length);
-        this.hasSuffix = !!((_b2 = this.suffixes) == null ? void 0 : _b2.length);
-      }
+      __decorateClass$13([
+        n$5()
+      ], FormCheckable2.prototype, "value", 1);
+      __decorateClass$13([
+        n$5()
+      ], FormCheckable2.prototype, "forceAutoFill", 2);
+      __decorateClass$13([
+        n$5({ type: Boolean })
+      ], FormCheckable2.prototype, "unique", 2);
+      __decorateClass$13([
+        n$5({ type: Boolean })
+      ], FormCheckable2.prototype, "radio", 2);
+      __decorateClass$13([
+        n$5({ type: Boolean })
+      ], FormCheckable2.prototype, "unCheckOnDisconnect", 2);
+      __decorateClass$13([
+        n$5()
+      ], FormCheckable2.prototype, "checked", 1);
+      return FormCheckable2;
     };
-    Button.styles = [
-      fontSize,
-      i$5`
-      * {
-        box-sizing: border-box;
+    /**
+     * @license
+     * Copyright 2018 Google LLC
+     * SPDX-License-Identifier: BSD-3-Clause
+     */
+    const o$3 = (o2) => o2 ?? T;
+    const fontSize = i$5`
+  /*SIZES*/
+  :host {
+    --sc-fs: 1rem;
+    --sc-lh: 1.15;
+    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$12 = Object.defineProperty;
+    var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
+    var __decorateClass$12 = (decorators, target, key, kind) => {
+      var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
+      for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+        if (decorator = decorators[i2])
+          result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+      if (kind && result)
+        __defProp$12(target, key, result);
+      return result;
+    };
+    const tagName$Z = "sonic-button";
+    let Button = class extends Form$1(Form$2(Subscriber$1(s$1))) {
+      constructor() {
+        super(...arguments);
+        this.type = "default";
+        this.variant = "default";
+        this.shape = "default";
+        this.direction = "row";
+        this.alignItems = "center";
+        this.justify = "center";
+        this.minWidth = "0";
+        this.icon = false;
+        this.download = null;
+        this.autoActive = "partial";
+        this.loading = false;
+        this.hasPrefix = false;
+        this.hasSuffix = false;
+        this._href = "";
+        this.goBack = null;
+        this.pushState = false;
+        this.active = false;
+        this.autoRepeat = false;
+        this.pointerDownTime = 0;
+        this.lastRepeatTime = 0;
+        this.isRepeating = false;
+        this.handleRepeatend = () => {
+          window.removeEventListener("pointerup", this.handleRepeatend);
+          window.removeEventListener("blur", this.handleRepeatend);
+          if (this.autoRepeat) {
+            this.isRepeating = false;
+          }
+        };
+        this.location = "";
       }
-      :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-fw: var(--sc-btn-font-weight);
-
-        --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;
+      set href(value) {
+        this._href = value;
+        if (this.href && this.href.indexOf("http") != 0) {
+          LocationHandler$1.onChange(this);
+        } else
+          LocationHandler$1.offChange(this);
+        this.requestUpdate();
       }
-
-      :host a {
-        display: contents;
-        color: unset;
+      get href() {
+        return this._href;
       }
-
-      :host button {
-        display: flex;
-        flex: 1;
-        box-sizing: border-box;
-        align-items: center;
-        justify-content: center;
-
+      handleNavigation(e2) {
+        e2.preventDefault();
+        LocationHandler$1.changeFromComponent(this);
+      }
+      handleChange(e2) {
+        if ((e2 == null ? void 0 : e2.type) == "click" && this.autoRepeat)
+          return;
+        super.handleChange();
+        if (this.pushState || this.goBack !== null) {
+          e2 == null ? void 0 : e2.preventDefault();
+          e2 == null ? void 0 : e2.stopPropagation();
+          LocationHandler$1.changeFromComponent(this);
+        }
+        if (this.hasAttribute("reset")) {
+          const resetDataProvider = this.getAttribute("reset");
+          const formPublisher = resetDataProvider ? PublisherManager.get(resetDataProvider) : this.getFormPublisher();
+          if (formPublisher)
+            formPublisher.set({});
+        }
+      }
+      handleRepeatStart(e2) {
+        if (this.autoRepeat) {
+          this.handleChange(e2);
+          this.pointerDownTime = Date.now();
+          this.isRepeating = true;
+          this.repeat();
+        }
+        window.addEventListener("pointerup", this.handleRepeatend);
+        window.addEventListener("blur", this.handleRepeatend);
+      }
+      repeat() {
+        if (!this.isRepeating)
+          return;
+        if (this.hasAttribute("disabled")) {
+          this.isRepeating = false;
+          return;
+        }
+        window.requestAnimationFrame(this.repeat.bind(this));
+        if (Date.now() - this.pointerDownTime < 500)
+          return;
+        if (Date.now() - this.lastRepeatTime < 100)
+          return;
+        this.handleChange();
+        this.lastRepeatTime = Date.now();
+      }
+      connectedCallback() {
+        super.connectedCallback();
+      }
+      setCheckedValue(checked) {
+        if (this.name) {
+          if (checked)
+            this.setAttribute("active", "true");
+          else
+            this.removeAttribute("active");
+          if (checked == this._checked)
+            return;
+          super.setCheckedValue(checked);
+        }
+      }
+      disconnectedCallback() {
+        LocationHandler$1.offChange(this);
+        super.disconnectedCallback();
+      }
+      willUpdate(changedProperties) {
+        if (changedProperties.has("href") || changedProperties.has("autoActive")) {
+          LocationHandler$1.updateComponentActiveState(this);
+        }
+        if (changedProperties.has("location")) {
+          LocationHandler$1.updateComponentActiveState(this);
+        }
+      }
+      render() {
+        const btnStyles = {
+          flexDirection: this.direction,
+          alignItems: this.alignItems,
+          justifyContent: this.justify,
+          align: this.align,
+          minWidth: this.minWidth
+        };
+        const btn = x$1`
+      <button
+        part="button"
+        class=${this.hasPrefix || this.hasSuffix ? "has-prefix-or-suffix" : ""}
+        style=${o$4(btnStyles)}
+        aria-controls=${o$3(this.ariaControls)}
+        aria-expanded=${o$3(this.sonicAriaExpanded)}
+        aria-label=${o$3(this.ariaLabel)}
+        aria-labelledby=${o$3(this.ariaLabelledby)}
+        @click=${this.handleChange}
+        @pointerdown=${this.handleRepeatStart}
+      >
+        <slot @slotchange=${this.onSlotChange} part="prefix" name="prefix"></slot>
+        <slot part="main" class="main-slot"></slot>
+        <slot @slotchange=${this.onSlotChange} part="suffix" name="suffix"></slot>
+        ${this.loading == true ? x$1`<sonic-icon name="loader" class="loader"></sonic-icon>` : ""}
+      </button>
+    `;
+        return this.href ? x$1`<a
+          href="${this.href}"
+          download=${o$3(this.download)}
+          target=${o$3(this.target)}
+          aria-label=${o$3(this.ariaLabel)}
+          aria-labelledby=${o$3(this.ariaLabelledby)}
+          @click=${this.pushState || this.goBack !== null ? this.handleNavigation : null}
+          >${btn}</a
+        >` : x$1`${btn}`;
+      }
+      onSlotChange() {
+        var _a2, _b2;
+        this.hasPrefix = !!((_a2 = this.prefixes) == null ? void 0 : _a2.length);
+        this.hasSuffix = !!((_b2 = this.suffixes) == null ? void 0 : _b2.length);
+      }
+    };
+    Button.styles = [
+      fontSize,
+      i$5`
+      * {
+        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-fw: var(--sc-btn-font-weight);
+
+        --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);
@@ -6729,887 +7172,446 @@ var require_concorde_core_es = __commonJS({
           const split = dataProvider.split("?");
           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) {
-            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].toString());
-          }
-          const searchHash = searchParams.toString();
-          if (searchHash == this.searchHash && !this.isFirstRequest)
-            return;
-          this.searchHash = searchHash;
-          for (const dataProvider2 of this.listDataProviders) {
-            PublisherManager$1.delete(dataProvider2);
-          }
-          this.listDataProviders = [];
-          clearTimeout(this.filterTimeoutId);
-          this.filterTimeoutId = setTimeout(
-            async () => {
-              const count = this.resultCount;
-              this.props = null;
-              this.requestId++;
-              this.resultCount = count;
-              await PublisherManager$1.getInstance().isLocalStrorageReady;
-              window.requestAnimationFrame(() => this.next());
-            },
-            this.isFirstRequest ? 0 : this.filterTimeoutMs
-          );
-          this.isFirstRequest = false;
-        };
-        this.dataProviderExpression = "";
-        this.idKey = "id";
-        this.listDataProviders = [];
-        this.nextHadEvent = false;
-      }
-      disconnectedCallback() {
-        var _a2;
-        for (const dataProvider of this.listDataProviders) {
-          PublisherManager$1.delete(dataProvider);
-          this.listDataProviders = [];
-        }
-        (_a2 = this.filterPublisher) == null ? void 0 : _a2.offInternalMutation(this.updateFilteredContent);
-        this.props = null;
-        this.limit = 5;
-        this.offset = 0;
-        this.resultCount = 0;
-        this.searchHash = "";
-        this.requestId = 0;
-        this.isFirstRequest = true;
-        this.nextHadEvent = false;
-        this.publisher.set({});
-        super.disconnectedCallback();
-        return;
-      }
-      async connectedCallback() {
-        this.instanceId = Queue.instanceCounter++;
-        this.localStorage = this.getAttribute("localStorage") || this.localStorage;
-        this.filterTimeoutMs = parseInt(this.getAttribute("filterTimeoutMs") || "400");
-        this.removeAttribute("localStorage");
-        this.noShadowDom = "";
-        this.defferedDebug = this.hasAttribute("debug") || null;
-        if (!this.dataProvider)
-          this.dataProvider = this.dataProviderExpression || "sonic-queue-" + this.instanceId + "-" + Math.random().toString(36).substring(7);
-        if (!this.dataProviderExpression) {
-          this.dataProviderExpression = HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") || "";
-        }
-        super.connectedCallback();
-        this.publisher.set({});
-        this.key = this.getAttribute("key");
-        await PublisherManager$1.getInstance().isLocalStrorageReady;
-        if (!this.templates)
-          this.templates = Array.from(this.querySelectorAll("template"));
-        this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
-        this.configFilter();
-      }
-      configFilter() {
-        var _a2;
-        const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
-        if (!dataFilterProvider) {
-          this.next();
-          return;
-        }
-        this.filterPublisher = PublisherManager$1.getInstance().get(dataFilterProvider);
-        (_a2 = this.filterPublisher) == null ? void 0 : _a2.onInternalMutation(this.updateFilteredContent);
-      }
-      resetDuration() {
-        this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
-      }
-      next(e2) {
-        var _a2;
-        let offset = this.offset;
-        const newTime = (/* @__PURE__ */ new Date()).getTime();
-        const requestDuration = newTime - this.lastRequestTime;
-        if (!this.nextHadEvent && e2) {
-          this.publisher.resultCount = 0;
-          this.resultCount = 0;
-        }
-        this.nextHadEvent = !!e2;
-        if (e2) {
-          this.publisher.lastFetchedData = e2.detail.fetchedData;
-          if (e2.detail.requestId < this.requestId)
-            return;
-          this.resultCount += e2.detail.props.length;
-          if (!e2.detail.isFirstLoad || !e2.detail.props.length || this.dataProviderExpression.indexOf("$offset") == -1) {
-            this.publisher.resultCount = this.resultCount;
-            return;
-          }
-        }
-        if (!Array.isArray(this.props)) {
-          const newProps2 = [];
-          newProps2.resultCount = this.resultCount;
-          newProps2.lastFetchedData = (e2 == null ? void 0 : e2.detail.fetchedData) || {};
-          this.props = newProps2;
-        } else {
-          const props = this.props;
-          const item = props[props.length - 1];
-          offset = parseInt(item.offset.toString()) + parseInt(item.limit.toString());
-        }
-        if (requestDuration > 0 && e2 && !this.localStorage) {
-          this.limit = Math.round(this.limit / requestDuration * this.targetRequestDuration);
-        }
-        if (this.limit < 1)
-          this.limit = 1;
-        if (this.limit > 15)
-          this.limit = 15;
-        let dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
-        const split = dataProvider.split("?");
-        let 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 || filterData[f2] == "")
-            continue;
-          searchParams.set(f2, filterData[f2]);
-        }
-        if (!this.searchHash)
-          this.searchHash = searchParams.toString();
-        endpoint = endpoint + "?" + searchParams.toString();
-        dataProvider = dataProvider + "_item_from_queue_" + this.instanceId;
-        this.listDataProviders.push(dataProvider);
-        const newProps = [
-          ...this.props,
-          {
-            id: searchParams.toString() + "/" + this.props.length,
-            dataProvider,
-            endPoint: endpoint,
-            offset,
-            limit: this.limit
-          }
-        ];
-        newProps.resultCount = this.resultCount;
-        newProps.lastFetchedData = (e2 == null ? void 0 : e2.detail.fetchedData) || {};
-        this.props = newProps;
-        this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
-      }
-      render() {
-        if (!Array.isArray(this.props))
-          return T;
-        let lazyload = !this.noLazyload;
-        if (this.props.length == 1) {
-          lazyload = false;
-        }
-        return x$1`
-      ${o(this.props, (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 x$1`
-          <sonic-list
-            fetch
-            loader="inline"
-            cache=${this.cache}
-            displayContents
-            lazyBoundsRatio=${this.lazyBoundsRatio}
-            ?lazyload=${lazyload}
-            localStorage=${this.localStorage}
-            requestId=${this.requestId}
-            .itemPropertyMap=${this.itemPropertyMap}
-            ?debug=${this.defferedDebug === true}
-            @load=${this.next}
-            key=${this.key}
-            @loading=${this.resetDuration}
-            dataProvider="${item.dataProvider}"
-            endPoint="${item.endPoint}"
-            idKey=${this.idKey}
-            .templates=${templates}
-          >
-          </sonic-list>
-        `;
-        })}
-    `;
-      }
-    };
-    Queue.instanceCounter = 0;
-    __decorateClass$S([
-      n$5({ type: Array })
-    ], Queue.prototype, "templates", 2);
-    __decorateClass$S([
-      n$5({ type: Object })
-    ], Queue.prototype, "itemPropertyMap", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "cache", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "targetRequestDuration", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "limit", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "lazyBoundsRatio", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "offset", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "resultCount", 2);
-    __decorateClass$S([
-      n$5({ type: Boolean })
-    ], Queue.prototype, "noLazyload", 2);
-    __decorateClass$S([
-      n$5()
-    ], Queue.prototype, "filteredFields", 2);
-    __decorateClass$S([
-      n$5({ type: String })
-    ], Queue.prototype, "dataProviderExpression", 2);
-    __decorateClass$S([
-      n$5({ type: String })
-    ], Queue.prototype, "idKey", 2);
-    Queue = __decorateClass$S([
-      t$4(tagName$P)
-    ], Queue);
-    var __defProp$R = Object.defineProperty;
-    var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
-    var __decorateClass$R = (decorators, target, key, kind) => {
-      var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
-      for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-        if (decorator = decorators[i2])
-          result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-      if (kind && result)
-        __defProp$R(target, key, result);
-      return result;
-    };
-    const tagName$O = "sonic-submit";
-    let Submit = class extends Subscriber$1(s$1) {
-      constructor() {
-        super(...arguments);
-        this.submitResultKey = null;
-        this.disabled = false;
-        this.endPoint = null;
-        this.name = "";
-        this.value = "";
-        this.api = null;
-      }
-      connectedCallback() {
-        if (this.hasAttribute("onClick")) {
-          this.addEventListener("click", () => this.submit());
-        }
-        if (this.hasAttribute("onEnterKey")) {
-          this.addEventListener("keydown", (e2) => {
-            if (e2.key === "Enter")
-              this.submit();
-          });
-        }
-        super.connectedCallback();
-        this.api = new API(this.getApiConfiguration());
-      }
-      submitNativeForm() {
-        const form2 = HTML.getClosestForm(this);
-        if (!form2)
-          return;
-        const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-        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 + '"]'
-          );
-          if (!control) {
-            control = document.createElement("input");
-            control.type = "hidden";
-            control.name = name;
-            form2.appendChild(control);
-          }
-          let value = formData[name];
-          if (Array.isArray(value))
-            value = value.join(",");
-          if (control.type === "checkbox" || control.type === "radio") {
-            if (value)
-              control.checked = true;
-          } else {
-            control.value = value;
-          }
-        }
-        const submitButton = document.createElement("input");
-        submitButton.name = this.name;
-        submitButton.style.display = "none";
-        submitButton.value = this.value;
-        submitButton.type = "submit";
-        form2.appendChild(submitButton);
-        if (submitButton)
-          submitButton.click();
-      }
-      async submit() {
-        var _a2;
-        const formPublisher = PublisherManager$1.getInstance().get(this.getAncestorAttributeValue("formDataProvider"));
-        formPublisher.isFormValid = true;
-        formPublisher.invalidate();
-        if (!formPublisher.isFormValid.get())
-          return;
-        if (this.publisher)
-          this.publisher.disabled = true;
-        formPublisher.isFormValid;
-        const native = this.hasAttribute("native");
-        if (native) {
-          this.submitNativeForm();
-          return;
-        }
-        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;
-        let headerData = {};
-        if (headerPublisher)
-          headerData = headerPublisher.get();
-        let result = null;
-        const dataProvider = this.getAncestorAttributeValue("dataProvider");
-        const endPoint = this.endPoint || dataProvider;
-        Loader.show();
-        const sendData = async () => {
-          var _a3, _b2, _c, _d, _e, _f, _g;
-          if (sendAsFormData) {
-            result = await ((_a3 = this.api) == null ? void 0 : _a3.submitFormData(endPoint, formData, method, headerData));
-          } else {
-            switch (method) {
-              case "put":
-                result = await ((_b2 = this.api) == null ? void 0 : _b2.put(endPoint, formData, headerData));
-                break;
-              case "delete":
-                result = await ((_c = this.api) == null ? void 0 : _c.delete(endPoint, formData, headerData));
-                break;
-              case "get":
-                const params = new URLSearchParams();
-                if (formData) {
-                  for (const key in formData) {
-                    params.append(key, formData[key]);
-                  }
-                }
-                const paramString = "?" + params.toString();
-                result = await ((_d = this.api) == null ? void 0 : _d.get(endPoint + paramString, headerData));
-                break;
-              default:
-                result = await ((_e = this.api) == null ? void 0 : _e.post(endPoint, formData, headerData));
-                break;
-            }
-          }
-          Loader.hide();
-          if (!result)
-            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" }];
-          const clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
-          if (clearedDataProvider) {
-            clearedDataProvider.split(" ").forEach((dataProvider2) => PublisherManager$1.get(dataProvider2).set({}));
-          }
-          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);
-          }
-          const submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
-          if (submitResultDataProvider)
-            PublisherManager$1.get(submitResultDataProvider).set(result);
-          if (this.publisher)
-            this.publisher.disabled = null;
-        };
-        const captchaPublisher = (headerPublisher == null ? void 0 : headerPublisher.needsCaptchaValidation.get()) ? headerPublisher : formPublisher.needsCaptchaValidation.get() ? formPublisher : null;
-        if (captchaPublisher) {
-          captchaPublisher.captchaMethod = method;
-          captchaPublisher.captchaAction = (dataProvider == null ? void 0 : dataProvider.split("?")[0]) ?? this.getAncestorAttributeValue("formDataProvider") ?? "submit";
-          captchaPublisher.captchaToken = "request_token";
-          const captchaAssign = (token) => {
-            if (token != "request_token" && token != "") {
-              sendData();
-              captchaPublisher.captchaToken.offAssign(captchaAssign);
-            }
-          };
-          captchaPublisher.captchaToken.onAssign(captchaAssign);
-        } else {
-          sendData();
-        }
-      }
-      async saveCredentials(username, password2) {
-        if ("PasswordCredential" in window) {
-          const credential = new window.PasswordCredential({
-            id: username,
-            // name: "Carina Anand", // In case of a login, the name comes from the server.
-            password: password2
-          });
-          await navigator.credentials.store(credential);
-        }
-      }
-      render() {
-        return x$1`<div ?data-disabled=${this.disabled}><slot></slot></div>`;
-      }
-    };
-    Submit.styles = i$5`
-    [data-disabled] {
-      opacity: 0.3;
-      pointer-events: none;
-      user-select: none;
-    }
-  `;
-    __decorateClass$R([
-      n$5({ type: String })
-    ], Submit.prototype, "submitResultKey", 2);
-    __decorateClass$R([
-      n$5({ type: Boolean })
-    ], Submit.prototype, "disabled", 2);
-    __decorateClass$R([
-      n$5({ type: String })
-    ], Submit.prototype, "endPoint", 2);
-    __decorateClass$R([
-      n$5()
-    ], Submit.prototype, "name", 2);
-    __decorateClass$R([
-      n$5()
-    ], Submit.prototype, "value", 2);
-    Submit = __decorateClass$R([
-      t$4(tagName$O)
-    ], Submit);
-    var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-    function getDefaultExportFromCjs(x2) {
-      return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
-    }
-    var urlPattern = { exports: {} };
-    (function(module2, exports2) {
-      var slice = [].slice;
-      (function(root, factory) {
-        if (exports2 !== null) {
-          return module2.exports = factory();
-        } else {
-          return root.UrlPattern = factory();
-        }
-      })(commonjsGlobal, function() {
-        var P2, UrlPattern2, astNodeContainsSegmentsForProvidedParams, astNodeToNames, astNodeToRegexString, baseAstNodeToRegexString, concatMap, defaultOptions, escapeForRegex, getParam, keysAndValuesToObject, newParser, regexGroupCount, stringConcatMap, stringify;
-        escapeForRegex = function(string) {
-          return string.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
-        };
-        concatMap = function(array, f2) {
-          var i2, length, results;
-          results = [];
-          i2 = -1;
-          length = array.length;
-          while (++i2 < length) {
-            results = results.concat(f2(array[i2]));
-          }
-          return results;
-        };
-        stringConcatMap = function(array, f2) {
-          var i2, length, result;
-          result = "";
-          i2 = -1;
-          length = array.length;
-          while (++i2 < length) {
-            result += f2(array[i2]);
-          }
-          return result;
-        };
-        regexGroupCount = function(regex) {
-          return new RegExp(regex.toString() + "|").exec("").length - 1;
-        };
-        keysAndValuesToObject = function(keys, values) {
-          var i2, key, length, object, value;
-          object = {};
-          i2 = -1;
-          length = keys.length;
-          while (++i2 < length) {
-            key = keys[i2];
-            value = values[i2];
-            if (value == null) {
-              continue;
-            }
-            if (object[key] != null) {
-              if (!Array.isArray(object[key])) {
-                object[key] = [object[key]];
-              }
-              object[key].push(value);
-            } else {
-              object[key] = value;
-            }
-          }
-          return object;
-        };
-        P2 = {};
-        P2.Result = function(value, rest) {
-          this.value = value;
-          this.rest = rest;
-        };
-        P2.Tagged = function(tag, value) {
-          this.tag = tag;
-          this.value = value;
-        };
-        P2.tag = function(tag, parser) {
-          return function(input) {
-            var result, tagged;
-            result = parser(input);
-            if (result == null) {
-              return;
-            }
-            tagged = new P2.Tagged(tag, result.value);
-            return new P2.Result(tagged, result.rest);
-          };
-        };
-        P2.regex = function(regex) {
-          return function(input) {
-            var matches, result;
-            matches = regex.exec(input);
-            if (matches == null) {
-              return;
-            }
-            result = matches[0];
-            return new P2.Result(result, input.slice(result.length));
-          };
-        };
-        P2.sequence = function() {
-          var parsers;
-          parsers = 1 <= arguments.length ? slice.call(arguments, 0) : [];
-          return function(input) {
-            var i2, length, parser, rest, result, values;
-            i2 = -1;
-            length = parsers.length;
-            values = [];
-            rest = input;
-            while (++i2 < length) {
-              parser = parsers[i2];
-              result = parser(rest);
-              if (result == null) {
-                return;
-              }
-              values.push(result.value);
-              rest = result.rest;
-            }
-            return new P2.Result(values, rest);
-          };
-        };
-        P2.pick = function() {
-          var indexes, parsers;
-          indexes = arguments[0], parsers = 2 <= arguments.length ? slice.call(arguments, 1) : [];
-          return function(input) {
-            var array, result;
-            result = P2.sequence.apply(P2, parsers)(input);
-            if (result == null) {
-              return;
-            }
-            array = result.value;
-            result.value = array[indexes];
-            return result;
-          };
-        };
-        P2.string = function(string) {
-          var length;
-          length = string.length;
-          return function(input) {
-            if (input.slice(0, length) === string) {
-              return new P2.Result(string, input.slice(length));
-            }
-          };
-        };
-        P2.lazy = function(fn) {
-          var cached;
-          cached = null;
-          return function(input) {
-            if (cached == null) {
-              cached = fn();
-            }
-            return cached(input);
-          };
-        };
-        P2.baseMany = function(parser, end, stringResult, atLeastOneResultRequired, input) {
-          var endResult, parserResult, rest, results;
-          rest = input;
-          results = stringResult ? "" : [];
-          while (true) {
-            if (end != null) {
-              endResult = end(rest);
-              if (endResult != null) {
-                break;
-              }
-            }
-            parserResult = parser(rest);
-            if (parserResult == null) {
-              break;
-            }
-            if (stringResult) {
-              results += parserResult.value;
-            } else {
-              results.push(parserResult.value);
-            }
-            rest = parserResult.rest;
-          }
-          if (atLeastOneResultRequired && results.length === 0) {
-            return;
-          }
-          return new P2.Result(results, rest);
-        };
-        P2.many1 = function(parser) {
-          return function(input) {
-            return P2.baseMany(parser, null, false, true, input);
-          };
-        };
-        P2.concatMany1Till = function(parser, end) {
-          return function(input) {
-            return P2.baseMany(parser, end, true, true, input);
-          };
-        };
-        P2.firstChoice = function() {
-          var parsers;
-          parsers = 1 <= arguments.length ? slice.call(arguments, 0) : [];
-          return function(input) {
-            var i2, length, parser, result;
-            i2 = -1;
-            length = parsers.length;
-            while (++i2 < length) {
-              parser = parsers[i2];
-              result = parser(input);
-              if (result != null) {
-                return result;
-              }
-            }
-          };
-        };
-        newParser = function(options) {
-          var U;
-          U = {};
-          U.wildcard = P2.tag("wildcard", P2.string(options.wildcardChar));
-          U.optional = P2.tag("optional", P2.pick(1, P2.string(options.optionalSegmentStartChar), P2.lazy(function() {
-            return U.pattern;
-          }), P2.string(options.optionalSegmentEndChar)));
-          U.name = P2.regex(new RegExp("^[" + options.segmentNameCharset + "]+"));
-          U.named = P2.tag("named", P2.pick(1, P2.string(options.segmentNameStartChar), P2.lazy(function() {
-            return U.name;
-          })));
-          U.escapedChar = P2.pick(1, P2.string(options.escapeChar), P2.regex(/^./));
-          U["static"] = P2.tag("static", P2.concatMany1Till(P2.firstChoice(P2.lazy(function() {
-            return U.escapedChar;
-          }), P2.regex(/^./)), P2.firstChoice(P2.string(options.segmentNameStartChar), P2.string(options.optionalSegmentStartChar), P2.string(options.optionalSegmentEndChar), U.wildcard)));
-          U.token = P2.lazy(function() {
-            return P2.firstChoice(U.wildcard, U.optional, U.named, U["static"]);
-          });
-          U.pattern = P2.many1(P2.lazy(function() {
-            return U.token;
-          }));
-          return U;
-        };
-        defaultOptions = {
-          escapeChar: "\\",
-          segmentNameStartChar: ":",
-          segmentValueCharset: "a-zA-Z0-9-_~ %",
-          segmentNameCharset: "a-zA-Z0-9",
-          optionalSegmentStartChar: "(",
-          optionalSegmentEndChar: ")",
-          wildcardChar: "*"
-        };
-        baseAstNodeToRegexString = function(astNode, segmentValueCharset) {
-          if (Array.isArray(astNode)) {
-            return stringConcatMap(astNode, function(node) {
-              return baseAstNodeToRegexString(node, segmentValueCharset);
-            });
-          }
-          switch (astNode.tag) {
-            case "wildcard":
-              return "(.*?)";
-            case "named":
-              return "([" + segmentValueCharset + "]+)";
-            case "static":
-              return escapeForRegex(astNode.value);
-            case "optional":
-              return "(?:" + baseAstNodeToRegexString(astNode.value, segmentValueCharset) + ")?";
-          }
-        };
-        astNodeToRegexString = function(astNode, segmentValueCharset) {
-          if (segmentValueCharset == null) {
-            segmentValueCharset = defaultOptions.segmentValueCharset;
-          }
-          return "^" + baseAstNodeToRegexString(astNode, segmentValueCharset) + "$";
-        };
-        astNodeToNames = function(astNode) {
-          if (Array.isArray(astNode)) {
-            return concatMap(astNode, astNodeToNames);
-          }
-          switch (astNode.tag) {
-            case "wildcard":
-              return ["_"];
-            case "named":
-              return [astNode.value];
-            case "static":
-              return [];
-            case "optional":
-              return astNodeToNames(astNode.value);
-          }
-        };
-        getParam = function(params, key, nextIndexes, sideEffects) {
-          var index, maxIndex, result, value;
-          if (sideEffects == null) {
-            sideEffects = false;
-          }
-          value = params[key];
-          if (value == null) {
-            if (sideEffects) {
-              throw new Error("no values provided for key `" + key + "`");
-            } else {
-              return;
-            }
-          }
-          index = nextIndexes[key] || 0;
-          maxIndex = Array.isArray(value) ? value.length - 1 : 0;
-          if (index > maxIndex) {
-            if (sideEffects) {
-              throw new Error("too few values provided for key `" + key + "`");
-            } else {
-              return;
-            }
-          }
-          result = Array.isArray(value) ? value[index] : value;
-          if (sideEffects) {
-            nextIndexes[key] = index + 1;
-          }
-          return result;
-        };
-        astNodeContainsSegmentsForProvidedParams = function(astNode, params, nextIndexes) {
-          var i2, length;
-          if (Array.isArray(astNode)) {
-            i2 = -1;
-            length = astNode.length;
-            while (++i2 < length) {
-              if (astNodeContainsSegmentsForProvidedParams(astNode[i2], params, nextIndexes)) {
-                return true;
-              }
-            }
-            return false;
-          }
-          switch (astNode.tag) {
-            case "wildcard":
-              return getParam(params, "_", nextIndexes, false) != null;
-            case "named":
-              return getParam(params, astNode.value, nextIndexes, false) != null;
-            case "static":
-              return false;
-            case "optional":
-              return astNodeContainsSegmentsForProvidedParams(astNode.value, params, nextIndexes);
-          }
-        };
-        stringify = function(astNode, params, nextIndexes) {
-          if (Array.isArray(astNode)) {
-            return stringConcatMap(astNode, function(node) {
-              return stringify(node, params, nextIndexes);
-            });
-          }
-          switch (astNode.tag) {
-            case "wildcard":
-              return getParam(params, "_", nextIndexes, true);
-            case "named":
-              return getParam(params, astNode.value, nextIndexes, true);
-            case "static":
-              return astNode.value;
-            case "optional":
-              if (astNodeContainsSegmentsForProvidedParams(astNode.value, params, nextIndexes)) {
-                return stringify(astNode.value, params, nextIndexes);
-              } else {
-                return "";
-              }
+          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].toString());
           }
-        };
-        UrlPattern2 = function(arg1, arg2) {
-          var groupCount, options, parsed, parser, withoutWhitespace;
-          if (arg1 instanceof UrlPattern2) {
-            this.isRegex = arg1.isRegex;
-            this.regex = arg1.regex;
-            this.ast = arg1.ast;
-            this.names = arg1.names;
+          const searchHash = searchParams.toString();
+          if (searchHash == this.searchHash && !this.isFirstRequest)
             return;
+          this.searchHash = searchHash;
+          for (const dataProvider2 of this.listDataProviders) {
+            PublisherManager$1.delete(dataProvider2);
           }
-          this.isRegex = arg1 instanceof RegExp;
-          if (!("string" === typeof arg1 || this.isRegex)) {
-            throw new TypeError("argument must be a regex or a string");
-          }
-          if (this.isRegex) {
-            this.regex = arg1;
-            if (arg2 != null) {
-              if (!Array.isArray(arg2)) {
-                throw new Error("if first argument is a regex the second argument may be an array of group names but you provided something else");
-              }
-              groupCount = regexGroupCount(this.regex);
-              if (arg2.length !== groupCount) {
-                throw new Error("regex contains " + groupCount + " groups but array of group names contains " + arg2.length);
-              }
-              this.names = arg2;
-            }
+          this.listDataProviders = [];
+          clearTimeout(this.filterTimeoutId);
+          this.filterTimeoutId = setTimeout(
+            async () => {
+              const count = this.resultCount;
+              this.props = null;
+              this.requestId++;
+              this.resultCount = count;
+              await PublisherManager$1.getInstance().isLocalStrorageReady;
+              window.requestAnimationFrame(() => this.next());
+            },
+            this.isFirstRequest ? 0 : this.filterTimeoutMs
+          );
+          this.isFirstRequest = false;
+        };
+        this.dataProviderExpression = "";
+        this.idKey = "id";
+        this.listDataProviders = [];
+        this.nextHadEvent = false;
+      }
+      disconnectedCallback() {
+        var _a2;
+        for (const dataProvider of this.listDataProviders) {
+          PublisherManager$1.delete(dataProvider);
+          this.listDataProviders = [];
+        }
+        (_a2 = this.filterPublisher) == null ? void 0 : _a2.offInternalMutation(this.updateFilteredContent);
+        this.props = null;
+        this.limit = 5;
+        this.offset = 0;
+        this.resultCount = 0;
+        this.searchHash = "";
+        this.requestId = 0;
+        this.isFirstRequest = true;
+        this.nextHadEvent = false;
+        this.publisher.set({});
+        super.disconnectedCallback();
+        return;
+      }
+      async connectedCallback() {
+        this.instanceId = Queue.instanceCounter++;
+        this.localStorage = this.getAttribute("localStorage") || this.localStorage;
+        this.filterTimeoutMs = parseInt(this.getAttribute("filterTimeoutMs") || "400");
+        this.removeAttribute("localStorage");
+        this.noShadowDom = "";
+        this.defferedDebug = this.hasAttribute("debug") || null;
+        if (!this.dataProvider)
+          this.dataProvider = this.dataProviderExpression || "sonic-queue-" + this.instanceId + "-" + Math.random().toString(36).substring(7);
+        if (!this.dataProviderExpression) {
+          this.dataProviderExpression = HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") || "";
+        }
+        super.connectedCallback();
+        this.publisher.set({});
+        this.key = this.getAttribute("key");
+        await PublisherManager$1.getInstance().isLocalStrorageReady;
+        if (!this.templates)
+          this.templates = Array.from(this.querySelectorAll("template"));
+        this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
+        this.configFilter();
+      }
+      configFilter() {
+        var _a2;
+        const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
+        if (!dataFilterProvider) {
+          this.next();
+          return;
+        }
+        this.filterPublisher = PublisherManager$1.getInstance().get(dataFilterProvider);
+        (_a2 = this.filterPublisher) == null ? void 0 : _a2.onInternalMutation(this.updateFilteredContent);
+      }
+      resetDuration() {
+        this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
+      }
+      next(e2) {
+        var _a2;
+        let offset = this.offset;
+        const newTime = (/* @__PURE__ */ new Date()).getTime();
+        const requestDuration = newTime - this.lastRequestTime;
+        if (!this.nextHadEvent && e2) {
+          this.publisher.resultCount = 0;
+          this.resultCount = 0;
+        }
+        this.nextHadEvent = !!e2;
+        if (e2) {
+          this.publisher.lastFetchedData = e2.detail.fetchedData;
+          if (e2.detail.requestId < this.requestId)
+            return;
+          this.resultCount += e2.detail.props.length;
+          if (!e2.detail.isFirstLoad || !e2.detail.props.length || this.dataProviderExpression.indexOf("$offset") == -1) {
+            this.publisher.resultCount = this.resultCount;
             return;
           }
-          if (arg1 === "") {
-            throw new Error("argument must not be the empty string");
-          }
-          withoutWhitespace = arg1.replace(/\s+/g, "");
-          if (withoutWhitespace !== arg1) {
-            throw new Error("argument must not contain whitespace");
-          }
-          options = {
-            escapeChar: (arg2 != null ? arg2.escapeChar : void 0) || defaultOptions.escapeChar,
-            segmentNameStartChar: (arg2 != null ? arg2.segmentNameStartChar : void 0) || defaultOptions.segmentNameStartChar,
-            segmentNameCharset: (arg2 != null ? arg2.segmentNameCharset : void 0) || defaultOptions.segmentNameCharset,
-            segmentValueCharset: (arg2 != null ? arg2.segmentValueCharset : void 0) || defaultOptions.segmentValueCharset,
-            optionalSegmentStartChar: (arg2 != null ? arg2.optionalSegmentStartChar : void 0) || defaultOptions.optionalSegmentStartChar,
-            optionalSegmentEndChar: (arg2 != null ? arg2.optionalSegmentEndChar : void 0) || defaultOptions.optionalSegmentEndChar,
-            wildcardChar: (arg2 != null ? arg2.wildcardChar : void 0) || defaultOptions.wildcardChar
-          };
-          parser = newParser(options);
-          parsed = parser.pattern(arg1);
-          if (parsed == null) {
-            throw new Error("couldn't parse pattern");
+        }
+        if (!Array.isArray(this.props)) {
+          const newProps2 = [];
+          newProps2.resultCount = this.resultCount;
+          newProps2.lastFetchedData = (e2 == null ? void 0 : e2.detail.fetchedData) || {};
+          this.props = newProps2;
+        } else {
+          const props = this.props;
+          const item = props[props.length - 1];
+          offset = parseInt(item.offset.toString()) + parseInt(item.limit.toString());
+        }
+        if (requestDuration > 0 && e2 && !this.localStorage) {
+          this.limit = Math.round(this.limit / requestDuration * this.targetRequestDuration);
+        }
+        if (this.limit < 1)
+          this.limit = 1;
+        if (this.limit > 15)
+          this.limit = 15;
+        let dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
+        const split = dataProvider.split("?");
+        let 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 || filterData[f2] == "")
+            continue;
+          searchParams.set(f2, filterData[f2]);
+        }
+        if (!this.searchHash)
+          this.searchHash = searchParams.toString();
+        endpoint = endpoint + "?" + searchParams.toString();
+        dataProvider = dataProvider + "_item_from_queue_" + this.instanceId;
+        this.listDataProviders.push(dataProvider);
+        const newProps = [
+          ...this.props,
+          {
+            id: searchParams.toString() + "/" + this.props.length,
+            dataProvider,
+            endPoint: endpoint,
+            offset,
+            limit: this.limit
           }
-          if (parsed.rest !== "") {
-            throw new Error("could only partially parse pattern");
+        ];
+        newProps.resultCount = this.resultCount;
+        newProps.lastFetchedData = (e2 == null ? void 0 : e2.detail.fetchedData) || {};
+        this.props = newProps;
+        this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
+      }
+      render() {
+        if (!Array.isArray(this.props))
+          return T;
+        let lazyload = !this.noLazyload;
+        if (this.props.length == 1) {
+          lazyload = false;
+        }
+        return x$1`
+      ${o(this.props, (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 x$1`
+          <sonic-list
+            fetch
+            loader="inline"
+            cache=${this.cache}
+            displayContents
+            lazyBoundsRatio=${this.lazyBoundsRatio}
+            ?lazyload=${lazyload}
+            localStorage=${this.localStorage}
+            requestId=${this.requestId}
+            .itemPropertyMap=${this.itemPropertyMap}
+            ?debug=${this.defferedDebug === true}
+            @load=${this.next}
+            key=${this.key}
+            @loading=${this.resetDuration}
+            dataProvider="${item.dataProvider}"
+            endPoint="${item.endPoint}"
+            idKey=${this.idKey}
+            .templates=${templates}
+          >
+          </sonic-list>
+        `;
+        })}
+    `;
+      }
+    };
+    Queue.instanceCounter = 0;
+    __decorateClass$S([
+      n$5({ type: Array })
+    ], Queue.prototype, "templates", 2);
+    __decorateClass$S([
+      n$5({ type: Object })
+    ], Queue.prototype, "itemPropertyMap", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "cache", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "targetRequestDuration", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "limit", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "lazyBoundsRatio", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "offset", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "resultCount", 2);
+    __decorateClass$S([
+      n$5({ type: Boolean })
+    ], Queue.prototype, "noLazyload", 2);
+    __decorateClass$S([
+      n$5()
+    ], Queue.prototype, "filteredFields", 2);
+    __decorateClass$S([
+      n$5({ type: String })
+    ], Queue.prototype, "dataProviderExpression", 2);
+    __decorateClass$S([
+      n$5({ type: String })
+    ], Queue.prototype, "idKey", 2);
+    Queue = __decorateClass$S([
+      t$4(tagName$P)
+    ], Queue);
+    var __defProp$R = Object.defineProperty;
+    var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
+    var __decorateClass$R = (decorators, target, key, kind) => {
+      var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
+      for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+        if (decorator = decorators[i2])
+          result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+      if (kind && result)
+        __defProp$R(target, key, result);
+      return result;
+    };
+    const tagName$O = "sonic-submit";
+    let Submit = class extends Subscriber$1(s$1) {
+      constructor() {
+        super(...arguments);
+        this.submitResultKey = null;
+        this.disabled = false;
+        this.endPoint = null;
+        this.name = "";
+        this.value = "";
+        this.api = null;
+      }
+      connectedCallback() {
+        if (this.hasAttribute("onClick")) {
+          this.addEventListener("click", () => this.submit());
+        }
+        if (this.hasAttribute("onEnterKey")) {
+          this.addEventListener("keydown", (e2) => {
+            if (e2.key === "Enter")
+              this.submit();
+          });
+        }
+        super.connectedCallback();
+        this.api = new API(this.getApiConfiguration());
+      }
+      submitNativeForm() {
+        const form2 = HTML.getClosestForm(this);
+        if (!form2)
+          return;
+        const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
+        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 + '"]'
+          );
+          if (!control) {
+            control = document.createElement("input");
+            control.type = "hidden";
+            control.name = name;
+            form2.appendChild(control);
           }
-          this.ast = parsed.value;
-          this.regex = new RegExp(astNodeToRegexString(this.ast, options.segmentValueCharset));
-          this.names = astNodeToNames(this.ast);
-        };
-        UrlPattern2.prototype.match = function(url) {
-          var groups, match;
-          match = this.regex.exec(url);
-          if (match == null) {
-            return null;
+          let value = formData[name];
+          if (Array.isArray(value))
+            value = value.join(",");
+          if (control.type === "checkbox" || control.type === "radio") {
+            if (value)
+              control.checked = true;
+          } else {
+            control.value = value;
           }
-          groups = match.slice(1);
-          if (this.names) {
-            return keysAndValuesToObject(this.names, groups);
+        }
+        const submitButton = document.createElement("input");
+        submitButton.name = this.name;
+        submitButton.style.display = "none";
+        submitButton.value = this.value;
+        submitButton.type = "submit";
+        form2.appendChild(submitButton);
+        if (submitButton)
+          submitButton.click();
+      }
+      async submit() {
+        var _a2;
+        const formPublisher = PublisherManager$1.getInstance().get(this.getAncestorAttributeValue("formDataProvider"));
+        formPublisher.isFormValid = true;
+        formPublisher.invalidate();
+        if (!formPublisher.isFormValid.get())
+          return;
+        if (this.publisher)
+          this.publisher.disabled = true;
+        formPublisher.isFormValid;
+        const native = this.hasAttribute("native");
+        if (native) {
+          this.submitNativeForm();
+          return;
+        }
+        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;
+        let headerData = {};
+        if (headerPublisher)
+          headerData = headerPublisher.get();
+        let result = null;
+        const dataProvider = this.getAncestorAttributeValue("dataProvider");
+        const endPoint = this.endPoint || dataProvider;
+        Loader.show();
+        const sendData = async () => {
+          var _a3, _b2, _c, _d, _e, _f, _g;
+          if (sendAsFormData) {
+            result = await ((_a3 = this.api) == null ? void 0 : _a3.submitFormData(endPoint, formData, method, headerData));
           } else {
-            return groups;
+            switch (method) {
+              case "put":
+                result = await ((_b2 = this.api) == null ? void 0 : _b2.put(endPoint, formData, headerData));
+                break;
+              case "delete":
+                result = await ((_c = this.api) == null ? void 0 : _c.delete(endPoint, formData, headerData));
+                break;
+              case "get":
+                const params = new URLSearchParams();
+                if (formData) {
+                  for (const key in formData) {
+                    params.append(key, formData[key]);
+                  }
+                }
+                const paramString = "?" + params.toString();
+                result = await ((_d = this.api) == null ? void 0 : _d.get(endPoint + paramString, headerData));
+                break;
+              default:
+                result = await ((_e = this.api) == null ? void 0 : _e.post(endPoint, formData, headerData));
+                break;
+            }
           }
-        };
-        UrlPattern2.prototype.stringify = function(params) {
-          if (params == null) {
-            params = {};
+          Loader.hide();
+          if (!result)
+            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" }];
+          const clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
+          if (clearedDataProvider) {
+            clearedDataProvider.split(" ").forEach((dataProvider2) => PublisherManager$1.get(dataProvider2).set({}));
           }
-          if (this.isRegex) {
-            throw new Error("can't stringify patterns generated from a regex");
+          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 (params !== Object(params)) {
-            throw new Error("argument must be an object or undefined");
+          if (this.submitResultKey) {
+            result = Objects$1.traverse(result, this.submitResultKey.split("."), true);
           }
-          return stringify(this.ast, params, {});
+          const submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
+          if (submitResultDataProvider)
+            PublisherManager$1.get(submitResultDataProvider).set(result);
+          if (this.publisher)
+            this.publisher.disabled = null;
         };
-        UrlPattern2.escapeForRegex = escapeForRegex;
-        UrlPattern2.concatMap = concatMap;
-        UrlPattern2.stringConcatMap = stringConcatMap;
-        UrlPattern2.regexGroupCount = regexGroupCount;
-        UrlPattern2.keysAndValuesToObject = keysAndValuesToObject;
-        UrlPattern2.P = P2;
-        UrlPattern2.newParser = newParser;
-        UrlPattern2.defaultOptions = defaultOptions;
-        UrlPattern2.astNodeToRegexString = astNodeToRegexString;
-        UrlPattern2.astNodeToNames = astNodeToNames;
-        UrlPattern2.getParam = getParam;
-        UrlPattern2.astNodeContainsSegmentsForProvidedParams = astNodeContainsSegmentsForProvidedParams;
-        UrlPattern2.stringify = stringify;
-        return UrlPattern2;
-      });
-    })(urlPattern, urlPattern.exports);
-    var urlPatternExports = urlPattern.exports;
-    const UrlPattern = /* @__PURE__ */ getDefaultExportFromCjs(urlPatternExports);
+        const captchaPublisher = (headerPublisher == null ? void 0 : headerPublisher.needsCaptchaValidation.get()) ? headerPublisher : formPublisher.needsCaptchaValidation.get() ? formPublisher : null;
+        if (captchaPublisher) {
+          captchaPublisher.captchaMethod = method;
+          captchaPublisher.captchaAction = (dataProvider == null ? void 0 : dataProvider.split("?")[0]) ?? this.getAncestorAttributeValue("formDataProvider") ?? "submit";
+          captchaPublisher.captchaToken = "request_token";
+          const captchaAssign = (token) => {
+            if (token != "request_token" && token != "") {
+              sendData();
+              captchaPublisher.captchaToken.offAssign(captchaAssign);
+            }
+          };
+          captchaPublisher.captchaToken.onAssign(captchaAssign);
+        } else {
+          sendData();
+        }
+      }
+      async saveCredentials(username, password2) {
+        if ("PasswordCredential" in window) {
+          const credential = new window.PasswordCredential({
+            id: username,
+            // name: "Carina Anand", // In case of a login, the name comes from the server.
+            password: password2
+          });
+          await navigator.credentials.store(credential);
+        }
+      }
+      render() {
+        return x$1`<div ?data-disabled=${this.disabled}><slot></slot></div>`;
+      }
+    };
+    Submit.styles = i$5`
+    [data-disabled] {
+      opacity: 0.3;
+      pointer-events: none;
+      user-select: none;
+    }
+  `;
+    __decorateClass$R([
+      n$5({ type: String })
+    ], Submit.prototype, "submitResultKey", 2);
+    __decorateClass$R([
+      n$5({ type: Boolean })
+    ], Submit.prototype, "disabled", 2);
+    __decorateClass$R([
+      n$5({ type: String })
+    ], Submit.prototype, "endPoint", 2);
+    __decorateClass$R([
+      n$5()
+    ], Submit.prototype, "name", 2);
+    __decorateClass$R([
+      n$5()
+    ], Submit.prototype, "value", 2);
+    Submit = __decorateClass$R([
+      t$4(tagName$O)
+    ], Submit);
     var __defProp$Q = Object.defineProperty;
     var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
     var __decorateClass$Q = (decorators, target, key, kind) => {