@ticketlayer/elements 0.3.2 → 0.4.0

package/elements.catalogue.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.3.2",
-  "generatedAt": "2026-09-16T23:00:05.818Z",
+  "version": "0.4.0",
+  "generatedAt": "2026-09-18T13:41:58.636Z",
   "elements": [
     {
       "tag": "tl-buy-modal",
@@ -46,7 +46,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "purchase"
+      "category": "purchase",
+      "core": false
     },
     {
       "tag": "tl-buy-tickets-button",
@@ -154,7 +155,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "purchase"
+      "category": "purchase",
+      "core": false
     },
     {
       "tag": "tl-buy-tickets-wrapper",
@@ -213,7 +215,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "purchase"
+      "category": "purchase",
+      "core": false
     },
     {
       "tag": "tl-cart",
@@ -281,7 +284,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "cart"
+      "category": "cart",
+      "core": false
     },
     {
       "tag": "tl-cart-badge",
@@ -333,7 +337,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "cart"
+      "category": "cart",
+      "core": false
     },
     {
       "tag": "tl-cart-drawer",
@@ -382,7 +387,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "cart"
+      "category": "cart",
+      "core": false
     },
     {
       "tag": "tl-checkout-wrapper",
@@ -425,7 +431,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "checkout"
+      "category": "checkout",
+      "core": false
     },
     {
       "tag": "tl-event-card",
@@ -467,7 +474,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "discovery"
+      "category": "discovery",
+      "core": false
     },
     {
       "tag": "tl-event-list",
@@ -512,7 +520,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "discovery"
+      "category": "discovery",
+      "core": false
     },
     {
       "tag": "tl-login",
@@ -559,7 +568,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "account"
+      "category": "account",
+      "core": false
     },
     {
       "tag": "tl-my-orders",
@@ -601,7 +611,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "account"
+      "category": "account",
+      "core": false
     },
     {
       "tag": "tl-occurrence-selector",
@@ -653,7 +664,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "discovery"
+      "category": "discovery",
+      "core": false
     },
     {
       "tag": "tl-order-confirmation",
@@ -711,7 +723,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "checkout"
+      "category": "checkout",
+      "core": false
     },
     {
       "tag": "tl-order-tickets",
@@ -742,7 +755,8 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "tickets"
+      "category": "tickets",
+      "core": false
     },
     {
       "tag": "tl-promo-code",
@@ -783,7 +797,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "purchase"
+      "category": "purchase",
+      "core": false
     },
     {
       "tag": "tl-seat-map",
@@ -868,7 +883,8 @@
         "web"
       ],
       "sdkMethods": [],
-      "category": "purchase"
+      "category": "purchase",
+      "core": false
     },
     {
       "tag": "tl-ticket",
@@ -899,11 +915,12 @@
         "native"
       ],
       "sdkMethods": [],
-      "category": "tickets"
+      "category": "tickets",
+      "core": false
     },
     {
       "tag": "tl-ticket-selector",
-      "docs": "",
+      "docs": "Pick quantities of the ticket types on sale for one occurrence, and add them to the cart.",
       "props": [
         {
           "name": "buttonLabel",
@@ -961,8 +978,60 @@
         "web",
         "native"
       ],
-      "sdkMethods": [],
-      "category": "purchase"
+      "sdkMethods": [
+        "cart.addItem",
+        "events.getTicketTypes"
+      ],
+      "category": "purchase",
+      "core": true,
+      "tokens": [
+        "background",
+        "border",
+        "border-hover",
+        "error",
+        "error-bg",
+        "font-family",
+        "foreground",
+        "muted",
+        "muted-foreground",
+        "primary",
+        "primary-foreground",
+        "radius-md",
+        "radius-sm",
+        "spacing-1",
+        "spacing-2",
+        "spacing-3",
+        "spacing-4",
+        "success",
+        "warning",
+        "warning-bg"
+      ],
+      "strings": {
+        "selectTickets": "Select Tickets",
+        "adding": "Adding...",
+        "added": "Added to cart!",
+        "limited": "Limited",
+        "soldOut": "Sold Out",
+        "ticketsRow": "Tickets",
+        "totalRow": "Total",
+        "decrease": "Decrease quantity",
+        "increase": "Increase quantity",
+        "loadFailed": "Failed to load tickets",
+        "addFailed": "Failed to add to cart",
+        "noClient": "SDK not initialized."
+      },
+      "statuses": [
+        "loading",
+        "error",
+        "ready"
+      ],
+      "actions": [
+        "addToCart",
+        "changeQuantity",
+        "connectFailed",
+        "load",
+        "setFeeQuote"
+      ]
     }
   ]
 }

package/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 /**
  * @deprecated
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticketlayer/elements",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Ticketlayer UI components built with Stencil.js",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -15,34 +15,14 @@
     "README.md",
     "LICENSE"
   ],
-  "workspaces": [
-    ".",
-    "react"
-  ],
-  "scripts": {
-    "build": "stencil build && node scripts/patch-react-generated.js && node scripts/build-react.mjs && node scripts/build-catalogue.mjs",
-    "dev": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec",
-    "test:watch": "stencil test --spec --watch",
-    "test:e2e": "stencil test --e2e",
-    "test:visual": "chromatic --exit-zero-on-changes",
-    "test:interaction": "test-storybook",
-    "generate": "stencil generate",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build:react": "node scripts/build-react.mjs",
-    "build:catalogue": "node scripts/build-catalogue.mjs",
-    "test:catalogue": "node scripts/build-catalogue.mjs --check",
-    "changeset": "changeset",
-    "release": "changeset publish"
-  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ticketlayer/live-elements.git"
+    "url": "git+https://github.com/ticketlayer/live.git",
+    "directory": "packages/elements"
   },
   "homepage": "https://docs.ticketlayer.com/elements",
   "bugs": {
-    "url": "https://github.com/ticketlayer/live-elements/issues"
+    "url": "https://github.com/ticketlayer/live/issues"
   },
   "keywords": [
     "ticketlayer",
@@ -54,18 +34,18 @@
   "author": "Ticketlayer",
   "license": "MIT",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "provenance": true
+    "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "qrcode": "^1.5.4"
+    "qrcode": "^1.5.4",
+    "@ticketlayer/elements-core": "^0.1.0"
   },
   "peerDependencies": {
-    "@ticketlayer/live": "^0.1.0"
+    "@ticketlayer/live": ">=0.1.0 <1.0.0"
   },
   "peerDependenciesMeta": {
     "@ticketlayer/live": {
@@ -76,7 +56,6 @@
     "@babel/preset-env": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@changesets/cli": "^2.31.1",
     "@stencil/core": "^4.12.0",
     "@stencil/react-output-target": "^0.5.3",
     "@storybook/addon-a11y": "^10.1.11",
@@ -96,6 +75,26 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "storybook": "^10.1.11",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "@ticketlayer/live": "^0.4.0",
+    "@ticketlayer/theme": "^0.1.0"
+  },
+  "scripts": {
+    "build": "node scripts/write-global-css.mjs && stencil build && node scripts/patch-react-generated.js",
+    "build:global": "node scripts/write-global-css.mjs",
+    "dev": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec",
+    "test:watch": "stencil test --spec --watch",
+    "test:e2e": "stencil test --e2e",
+    "test:visual": "chromatic --exit-zero-on-changes",
+    "test:interaction": "test-storybook",
+    "generate": "stencil generate",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:catalogue": "node scripts/build-catalogue.mjs",
+    "build:catalogue:version": "node scripts/build-catalogue.mjs --version-only",
+    "test:catalogue": "node scripts/build-catalogue.mjs --check",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "node scripts/write-global-css.mjs --check && node scripts/check-token-usage.mjs && node scripts/check-core-tokens.mjs"
   }
-}
+}

package/dist/ticketlayer-elements/p-0291df4c.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as e}from"./p-Ba-RZTFI.js";import{w as i}from"./p-CqhvfyKV.js";import{e as o,i as s}from"./p-BGekdjN9.js";const a=class{constructor(e){t(this,e),this.tlPromoApplied=r(this,"tlPromoApplied"),this.tlError=r(this,"tlError"),this.placeholder="Promo or presale code",this.buttonLabel="Apply",this.code="",this.applying=!1,this.applied=null,this.error=null,this.handleInput=t=>{this.code=t.target.value,this.error=null},this.handleSubmit=t=>{t.preventDefault(),this.apply()},this.reset=()=>{this.applied=null,this.error=null}}async apply(){const t=this.code.trim();if(t){this.applying=!0,this.error=null;try{const r=await i(),e=r.getPresaleManager?.();if(!e)throw new Error("Promo codes are not available");const o=await e.redeem(t),s=await(r.getCartManager?.()?.get().catch((()=>null)))??null;this.applied={code:t.toUpperCase(),...o,cart:s},this.code="",this.tlPromoApplied.emit(this.applied)}catch(t){console.error("[tl-promo-code] Redeem failed:",t),this.error=s(t)?"Sign in to use this code":o(t,"That code could not be applied"),this.tlError.emit({message:this.error})}finally{this.applying=!1}}else this.error="Enter a code"}render(){return this.applied?e("div",{class:"applied",role:"status"},e("span",{class:"applied-text"},e("svg",{class:"icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":"true"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})),"Code ",e("strong",{class:"code"},this.applied.code),this.applied.alreadyHeld?" was already applied":" applied"),e("button",{type:"button",class:"link",onClick:this.reset},"Use a different code")):e("form",{class:"promo",onSubmit:this.handleSubmit},e("div",{class:"field"},e("input",{class:"input",type:"text",autocomplete:"off",autoCapitalize:"characters",spellcheck:!1,"aria-label":this.placeholder,placeholder:this.placeholder,value:this.code,disabled:this.applying,onInput:this.handleInput}),e("button",{type:"submit",class:"apply",disabled:this.applying},this.applying?"Applying…":this.buttonLabel)),this.error&&e("p",{class:"error",role:"alert"},this.error))}};a.style=":host{display:block;font-family:var(--tl-font-family, system-ui, sans-serif);color:var(--tl-foreground, #111827)}.field{display:flex;gap:var(--tl-spacing-2, 0.5rem)}.input{flex:1;min-width:0;padding:var(--tl-spacing-3, 0.75rem);font:inherit;font-size:0.875rem;color:var(--tl-foreground, #111827);background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e5e7eb);border-radius:var(--tl-radius-md, 0.5rem);text-transform:uppercase}.input::placeholder{text-transform:none;color:var(--tl-muted-foreground, #6b7280)}.input:focus{outline:2px solid var(--tl-primary, #6366f1);outline-offset:1px}.apply{padding:var(--tl-spacing-3, 0.75rem) var(--tl-spacing-4, 1rem);font:inherit;font-size:0.875rem;font-weight:500;color:var(--tl-primary-foreground, #ffffff);background:var(--tl-primary, #6366f1);border:none;border-radius:var(--tl-radius-md, 0.5rem);cursor:pointer;white-space:nowrap}.apply:hover:not(:disabled){opacity:0.9}.apply:disabled,.input:disabled{opacity:0.6;cursor:not-allowed}.error{margin:var(--tl-spacing-2, 0.5rem) 0 0;font-size:0.8125rem;color:var(--tl-error, #ef4444)}.applied{display:flex;align-items:center;justify-content:space-between;gap:var(--tl-spacing-3, 0.75rem);padding:var(--tl-spacing-3, 0.75rem);font-size:0.875rem;background:var(--tl-muted, #f9fafb);border:1px solid var(--tl-border, #e5e7eb);border-radius:var(--tl-radius-md, 0.5rem)}.applied-text{display:flex;align-items:center;gap:var(--tl-spacing-2, 0.5rem)}.icon{width:1rem;height:1rem;flex-shrink:0;color:var(--tl-success, #10b981)}.code{font-family:var(--tl-font-family-mono, ui-monospace, monospace)}.link{padding:0;font:inherit;font-size:0.8125rem;color:var(--tl-primary, #6366f1);background:none;border:none;cursor:pointer;white-space:nowrap}.link:hover{text-decoration:underline}";export{a as tl_promo_code}

package/dist/ticketlayer-elements/p-11273f8f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,H as r}from"./p-Ba-RZTFI.js";import{h as i,g as n}from"./p-CqhvfyKV.js";const a={available:{defaultLabel:"Buy Tickets",color:"var(--tl-primary, #e64b12)",hoverColor:"var(--tl-primary, #d4440f)",foreground:"var(--tl-primary-foreground, #ffffff)"},soldOut:{defaultLabel:"Sold Out",color:"#dc2626",hoverColor:"#b91c1c",foreground:"#ffffff"},waitlist:{defaultLabel:"Join Waitlist",color:"#2563eb",hoverColor:"#1d4ed8",foreground:"#ffffff"},comingSoon:{defaultLabel:"On Sale Soon",color:"#d97706",hoverColor:"#b45309",foreground:"#ffffff"}},s=class{constructor(o){t(this,o),this.tlClick=e(this,"tlClick"),this.state="available",this.variant="primary",this.size="md",this.fullWidth=!1,this.currency="GBP",this.pricePrefix="From",this.disabled=!1,this.isHovered=!1,this.handleClick=()=>{if(!this.disabled&&"soldOut"!==this.state&&"comingSoon"!==this.state&&(this.tlClick.emit({eventId:this.eventId,occurrenceId:this.occurrenceId}),i()))try{n().event(this.eventId).openModal({occurrenceId:this.occurrenceId})}catch(t){console.error("[tl-buy-tickets-button] Failed to open modal:",t)}}}formatPrice(t){const e=t/100,o=e%1!=0;return new Intl.NumberFormat("en-GB",{style:"currency",currency:this.currency,minimumFractionDigits:o?2:0,maximumFractionDigits:o?2:0}).format(e)}getStateConfig(){return a[this.state]}isInteractive(){return!this.disabled&&"soldOut"!==this.state&&"comingSoon"!==this.state}render(){const t=this.getStateConfig(),e=this.label||t.defaultLabel,i=this.isInteractive();return o(r,{key:"10c8c36d12223afcfd13c9807c2ef6b0f4c34266",class:{"full-width":this.fullWidth}},o("button",{key:"c7f6a39a837c90ced0176b5d017687afabf99a5a",type:"button",class:{"buy-button":!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,disabled:!i,hovered:this.isHovered&&i},style:{"--button-color":t.color,"--button-hover-color":t.hoverColor,"--button-foreground":t.foreground},disabled:!i,onClick:this.handleClick,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},o("span",{key:"e2bc1edc9fbd2a9c81da8cc3293170b1c4275125",class:"icon"},"soldOut"===this.state&&this.renderSoldOutIcon(),"waitlist"===this.state&&this.renderWaitlistIcon(),"comingSoon"===this.state&&this.renderComingSoonIcon(),"available"===this.state&&this.renderTicketIcon()),o("span",{key:"8371c85dcc24c5ac040744edefe80618421025ef",class:"label"},e),void 0!==this.price&&o("span",{key:"c02cb5b646ade8866deafb9b3e698115abec5708",class:"price"},o("span",{key:"cb0ab272460115a5edebd674362c83711735a70d",class:"price-prefix"},this.pricePrefix),o("span",{key:"e28ba56d3928076b624513de95682351f3e0d92b",class:"price-value"},this.formatPrice(this.price)))))}renderTicketIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("path",{d:"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"}),o("path",{d:"M13 5v2"}),o("path",{d:"M13 17v2"}),o("path",{d:"M13 11v2"}))}renderSoldOutIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("circle",{cx:"12",cy:"12",r:"10"}),o("path",{d:"m15 9-6 6"}),o("path",{d:"m9 9 6 6"}))}renderWaitlistIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("circle",{cx:"12",cy:"12",r:"10"}),o("polyline",{points:"12 6 12 12 16 14"}))}renderComingSoonIcon(){return o("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("path",{d:"M12 2v4"}),o("path",{d:"m16.2 7.8 2.9-2.9"}),o("path",{d:"M18 12h4"}),o("path",{d:"m16.2 16.2 2.9 2.9"}),o("path",{d:"M12 18v4"}),o("path",{d:"m4.9 19.1 2.9-2.9"}),o("path",{d:"M2 12h4"}),o("path",{d:"m4.9 4.9 2.9 2.9"}))}};s.style=":host{display:inline-block;font-family:var(--tl-font-family, system-ui, -apple-system, sans-serif)}:host(.full-width){display:block;width:100%}:host(.full-width) .buy-button{width:100%}.buy-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;outline:none;transition:all 0.2s ease;white-space:nowrap}.buy-button.variant-primary{background:var(--button-color);color:var(--button-foreground)}.buy-button.variant-secondary{background:color-mix(in srgb, var(--button-color) 15%, transparent);color:var(--button-color)}.buy-button.variant-outline{background:transparent;color:var(--button-color);border:2px solid var(--button-color)}.buy-button.size-sm{padding:0.5rem 1rem;font-size:0.875rem;border-radius:var(--tl-radius-sm, 0.375rem)}.buy-button.size-md{padding:0.75rem 1.5rem;font-size:1rem;border-radius:var(--tl-radius-md, 0.5rem)}.buy-button.size-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:var(--tl-radius-lg, 0.625rem);min-height:51px}.buy-button.hovered:not(.disabled){opacity:0.9;transform:translateY(-1px)}.buy-button.hovered.variant-primary{background:var(--button-hover-color)}.buy-button.disabled{opacity:0.7;cursor:not-allowed}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:1em;height:1em}.label{flex-shrink:0}.price{display:inline-flex;align-items:center;gap:0.25rem;margin-left:0.5rem;white-space:nowrap;opacity:0.9}.price-prefix{opacity:0.7}.price-value{font-weight:700}";export{s as tl_buy_tickets_button}

package/dist/ticketlayer-elements/p-340ab4f5.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as e}from"./p-Ba-RZTFI.js";import{w as s}from"./p-CqhvfyKV.js";import{i as o,e as a,t as i,o as n,f as l,a as d,s as c,b as h}from"./p-BGekdjN9.js";const f=class{constructor(e){r(this,e),this.tlOrderSelect=t(this,"tlOrderSelect"),this.tlError=t(this,"tlError"),this.emptyMessage="When you buy tickets they'll show up here, ready to view and download.",this.columns=2,this.orders=[],this.authenticated=!1,this.loading=!0,this.error=null,this.expandedId=null,this.sdk=null,this.unsubscribes=[]}async componentWillLoad(){if(this.sdk=await s().catch((()=>null)),!this.sdk)return this.loading=!1,void(this.error="Orders are not available right now");const r=this.sdk.getAuthManager?.();this.authenticated=!r||r.authenticated,this.unsubscribes.push(this.sdk.on("auth:changed",(()=>this.syncAuth()))),this.unsubscribes.push(this.sdk.on("session:changed",(()=>this.syncAuth()))),this.authenticated?await this.load():this.loading=!1}disconnectedCallback(){this.unsubscribes.forEach((r=>r())),this.unsubscribes=[]}syncAuth(){const r=this.sdk?.getAuthManager?.();if(!r)return;const t=this.authenticated;this.authenticated=r.authenticated,this.authenticated&&!t?this.load():!this.authenticated&&t&&(this.orders=[],this.expandedId=null)}async load(){if(this.sdk)try{this.loading=!0,this.error=null;const r=this.sdk.getOrdersManager?.();if(!r)throw new Error("Orders are not available");const t=await r.mine();this.orders=t??[],this.authenticated=!0}catch(r){o(r)?(this.authenticated=!1,this.orders=[]):(console.error("[tl-my-orders] Failed to load orders:",r),this.error=a(r,"Failed to load your orders"),this.tlError.emit({message:this.error}))}finally{this.loading=!1}}toggle(r){const t=this.expandedId!==r;this.expandedId=t?r:null,t&&this.tlOrderSelect.emit({orderId:r})}renderRow(r){const t=this.expandedId===r.id,s=i(r),o=c(r.status);return e("li",{class:{order:!0,expanded:t},key:r.id},e("button",{type:"button",class:"order-row","aria-expanded":t?"true":"false",onClick:()=>this.toggle(r.id)},e("span",{class:"order-main"},e("span",{class:"order-number"},"Order ",r.orderNumber),e("span",{class:"order-event"},n(r)??"Order"),e("span",{class:"order-meta"},r.createdAt&&e("span",null,l(r.createdAt)),e("span",null,s," ticket",1===s?"":"s"))),e("span",{class:"order-side"},e("span",{class:"order-total"},d(r.total,r.currency)),e("span",{class:`status status-${o}`},h(r.status)),e("svg",{class:"chevron",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":"true"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 18l6-6-6-6"})))),t&&e("div",{class:"order-tickets"},e("tl-order-tickets",{orderId:r.id,columns:this.columns})))}render(){return this.loading?e("div",{class:"orders"},[0,1,2].map((r=>e("div",{class:"skeleton",key:r})))):this.authenticated?e("div",{class:"orders"},this.error?e("div",{class:"state error"},e("p",{class:"state-title"},"Could not load your orders"),e("p",{class:"state-text"},this.error)):0===this.orders.length?e("div",{class:"state empty"},e("svg",{class:"empty-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":"true"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"}),e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M13 5v2M13 17v2M13 11v2"})),e("p",{class:"state-title"},"No orders yet"),e("p",{class:"state-text"},this.emptyMessage)):e("ul",{class:"order-list"},this.orders.map((r=>this.renderRow(r))))):e("div",{class:"orders"},e("div",{class:"signin"},e("p",{class:"signin-title"},"Sign in to see your orders"),e("p",{class:"signin-text"},"Your tickets and order history live in your account.")),e("tl-login",null))}};f.style=":host{display:block;font-family:var(--tl-font-family, system-ui, sans-serif);color:var(--tl-foreground, #111827)}.orders{display:flex;flex-direction:column;gap:var(--tl-spacing-4, 1rem)}.order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tl-spacing-3, 0.75rem)}.order{background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e5e7eb);border-radius:var(--tl-radius-lg, 0.75rem);overflow:hidden;transition:border-color 0.2s ease, box-shadow 0.2s ease}.order:hover,.order.expanded{border-color:var(--tl-primary, #6366f1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.order-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tl-spacing-4, 1rem);width:100%;padding:var(--tl-spacing-4, 1rem);font:inherit;color:inherit;text-align:left;background:none;border:none;cursor:pointer}.order-main{display:flex;flex-direction:column;gap:var(--tl-spacing-1, 0.25rem);min-width:0}.order-number{font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--tl-muted-foreground, #6b7280)}.order-event{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-meta{display:flex;flex-wrap:wrap;gap:var(--tl-spacing-3, 0.75rem);font-size:0.8125rem;color:var(--tl-muted-foreground, #6b7280)}.order-side{display:flex;align-items:center;gap:var(--tl-spacing-3, 0.75rem);flex-shrink:0}.order-total{font-weight:600}.status{padding:0.125rem 0.5rem;font-size:0.75rem;font-weight:500;border-radius:9999px;background:var(--tl-secondary, #f3f4f6);color:var(--tl-secondary-foreground, #111827)}.status-success{background:var(--tl-success, #10b981);color:var(--tl-success-foreground, #ffffff)}.status-info{background:var(--tl-primary, #6366f1);color:var(--tl-primary-foreground, #ffffff)}.status-warning{background:var(--tl-warning, #f59e0b);color:var(--tl-warning-foreground, #ffffff)}.status-error{background:var(--tl-error, #ef4444);color:var(--tl-error-foreground, #ffffff)}.chevron{width:1.125rem;height:1.125rem;color:var(--tl-muted-foreground, #6b7280);transition:transform 0.2s ease}.expanded .chevron{transform:rotate(90deg)}.order-tickets{padding:0 var(--tl-spacing-4, 1rem) var(--tl-spacing-4, 1rem);border-top:1px solid var(--tl-border, #e5e7eb);padding-top:var(--tl-spacing-4, 1rem)}@media (max-width: 480px){.order-row{flex-direction:column;align-items:stretch}.order-side{justify-content:space-between}}.signin{text-align:center}.signin-title,.state-title{margin:0;font-size:1.125rem;font-weight:600}.signin-text,.state-text{margin:var(--tl-spacing-1, 0.25rem) 0 0;font-size:0.875rem;color:var(--tl-muted-foreground, #6b7280)}.state{padding:var(--tl-spacing-8, 2rem) var(--tl-spacing-4, 1rem);text-align:center;background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e5e7eb);border-radius:var(--tl-radius-lg, 0.75rem)}.state.error .state-title{color:var(--tl-error, #ef4444)}.empty-icon{width:3rem;height:3rem;margin:0 auto var(--tl-spacing-3, 0.75rem);color:var(--tl-primary, #6366f1)}.skeleton{height:5rem;background:var(--tl-secondary, #f3f4f6);border-radius:var(--tl-radius-lg, 0.75rem);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}";export{f as tl_my_orders}

package/dist/ticketlayer-elements/p-7ff43848.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a,H as r}from"./p-Ba-RZTFI.js";import{w as i,g as o}from"./p-CqhvfyKV.js";const s=class{constructor(a){e(this,a),this.tlClose=t(this,"tlClose"),this.tlCheckout=t(this,"tlCheckout"),this.tlError=t(this,"tlError"),this.step="loading",this.eventName="",this.imageUrl="",this.venueLabel="",this.dateSummary="",this.selectedOccurrenceId=null,this.occurrenceCount=0,this.occurrenceLabel="",this.error=null,this.handleOccurrenceSelect=e=>{const t=e.detail.occurrence;this.selectedOccurrenceId=t.id,this.occurrenceLabel=this.labelFor(t),this.step="tickets"},this.handleAdded=()=>{this.step="done"},this.backToDates=()=>{this.selectedOccurrenceId=null,this.step="occurrence"},this.close=()=>this.tlClose.emit(),this.goCheckout=()=>this.tlCheckout.emit()}async componentWillLoad(){if(this.eventId)try{await i();const e=await o().getEventsManager().get(this.eventId);this.eventName=e?.name??"Tickets",this.imageUrl=e?.imageUrl||e?.heroImageUrl||"",this.venueLabel=[e?.venueName,e?.venueCity].filter(Boolean).join(", ");const t=e?.occurrences??[];this.occurrenceCount=t.length,this.dateSummary=this.summariseDates(t);const a=this.occurrenceId??(1===t.length?t[0]?.id:null);a?(this.selectedOccurrenceId=a,this.occurrenceLabel=this.labelFor(t.find((e=>e.id===a))),this.step="tickets"):this.step="occurrence"}catch(e){this.fail(e instanceof Error?e.message:"Could not load this event")}else this.fail("No event specified")}fail(e){this.error=e,this.step="error",this.tlError.emit({message:e})}summariseDates(e){const t=e.map((e=>e.startsAt)).filter((e=>!!e)).sort();if(0===t.length)return"";const a=e=>new Date(e).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"});if(1===t.length)return new Date(t[0]).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",year:"numeric"});const r=a(t[0]),i=a(t[t.length-1]);return`${r===i?r:`${r} – ${i}`} · ${t.length} dates`}labelFor(e){return e?.startsAt?new Date(e.startsAt).toLocaleString("en-GB",{weekday:"short",day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"}):""}stepKicker(){switch(this.step){case"occurrence":return"Choose a date";case"tickets":return"Select tickets";case"done":return"Nice one";default:return"Tickets"}}render(){return a(r,{key:"1245e518c2b5232f4d9dba091cf808cd3867fbef"},a("div",{key:"4e770fccdd785444f1cc87df4adab5a5dc1bf58a",class:"overlay",onClick:e=>{e.target===e.currentTarget&&this.close()}},a("div",{key:"57b13dac690028aeebd6a601acfba07f00854c40",class:{panel:!0,"panel--wide":"occurrence"===this.step},role:"dialog","aria-modal":"true","aria-label":this.eventName},a("header",{key:"881e9cc70a0ca25947f272b9ebcb2e6d4b4268f2",class:"panel-header"},this.imageUrl&&a("div",{key:"753f7df1b5118dfacbbc6b89b4e5d7ba114f6cdf",class:"event-thumb",style:{backgroundImage:`url(${this.imageUrl})`}}),a("div",{key:"9aaa32d1add90fabd1b0ea0c100f198962f4e6a5",class:"titles"},a("span",{key:"538032bdf2338206ad763417386852ff97cc472f",class:"kicker"},this.stepKicker()),a("h2",{key:"71429804179e7fbbea1fa90a2937a065517092f5",class:"event-name"},this.eventName),this.venueLabel&&a("p",{key:"dd968b397deab890df3a4fbdff33226e82bd9660",class:"event-meta"},this.venueLabel),this.dateSummary&&a("p",{key:"f40e6049d09b06c9f599e7d14d6fbb43b39b22fd",class:"event-meta"},this.dateSummary)),a("button",{key:"dbe0908f8cd8544654b627921f68cc4961802b77",class:"close-btn","aria-label":"Close",onClick:this.close},a("svg",{key:"23a750830e6e16d28cbcd5025507d25848aaadf7",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("path",{key:"e81b8763a5c781f72c1ca8a2113482948e3ba8cc",d:"M6 6l12 12M18 6L6 18","stroke-linecap":"round"})))),a("div",{key:"da71e610f907cf53e78246d2065aaf526d5ceffd",class:"panel-body"},"loading"===this.step&&a("div",{key:"28cbb9a98c7b08fa8dcb9d8d5dfbf3bec93fe38d",class:"state-msg"},a("span",{key:"915c8de87cbdc7da1ccf0622ce6c0f02fccf2cad",class:"spinner"})," Loading…"),"error"===this.step&&a("div",{key:"5785578bfef6f1ee81d938d91ffd3ded975f8c12",class:"state-msg error"},this.error),"occurrence"===this.step&&a("tl-occurrence-selector",{key:"eeb853eab141c3c103015e82d221a140f6a3a109",eventId:this.eventId,onTlSelect:this.handleOccurrenceSelect}),"tickets"===this.step&&this.selectedOccurrenceId&&a("div",{key:"f608f592ba651eb431375433eb4ff9393863ade5",class:"tickets-step"},this.occurrenceCount>1&&a("button",{key:"84adfbdbeaceb2cf4238c6ffd09558b4499ca940",class:"back-link",onClick:this.backToDates},"← Change date"),this.occurrenceLabel&&a("p",{key:"0317e9194049608711e8c622142c3ad2c0a5dc12",class:"occ-label"},this.occurrenceLabel),a("tl-ticket-selector",{key:"27b1e05d9d92fb8d519375e2b27d4b5ea0a4890a",eventId:this.eventId,occurrenceId:this.selectedOccurrenceId,onTlAddToCart:this.handleAdded})),"done"===this.step&&a("div",{key:"0853088206988c66d489f8804df7899821d49e64",class:"done-step"},a("div",{key:"c2955b893c4dffaadcdfd27bee96ef2724a131a6",class:"done-mark"},"🎟️"),a("p",{key:"370c30dfcbc0c25b4794d984dd261a3a5779a9dc",class:"done-title"},"Added to your cart"),a("p",{key:"c462f3c9292740e2fd2c74b173484f80a5dc1a30",class:"done-sub"},"Held for you while you check out."),a("button",{key:"484991f79572e3213ad6413a1af87599880c3643",class:"primary-btn",onClick:this.goCheckout},"Go to checkout"),a("button",{key:"5b4ba5a472b794e8f5af0f131dad1c8c11b869f5",class:"ghost-btn",onClick:this.close},"Keep browsing")))),a("div",{key:"9acdd36744d363f41f0bed7938ecea33322362d1",class:"powered-by"},a("div",{key:"f45545a8fc625336618352f0c0e9e84a1babce96",class:"pb-links"},a("a",{key:"dd929b12419b8353d9a09ad242a9f351dfd699e2",href:"https://ticketlayer.com/privacy",target:"_blank",rel:"noopener noreferrer"},"Privacy Policy"),a("a",{key:"859be221bdc76602defaebdb89a997778cda6a91",href:"https://ticketlayer.com/report-abuse",target:"_blank",rel:"noopener noreferrer"},"Report Abuse")),a("a",{key:"d4e1f44b3b084160d2df8b9d15e075ddc5e05363",class:"pb-brand",href:"https://ticketlayer.com",target:"_blank",rel:"noopener noreferrer"},a("span",{key:"fe7fd86576a4e9772daa2c4c449da060f20fa143",class:"pb-pre"},"Powered by"),a("svg",{key:"19412bd9e5522f0af9f847fe8fda6aa0f0004a3a",width:"14",height:"14",viewBox:"0 0 50 50",fill:"none","aria-hidden":"true"},a("g",{key:"8e82f14ab1e8094a210db95b1310ce6c0feef446",transform:"matrix(0.0129 0 0 -0.0129 25.4752 25.4752)"},a("path",{key:"b50b04cfc07c4e55fcf5ce92967f69b99d34dd34",fill:"currentColor",transform:"translate(-1781.5, -1759.4003)",d:"M 41 2973 c 1 -285 5 -734 9 -998 c 7 -444 9 -488 30 -580 c 81 -364 235 -634 512 -900 c 135 -130 263 -220 423 -299 c 156 -77 249 -109 409 -143 c 110 -23 142 -25 354 -24 c 230 1 310 8 427 37 c 241 60 453 162 640 309 c 82 64 252 234 317 315 c 210 264 340 604 355 926 l 6 121 l -69 6 c -86 8 -706 9 -755 1 l -36 -6 l -21 -125 c -34 -191 -98 -317 -236 -462 c -111 -115 -249 -198 -396 -238 c -98 -27 -356 -24 -463 5 c -100 27 -183 69 -273 137 c -226 173 -353 409 -354 660 c 0 44 -5 120 -10 169 c -6 49 -8 91 -6 94 c 3 3 65 -22 138 -55 c 140 -64 251 -103 358 -127 c 71 -17 295 -46 347 -46 l 33 0 l 0 434 l 0 434 l -67 7 c -147 14 -269 56 -393 133 c -222 139 -378 393 -397 648 l -6 71 l -75 7 c -41 3 -239 6 -439 6 l -363 0 l 1 -517 z"}))),a("span",{key:"2623449abd22f36f5af80d5605d3b274a4c214c4",class:"pb-word"},"ticketlayer")))))}};s.style=":host{--_bg:var(--tl-background, #ffffff);--_fg:var(--tl-foreground, #111827);--_muted:var(--tl-muted, #f3f4f6);--_muted-fg:var(--tl-muted-foreground, #6b7280);--_border:var(--tl-border, #e5e7eb);--_primary:var(--tl-primary, #6366f1);--_primary-fg:var(--tl-primary-foreground, #ffffff);--_radius:var(--tl-radius-lg, var(--tl-radius, 0.75rem));--_font:var(--tl-font-family, system-ui, -apple-system, sans-serif);font-family:var(--_font)}.overlay{position:fixed;inset:0;z-index:2147483646;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:rgba(8, 8, 16, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tl-fade 0.18s ease-out}.panel{width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:var(--_radius);box-shadow:0 24px 64px rgba(0, 0, 0, 0.45);animation:tl-rise 0.22s cubic-bezier(0.16, 1, 0.3, 1);transition:max-width 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.panel--wide{max-width:720px}.powered-by{width:100%;max-width:460px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;font-size:12px;font-weight:500;color:rgba(255, 255, 255, 0.78);animation:tl-fade 0.3s ease-out}.powered-by a{color:inherit;text-decoration:none;opacity:0.85;transition:opacity 0.15s ease}.powered-by a:hover{opacity:1}.powered-by .pb-links{display:flex;gap:16px;align-items:center}.powered-by .pb-brand{display:inline-flex;align-items:center;gap:6px;opacity:0.92}.powered-by .pb-brand svg{display:block}.powered-by .pb-pre{opacity:0.7}.powered-by .pb-word{font-weight:700;letter-spacing:0.01em}.panel-header{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--_border)}.event-thumb{flex:none;width:56px;height:56px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--_muted);border:1px solid var(--_border)}.titles{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.event-meta{margin:0;font-size:0.8rem;color:var(--_muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kicker{font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--_primary)}.event-name{margin:0;font-size:1.18rem;font-weight:700;line-height:1.25;color:var(--_fg);overflow:hidden;text-overflow:ellipsis}.close-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--_muted);color:var(--_muted-fg);cursor:pointer;transition:color 0.15s, background 0.15s}.close-btn:hover{color:var(--_fg)}.close-btn svg{width:16px;height:16px}.panel-body{padding:18px 22px 22px;overflow-y:auto}.state-msg{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--_muted-fg)}.state-msg.error{color:#b91c1c}.spinner{width:16px;height:16px;border:2px solid var(--_border);border-top-color:var(--_primary);border-radius:999px;animation:tl-spin 0.7s linear infinite}.tickets-step{display:flex;flex-direction:column;gap:6px}.back-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--_primary);font-size:0.85rem;font-weight:500;cursor:pointer}.back-link:hover{text-decoration:underline}.occ-label{margin:2px 0 8px;font-size:0.9rem;font-weight:600;color:var(--_fg)}.done-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 0 4px}.done-mark{font-size:2.4rem;line-height:1;margin-bottom:6px}.done-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--_fg)}.done-sub{margin:0 0 14px;font-size:0.9rem;color:var(--_muted-fg)}.primary-btn{width:100%;padding:13px;border:0;border-radius:var(--tl-radius-md, 0.5rem);background:var(--_primary);color:var(--_primary-fg);font-size:0.98rem;font-weight:600;cursor:pointer;transition:opacity 0.15s}.primary-btn:hover{opacity:0.9}.ghost-btn{width:100%;margin-top:8px;padding:12px;border:1px solid var(--_border);border-radius:var(--tl-radius-md, 0.5rem);background:transparent;color:var(--_fg);font-size:0.95rem;font-weight:500;cursor:pointer;transition:background 0.15s}.ghost-btn:hover{background:var(--_muted)}@keyframes tl-fade{from{opacity:0}}@keyframes tl-rise{from{opacity:0;transform:translateY(12px) scale(0.98)}}@keyframes tl-spin{to{transform:rotate(360deg)}}";export{s as tl_buy_modal}

package/dist/ticketlayer-elements/p-976770f3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r}from"./p-Ba-RZTFI.js";import{w as a,g as o,h as s}from"./p-CqhvfyKV.js";const i=class{constructor(r){t(this,r),this.tlSelect=e(this,"tlSelect"),this.orientation="auto",this.loading=!0,this.error=null,this.occurrences=[],this.currentMonth=new Date,this.selectedDate=null,this.computedDisplayMode="list",this.containerWidth=0}async componentWillLoad(){await this.waitForSDKAndFetch()}async waitForSDKAndFetch(){if(!this.eventId)return this.error="Event ID is required",void(this.loading=!1);try{await a(),await this.fetchOccurrences()}catch(t){this.error=t instanceof Error?t.message:"SDK not initialized.",this.loading=!1}}componentDidLoad(){this.containerRef&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((t=>{for(const e of t)this.containerWidth=e.contentRect.width})),this.resizeObserver.observe(this.containerRef))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}async onEventIdChange(){await this.fetchOccurrences()}async fetchOccurrences(){this.loading=!0,this.error=null;try{const t=o().getEventsManager(),e=await t.get(this.eventId);if(!e)throw new Error("Event not found");this.occurrences=(e.occurrences||[]).map((t=>({id:t.id,startsAt:t.startsAt,endsAt:t.endsAt,status:t.availabilityStatus,availableCapacity:t.availableCapacity,soldOut:"sold_out"===t.availabilityStatus}))),this.computeDisplayMode(),this.computeInitialSelection()}catch(t){console.error("[tl-occurrence-selector] Failed to fetch occurrences:",t),this.error=t instanceof Error?t.message:"Failed to load occurrences",this.occurrences=[]}finally{this.loading=!1}}computeDisplayMode(){if(this.displayMode)return void(this.computedDisplayMode=this.displayMode);if(this.occurrences.length<=5)return void(this.computedDisplayMode="list");const t=new Set;for(const e of this.occurrences){const r=new Date(e.startsAt);t.add(r.toDateString())}this.computedDisplayMode=1===t.size?"slots":"calendar"}computeInitialSelection(){if(0===this.occurrences.length)return;const t=new Date;t.setHours(0,0,0,0);const e=this.getDatesWithOccurrences();let r=null;for(const a of Array.from(e.keys()).sort()){const e=new Date(a);if(e>=t){r=e;break}}if(!r&&e.size>0){const t=Array.from(e.keys()).sort();r=new Date(t[t.length-1])}r&&(this.selectedDate=r,this.currentMonth=new Date(r.getFullYear(),r.getMonth(),1))}getDatesWithOccurrences(){const t=new Map;for(const e of this.occurrences){const r=new Date(e.startsAt);r.setHours(0,0,0,0);const a=r.toDateString();t.has(a)||t.set(a,[]),t.get(a).push(e)}return t}getDateRange(){if(0===this.occurrences.length)return null;let t=new Date(this.occurrences[0].startsAt),e=new Date(this.occurrences[0].startsAt);for(const r of this.occurrences){const a=new Date(r.startsAt);a<t&&(t=a),a>e&&(e=a)}return{first:t,last:e}}isSingleWeek(){const t=this.getDateRange();if(!t)return!1;const e=new Date(t.first),r=e.getDay(),a=0===r?6:r-1;e.setDate(e.getDate()-a),e.setHours(0,0,0,0);const o=new Date(e);return o.setDate(o.getDate()+6),o.setHours(23,59,59,999),t.last<=o}isSingleMonth(){const t=this.getDateRange();return!!t&&t.first.getMonth()===t.last.getMonth()&&t.first.getFullYear()===t.last.getFullYear()}isHorizontalLayout(){return"horizontal"===this.orientation||"vertical"!==this.orientation&&this.containerWidth>=768}formatDate(t){return t.toLocaleDateString("en-GB",{weekday:"long",day:"numeric",month:"long",year:"numeric"})}formatTime(t){return new Date(t).toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit"})}formatDateTime(t){const e=new Date(t);return{date:e.toLocaleDateString("en-GB",{weekday:"long",day:"numeric",month:"long",year:"numeric"}),time:e.toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit"})}}handleSelect(t){t.soldOut||0===t.availableCapacity||(console.log("[tl-occurrence-selector] Selected:",t.id),this.tlSelect.emit({occurrence:t}))}handleDateSelect(t){this.selectedDate=t,t.getMonth()===this.currentMonth.getMonth()&&t.getFullYear()===this.currentMonth.getFullYear()||(this.currentMonth=new Date(t.getFullYear(),t.getMonth(),1))}handlePrevMonth(){const t=this.getDateRange();if(!t)return;const e=new Date(this.currentMonth);e.setMonth(e.getMonth()-1),e>=new Date(t.first.getFullYear(),t.first.getMonth(),1)&&(this.currentMonth=e)}handleNextMonth(){const t=this.getDateRange();if(!t)return;const e=new Date(this.currentMonth);e.setMonth(e.getMonth()+1),e<=new Date(t.last.getFullYear(),t.last.getMonth(),1)&&(this.currentMonth=e)}isPrevMonthDisabled(){const t=this.getDateRange();if(!t)return!0;const e=new Date(t.first.getFullYear(),t.first.getMonth(),1);return this.currentMonth<=e}isNextMonthDisabled(){const t=this.getDateRange();if(!t)return!0;const e=new Date(t.last.getFullYear(),t.last.getMonth(),1);return this.currentMonth>=e}getCalendarDays(){if(this.isSingleWeek()){const t=this.getDateRange();if(!t)return[];const e=new Date(t.first),r=e.getDay(),a=0===r?6:r-1;e.setDate(e.getDate()-a),e.setHours(0,0,0,0);const o=[],s=new Date(e);for(let t=0;t<7;t++)o.push(new Date(s)),s.setDate(s.getDate()+1);return o}const t=this.currentMonth.getFullYear(),e=this.currentMonth.getMonth(),r=new Date(t,e,1),a=new Date(t,e+1,0),o=r.getDay(),s=0===o?6:o-1,i=new Date(r);i.setDate(i.getDate()-s);const n=a.getDay(),l=0===n?0:7-n,c=new Date(a);c.setDate(c.getDate()+l);const d=[],f=new Date(i);for(;f<=c;)d.push(new Date(f)),f.setDate(f.getDate()+1);return d}hasOccurrencesOnDate(t){const e=t.toDateString();return this.getDatesWithOccurrences().has(e)}isDateSoldOut(t){const e=t.toDateString(),r=this.getDatesWithOccurrences().get(e);return!!r&&r.every((t=>t.soldOut||0===t.availableCapacity))}getSelectedDateOccurrences(){if(!this.selectedDate)return[];const t=this.selectedDate.toDateString();return(this.getDatesWithOccurrences().get(t)||[]).sort(((t,e)=>new Date(t.startsAt).getTime()-new Date(e.startsAt).getTime()))}getThemeStyles(){if(!this.theme)return{};const t={};return this.theme.primaryColor&&(t["--tl-primary"]=this.theme.primaryColor),this.theme.primaryForeground&&(t["--tl-primary-foreground"]=this.theme.primaryForeground),this.theme.backgroundColor&&(t["--tl-background"]=this.theme.backgroundColor),this.theme.foregroundColor&&(t["--tl-foreground"]=this.theme.foregroundColor),this.theme.mutedColor&&(t["--tl-muted"]=this.theme.mutedColor),this.theme.mutedForeground&&(t["--tl-muted-foreground"]=this.theme.mutedForeground),this.theme.borderColor&&(t["--tl-border"]=this.theme.borderColor),this.theme.borderRadius&&(t["--tl-radius"]=this.theme.borderRadius),this.theme.fontFamily&&(t["--tl-font-family"]=this.theme.fontFamily),t}renderListView(){return r("div",{class:"list-view"},this.occurrences.map((t=>{const e=t.soldOut||0===t.availableCapacity,{date:a,time:o}=this.formatDateTime(t.startsAt);return r("button",{key:t.id,class:"occurrence-item "+(e?"sold-out":""),onClick:()=>this.handleSelect(t),disabled:e},r("div",{class:"occurrence-info"},r("div",{class:"occurrence-date"},a),r("div",{class:"occurrence-time"},o,t.endsAt&&` - ${this.formatTime(t.endsAt)}`)),r("div",{class:"occurrence-status"},e?r("span",{class:"status-sold-out"},"Sold Out"):t.availableCapacity?r("span",{class:"status-available"},t.availableCapacity," available"):r("span",{class:"status-arrow"},"→")))})))}renderSlotsView(){const t=[...this.occurrences].sort(((t,e)=>new Date(t.startsAt).getTime()-new Date(e.startsAt).getTime())),e=t.length>0?this.formatDate(new Date(t[0].startsAt)):"";return r("div",{class:"slots-view"},e&&r("div",{class:"slots-date-header"},e),r("div",{class:"time-slots-grid"},t.map((t=>{const e=t.soldOut||0===t.availableCapacity;return r("button",{key:t.id,class:"time-slot "+(e?"sold-out":""),onClick:()=>this.handleSelect(t),disabled:e},r("span",{class:"slot-time"},this.formatTime(t.startsAt)),e&&r("span",{class:"slot-sold-out"},"Sold Out"))}))))}renderCalendarHeader(){const t=this.currentMonth.toLocaleDateString("en-GB",{month:"long",year:"numeric"}),e=!this.isSingleMonth();return r("div",{class:"calendar-header"},r("span",{class:"month-label"},t),e&&r("div",{class:"calendar-nav-buttons"},r("button",{class:"nav-button",onClick:()=>this.handlePrevMonth(),disabled:this.isPrevMonthDisabled(),"aria-label":"Previous month"},r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},r("path",{d:"M15 18l-6-6 6-6"}))),r("button",{class:"nav-button",onClick:()=>this.handleNextMonth(),disabled:this.isNextMonthDisabled(),"aria-label":"Next month"},r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},r("path",{d:"M9 18l6-6-6-6"})))))}renderCalendarGrid(){const t=this.getCalendarDays(),e=new Date;return e.setHours(0,0,0,0),r("div",{class:"calendar-grid"},["Mon","Tue","Wed","Thu","Fri","Sat","Sun"].map((t=>r("div",{class:"weekday-header",key:t},t))),t.map((t=>{const a=t.getMonth()===this.currentMonth.getMonth(),o=this.hasOccurrencesOnDate(t),s=this.isDateSoldOut(t),i=this.selectedDate&&t.toDateString()===this.selectedDate.toDateString(),n=t.toDateString()===e.toDateString(),l=t<e;return r("button",{key:t.toISOString(),class:`calendar-day \n                ${a?"":"other-month"} \n                ${o?"has-occurrences":""} \n                ${s?"sold-out":""} \n                ${i?"selected":""} \n                ${n?"today":""}\n                ${l?"past":""}`,onClick:()=>o&&this.handleDateSelect(t),disabled:!o},r("span",{class:"day-number"},t.getDate()),o&&r("span",{class:"occurrence-dot"}))})))}renderSelectedDateSlots(){const t=this.getSelectedDateOccurrences();if(!this.selectedDate||0===t.length)return r("div",{class:"selected-date-slots empty"},r("p",null,"Select a date to see available times"));const e=this.formatDate(this.selectedDate);return r("div",{class:"selected-date-slots"},r("div",{class:"selected-date-header"},e),r("div",{class:"time-slots-list"},t.map((t=>{const e=t.soldOut||0===t.availableCapacity;return r("button",{key:t.id,class:"time-slot-item "+(e?"sold-out":""),onClick:()=>this.handleSelect(t),disabled:e},r("span",{class:"slot-time"},this.formatTime(t.startsAt)),r("div",{class:"slot-status"},e?r("span",{class:"status-sold-out"},"Sold Out"):t.availableCapacity?r("span",{class:"status-available"},t.availableCapacity," available"):r("span",{class:"status-arrow"},"→")))}))))}renderCalendarView(){const t=this.isHorizontalLayout();return r("div",{class:"calendar-view "+(t?"horizontal":"vertical")},r("div",{class:"calendar-panel"},this.renderCalendarHeader(),this.renderCalendarGrid()),r("div",{class:"slots-panel"},this.renderSelectedDateSlots()))}renderSkeleton(){return r("div",{class:"loading-container"},r("div",{class:"skeleton-calendar"},r("div",{class:"skeleton skeleton-calendar-header"}),r("div",{class:"skeleton-calendar-grid"},Array.from({length:35},((t,e)=>r("div",{key:e,class:"skeleton skeleton-calendar-day"}))))))}render(){const t=this.getThemeStyles();return r("div",{key:"40758aaa06e5f062de92675766e4531995f74bc7",class:"occurrence-selector",ref:t=>this.containerRef=t,style:t},this.loading&&this.renderSkeleton(),!this.loading&&this.error&&r("div",{key:"6d2f5b9c07f65d4941bfb4870729fe3248cb277e",class:"error-container"},r("svg",{key:"daaf1f48dcff80ae7cf94ae0da1d66d9c9b7fb0f",class:"error-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},r("circle",{key:"0a9f494a5cf7f79146e56fc44469a3ca9e5238ae",cx:"12",cy:"12",r:"10"}),r("path",{key:"67d7b453508c847593136bd60e34ea0c38d30cda",d:"M12 8v4m0 4h.01"})),r("p",{key:"c1cc92585ed4451b686350b6d718c3ba06b72dd3",class:"error-message"},this.error),r("button",{key:"4ec9d048af704af12a800385b9868501973ba477",class:"retry-button",onClick:()=>this.fetchOccurrences()},"Retry")),!this.loading&&!this.error&&(0===this.occurrences.length?r("div",{class:"no-occurrences"},r("p",null,"No dates available for this event.")):r("div",{class:"selector-content"},"list"===this.computedDisplayMode&&this.renderListView(),"slots"===this.computedDisplayMode&&this.renderSlotsView(),"calendar"===this.computedDisplayMode&&this.renderCalendarView())))}static get watchers(){return{eventId:[{onEventIdChange:0}]}}};i.style=":host{--tl-radius:var(--tl-radius-md, 0.5rem);display:block;font-family:var(--tl-font-family, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);color:var(--tl-foreground, #0f172a)}*{box-sizing:border-box;margin:0;padding:0}.occurrence-selector{width:100%}.no-occurrences{text-align:center;padding:3rem 1rem;color:var(--tl-muted-foreground, #64748b)}.list-view{display:flex;flex-direction:column;gap:0.75rem}.occurrence-item{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:1rem 1.25rem;background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e2e8f0);border-radius:var(--tl-radius);text-align:left;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.occurrence-item:hover:not(:disabled){border-color:var(--tl-primary, #e64b12);background:color-mix(in srgb, var(--tl-primary, #e64b12) 5%, var(--tl-background, #ffffff))}.occurrence-item:focus-visible{outline:2px solid var(--tl-primary);outline-offset:2px}.occurrence-item:disabled{cursor:not-allowed;opacity:0.6;background:var(--tl-muted, #f1f5f9)}.occurrence-item.sold-out{opacity:0.6;background:var(--tl-muted, #f1f5f9)}.occurrence-info{flex:1}.occurrence-date{font-weight:600;font-size:0.9375rem;color:var(--tl-foreground, #0f172a);margin-bottom:0.25rem}.occurrence-time{font-size:0.875rem;color:var(--tl-muted-foreground)}.occurrence-status{flex-shrink:0;text-align:right}.status-sold-out{font-size:0.875rem;font-weight:500;color:var(--tl-muted-foreground)}.status-available{font-size:0.875rem;color:var(--tl-muted-foreground)}.status-arrow{font-size:1.25rem;color:var(--tl-primary, #e64b12)}.slots-view{display:flex;flex-direction:column;gap:1rem}.slots-date-header{font-size:1.125rem;font-weight:600;color:var(--tl-foreground, #0f172a);padding-bottom:0.5rem;border-bottom:1px solid var(--tl-border)}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:0.5rem}.time-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.75rem 0.5rem;background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e2e8f0);border-radius:var(--tl-radius);cursor:pointer;transition:all 0.15s ease;font-family:inherit;min-height:3.5rem}.time-slot:hover:not(:disabled){border-color:var(--tl-primary, #e64b12);background:color-mix(in srgb, var(--tl-primary, #e64b12) 5%, var(--tl-background, #ffffff))}.time-slot:focus-visible{outline:2px solid var(--tl-primary);outline-offset:2px}.time-slot:disabled{cursor:not-allowed;opacity:0.6;background:var(--tl-muted, #f1f5f9)}.time-slot.sold-out{opacity:0.6;background:var(--tl-muted, #f1f5f9)}.slot-time{font-size:0.9375rem;font-weight:600;color:var(--tl-foreground, #0f172a)}.slot-sold-out{font-size:0.6875rem;color:var(--tl-muted-foreground);margin-top:0.125rem}.calendar-view{display:flex;flex-direction:column;gap:1.5rem}.calendar-view.horizontal{flex-direction:row;gap:1.5rem;align-items:flex-start}.calendar-view.horizontal .calendar-panel{flex-shrink:0;width:340px}.calendar-view.horizontal .slots-panel{flex:1;min-width:0}.calendar-view.vertical .calendar-panel{width:100%}.calendar-view.vertical .slots-panel{width:100%}.calendar-panel{border:1px solid var(--tl-border, #e2e8f0);border-radius:var(--tl-radius);padding:1rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.month-label{font-size:1rem;font-weight:600;color:var(--tl-foreground, #0f172a);flex:1}.calendar-nav-buttons{display:flex;gap:0.375rem}.nav-button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e2e8f0);border-radius:var(--tl-radius);cursor:pointer;transition:all 0.15s ease;color:var(--tl-foreground, #0f172a)}.nav-button:hover:not(:disabled){background:var(--tl-muted, #f1f5f9)}.nav-button:disabled{cursor:not-allowed;opacity:0.4}.nav-button svg{width:0.875rem;height:0.875rem}.calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:0.1875rem}.weekday-header{text-align:center;font-size:0.6875rem;font-weight:600;color:var(--tl-muted-foreground);padding:0.375rem 0;text-transform:uppercase;letter-spacing:0.05em}.calendar-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;padding:0.1875rem;background:var(--tl-background, #ffffff);border:1px solid transparent;border-radius:var(--tl-radius);cursor:default;transition:all 0.15s ease;font-family:inherit;font-size:0.9375rem;font-weight:500;color:var(--tl-foreground, #0f172a)}.calendar-day.other-month{color:var(--tl-muted-foreground);opacity:0.5}.calendar-day.has-occurrences{cursor:pointer;background:color-mix(in srgb, var(--tl-primary, #e64b12) 10%, var(--tl-background, #ffffff));border-color:transparent;font-weight:600;color:var(--tl-primary, #e64b12)}.calendar-day.has-occurrences:hover{background:color-mix(in srgb, var(--tl-primary, #e64b12) 18%, var(--tl-background, #ffffff));border-color:transparent}.calendar-day.has-occurrences.sold-out{background:var(--tl-muted, #f1f5f9);border-color:transparent}.calendar-day.has-occurrences.sold-out:hover{background:color-mix(in srgb, var(--tl-muted, #f1f5f9) 80%, var(--tl-background, #ffffff));border-color:transparent}.calendar-day.selected{background:var(--tl-primary, #e64b12);border-color:var(--tl-primary, #e64b12);color:var(--tl-primary-foreground, #ffffff)}.calendar-day.selected:hover{background:color-mix(in srgb, var(--tl-primary, #e64b12) 90%, black)}.calendar-day.selected .occurrence-dot{background:var(--tl-primary-foreground)}.calendar-day.today .day-number{font-weight:700;text-decoration:underline;text-underline-offset:2px}.calendar-day.past:not(.has-occurrences){opacity:0.4}.day-number{line-height:1}.occurrence-dot{display:none}.slots-panel{min-height:200px}.selected-date-slots{height:100%}.selected-date-slots.empty{display:flex;align-items:center;justify-content:center;color:var(--tl-muted-foreground);background:var(--tl-muted, #f1f5f9);border-radius:var(--tl-radius);padding:2rem 1rem;text-align:center;min-height:200px;font-size:0.875rem}.selected-date-header{font-size:0.9375rem;font-weight:600;color:var(--tl-foreground, #0f172a);padding-bottom:0.625rem;margin-bottom:0.625rem}.time-slots-list{display:flex;flex-direction:column;gap:0.5rem}.time-slot-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.625rem 0.875rem;background:var(--tl-background, #ffffff);border:1px solid var(--tl-border, #e2e8f0);border-radius:var(--tl-radius);text-align:left;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.time-slot-item:hover:not(:disabled){border-color:var(--tl-primary, #e64b12);background:color-mix(in srgb, var(--tl-primary, #e64b12) 5%, var(--tl-background, #ffffff))}.time-slot-item:focus-visible{outline:2px solid var(--tl-primary);outline-offset:2px}.time-slot-item:disabled{cursor:not-allowed;opacity:0.6;background:var(--tl-muted, #f1f5f9)}.time-slot-item.sold-out{opacity:0.6;background:var(--tl-muted, #f1f5f9)}.time-slot-item .slot-time{font-size:0.9375rem;font-weight:600}.slot-status{flex-shrink:0}.slot-status .status-sold-out{font-size:0.75rem}.slot-status .status-available{font-size:0.75rem}.slot-status .status-arrow{font-size:1rem}@media (max-width: 640px){.event-name{font-size:1.25rem}.occurrence-date{font-size:0.875rem}.time-slots-grid{grid-template-columns:repeat(auto-fill, minmax(80px, 1fr))}.time-slot{padding:0.625rem 0.375rem;min-height:3rem}.slot-time{font-size:0.875rem}.calendar-day{font-size:0.75rem}.weekday-header{font-size:0.625rem}.calendar-view.horizontal .calendar-panel{width:100%}}@media (max-width: 767px){.calendar-view.horizontal{flex-direction:column}}.loading-container{padding:1rem 0;min-height:400px}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.skeleton{background:var(--tl-muted, #f1f5f9);border-radius:var(--tl-radius);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-list{display:flex;flex-direction:column;gap:0.75rem}.skeleton-list-item{height:4.5rem;border-radius:var(--tl-radius)}.skeleton-calendar{border:1px solid var(--tl-border, #e2e8f0);border-radius:var(--tl-radius);padding:1rem;min-height:350px}.skeleton-calendar-header{height:1.75rem;width:50%;margin-bottom:0.75rem;border-radius:var(--tl-radius)}.skeleton-calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:0.1875rem;margin-top:0.75rem}.skeleton-calendar-day{aspect-ratio:1;border-radius:var(--tl-radius)}.skeleton-slots{display:flex;flex-direction:column;gap:1rem}.skeleton-slots-header{height:1.75rem;width:60%;border-radius:var(--tl-radius);margin-bottom:0.5rem}.skeleton-slots-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:0.5rem}.skeleton-slot-item{height:3.5rem;border-radius:var(--tl-radius)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;text-align:center}.error-icon{width:3rem;height:3rem;color:var(--tl-muted-foreground);stroke-width:1.5}.error-message{color:var(--tl-foreground, #0f172a);font-size:0.9375rem;max-width:400px}.retry-button{margin-top:0.5rem;padding:0.625rem 1.25rem;background:var(--tl-primary, #e64b12);color:var(--tl-primary-foreground, #ffffff);border:none;border-radius:var(--tl-radius);font-family:inherit;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s ease}.retry-button:hover{background:color-mix(in srgb, var(--tl-primary, #e64b12) 90%, black)}.retry-button:focus-visible{outline:2px solid var(--tl-primary);outline-offset:2px}";const n=class{constructor(r){t(this,r),this.tlAddToCart=e(this,"tlAddToCart"),this.tlQuantityChange=e(this,"tlQuantityChange"),this.tlError=e(this,"tlError"),this.showButton=!0,this.buttonLabel="Add to Cart",this.ticketTypes=[],this.quantities={},this.loading=!0,this.error=null,this.adding=!1,this.addSuccess=!1}watchPropsChange(){this.loadTicketTypes()}async componentWillLoad(){await this.waitForSDKAndLoad()}async waitForSDKAndLoad(){if(this.eventId&&this.occurrenceId)try{await a(),await this.loadTicketTypes()}catch(t){this.error=t instanceof Error?t.message:"SDK not initialized.",this.loading=!1}}async loadTicketTypes(){try{console.log("[tl-ticket-selector] Loading ticket types...",{eventId:this.eventId,occurrenceId:this.occurrenceId}),this.loading=!0,this.error=null;const t=o().getEventsManager(),e=await t.getTicketTypes(this.eventId,this.occurrenceId);console.log("[tl-ticket-selector] Ticket types loaded:",e.length),this.ticketTypes=e;const r={};e.forEach((t=>{r[t.id]=0})),this.quantities=r}catch(t){console.error("[tl-ticket-selector] Failed to load ticket types:",t),this.error=t instanceof Error?t.message:"Failed to load tickets",this.tlError.emit({message:this.error})}finally{this.loading=!1}}handleQuantityChange(t,e){const r=this.ticketTypes.find((e=>e.id===t));if(!r)return;const a=Math.max(0,Math.min(r.maxPerOrder,(this.quantities[t]||0)+e));this.quantities={...this.quantities,[t]:a};const o=this.calculateTotal();this.tlQuantityChange.emit({ticketTypeId:t,quantity:a,total:o})}calculateTotal(){return this.ticketTypes.reduce(((t,e)=>t+(this.quantities[e.id]||0)*e.price),0)}getTotalItems(){return Object.values(this.quantities).reduce(((t,e)=>t+e),0)}async handleAddToCart(){const t=Object.entries(this.quantities).filter((([t,e])=>e>0)).map((([t,e])=>({ticketTypeId:t,quantity:e})));if(0!==t.length){this.adding=!0,this.addSuccess=!1;try{if(s()){const e=o(),r=e.getCartManager?.();if(r){for(const e of t)await r.addItem(e.ticketTypeId,e.quantity,this.occurrenceId);console.log("[tl-ticket-selector] Items added to cart")}}const e={};this.ticketTypes.forEach((t=>{e[t.id]=0})),this.quantities=e,this.addSuccess=!0,setTimeout((()=>{this.addSuccess=!1}),3e3),this.tlAddToCart.emit({items:t})}catch(t){console.error("[tl-ticket-selector] Failed to add to cart:",t),this.error=t instanceof Error?t.message:"Failed to add to cart",this.tlError.emit({message:this.error})}finally{this.adding=!1}}}formatPrice(t,e="GBP"){return new Intl.NumberFormat("en-GB",{style:"currency",currency:e}).format(t/100)}renderSkeleton(){return r("div",{class:"skeleton-container"},r("div",{class:"skeleton-row"}),r("div",{class:"skeleton-row"}),r("div",{class:"skeleton-row"}))}renderError(){return r("div",{class:"error-state"},r("p",{class:"error-message"},this.error))}renderTicketRow(t){const e="sold_out"===t.availabilityStatus,a=this.quantities[t.id]||0;return r("div",{class:"ticket-row "+(e?"sold-out":""),key:t.id},r("div",{class:"ticket-info"},r("div",{class:"ticket-header"},r("span",{class:"ticket-name"},t.name),"limited"===t.availabilityStatus&&r("span",{class:"status-badge limited"},"Limited"),e&&r("span",{class:"status-badge sold-out"},"Sold Out")),t.description&&r("p",{class:"ticket-description"},t.description),r("p",{class:"ticket-price"},this.formatPrice(t.price,t.currency))),r("div",{class:"quantity-controls"},r("button",{class:"qty-btn",onClick:()=>this.handleQuantityChange(t.id,-1),disabled:e||0===a,"aria-label":"Decrease quantity"},"−"),r("span",{class:"qty-value"},a),r("button",{class:"qty-btn",onClick:()=>this.handleQuantityChange(t.id,1),disabled:e||a>=t.maxPerOrder,"aria-label":"Increase quantity"},"+")))}render(){if(this.loading)return this.renderSkeleton();if(this.error)return this.renderError();const t=this.getTotalItems(),e=this.calculateTotal();return r("div",{class:"ticket-selector"},r("div",{class:"ticket-list"},this.ticketTypes.map((t=>this.renderTicketRow(t)))),this.addSuccess&&r("div",{class:"success-message"},r("svg",{class:"success-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},r("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})),"Added to cart!"),this.showButton&&r("button",{class:"add-to-cart-btn "+(0===t?"disabled":""),onClick:()=>this.handleAddToCart(),disabled:0===t||this.adding},this.adding?"Adding...":0===t?"Select Tickets":`${this.buttonLabel} - ${this.formatPrice(e)}`))}static get watchers(){return{eventId:[{watchPropsChange:0}],occurrenceId:[{watchPropsChange:0}]}}};n.style=":host{--tl-color-primary:var(--tl-primary, #6366f1);--tl-color-primary-foreground:var(--tl-primary-foreground, #ffffff);--tl-color-background:var(--tl-background, #ffffff);--tl-color-foreground:var(--tl-foreground, #111827);--tl-color-muted:var(--tl-muted, #f3f4f6);--tl-color-muted-foreground:var(--tl-muted-foreground, #6b7280);--tl-color-border:var(--tl-border, #e5e7eb);--tl-color-destructive:var(--tl-error, #ef4444);display:block;font-family:var(--tl-font-family, system-ui, sans-serif)}.ticket-selector{background:var(--tl-color-background, #ffffff)}.skeleton-container{padding:var(--tl-spacing-4, 1rem)}.skeleton-row{height:60px;background:var(--tl-color-muted, #f3f4f6);border-radius:var(--tl-radius-md, 0.5rem);margin-bottom:var(--tl-spacing-3, 0.75rem);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.error-state{padding:var(--tl-spacing-4, 1rem);color:var(--tl-color-destructive, #ef4444)}.error-message{margin:0;font-size:14px}.ticket-list{margin-bottom:var(--tl-spacing-4, 1rem)}.ticket-row{display:flex;align-items:center;justify-content:space-between;padding:var(--tl-spacing-3, 0.75rem) 0;border-bottom:1px solid var(--tl-color-border, #e5e7eb)}.ticket-row.sold-out{opacity:0.5}.ticket-info{flex:1;min-width:0}.ticket-header{display:flex;align-items:center;gap:var(--tl-spacing-2, 0.5rem);flex-wrap:wrap}.ticket-name{font-weight:600;color:var(--tl-color-foreground, #111827);font-size:15px}.status-badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px}.status-badge.limited{background-color:var(--tl-color-warning-bg, #fef3c7);color:var(--tl-color-warning, #d97706)}.status-badge.sold-out{background-color:var(--tl-color-destructive-bg, #fee2e2);color:var(--tl-color-destructive, #ef4444)}.ticket-description{margin:var(--tl-spacing-1, 0.25rem) 0 0;font-size:14px;color:var(--tl-color-muted-foreground, #6b7280)}.ticket-price{margin:var(--tl-spacing-1, 0.25rem) 0 0;font-size:14px;font-weight:600;color:var(--tl-color-foreground, #111827)}.quantity-controls{display:flex;align-items:center;gap:var(--tl-spacing-2, 0.5rem);margin-left:var(--tl-spacing-4, 1rem)}.qty-btn{width:32px;height:32px;border-radius:var(--tl-radius-sm, 0.25rem);border:1px solid var(--tl-color-border, #d1d5db);background:var(--tl-color-background, #ffffff);color:var(--tl-color-foreground, #111827);font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.15s, border-color 0.15s}.qty-btn:hover:not(:disabled){background-color:var(--tl-color-muted, #f3f4f6);border-color:var(--tl-color-border-hover, #9ca3af)}.qty-btn:disabled{cursor:not-allowed;opacity:0.5}.qty-value{width:32px;text-align:center;font-weight:600;font-size:16px;color:var(--tl-color-foreground, #111827)}.success-message{display:flex;align-items:center;justify-content:center;gap:var(--tl-spacing-2, 0.5rem);padding:var(--tl-spacing-3, 0.75rem);background-color:var(--tl-color-success, #10b981);color:#ffffff;border-radius:var(--tl-radius-md, 0.5rem);margin-bottom:var(--tl-spacing-3, 0.75rem);font-weight:500;font-size:14px}.success-icon{width:18px;height:18px}.add-to-cart-btn{width:100%;padding:var(--tl-spacing-3, 0.75rem) var(--tl-spacing-4, 1rem);border-radius:var(--tl-radius-md, 0.5rem);border:none;background-color:var(--tl-color-primary, #6366f1);color:var(--tl-color-primary-foreground, #ffffff);font-weight:600;font-size:16px;cursor:pointer;transition:opacity 0.15s, transform 0.1s}.add-to-cart-btn:hover:not(:disabled){opacity:0.9}.add-to-cart-btn:active:not(:disabled){transform:scale(0.98)}.add-to-cart-btn.disabled,.add-to-cart-btn:disabled{background-color:var(--tl-color-muted, #d1d5db);color:var(--tl-color-muted-foreground, #6b7280);cursor:not-allowed}";export{i as tl_occurrence_selector,n as tl_ticket_selector}

package/dist/ticketlayer-elements/p-9a903ff6.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s}from"./p-Ba-RZTFI.js";import{w as r}from"./p-CqhvfyKV.js";const i=class{constructor(s){e(this,s),this.tlEventClick=t(this,"tlEventClick"),this.limit=12,this.columns=3,this.events=[],this.loading=!0,this.error=null,this.handleEventClick=e=>{console.log("[tl-event-list] Event clicked:",e.detail.eventId),this.tlEventClick.emit(e.detail)}}watchFiltersChange(){this.loadEvents()}async componentWillLoad(){await this.loadEvents()}async loadEvents(){try{console.log("[tl-event-list] Loading events via SDK...",{limit:this.limit,category:this.category}),this.loading=!0,this.error=null;const e=(await r()).getEventsManager(),t=await e.list({limit:this.limit,category:this.category});console.log("[tl-event-list] Events loaded:",t.items.length),this.events=t.items}catch(e){console.error("[tl-event-list] Failed to load events:",e),this.error=e instanceof Error?e.message:"Failed to load events"}finally{this.loading=!1}}render(){const e=`event-grid cols-${Math.min(Math.max(this.columns,1),4)}`;return this.loading?s("div",{class:e},Array.from({length:6}).map(((e,t)=>s("div",{class:"skeleton-card",key:t},s("div",{class:"skeleton-image"}),s("div",{class:"skeleton-content"},s("div",{class:"skeleton-line short"}),s("div",{class:"skeleton-line medium"}),s("div",{class:"skeleton-line long"})))))):this.error?s("div",{class:"error-state"},s("p",{class:"error-title"},"Error loading events"),s("p",{class:"error-message"},this.error)):0===this.events.length?s("div",{class:"empty-state"},s("svg",{class:"empty-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})),s("p",{class:"empty-title"},"No events available"),s("p",{class:"empty-message"},"Check back later for upcoming events.")):s("div",{class:e},this.events.map((e=>s("tl-event-card",{key:e.id,event:e,onTlClick:this.handleEventClick}))))}static get watchers(){return{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}]}}};i.style=":host{display:block;font-family:var(--tl-font-family, system-ui, sans-serif)}.event-grid{display:grid;gap:var(--tl-spacing-6, 1.5rem)}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2, 1fr)}.cols-3{grid-template-columns:repeat(3, 1fr)}.cols-4{grid-template-columns:repeat(4, 1fr)}@media (max-width: 1024px){.cols-4,.cols-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}.skeleton-card{background:var(--tl-secondary, #f3f4f6);border-radius:var(--tl-radius-lg, 0.75rem);overflow:hidden}.skeleton-image{aspect-ratio:16 / 9;background:var(--tl-muted, #f9fafb);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-content{padding:var(--tl-spacing-4, 1rem);display:flex;flex-direction:column;gap:0.5rem}.skeleton-line{height:1rem;background:var(--tl-muted, #f9fafb);border-radius:var(--tl-radius-sm, 0.25rem);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.skeleton-line.short{width:4rem;height:0.75rem}.skeleton-line.medium{width:75%}.skeleton-line.long{width:50%}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.error-state{background:rgba(239, 68, 68, 0.1);border:1px solid var(--tl-error, #ef4444);border-radius:var(--tl-radius-lg, 0.75rem);padding:var(--tl-spacing-4, 1rem)}.error-title{margin:0;font-weight:500;color:var(--tl-error, #ef4444)}.error-message{margin:0.25rem 0 0;font-size:0.875rem;color:var(--tl-error, #ef4444)}.empty-state{text-align:center;padding:var(--tl-spacing-8, 2rem) var(--tl-spacing-4, 1rem)}.empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:var(--tl-muted-foreground, #6b7280)}.empty-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--tl-foreground, #111827)}.empty-message{margin:0.5rem 0 0;color:var(--tl-muted-foreground, #6b7280)}";export{i as tl_event_list}

package/dist/ticketlayer-elements/p-BGekdjN9.js

@@ -1 +0,0 @@
-function n(n,e="GBP"){if(null==n||""===n)return"";const r=new Intl.NumberFormat("en-GB",{style:"currency",currency:e});if("number"==typeof n)return r.format(n/100);const t=Number(n);return Number.isNaN(t)?String(n):r.format(t)}function e(n){return new Date(n).toLocaleDateString("en-GB",{weekday:"short",day:"numeric",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit"})}function r(n){return new Date(n).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"})}function t(n){return(n.items??[]).filter((n=>!n.type||"ticket"===n.type))}function u(n){return t(n).reduce(((n,e)=>n+(Number(e.quantity)||0)),0)||n.tickets?.length||0}function c(n){return n.eventName||t(n)[0]?.name||n.items?.[0]?.name||null}function i(n,e){const r=n?.customerEmail||n?.customer?.email;if(r)return r;const t=e;return t?.email||null}function s(n){return n?n.replace(/_/g," ").replace(/^\w/,(n=>n.toUpperCase())):""}function a(n){switch(n){case"confirmed":return"success";case"completed":case"fulfilled":return"info";case"pending":case"processing":return"warning";case"cancelled":case"expired":case"failed":return"error";default:return"muted"}}function o(n,e){return n instanceof Error&&n.message?n.message:e}function f(n){return!(!n||"object"!=typeof n||401!==n.status&&403!==n.status&&"NO_SESSION"!==n.code&&"NOT_AUTHENTICATED"!==n.code)}async function l(n,e,r=12){const t=n.getEventsManager(),u=(await t.list({limit:r})).items.slice(0,r);for(const n of u){const r=await t.get(n.id).catch((()=>null)),u=r?.occurrences?.find((n=>n.id===e));if(u)return{eventId:r?.id??n.id,eventName:r?.name??n.name??"",startsAt:u.startsAt??null}}return null}export{n as a,s as b,e as c,i as d,o as e,r as f,t as g,f as i,c as o,l as r,a as s,u as t}