@gomusdev/web-components 1.53.0 → 1.54.0

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

@@ -34023,13 +34023,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     const binding_group = [];
     const _tsd = getTicketSelectionDetails($$props.$$host);
     const details = new Details$1(_tsd);
+    const dispatchTimeslotSelect = (target, selected) => {
+      if (!target || !("dispatchEvent" in target)) return;
+      target.dispatchEvent(new CustomEvent("go-timeslot-select", { detail: { selected }, bubbles: true, composed: true }));
+    };
     const change = (e) => {
-      e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
-        detail: { selected: details.tsd.selectedTimeslot },
-        bubbles: true,
-        composed: true
-      }));
+      dispatchTimeslotSelect(e.target, details.tsd?.selectedTimeslot);
     };
+    user_effect(() => {
+      const tsd = details.tsd;
+      if (!tsd) return;
+      const slots = details.timeslots;
+      if (slots.length !== 1) return;
+      const only = slots[0];
+      if (!only.available) return;
+      if (tsd.selectedTimeslot === only.startAt) return;
+      tsd.selectedTimeslot = only.startAt;
+      dispatchTimeslotSelect($$props.$$host, only.startAt);
+    });
     var $$exports = { details };
     var fragment = comment();
     var node = first_child(fragment);
@@ -34037,6 +34048,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       var consequent = ($$anchor2) => {
         var ul = root_1$1();
         each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
+          const soldOut = /* @__PURE__ */ user_derived(() => timeslot.capacity === 0);
+          const disabled = /* @__PURE__ */ user_derived(() => get$2(soldOut) || !timeslot.available);
           const selected = /* @__PURE__ */ user_derived(() => details.tsd?.selectedTimeslot === timeslot.startAt);
           var li = root_2$1();
           var label = child(li);
@@ -34050,13 +34063,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
           template_effect(() => {
             set_class(li, 1, clsx({
               "go-timeslot": true,
-              "is-sold-out": timeslot.capacity === 0,
-              "is-disabled": !timeslot.available,
+              "is-sold-out": get$2(soldOut),
+              "is-disabled": get$2(disabled),
               "is-selected": get$2(selected)
             }));
             set_text(text2, `${timeslot.timeFormatted ?? ""} `);
-            input.disabled = timeslot.capacity == 0;
-            set_attribute(input, "aria-disabled", timeslot.capacity == 0);
+            input.disabled = get$2(disabled);
+            set_attribute(input, "aria-disabled", get$2(disabled));
             if (input_value !== (input_value = timeslot.startAt)) {
               input.value = (input.__value = timeslot.startAt) ?? "";
             }

package/dist-js/gomus-webcomponents.js

@@ -34023,13 +34023,24 @@ function Timeslots($$anchor, $$props) {
   const binding_group = [];
   const _tsd = getTicketSelectionDetails($$props.$$host);
   const details = new Details$1(_tsd);
+  const dispatchTimeslotSelect = (target, selected) => {
+    if (!target || !("dispatchEvent" in target)) return;
+    target.dispatchEvent(new CustomEvent("go-timeslot-select", { detail: { selected }, bubbles: true, composed: true }));
+  };
   const change = (e) => {
-    e.target.dispatchEvent(new CustomEvent("go-timeslot-select", {
-      detail: { selected: details.tsd.selectedTimeslot },
-      bubbles: true,
-      composed: true
-    }));
+    dispatchTimeslotSelect(e.target, details.tsd?.selectedTimeslot);
   };
+  user_effect(() => {
+    const tsd = details.tsd;
+    if (!tsd) return;
+    const slots = details.timeslots;
+    if (slots.length !== 1) return;
+    const only = slots[0];
+    if (!only.available) return;
+    if (tsd.selectedTimeslot === only.startAt) return;
+    tsd.selectedTimeslot = only.startAt;
+    dispatchTimeslotSelect($$props.$$host, only.startAt);
+  });
   var $$exports = { details };
   var fragment = comment();
   var node = first_child(fragment);
@@ -34037,6 +34048,8 @@ function Timeslots($$anchor, $$props) {
     var consequent = ($$anchor2) => {
       var ul = root_1$1();
       each(ul, 20, () => details.timeslots, (timeslot) => timeslot, ($$anchor3, timeslot) => {
+        const soldOut = /* @__PURE__ */ user_derived(() => timeslot.capacity === 0);
+        const disabled = /* @__PURE__ */ user_derived(() => get$2(soldOut) || !timeslot.available);
         const selected = /* @__PURE__ */ user_derived(() => details.tsd?.selectedTimeslot === timeslot.startAt);
         var li = root_2$1();
         var label = child(li);
@@ -34050,13 +34063,13 @@ function Timeslots($$anchor, $$props) {
         template_effect(() => {
           set_class(li, 1, clsx({
             "go-timeslot": true,
-            "is-sold-out": timeslot.capacity === 0,
-            "is-disabled": !timeslot.available,
+            "is-sold-out": get$2(soldOut),
+            "is-disabled": get$2(disabled),
             "is-selected": get$2(selected)
           }));
           set_text(text2, `${timeslot.timeFormatted ?? ""} `);
-          input.disabled = timeslot.capacity == 0;
-          set_attribute(input, "aria-disabled", timeslot.capacity == 0);
+          input.disabled = get$2(disabled);
+          set_attribute(input, "aria-disabled", get$2(disabled));
           if (input_value !== (input_value = timeslot.startAt)) {
             input.value = (input.__value = timeslot.startAt) ?? "";
           }

package/package.json

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