@gomusdev/web-components 1.10.0 → 1.11.0

package/dist-js/components/cart/components/CartEmpty.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-js/components/cart/components/CartEmpty.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

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

@@ -12510,7 +12510,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const timeRegex2 = `${time2}(?:${opts.join("|")})`;
     return new RegExp(`^${dateSource}T(?:${timeRegex2})$`);
   }
-  const string$2 = (params) => {
+  const string$1 = (params) => {
     const regex = params ? `[\\s\\S]{${params?.minimum ?? 0},${params?.maximum ?? ""}}` : `[\\s\\S]*`;
     return new RegExp(`^${regex}$`);
   };
@@ -12858,7 +12858,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   });
   const $ZodString = /* @__PURE__ */ $constructor("$ZodString", (inst, def) => {
     $ZodType.init(inst, def);
-    inst._zod.pattern = [...inst?._zod.bag?.patterns ?? []].pop() ?? string$2(inst._zod.bag);
+    inst._zod.pattern = [...inst?._zod.bag?.patterns ?? []].pop() ?? string$1(inst._zod.bag);
     inst._zod.parse = (payload, _) => {
       if (def.coerce)
         try {
@@ -14215,7 +14215,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     inst.time = (params) => inst.check(time(params));
     inst.duration = (params) => inst.check(duration(params));
   });
-  function string$1(params) {
+  function string(params) {
     return _string(ZodString, params);
   }
   const ZodStringFormat = /* @__PURE__ */ $constructor("ZodStringFormat", (inst, def) => {
@@ -14519,7 +14519,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       placeholder: "",
       description: "",
       autocomplete: "email",
-      validator: string$1().email("Invalid email")
+      validator: string().email("Invalid email")
     },
     confirmEmail: {
       key: "confirmEmail",
@@ -14529,7 +14529,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       placeholder: "",
       description: "",
       autocomplete: "email",
-      validator: string$1().email("Invalid email").min(1, "Please confirm your email")
+      validator: string().email("Invalid email").min(1, "Please confirm your email")
     },
     password: {
       key: "password",
@@ -14548,7 +14548,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       placeholder: "",
       description: "",
       autocomplete: "new-password",
-      validator: string$1().min(6, "Password must be at least 6 characters")
+      validator: string().min(6, "Password must be at least 6 characters")
     },
     confirmPassword: {
       key: "confirmPassword",
@@ -14558,7 +14558,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       placeholder: "",
       description: "",
       autocomplete: "new-password",
-      validator: string$1().min(6, "Please confirm your password")
+      validator: string().min(6, "Please confirm your password")
     },
     addressee: {
       key: "addressee",
@@ -14658,7 +14658,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       placeholder: "",
       description: "",
       autocomplete: "off",
-      validator: string$1().date()
+      validator: string().date()
     }
   };
   function createField(data, required) {
@@ -15373,12 +15373,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format(priceCents / 100);
   }
   var root_2$p = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
-  var root_5$2 = /* @__PURE__ */ from_html(`<span> </span>`);
-  var root_4$4 = /* @__PURE__ */ from_html(`<span> </span> <!>`, 1);
+  var root_5$2 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+  var root_4$4 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
   var root_6$1 = /* @__PURE__ */ from_html(`<li data-go-cart-item-remove=""><button>⨉</button></li>`);
-  var root_3$6 = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <!> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
+  var root_3$6 = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <!> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
   var root_7$3 = /* @__PURE__ */ from_html(`<li data-go-cart-footer-remove=""></li>`);
-  var root_1$b = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-header-title="">Product</li> <li data-go-cart-header-price="">Price</li> <li data-go-cart-header-count="">Count</li> <!> <li data-go-cart-header-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-footer-title=""></li> <li data-go-cart-footer-price=""></li> <li data-go-cart-footer-count=""></li> <!> <li data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol> <a href="javascript:void(0);" class="go-cart-checkout-button" data-testid="checkout-button">Checkout</a>`, 1);
+  var root_8 = /* @__PURE__ */ from_html(`<a href="javascript:void(0);" class="go-cart-checkout-button" data-testid="checkout-button">Checkout</a>`);
+  var root_1$b = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-header-title="">Product</li> <li data-go-cart-header-price="">Price</li> <li data-go-cart-header-count="">Count</li> <!> <li data-go-cart-header-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-footer-title=""></li> <li data-go-cart-footer-price=""></li> <li data-go-cart-footer-count=""></li> <!> <li data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol> <!>`, 1);
   function Cart($$anchor, $$props) {
     push($$props, true);
     const preview = prop($$props, "preview", 7, false);
@@ -15399,7 +15400,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     var fragment = comment();
     var node = first_child(fragment);
     {
-      var consequent_5 = ($$anchor2) => {
+      var consequent_6 = ($$anchor2) => {
         var fragment_1 = root_1$b();
         var ol = first_child(fragment_1);
         var li = child(ol);
@@ -15423,22 +15424,24 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           var article = child(li_2);
           var ul_1 = child(article);
           var li_3 = child(ul_1);
-          var text2 = child(li_3);
-          var node_3 = sibling(text2);
+          var span = child(li_3);
+          var text2 = child(span, true);
+          reset(span);
+          var node_3 = sibling(span, 2);
           {
             var consequent_2 = ($$anchor4) => {
               var fragment_2 = root_4$4();
-              var span = first_child(fragment_2);
-              var text_1 = child(span, true);
-              reset(span);
-              var node_4 = sibling(span, 2);
+              var span_1 = first_child(fragment_2);
+              var text_1 = child(span_1, true);
+              reset(span_1);
+              var node_4 = sibling(span_1, 2);
               {
                 var consequent_1 = ($$anchor5) => {
-                  var span_1 = root_5$2();
-                  var text_2 = child(span_1, true);
-                  reset(span_1);
+                  var span_2 = root_5$2();
+                  var text_2 = child(span_2, true);
+                  reset(span_2);
                   template_effect(($0) => set_text(text_2, $0), [() => formatTime(get$2(cartItem).attributes.time)]);
-                  append($$anchor5, span_1);
+                  append($$anchor5, span_2);
                 };
                 if_block(node_4, ($$render) => {
                   if (get$2(cartItem).item.type === "timeslot") $$render(consequent_1);
@@ -15481,7 +15484,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           reset(li_2);
           template_effect(() => {
             set_attribute(article, "data-testid", get$2(cartItem).uuid);
-            set_text(text2, `${get$2(cartItem).item.title ?? ""} `);
+            set_text(text2, get$2(cartItem).item.title);
             set_text(text_3, get$2(cartItem).final_price_formatted);
             set_text(text_4, get$2(cartItem).quantity);
             set_text(text_5, get$2(cartItem).total_price_formatted);
@@ -15506,13 +15509,22 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         reset(ul_2);
         reset(li_8);
         reset(ol);
-        var a2 = sibling(ol, 2);
-        a2.__click = navToCheckout;
+        var node_7 = sibling(ol, 2);
+        {
+          var consequent_5 = ($$anchor3) => {
+            var a2 = root_8();
+            a2.__click = navToCheckout;
+            append($$anchor3, a2);
+          };
+          if_block(node_7, ($$render) => {
+            if (!preview()) $$render(consequent_5);
+          });
+        }
         template_effect(() => set_text(text_6, cart.totalFormatted));
         append($$anchor2, fragment_1);
       };
       if_block(node, ($$render) => {
-        if (cart.items.length) $$render(consequent_5);
+        if (cart.items.length) $$render(consequent_6);
       });
     }
     append($$anchor, fragment);
@@ -15520,6 +15532,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   delegate(["click"]);
   customElements.define("go-cart", create_custom_element(Cart, { preview: {} }, [], [], false));
+  function CartEmpty($$anchor, $$props) {
+    push($$props, true);
+    wrapInElement($$props.$$host, "go-if", { when: "data.cart.items.length === 0" });
+    pop();
+  }
+  customElements.define("go-cart-empty", create_custom_element(CartEmpty, {}, [], [], false));
   enable_legacy_mode_flag();
   function CartCounter($$anchor, $$props) {
     push($$props, false);
@@ -30090,7 +30108,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       const func = new Function("data", `return ${expression};`);
       return func(data);
     } catch (error) {
-      throw new Error(`Error while evaluating when (${string}) in go-if: ${error.message}`);
+      throw new Error(`Error while evaluating when (${expression}) in go-if: ${error.message}`);
     }
   }
   const validTicketSelectionFilters = ["timeslot", "day", "annual"];
@@ -30220,6 +30238,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       if (!get$2(formDetails)) return;
       get$2(data).formData = get$2(formDetails).formData;
     });
+    get$2(data).cart = cart;
     let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get$2(data)));
     let content = null;
     user_effect(() => {

package/dist-js/gomus-webcomponents.js

@@ -12510,7 +12510,7 @@ function datetime$1(args) {
   const timeRegex2 = `${time2}(?:${opts.join("|")})`;
   return new RegExp(`^${dateSource}T(?:${timeRegex2})$`);
 }
-const string$2 = (params) => {
+const string$1 = (params) => {
   const regex = params ? `[\\s\\S]{${params?.minimum ?? 0},${params?.maximum ?? ""}}` : `[\\s\\S]*`;
   return new RegExp(`^${regex}$`);
 };
@@ -12858,7 +12858,7 @@ const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
 });
 const $ZodString = /* @__PURE__ */ $constructor("$ZodString", (inst, def) => {
   $ZodType.init(inst, def);
-  inst._zod.pattern = [...inst?._zod.bag?.patterns ?? []].pop() ?? string$2(inst._zod.bag);
+  inst._zod.pattern = [...inst?._zod.bag?.patterns ?? []].pop() ?? string$1(inst._zod.bag);
   inst._zod.parse = (payload, _) => {
     if (def.coerce)
       try {
@@ -14215,7 +14215,7 @@ const ZodString2 = /* @__PURE__ */ $constructor("ZodString", (inst, def) => {
   inst.time = (params) => inst.check(time(params));
   inst.duration = (params) => inst.check(duration(params));
 });
-function string$1(params) {
+function string(params) {
   return _string(ZodString2, params);
 }
 const ZodStringFormat = /* @__PURE__ */ $constructor("ZodStringFormat", (inst, def) => {
@@ -14519,7 +14519,7 @@ var allFields = {
     placeholder: "",
     description: "",
     autocomplete: "email",
-    validator: string$1().email("Invalid email")
+    validator: string().email("Invalid email")
   },
   confirmEmail: {
     key: "confirmEmail",
@@ -14529,7 +14529,7 @@ var allFields = {
     placeholder: "",
     description: "",
     autocomplete: "email",
-    validator: string$1().email("Invalid email").min(1, "Please confirm your email")
+    validator: string().email("Invalid email").min(1, "Please confirm your email")
   },
   password: {
     key: "password",
@@ -14548,7 +14548,7 @@ var allFields = {
     placeholder: "",
     description: "",
     autocomplete: "new-password",
-    validator: string$1().min(6, "Password must be at least 6 characters")
+    validator: string().min(6, "Password must be at least 6 characters")
   },
   confirmPassword: {
     key: "confirmPassword",
@@ -14558,7 +14558,7 @@ var allFields = {
     placeholder: "",
     description: "",
     autocomplete: "new-password",
-    validator: string$1().min(6, "Please confirm your password")
+    validator: string().min(6, "Please confirm your password")
   },
   addressee: {
     key: "addressee",
@@ -14658,7 +14658,7 @@ var allFields = {
     placeholder: "",
     description: "",
     autocomplete: "off",
-    validator: string$1().date()
+    validator: string().date()
   }
 };
 function createField(data, required) {
@@ -15373,12 +15373,13 @@ function formatCurrency(priceCents) {
   return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format(priceCents / 100);
 }
 var root_2$p = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
-var root_5$2 = /* @__PURE__ */ from_html(`<span> </span>`);
-var root_4$4 = /* @__PURE__ */ from_html(`<span> </span> <!>`, 1);
+var root_5$2 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
+var root_4$4 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
 var root_6$1 = /* @__PURE__ */ from_html(`<li data-go-cart-item-remove=""><button>⨉</button></li>`);
-var root_3$6 = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <!> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
+var root_3$6 = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""><span class="go-cart-item-title" data-testid="cart-item-title"> </span> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <!> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
 var root_7$3 = /* @__PURE__ */ from_html(`<li data-go-cart-footer-remove=""></li>`);
-var root_1$b = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-header-title="">Product</li> <li data-go-cart-header-price="">Price</li> <li data-go-cart-header-count="">Count</li> <!> <li data-go-cart-header-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-footer-title=""></li> <li data-go-cart-footer-price=""></li> <li data-go-cart-footer-count=""></li> <!> <li data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol> <a href="javascript:void(0);" class="go-cart-checkout-button" data-testid="checkout-button">Checkout</a>`, 1);
+var root_8 = /* @__PURE__ */ from_html(`<a href="javascript:void(0);" class="go-cart-checkout-button" data-testid="checkout-button">Checkout</a>`);
+var root_1$b = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-header-title="">Product</li> <li data-go-cart-header-price="">Price</li> <li data-go-cart-header-count="">Count</li> <!> <li data-go-cart-header-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-footer-title=""></li> <li data-go-cart-footer-price=""></li> <li data-go-cart-footer-count=""></li> <!> <li data-go-cart-footer-sum="" data-go-cart-sum=""> </li></ul></li></ol> <!>`, 1);
 function Cart($$anchor, $$props) {
   push($$props, true);
   const preview = prop($$props, "preview", 7, false);
@@ -15399,7 +15400,7 @@ function Cart($$anchor, $$props) {
   var fragment = comment();
   var node = first_child(fragment);
   {
-    var consequent_5 = ($$anchor2) => {
+    var consequent_6 = ($$anchor2) => {
       var fragment_1 = root_1$b();
       var ol = first_child(fragment_1);
       var li = child(ol);
@@ -15423,22 +15424,24 @@ function Cart($$anchor, $$props) {
         var article = child(li_2);
         var ul_1 = child(article);
         var li_3 = child(ul_1);
-        var text2 = child(li_3);
-        var node_3 = sibling(text2);
+        var span = child(li_3);
+        var text2 = child(span, true);
+        reset(span);
+        var node_3 = sibling(span, 2);
         {
           var consequent_2 = ($$anchor4) => {
             var fragment_2 = root_4$4();
-            var span = first_child(fragment_2);
-            var text_1 = child(span, true);
-            reset(span);
-            var node_4 = sibling(span, 2);
+            var span_1 = first_child(fragment_2);
+            var text_1 = child(span_1, true);
+            reset(span_1);
+            var node_4 = sibling(span_1, 2);
             {
               var consequent_1 = ($$anchor5) => {
-                var span_1 = root_5$2();
-                var text_2 = child(span_1, true);
-                reset(span_1);
+                var span_2 = root_5$2();
+                var text_2 = child(span_2, true);
+                reset(span_2);
                 template_effect(($0) => set_text(text_2, $0), [() => formatTime(get$2(cartItem).attributes.time)]);
-                append($$anchor5, span_1);
+                append($$anchor5, span_2);
               };
               if_block(node_4, ($$render) => {
                 if (get$2(cartItem).item.type === "timeslot") $$render(consequent_1);
@@ -15481,7 +15484,7 @@ function Cart($$anchor, $$props) {
         reset(li_2);
         template_effect(() => {
           set_attribute(article, "data-testid", get$2(cartItem).uuid);
-          set_text(text2, `${get$2(cartItem).item.title ?? ""} `);
+          set_text(text2, get$2(cartItem).item.title);
           set_text(text_3, get$2(cartItem).final_price_formatted);
           set_text(text_4, get$2(cartItem).quantity);
           set_text(text_5, get$2(cartItem).total_price_formatted);
@@ -15506,13 +15509,22 @@ function Cart($$anchor, $$props) {
       reset(ul_2);
       reset(li_8);
       reset(ol);
-      var a2 = sibling(ol, 2);
-      a2.__click = navToCheckout;
+      var node_7 = sibling(ol, 2);
+      {
+        var consequent_5 = ($$anchor3) => {
+          var a2 = root_8();
+          a2.__click = navToCheckout;
+          append($$anchor3, a2);
+        };
+        if_block(node_7, ($$render) => {
+          if (!preview()) $$render(consequent_5);
+        });
+      }
       template_effect(() => set_text(text_6, cart.totalFormatted));
       append($$anchor2, fragment_1);
     };
     if_block(node, ($$render) => {
-      if (cart.items.length) $$render(consequent_5);
+      if (cart.items.length) $$render(consequent_6);
     });
   }
   append($$anchor, fragment);
@@ -15520,6 +15532,12 @@ function Cart($$anchor, $$props) {
 }
 delegate(["click"]);
 customElements.define("go-cart", create_custom_element(Cart, { preview: {} }, [], [], false));
+function CartEmpty($$anchor, $$props) {
+  push($$props, true);
+  wrapInElement($$props.$$host, "go-if", { when: "data.cart.items.length === 0" });
+  pop();
+}
+customElements.define("go-cart-empty", create_custom_element(CartEmpty, {}, [], [], false));
 enable_legacy_mode_flag();
 function CartCounter($$anchor, $$props) {
   push($$props, false);
@@ -30090,7 +30108,7 @@ function evaluateExpression(expression, data) {
     const func = new Function("data", `return ${expression};`);
     return func(data);
   } catch (error) {
-    throw new Error(`Error while evaluating when (${string}) in go-if: ${error.message}`);
+    throw new Error(`Error while evaluating when (${expression}) in go-if: ${error.message}`);
   }
 }
 const validTicketSelectionFilters = ["timeslot", "day", "annual"];
@@ -30220,6 +30238,7 @@ function If($$anchor, $$props) {
     if (!get$2(formDetails)) return;
     get$2(data).formData = get$2(formDetails).formData;
   });
+  get$2(data).cart = cart;
   let evaluatedWhen = /* @__PURE__ */ user_derived(() => evaluateExpression(when(), get$2(data)));
   let content = null;
   user_effect(() => {

package/package.json

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