@gomusdev/web-components 1.49.0 → 1.50.1

package/dist-js/gomus-webcomponents.js

@@ -11125,7 +11125,7 @@ function createQuotaManager(quotas) {
           {}
         )
       );
-      return filtered;
+      return filtered.sort((a2, b) => a2.timeSlot.localeCompare(b.timeSlot));
     }
   };
   return ret;
@@ -16163,7 +16163,7 @@ function createField(data, required) {
     options: data.options,
     autocomplete: data.autocomplete ?? "",
     placeholder: data.placeholder ?? "",
-    description: data.description ?? "",
+    description: data.description,
     apiErrors: data.apiErrors ?? [],
     mounted: data.mounted ?? false,
     required,
@@ -16545,7 +16545,7 @@ function wrapInElement(host, tag, props) {
   host.replaceChildren(element);
   return element;
 }
-var root_1$m = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
+var root_1$l = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit> </go-submit>`, 3);
 function Form($$anchor, $$props) {
   push($$props, true);
   let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
@@ -16588,7 +16588,7 @@ function Form($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$m();
+      var fragment_1 = root_1$l();
       var go_all_fields = first_child(fragment_1);
       var go_form_feedback = sibling(go_all_fields, 2);
       var go_submit = sibling(go_form_feedback, 2);
@@ -16615,7 +16615,7 @@ customElements.define("go-form", create_custom_element(
   [],
   ["details"]
 ));
-var root$c = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$d = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function PasswordReset($$anchor, $$props) {
   push($$props, true);
   let custom2 = prop($$props, "custom", 7, false);
@@ -16645,7 +16645,7 @@ function PasswordReset($$anchor, $$props) {
       flushSync();
     }
   };
-  var go_form = root$c();
+  var go_form = root$d();
   set_custom_element_data(go_form, "formId", "passwordReset");
   template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
   event("submit", go_form, passwordReset);
@@ -16749,8 +16749,8 @@ customElements.define("go-sign-up", create_custom_element(
   [],
   []
 ));
-var root_1$l = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
-var root$b = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!>`, 1);
+var root_1$k = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span><span class="go-cart-item-time" data-testid="cart-item-time"> </span>`, 1);
+var root$c = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"><span class="go-cart-item-title-event-title"> </span><span class="go-cart-item-title-ticket-title"> </span></span><!>`, 1);
 function Event$2($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -16765,7 +16765,7 @@ function Event$2($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$b();
+  var fragment = root$c();
   var span = first_child(fragment);
   var span_1 = child(span);
   var text2 = child(span_1, true);
@@ -16777,7 +16777,7 @@ function Event$2($$anchor, $$props) {
   var node = sibling(span);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_1$l();
+      var fragment_1 = root_1$k();
       var span_3 = first_child(fragment_1);
       var text_2 = child(span_3, true);
       reset(span_3);
@@ -16809,8 +16809,8 @@ function Event$2($$anchor, $$props) {
 }
 create_custom_element(Event$2, { cartItem: {} }, [], [], { mode: "open" });
 var root_2$q = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
-var root_1$k = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
-var root$a = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
+var root_1$j = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
+var root$b = /* @__PURE__ */ from_html(`<span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!>`, 1);
 function Ticket($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7);
@@ -16823,14 +16823,14 @@ function Ticket($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$a();
+  var fragment = root$b();
   var span = first_child(fragment);
   var text2 = child(span, true);
   reset(span);
   var node = sibling(span, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var fragment_1 = root_1$k();
+      var fragment_1 = root_1$j();
       var span_1 = first_child(fragment_1);
       var text_1 = child(span_1, true);
       reset(span_1);
@@ -16880,11 +16880,11 @@ function generateQuantityOptions(from, to, options = { floor: 0 }) {
 function option(value) {
   return { value, label: value.toString() };
 }
-var root_5$2 = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_5$1 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_7$3 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_6$2 = /* @__PURE__ */ from_html(`<select></select>`);
 var root_8$2 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove" data-go-cart-item-remove=""><button>⨉</button></li>`);
-var root_1$j = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""><!></li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article>`);
+var root_1$i = /* @__PURE__ */ from_html(`<article><ul><li data-go-cart-item-title=""><!></li> <li class="go-cart-item-price" data-go-cart-item-price=""> </li> <li class="go-cart-item-count" data-go-cart-item-count=""><!></li> <!> <li class="go-cart-item-sum" data-go-cart-item-sum=""> </li></ul></article>`);
 function Item$1($$anchor, $$props) {
   push($$props, true);
   let cartItem = prop($$props, "cartItem", 7), cart = prop($$props, "cart", 7), preview = prop($$props, "preview", 7);
@@ -16927,7 +16927,7 @@ function Item$1($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_4 = ($$anchor2) => {
-      var article = root_1$j();
+      var article = root_1$i();
       var ul = child(article);
       var li = child(ul);
       var node_1 = child(li);
@@ -16973,7 +16973,7 @@ function Item$1($$anchor, $$props) {
       var node_3 = child(li_2);
       {
         var consequent_2 = ($$anchor3) => {
-          var span = root_5$2();
+          var span = root_5$1();
           var text_1 = child(span, true);
           reset(span);
           template_effect(() => set_text(text_1, cartItem().quantity));
@@ -17042,7 +17042,7 @@ create_custom_element(Item$1, { cartItem: {}, cart: {}, preview: {} }, [], [], {
 var root_2$p = /* @__PURE__ */ from_html(`<li class="go-cart-header-remove" data-go-cart-header-remove=""></li>`);
 var root_3$8 = /* @__PURE__ */ from_html(`<li class="go-cart-item" data-go-cart-item=""><!></li>`);
 var root_4$6 = /* @__PURE__ */ from_html(`<li class="go-cart-footer-remove" data-go-cart-footer-remove=""></li>`);
-var root_1$i = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li class="go-cart-header" data-go-cart-header="" data-testid="cart-header"><ul><li class="go-cart-header-title" data-go-cart-header-title=""> </li> <li class="go-cart-header-price" data-go-cart-header-price=""> </li> <li class="go-cart-header-count" data-go-cart-header-count=""> </li> <!> <li class="go-cart-header-sum" data-go-cart-header-sum=""> </li></ul></li> <!> <li class="go-cart-footer" data-go-cart-footer="" data-testid="cart-footer"><ul><li class="go-cart-footer-title" data-go-cart-footer-title=""></li> <li class="go-cart-footer-price" data-go-cart-footer-price=""></li> <li class="go-cart-footer-count" data-go-cart-footer-count=""></li> <!> <li class="go-cart-footer-sum" data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
+var root_1$h = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li class="go-cart-header" data-go-cart-header="" data-testid="cart-header"><ul><li class="go-cart-header-title" data-go-cart-header-title=""> </li> <li class="go-cart-header-price" data-go-cart-header-price=""> </li> <li class="go-cart-header-count" data-go-cart-header-count=""> </li> <!> <li class="go-cart-header-sum" data-go-cart-header-sum=""> </li></ul></li> <!> <li class="go-cart-footer" data-go-cart-footer="" data-testid="cart-footer"><ul><li class="go-cart-footer-title" data-go-cart-footer-title=""></li> <li class="go-cart-footer-price" data-go-cart-footer-price=""></li> <li class="go-cart-footer-count" data-go-cart-footer-count=""></li> <!> <li class="go-cart-footer-sum" data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
 function Cart($$anchor, $$props) {
   push($$props, true);
   const preview = prop($$props, "preview", 7, false);
@@ -17060,7 +17060,7 @@ function Cart($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_2 = ($$anchor2) => {
-      var ol = root_1$i();
+      var ol = root_1$h();
       var li = child(ol);
       var ul = child(li);
       var li_1 = child(ul);
@@ -17247,7 +17247,7 @@ async function redeem(form) {
     form.details.apiErrors = [shop.t("cart.coupon.form.errors.notValid")];
   }
 }
-var root$9 = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
+var root$a = /* @__PURE__ */ from_html(`<go-form></go-form>`, 2);
 function CouponRedemption($$anchor, $$props) {
   push($$props, false);
   Forms.defineForm({
@@ -17259,7 +17259,7 @@ function CouponRedemption($$anchor, $$props) {
     await redeem(e.target);
   }
   init();
-  var go_form = root$9();
+  var go_form = root$a();
   set_custom_element_data(go_form, "formId", "couponRedemption");
   event("submit", go_form, redeem$1);
   append($$anchor, go_form);
@@ -17309,8 +17309,8 @@ class GoDonation {
   };
 }
 const goDonation = new GoDonation();
-var root_1$h = /* @__PURE__ */ from_html(`<img alt="logo"/>`);
-var root$8 = /* @__PURE__ */ from_html(`<div role="button" tabindex="0"><div class="donation-image"><!></div> <div class="donation-info"><p class="donation-info-title"> </p> <p class="donation-info-description"> </p></div></div>`);
+var root_1$g = /* @__PURE__ */ from_html(`<img alt="logo"/>`);
+var root$9 = /* @__PURE__ */ from_html(`<div role="button" tabindex="0"><div class="donation-image"><!></div> <div class="donation-info"><p class="donation-info-title"> </p> <p class="donation-info-description"> </p></div></div>`);
 function DonationCampaign($$anchor, $$props) {
   push($$props, true);
   let campaign = prop($$props, "campaign", 7);
@@ -17324,7 +17324,7 @@ function DonationCampaign($$anchor, $$props) {
       flushSync();
     }
   };
-  var div = root$8();
+  var div = root$9();
   let classes;
   div.__click = () => goDonation.selectCampaign(campaign());
   div.__keydown = (e) => {
@@ -17336,7 +17336,7 @@ function DonationCampaign($$anchor, $$props) {
   var node = child(div_1);
   {
     var consequent = ($$anchor2) => {
-      var img = root_1$h();
+      var img = root_1$g();
       template_effect(($0) => set_attribute(img, "src", $0), [
         () => campaign().picture.thumbnail.replace("thumbnail", "article_3x2")
       ]);
@@ -17392,9 +17392,9 @@ function parseTokens(tokens, possibleTokens) {
   });
   return parsed.length > 0 ? parsed : void 0;
 }
-var root_1$g = /* @__PURE__ */ from_html(`<button> </button>`);
+var root_1$f = /* @__PURE__ */ from_html(`<button> </button>`);
 var root_2$o = /* @__PURE__ */ from_html(`<form id="donationForm" action="" novalidate=""><div class="donation-custom form-group"><label for="donation-custom-amount"> </label> <input class="form-control" id="donation-custom-amount" type="number" min="1"/></div></form>`);
-var root$7 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
+var root$8 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
 function DonationSelector($$anchor, $$props) {
   push($$props, true);
   const guestMaxLimit = goDonation.campaign?.guest_limit / 100;
@@ -17412,13 +17412,13 @@ function DonationSelector($$anchor, $$props) {
       form.reportValidity();
     }
   }
-  var div = root$7();
+  var div = root$8();
   var h3 = child(div);
   var text2 = child(h3, true);
   reset(h3);
   var div_1 = sibling(h3, 2);
   each(div_1, 20, () => goDonation.campaign?.options, (option2) => option2, ($$anchor2, option2) => {
-    var button = root_1$g();
+    var button = root_1$f();
     let classes;
     button.__click = () => selectAmount(option2);
     var text_1 = child(button, true);
@@ -17471,7 +17471,7 @@ function DonationSelector($$anchor, $$props) {
 }
 delegate(["click", "input"]);
 create_custom_element(DonationSelector, {}, [], [], { mode: "open" });
-var root_1$f = /* @__PURE__ */ from_html(`<div class="go-donations-list"><!> <!> <div class="donation-actions"><button class="btn btn-default"> </button> <button class="btn btn-primary"> </button></div></div>`);
+var root_1$e = /* @__PURE__ */ from_html(`<div class="go-donations-list"><!> <!> <div class="donation-actions"><button class="btn btn-default"> </button> <button class="btn btn-primary"> </button></div></div>`);
 function Donations($$anchor, $$props) {
   push($$props, false);
   onMount(() => {
@@ -17484,7 +17484,7 @@ function Donations($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_1$f();
+      var div = root_1$e();
       var node_1 = child(div);
       each(node_1, 1, () => shop?.donations?.campaigns, (campaign) => campaign.id, ($$anchor3, campaign) => {
         DonationCampaign($$anchor3, {
@@ -23684,7 +23684,7 @@ function Calendar_prev_button($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Calendar_prev_button, { children: {}, child: {}, id: {}, ref: {}, tabindex: {} }, [], [], { mode: "open" });
-var root_1$e = /* @__PURE__ */ from_html(`<input/>`);
+var root_1$d = /* @__PURE__ */ from_html(`<input/>`);
 var root_2$b = /* @__PURE__ */ from_html(`<input/>`);
 function Hidden_input($$anchor, $$props) {
   push($$props, true);
@@ -23707,7 +23707,7 @@ function Hidden_input($$anchor, $$props) {
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var input = root_1$e();
+      var input = root_1$d();
       attribute_effect(input, () => ({ ...get$2(mergedProps), value: value() }), void 0, void 0, void 0, void 0, true);
       append($$anchor2, input);
     };
@@ -26161,7 +26161,7 @@ function Popper_content($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(Popper_content, { content: {}, isStatic: {}, onPlaced: {} }, [], [], { mode: "open" });
-var root_1$d = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_1$c = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Popper_layer_inner($$anchor, $$props) {
   push($$props, true);
   let popper = prop($$props, "popper", 7), onEscapeKeydown = prop($$props, "onEscapeKeydown", 7), escapeKeydownBehavior = prop($$props, "escapeKeydownBehavior", 7), preventOverflowTextSelection = prop($$props, "preventOverflowTextSelection", 7), id = prop($$props, "id", 7), onPointerDown = prop($$props, "onPointerDown", 7), onPointerUp = prop($$props, "onPointerUp", 7), side = prop($$props, "side", 7), sideOffset = prop($$props, "sideOffset", 7), align = prop($$props, "align", 7), alignOffset = prop($$props, "alignOffset", 7), arrowPadding = prop($$props, "arrowPadding", 7), avoidCollisions = prop($$props, "avoidCollisions", 7), collisionBoundary = prop($$props, "collisionBoundary", 7), collisionPadding = prop($$props, "collisionPadding", 7), sticky = prop($$props, "sticky", 7), hideWhenDetached = prop($$props, "hideWhenDetached", 7), updatePositionStrategy = prop($$props, "updatePositionStrategy", 7), strategy = prop($$props, "strategy", 7), dir = prop($$props, "dir", 7), preventScroll = prop($$props, "preventScroll", 7), wrapperId = prop($$props, "wrapperId", 7), style = prop($$props, "style", 7), onPlaced = prop($$props, "onPlaced", 7), onInteractOutside = prop($$props, "onInteractOutside", 7), onCloseAutoFocus = prop($$props, "onCloseAutoFocus", 7), onOpenAutoFocus = prop($$props, "onOpenAutoFocus", 7), onFocusOutside = prop($$props, "onFocusOutside", 7), interactOutsideBehavior = prop($$props, "interactOutsideBehavior", 7, "close"), loop = prop($$props, "loop", 7), trapFocus = prop($$props, "trapFocus", 7, true), isValidEvent2 = prop($$props, "isValidEvent", 7, () => false), customAnchor = prop($$props, "customAnchor", 7, null), isStatic = prop($$props, "isStatic", 7, false), enabled = prop($$props, "enabled", 7), ref = prop($$props, "ref", 7), tooltip = prop($$props, "tooltip", 7, false), contentPointerEvents = prop($$props, "contentPointerEvents", 7, "auto"), restProps = /* @__PURE__ */ rest_props($$props, [
@@ -26480,7 +26480,7 @@ function Popper_layer_inner($$anchor, $$props) {
     const content = ($$anchor2, $$arg0) => {
       let floatingProps = () => $$arg0?.().props;
       let wrapperProps = () => $$arg0?.().wrapperProps;
-      var fragment_1 = root_1$d();
+      var fragment_1 = root_1$c();
       var node = first_child(fragment_1);
       {
         var consequent = ($$anchor3) => {
@@ -28936,7 +28936,7 @@ function Date_field_hidden_input($$anchor, $$props) {
 }
 create_custom_element(Date_field_hidden_input, {}, [], [], { mode: "open" });
 var root_2$a = /* @__PURE__ */ from_html(`<div><!></div>`);
-var root$6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Date_field_input($$anchor, $$props) {
   const uid = props_id();
   push($$props, true);
@@ -28994,7 +28994,7 @@ function Date_field_input($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$6();
+  var fragment = root$7();
   var node = first_child(fragment);
   {
     var consequent = ($$anchor2) => {
@@ -30852,7 +30852,7 @@ var root_4$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_11$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_8$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_1$c = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_1$b = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function DatePicker_1($$anchor, $$props) {
   push($$props, true);
   let dateString = prop($$props, "dateString", 15), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7), labelText = prop($$props, "labelText", 7);
@@ -30909,7 +30909,7 @@ function DatePicker_1($$anchor, $$props) {
           set(date2, $$value, true);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_1 = root_1$c();
+          var fragment_1 = root_1$b();
           var node_1 = first_child(fragment_1);
           component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
             DatePicker_Label($$anchor4, {
@@ -31154,19 +31154,19 @@ create_custom_element(
   { mode: "open" }
 );
 var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
-var root_1$b = /* @__PURE__ */ from_html(` <!>`, 1);
+var root_1$a = /* @__PURE__ */ from_html(` <!>`, 1);
 var root_3$6 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
 var root_4$3 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
 var root_7$2 = /* @__PURE__ */ from_html(`<option> </option>`);
 var root_6$1 = /* @__PURE__ */ from_html(`<option disabled hidden="" selected> </option> <!>`, 1);
-var root_5$1 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
+var root_5 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
 var root_11$2 = /* @__PURE__ */ from_html(`<label> <input/></label>`);
 var root_9$1 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fieldset>`);
 function InputAndLabel($$anchor, $$props) {
   push($$props, true);
   const labelText = ($$anchor2) => {
     next();
-    var fragment = root_1$b();
+    var fragment = root_1$a();
     var text2 = first_child(fragment);
     var node = sibling(text2);
     {
@@ -31250,7 +31250,7 @@ function InputAndLabel($$anchor, $$props) {
     append($$anchor2, label_2);
   };
   const select = ($$anchor2) => {
-    var fragment_2 = root_5$1();
+    var fragment_2 = root_5();
     var label_3 = first_child(fragment_2);
     var node_3 = child(label_3);
     labelText(node_3);
@@ -31365,13 +31365,13 @@ function InputAndLabel($$anchor, $$props) {
     reset(fieldset);
     append($$anchor2, fieldset);
   };
-  let field = prop($$props, "field", 15), describedById = prop($$props, "describedById", 7), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7), host = prop($$props, "host", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+  let field = prop($$props, "field", 15), describedByIds = prop($$props, "describedByIds", 7), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7), host = prop($$props, "host", 7), restProps = /* @__PURE__ */ rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
     "$$host",
     "field",
-    "describedById",
+    "describedByIds",
     "labelClass",
     "inputClass",
     "host"
@@ -31403,7 +31403,7 @@ function InputAndLabel($$anchor, $$props) {
   }
   const fieldAttributes = /* @__PURE__ */ user_derived(() => ({
     id: get$2(inputId),
-    "aria-describedby": describedById(),
+    "aria-describedby": describedByIds(),
     "aria-required": field().required,
     "aria-invalid": field().errors.length > 0,
     autocomplete: field().autocomplete,
@@ -31418,11 +31418,11 @@ function InputAndLabel($$anchor, $$props) {
       field($$value);
       flushSync();
     },
-    get describedById() {
-      return describedById();
+    get describedByIds() {
+      return describedByIds();
     },
-    set describedById($$value) {
-      describedById($$value);
+    set describedByIds($$value) {
+      describedByIds($$value);
       flushSync();
     },
     get labelClass() {
@@ -31467,7 +31467,7 @@ create_custom_element(
   InputAndLabel,
   {
     field: {},
-    describedById: {},
+    describedByIds: {},
     labelClass: {},
     inputClass: {},
     host: {}
@@ -31476,10 +31476,10 @@ create_custom_element(
   [],
   { mode: "open" }
 );
-var root_1$a = /* @__PURE__ */ from_html(`<span> </span>`);
+var root_1$9 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_3$5 = /* @__PURE__ */ from_html(`<li> </li>`);
-var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors" role="alert"></ul>`);
-var root$5 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_2$5 = /* @__PURE__ */ from_html(`<ul class="go-field-errors"></ul>`);
+var root$6 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function Field($$anchor, $$props) {
   push($$props, true);
   let key = prop($$props, "key", 7), required = prop($$props, "required", 7, false), labelClass = prop($$props, "labelClass", 7), inputClass = prop($$props, "inputClass", 7);
@@ -31488,9 +31488,14 @@ function Field($$anchor, $$props) {
   const details = /* @__PURE__ */ user_derived(() => _details.value);
   const getField = () => get$2(field);
   let allErrors = /* @__PURE__ */ user_derived(() => get$2(field) ? [...get$2(field).errors, ...get$2(field).apiErrors].map((e) => shop.t(e)) : []);
-  let descriptionId = /* @__PURE__ */ user_derived(() => `go-description-${Math.random().toString(36).substring(2, 9)}`);
-  let errorsId = /* @__PURE__ */ user_derived(() => `go-errors-${Math.random().toString(36).substring(2, 9)}`);
-  let describedById = /* @__PURE__ */ user_derived(() => get$2(descriptionId) + " " + get$2(errorsId));
+  let hasDescription = /* @__PURE__ */ user_derived(() => get$2(field)?.description);
+  let hasErrors = /* @__PURE__ */ user_derived(() => get$2(allErrors).length > 0);
+  let descriptionId = /* @__PURE__ */ user_derived(() => `go-description-${key()}-${Math.floor(Math.random() * 100)}`);
+  let errorsId = /* @__PURE__ */ user_derived(() => `go-errors-${key()}-${Math.floor(Math.random() * 100)}`);
+  let describedByIds = /* @__PURE__ */ user_derived(() => [
+    get$2(hasDescription) && get$2(descriptionId),
+    get$2(hasErrors) && get$2(errorsId)
+  ].filter(Boolean).join(" ") || void 0);
   user_effect(() => {
     $$props.$$host.classList.toggle("go-field", true);
     $$props.$$host.classList.toggle("is-invalid", get$2(allErrors).length > 0);
@@ -31538,11 +31543,11 @@ function Field($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment = root$5();
+  var fragment = root$6();
   var node = first_child(fragment);
   InputAndLabel(node, {
-    get describedById() {
-      return get$2(describedById);
+    get describedByIds() {
+      return get$2(describedByIds);
     },
     get labelClass() {
       return labelClass();
@@ -31561,7 +31566,7 @@ function Field($$anchor, $$props) {
   var node_1 = sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1$a();
+      var span = root_1$9();
       var text2 = child(span, true);
       reset(span);
       template_effect(() => {
@@ -31571,7 +31576,7 @@ function Field($$anchor, $$props) {
       append($$anchor2, span);
     };
     if_block(node_1, ($$render) => {
-      if (get$2(field).description) $$render(consequent);
+      if (get$2(hasDescription)) $$render(consequent);
     });
   }
   var node_2 = sibling(node_1, 2);
@@ -31590,7 +31595,7 @@ function Field($$anchor, $$props) {
       append($$anchor2, ul);
     };
     if_block(node_2, ($$render) => {
-      if (get$2(allErrors).length > 0) $$render(consequent_1);
+      if (get$2(hasErrors)) $$render(consequent_1);
     });
   }
   append($$anchor, fragment);
@@ -31607,7 +31612,7 @@ customElements.define("go-field", create_custom_element(
   [],
   ["getField"]
 ));
-var root_1$9 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
+var root_1$8 = /* @__PURE__ */ from_html(`<go-field></go-field>`, 2);
 function AllFields($$anchor, $$props) {
   push($$props, true);
   let _details = getDetails$1($$props.$$host);
@@ -31616,7 +31621,7 @@ function AllFields($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   each(node, 17, () => get$2(allFields2), index$1, ($$anchor2, field) => {
-    var go_field = root_1$9();
+    var go_field = root_1$8();
     template_effect(() => set_custom_element_data(go_field, "key", get$2(field).key));
     template_effect(() => set_custom_element_data(go_field, "required", get$2(field).required));
     append($$anchor2, go_field);
@@ -31625,11 +31630,10 @@ function AllFields($$anchor, $$props) {
   pop();
 }
 customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], []));
-var root_2$4 = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
+var root_2$4 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
 var root_4$2 = /* @__PURE__ */ from_html(`<li> </li>`);
 var root_3$4 = /* @__PURE__ */ from_html(`<ul class="go-error-feedback-api-errors"></ul>`);
-var root_5 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
-var root_1$8 = /* @__PURE__ */ from_html(`<div><!> <!> <!></div>`);
+var root$5 = /* @__PURE__ */ from_html(`<div><p aria-live="assertive" class="sr-only"><!></p> <!> <!></div>`);
 function ErrorsFeedback($$anchor, $$props) {
   push($$props, true);
   const _details = getDetails$1($$props.$$host);
@@ -31639,80 +31643,71 @@ function ErrorsFeedback($$anchor, $$props) {
       set(errorsOnSubmit, errors(get$2(details)?.fields), true);
     });
   });
-  let errorsRealtime = /* @__PURE__ */ state(void 0);
+  let errorsRealtime = /* @__PURE__ */ state(0);
   setInterval(
     () => {
-      set(errorsRealtime, errors(get$2(details)?.fields), true);
+      set(errorsRealtime, errors(get$2(details)?.fields) || 0, true);
     },
     100
   );
+  let numErrors = /* @__PURE__ */ user_derived(() => get$2(errorsRealtime) + (get$2(details)?.apiErrors?.length || 0));
   let errorsOnSubmit = /* @__PURE__ */ state(-1);
-  let generalApiErrors = /* @__PURE__ */ user_derived(() => get$2(details) && isArray(get$2(details).apiErrors) && get$2(details).apiErrors.length > 0 ? get$2(details).apiErrors : []);
-  var fragment = comment();
-  var node = first_child(fragment);
+  user_effect(() => {
+    $$props.$$host.classList.toggle("is-invalid", get$2(numErrors) > 0);
+    $$props.$$host.classList.toggle("go-feedback", true);
+    $$props.$$host.setAttribute("data-num-errors", get$2(numErrors).toString());
+  });
+  var div = root$5();
+  var p2 = child(div);
+  var node = child(p2);
   {
-    var consequent_3 = ($$anchor2) => {
-      var div = root_1$8();
-      let classes;
-      var node_1 = child(div);
-      {
-        var consequent = ($$anchor3) => {
-          var p2 = root_2$4();
-          var text2 = child(p2, true);
-          reset(p2);
-          template_effect(($0) => set_text(text2, $0), [
-            () => shop.t("forms.errorSummary", { count: get$2(errorsOnSubmit) })
-          ]);
-          append($$anchor3, p2);
-        };
-        if_block(node_1, ($$render) => {
-          if (get$2(errorsOnSubmit) > 0) $$render(consequent);
-        });
-      }
-      var node_2 = sibling(node_1, 2);
-      {
-        var consequent_1 = ($$anchor3) => {
-          var ul = root_3$4();
-          each(ul, 21, () => get$2(details)?.apiErrors, index$1, ($$anchor4, error) => {
-            var li = root_4$2();
-            var text_1 = child(li, true);
-            reset(li);
-            template_effect(() => set_text(text_1, get$2(error)));
-            append($$anchor4, li);
-          });
-          reset(ul);
-          append($$anchor3, ul);
-        };
-        if_block(node_2, ($$render) => {
-          if (get$2(details) && isArray(get$2(details).apiErrors) && get$2(details).apiErrors.length > 0) $$render(consequent_1);
-        });
-      }
-      var node_3 = sibling(node_2, 2);
-      {
-        var consequent_2 = ($$anchor3) => {
-          var p_1 = root_5();
-          var text_2 = child(p_1, true);
-          reset(p_1);
-          template_effect(($0) => set_text(text_2, $0), [
-            () => shop.t("forms.errorSummary", { count: get$2(errorsRealtime) })
-          ]);
-          append($$anchor3, p_1);
-        };
-        if_block(node_3, ($$render) => {
-          if (get$2(errorsRealtime) > 0) $$render(consequent_2);
-        });
-      }
-      reset(div);
-      template_effect(() => classes = set_class(div, 1, "go-error-feedback go-feedback", null, classes, {
-        "is-invalid": get$2(errorsRealtime) || get$2(generalApiErrors).length > 0
-      }));
-      append($$anchor2, div);
+    var consequent = ($$anchor2) => {
+      var text$1 = text();
+      template_effect(($0) => set_text(text$1, $0), [
+        () => shop.t("forms.errorSummary", { count: get$2(errorsOnSubmit) })
+      ]);
+      append($$anchor2, text$1);
     };
     if_block(node, ($$render) => {
-      if (get$2(errorsRealtime) > 0 || get$2(errorsOnSubmit) > 0 || get$2(generalApiErrors).length > 0) $$render(consequent_3);
+      if (get$2(errorsOnSubmit) > 0) $$render(consequent);
     });
   }
-  append($$anchor, fragment);
+  reset(p2);
+  var node_1 = sibling(p2, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var p_1 = root_2$4();
+      var text_1 = child(p_1, true);
+      reset(p_1);
+      template_effect(($0) => set_text(text_1, $0), [
+        () => shop.t("forms.errorSummary", { count: get$2(errorsRealtime) })
+      ]);
+      append($$anchor2, p_1);
+    };
+    if_block(node_1, ($$render) => {
+      if (get$2(errorsRealtime) > 0) $$render(consequent_1);
+    });
+  }
+  var node_2 = sibling(node_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var ul = root_3$4();
+      each(ul, 21, () => get$2(details)?.apiErrors, index$1, ($$anchor3, error) => {
+        var li = root_4$2();
+        var text_2 = child(li, true);
+        reset(li);
+        template_effect(() => set_text(text_2, get$2(error)));
+        append($$anchor3, li);
+      });
+      reset(ul);
+      append($$anchor2, ul);
+    };
+    if_block(node_2, ($$render) => {
+      if (get$2(details) && isArray(get$2(details).apiErrors) && get$2(details).apiErrors.length > 0) $$render(consequent_2);
+    });
+  }
+  reset(div);
+  append($$anchor, div);
   pop();
 }
 customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], []));

package/package.json

@@ -4,7 +4,7 @@
     "name": "Giantmonkey GmbH"
   },
   "license": "MIT",
-  "version": "1.49.0",
+  "version": "1.50.1",
   "type": "module",
   "main": "./dist-js/gomus-webcomponents.iife.js",
   "module": "./dist-js/gomus-webcomponents.iife.js",