@gomusdev/web-components 3.12.0 → 4.1.0

package/README.md

@@ -1,5 +1,51 @@
 # Changelog
 
+## 4.1.0 (2026-07-09)
+
+### Features
+
+* **interactive-editor:** switch shop backend + WC version inline
+
+### Bug Fixes
+
+* **interactive-editor:** list local build alongside published versions
+
+## 4.0.0 (2026-07-08)
+
+### ⚠ BREAKING CHANGES
+
+* **quantity:** one QuantityControl for ticket rows, cart lines, and sub-rows
+
+### Features
+
+* add QuotaFactories for reusable quota creation in tests and refactor related specs
+* **capacity:** Mantelticket capacity calculator (Angular parity)
+* **cart:** carry mantle composition from selection into the cart
+* **cart:** carry mantle composition through the cart projection
+* **cart:** carry mantle sub-ticket composition on CartItem
+* **cart:** make a mantle's composition part of its cart-line identity
+* **cart:** persist a mantle's composition across reloads
+* **cart:** render editable sub-ticket rows under a mantle line
+* **demo:** show booked mantle in go-order; load real order on edge
+* **order:** show Mantelticket sub-ticket composition in go-order breakdown
+* **quantity:** one QuantityControl for ticket rows, cart lines, and sub-rows
+* **ticket-selection:** render editable sub-ticket rows under a mantle
+* **ticket:** detect mantle tickets and normalize sub-ticket defs
+
+### Bug Fixes
+
+* **build:** correct storybook:docs:build-and-deploy script name
+* **capacity:** sum same-id quota draws so shared-quota tickets can't oversell
+* **cart:** add default styling for Mantelticket sub-ticket rows
+* **cart:** don't merge identical mantle lines in the display projection
+* **cart:** never merge Mantelticket lines
+* **cart:** never-collapse mantle lines; group composition + identity
+* **cart:** pair echoed mantle lines by their composition, not by position
+* **cart:** re-preview the cart when a mantle's composition changes
+* **factories:** import ProductType as type-only so the Storybook build resolves it
+* **mantle:** cap sub-ticket selectors by the remaining quota headroom
+* **ticket-selection:** re-derive capacity when a cart mantle mix edit changes its draw
+
 ## 3.12.0 (2026-07-07)
 
 ### Features

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

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

package/dist-js/components/shared/quantityStepper/QuantityControl.svelte.d.ts

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

package/dist-js/gomus-webcomponents.css

@@ -1216,6 +1216,64 @@ go-cart ul,go-cart ol {
         text-align: right;
       }
 
+/* Mantelticket sub-tickets — nested rows shown under a mantle line, in both the
+   cart and the ticket selection. A sub-ticket is part of its bundle, so the rows
+   read as a subordinate, indented group rather than standalone line items. */
+/* `ul`/`li` qualifiers raise specificity above the `go-cart ul/ol` reset (0,0,2),
+   which would otherwise zero the indent and spacing. */
+ul.go-sub-tickets {
+  list-style: none;
+  margin: 0 0 0.5rem;
+  padding: 0.25rem 0 0.25rem 1rem;
+  border-left: 2px solid rgba(18, 130, 106, 0.35); /* var(--primary) tint */
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+}
+
+li.go-sub-ticket {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.3rem 0;
+  font-size: 0.9rem;
+}
+
+.go-sub-ticket-title {
+  flex: 0 0 auto;
+  font-weight: 500;
+}
+
+.go-sub-ticket-description {
+  flex: 1;
+  min-width: 0;
+  color: rgba(0, 0, 0, 0.55);
+  font-size: 0.85em;
+}
+
+/* Pin the control (stepper or legacy select) to the right whether or not a
+   description is present. */
+.go-sub-ticket .go-quantity-stepper,
+.go-sub-ticket .go-quantity-select,
+.go-sub-ticket-quantity {
+  margin-left: auto;
+  text-align: right;
+  font-feature-settings: "tnum";
+  font-variant-numeric: tabular-nums;
+}
+
+.go-sub-ticket .go-quantity-select {
+  min-width: 4rem;
+  min-height: 1.8rem;
+  max-width: 8rem;
+}
+
+/* A deselected sub (quantity 0) stays visible but dimmed. */
+.go-sub-ticket.is-empty {
+  opacity: 0.5;
+}
+
 /*=== QUANTITY STEPPER (shared by go-tickets + go-cart) ===*/
 /* Scoped under :host,:root so these out-specify the global `:root button` rule
    (teal background + margin-top: 2rem + 20px 60px padding) without !important.
@@ -1515,10 +1573,90 @@ go-link {
   opacity: 0.5;
 }
 
-.go-order-breakdown-ical a {
-  line-height: 24px;
-  display: inline-block;
+/*=== ORDER ===*/
+/* Mirrors the go-cart row model: an <ol> with a header row, one <li><article> per
+   ticket/event item, and a footer total. Column widths are shared CSS vars so the
+   header, item, and footer cells line up. */
+go-order {
+  --order-col-count: 0 0 3rem;
+  --order-col-price: 0 0 auto;
+
+  display: block;
 }
+go-order ol,go-order ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+/* Header + footer share the row layout with the item rows below. */
+go-order .data-go-order-breakdown-header > ul,go-order .go-order-breakdown-footer > ul,go-order li > article > ul {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+    padding: 0.75rem 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  }
+go-order .data-go-order-breakdown-header > ul  > li,go-order .go-order-breakdown-footer > ul  > li,go-order li > article > ul:not(.does-not-exist)  > li {
+      list-style: none;
+      min-width: 0;
+    }
+go-order .data-go-order-breakdown-header > ul {
+    font-weight: 600;
+    align-items: center;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+go-order .go-order-breakdown-footer > ul {
+    font-weight: 600;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    border-bottom: none;
+  }
+/* --- Columns (semantic classes shared across header/rows/footer) --- */
+go-order .go-order-breakdown-header-count,go-order .go-order-breakdown-count {
+    flex: var(--order-col-count);
+  }
+go-order .go-order-breakdown-header-product,go-order .go-order-breakdown-product,go-order .go-cart-footer-title {
+    flex: 1;
+  }
+/* Price hugs the right: product grows and eats the slack, so the price sits
+     flush against the trailing cells. */
+go-order .go-order-breakdown-header-price,go-order .go-order-breakdown-item-price,go-order .go-cart-footer-price {
+    flex: var(--order-col-price);
+    margin-left: auto;
+    text-align: right;
+  }
+/* Trailing icon cells collapse to their content, so an empty passbook/ical
+     column adds no whitespace to the right of the price. */
+go-order .go-order-breakdown-header-passbook,go-order .go-order-breakdown-passbook,go-order .go-cart-footer-passbook,go-order .go-order-breakdown-ical {
+    flex: 0 0 auto;
+    text-align: right;
+  }
+/* --- Product cell internals --- */
+go-order .go-order-item-title {
+    display: block;
+    font-weight: 500;
+  }
+go-order .go-cart-item-date,go-order .go-cart-item-time {
+    color: rgba(0, 0, 0, 0.55);
+    font-size: 0.9em;
+    margin-right: 0.35rem;
+  }
+/* Mantelticket sub-tickets and event scale-price sub-lines: an indented,
+     primary-tinted group beneath the title (see TicketSale/Event breakdown). */
+go-order .go-order-item-quantities {
+    display: inline-block;
+    margin: 0.15rem 0 0 1rem;
+    padding-left: 0.6rem;
+    border-left: 2px solid rgba(18, 130, 106, 0.35);
+    font-size: 0.9em;
+    color: rgba(0, 0, 0, 0.7);
+  }
+go-order .go-ticket-download,go-order .go-ticket-personalization,go-order .go-order-breakdown-ical a {
+    display: inline-block;
+    line-height: 24px;
+    margin-top: 0.35rem;
+    color: #12826a;
+    color: var(--primary);
+  }
 
 .go-donation-campaign {
   display: grid;