@gomusdev/web-components 1.48.0 → 1.50.0

package/dist-js/gomus-webcomponents.iife.js

@@ -11197,6 +11197,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         return this.uuid + ":" + this.quantity;
       },
       get price_cents() {
+        if (this.time && this.product.dynamic_prices?.[this.time] != null) {
+          return this.product.dynamic_prices[this.time];
+        }
         return this.product.price_cents;
       },
       get price_formatted() {
@@ -11226,10 +11229,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const type = cartItem.type;
     switch (type) {
       case "Ticket":
-        if (cartItem.product.ticket_type === "timeslot" && !inTheFuture(cartItem.attributes.time)) return;
+        if (cartItem.product.type === "timeslot" && !inTheFuture(cartItem.time)) return;
         const ticket = createUITicket(cartItem.product);
         return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.quantity });
       case "Event":
+        if (cartItem.time && !inTheFuture(cartItem.time)) return;
         const event2 = createUIScaledPricesTicket(cartItem.product, cartItem.id);
         return createCartItem(event2, { time: cartItem.time, quantity: cartItem.quantity });
       default:
@@ -16159,7 +16163,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       options: data.options,
       autocomplete: data.autocomplete ?? "",
       placeholder: data.placeholder ?? "",
-      description: data.description ?? "",
+      description: data.description,
       apiErrors: data.apiErrors ?? [],
       mounted: data.mounted ?? false,
       required,
@@ -16541,7 +16545,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -16584,7 +16588,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -16611,7 +16615,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     ["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);
@@ -16641,7 +16645,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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);
@@ -16745,8 +16749,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     []
   ));
-  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);
@@ -16761,7 +16765,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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);
@@ -16773,7 +16777,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -16805,8 +16809,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   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);
@@ -16819,14 +16823,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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);
@@ -16876,11 +16880,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   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);
@@ -16923,7 +16927,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -16969,7 +16973,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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));
@@ -17038,7 +17042,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   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);
@@ -17056,7 +17060,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -17243,7 +17247,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       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({
@@ -17255,7 +17259,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       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);
@@ -17305,8 +17309,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     };
   }
   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);
@@ -17320,7 +17324,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var div = root$8();
+    var div = root$9();
     let classes;
     div.__click = () => goDonation.selectCampaign(campaign());
     div.__keydown = (e) => {
@@ -17332,7 +17336,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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")
         ]);
@@ -17388,9 +17392,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     });
     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;
@@ -17408,13 +17412,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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);
@@ -17467,7 +17471,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   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(() => {
@@ -17480,7 +17484,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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, {
@@ -23680,7 +23684,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -23703,7 +23707,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
       };
@@ -26157,7 +26161,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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, [
@@ -26476,7 +26480,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       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) => {
@@ -28932,7 +28936,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
   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);
@@ -28990,7 +28994,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         flushSync();
       }
     };
-    var fragment = root$6();
+    var fragment = root$7();
     var node = first_child(fragment);
     {
       var consequent = ($$anchor2) => {
@@ -30848,7 +30852,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   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);
@@ -30905,7 +30909,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
             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, {
@@ -31150,19 +31154,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     { 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);
       {
@@ -31246,7 +31250,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       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);
@@ -31361,13 +31365,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       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"
@@ -31399,7 +31403,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
     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,
@@ -31414,11 +31418,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         field($$value);
         flushSync();
       },
-      get describedById() {
-        return describedById();
+      get describedByIds() {
+        return describedByIds();
       },
-      set describedById($$value) {
-        describedById($$value);
+      set describedByIds($$value) {
+        describedByIds($$value);
         flushSync();
       },
       get labelClass() {
@@ -31463,7 +31467,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     InputAndLabel,
     {
       field: {},
-      describedById: {},
+      describedByIds: {},
       labelClass: {},
       inputClass: {},
       host: {}
@@ -31472,10 +31476,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     { 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);
@@ -31484,9 +31488,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -31534,11 +31543,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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();
@@ -31557,7 +31566,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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(() => {
@@ -31567,7 +31576,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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);
@@ -31586,7 +31595,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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);
@@ -31603,7 +31612,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     [],
     ["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);
@@ -31612,7 +31621,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -31621,11 +31630,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     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);
@@ -31635,80 +31643,71 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         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, {}, [], []));
@@ -33573,7 +33572,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         reset(ul);
         reset(li);
         var node_1 = sibling(li, 2);
-        each(node_1, 17, () => get$2(details).preCart.items, index$1, ($$anchor3, ci) => {
+        each(node_1, 17, () => get$2(details).preCart.items, (ci) => ci.uuid, ($$anchor3, ci) => {
           Item($$anchor3, {
             get item() {
               return get$2(ci);