@ticketlayer/elements 0.3.2 → 0.3.3

package/dist/ticketlayer-elements/{p-9c9072c8.entry.js → p-fa639d88.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e}from"./p-Ba-RZTFI.js";import{w as s}from"./p-CqhvfyKV.js";const n="tl_cart_count",o=class{constructor(e){t(this,e),this.tlClick=i(this,"tlClick"),this.showEmpty=!1,this.size="md",this.badgeOnly=!1,this.itemCount=0,this.handleClick=()=>{this.tlClick.emit({itemCount:this.itemCount})}}componentWillLoad(){this.itemCount=this.getPersistedCartCount()}componentDidLoad(){this.subscribeToCartUpdates()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}getPersistedCartCount(){if("undefined"==typeof window)return 0;try{const t=localStorage.getItem(n);return t&&parseInt(t,10)||0}catch{return 0}}persistCartCount(t){if("undefined"!=typeof window)try{localStorage.setItem(n,t.toString())}catch{}}async subscribeToCartUpdates(){const t=await s().catch((()=>null));if(!t)return;const i=t.getCartManager?.();i&&(this.unsubscribe=i.on?.("cart:updated",(t=>{const i=t?.itemCount||0;console.log("[tl-cart-badge] Cart updated:",i),this.itemCount=i,this.persistCartCount(i)})),i.get?.().then((t=>{const i=t?.itemCount||0;this.itemCount=i,this.persistCartCount(i)})).catch((()=>{})))}renderIcon(){return this.icon?e("span",{class:"icon-text"},this.icon):e("svg",{class:"icon-svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"}))}render(){const t=this.itemCount>0||this.showEmpty,i=this.itemCount>99?"99+":this.itemCount.toString();return this.badgeOnly?0===this.itemCount?null:e("span",{class:`badge-only size-${this.size}`},i):e("button",{class:`cart-badge size-${this.size}`,onClick:this.handleClick,"aria-label":`Cart with ${this.itemCount} items`},this.renderIcon(),t&&this.itemCount>0&&e("span",{class:"badge-count"},i))}};o.style=":host{display:inline-block}.cart-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--tl-spacing-2, 0.5rem);border-radius:var(--tl-radius-md, 0.5rem);color:var(--tl-color-foreground, #111827);transition:background-color 0.2s, transform 0.15s}.cart-badge:hover{background-color:var(--tl-color-muted, #f3f4f6)}.cart-badge:active{transform:scale(0.95)}.cart-badge:focus-visible{outline:2px solid var(--tl-color-primary, #6366f1);outline-offset:2px}.size-sm{padding:var(--tl-spacing-1, 0.25rem)}.size-sm .icon-svg,.size-sm .icon-text{width:18px;height:18px;font-size:18px}.size-md .icon-svg,.size-md .icon-text{width:24px;height:24px;font-size:24px}.size-lg{padding:var(--tl-spacing-3, 0.75rem)}.size-lg .icon-svg,.size-lg .icon-text{width:32px;height:32px;font-size:32px}.icon-svg{width:24px;height:24px;stroke-width:2}.icon-text{line-height:1}.badge-count{position:absolute;top:0;right:0;transform:translate(30%, -30%);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:var(--tl-color-primary, #6366f1);color:var(--tl-color-primary-foreground, #ffffff);font-size:11px;font-weight:600;font-family:var(--tl-font-family, system-ui, sans-serif);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.size-sm .badge-count{min-width:16px;height:16px;font-size:10px;padding:0 4px}.size-lg .badge-count{min-width:22px;height:22px;font-size:13px;padding:0 6px}.badge-only{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:rgba(255, 255, 255, 0.3);color:inherit;font-size:12px;font-weight:600;font-family:var(--tl-font-family, system-ui, sans-serif);line-height:1}.badge-only.size-sm{min-width:18px;height:18px;font-size:11px;padding:0 5px}.badge-only.size-lg{min-width:22px;height:22px;font-size:13px;padding:0 7px}";export{o as tl_cart_badge}
+import{r as t,c as i,h as e}from"./p-CNX8hZa8.js";import{w as s}from"./p-CqhvfyKV.js";const n="tl_cart_count",o=class{constructor(e){t(this,e),this.tlClick=i(this,"tlClick"),this.showEmpty=!1,this.size="md",this.badgeOnly=!1,this.itemCount=0,this.handleClick=()=>{this.tlClick.emit({itemCount:this.itemCount})}}componentWillLoad(){this.itemCount=this.getPersistedCartCount()}componentDidLoad(){this.subscribeToCartUpdates()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}getPersistedCartCount(){if("undefined"==typeof window)return 0;try{const t=localStorage.getItem(n);return t&&parseInt(t,10)||0}catch{return 0}}persistCartCount(t){if("undefined"!=typeof window)try{localStorage.setItem(n,t.toString())}catch{}}async subscribeToCartUpdates(){const t=await s().catch((()=>null));if(!t)return;const i=t.getCartManager?.();i&&(this.unsubscribe=i.on?.("cart:updated",(t=>{const i=t?.itemCount||0;console.log("[tl-cart-badge] Cart updated:",i),this.itemCount=i,this.persistCartCount(i)})),i.get?.().then((t=>{const i=t?.itemCount||0;this.itemCount=i,this.persistCartCount(i)})).catch((()=>{})))}renderIcon(){return this.icon?e("span",{class:"icon-text"},this.icon):e("svg",{class:"icon-svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"}))}render(){const t=this.itemCount>0||this.showEmpty,i=this.itemCount>99?"99+":this.itemCount.toString();return this.badgeOnly?0===this.itemCount?null:e("span",{class:`badge-only size-${this.size}`},i):e("button",{class:`cart-badge size-${this.size}`,onClick:this.handleClick,"aria-label":`Cart with ${this.itemCount} items`},this.renderIcon(),t&&this.itemCount>0&&e("span",{class:"badge-count"},i))}};o.style=":host{display:inline-block}.cart-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--tl-spacing-2, 0.5rem);border-radius:var(--tl-radius-md, 0.5rem);color:var(--tl-color-foreground, #111827);transition:background-color 0.2s, transform 0.15s}.cart-badge:hover{background-color:var(--tl-color-muted, #f3f4f6)}.cart-badge:active{transform:scale(0.95)}.cart-badge:focus-visible{outline:2px solid var(--tl-color-primary, #6366f1);outline-offset:2px}.size-sm{padding:var(--tl-spacing-1, 0.25rem)}.size-sm .icon-svg,.size-sm .icon-text{width:18px;height:18px;font-size:18px}.size-md .icon-svg,.size-md .icon-text{width:24px;height:24px;font-size:24px}.size-lg{padding:var(--tl-spacing-3, 0.75rem)}.size-lg .icon-svg,.size-lg .icon-text{width:32px;height:32px;font-size:32px}.icon-svg{width:24px;height:24px;stroke-width:2}.icon-text{line-height:1}.badge-count{position:absolute;top:0;right:0;transform:translate(30%, -30%);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:var(--tl-color-primary, #6366f1);color:var(--tl-color-primary-foreground, #ffffff);font-size:11px;font-weight:600;font-family:var(--tl-font-family, system-ui, sans-serif);display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.size-sm .badge-count{min-width:16px;height:16px;font-size:10px;padding:0 4px}.size-lg .badge-count{min-width:22px;height:22px;font-size:13px;padding:0 6px}.badge-only{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:rgba(255, 255, 255, 0.3);color:inherit;font-size:12px;font-weight:600;font-family:var(--tl-font-family, system-ui, sans-serif);line-height:1}.badge-only.size-sm{min-width:18px;height:18px;font-size:11px;padding:0 5px}.badge-only.size-lg{min-width:22px;height:22px;font-size:13px;padding:0 7px}";export{o as tl_cart_badge}

package/dist/ticketlayer-elements/p-fbaca948.entry.js

@@ -0,0 +1 @@
+import{r as e,c as a,h as r,H as t}from"./p-CNX8hZa8.js";import{o}from"./p-CqhvfyKV.js";const d=class{constructor(r){e(this,r),this.tlOpen=a(this,"tlOpen"),this.tlClose=a(this,"tlClose"),this.side="right",this.heading="Your cart",this.open=!1,this.visible=!1,this.onKey=e=>{"Escape"===e.key&&this.visible&&this.setOpen(!1)},this.close=()=>this.setOpen(!1)}connectedCallback(){this.visible=this.open,this.offCart=o("ui:cart-requested",(()=>this.setOpen(!0))),this.offClose=o("ui:modal-close-requested",(()=>this.setOpen(!1))),"undefined"!=typeof document&&document.addEventListener("keydown",this.onKey)}disconnectedCallback(){this.offCart?.(),this.offClose?.(),"undefined"!=typeof document&&document.removeEventListener("keydown",this.onKey)}onOpenProp(e){this.visible=e}setOpen(e){this.visible!==e&&(this.open=e,this.visible=e,e?this.tlOpen.emit():this.tlClose.emit())}render(){return r(t,{key:"022314d9fb612e930da52ece34f2ab8ae8ce44da"},r("div",{key:"985b4001145d72ba91ef7d466adba8ab939e9cc4",class:{overlay:!0,"is-open":this.visible},onClick:e=>{e.target===e.currentTarget&&this.close()}},r("aside",{key:"3ac3588ae8feacd4f8bb96bdae8ef71e80ecb4b3",class:{panel:!0,[`panel--${this.side}`]:!0,"is-open":this.visible},role:"dialog","aria-modal":"true","aria-label":this.heading,"aria-hidden":this.visible?"false":"true"},r("header",{key:"e0126d634e952ebf56b73e54545f6c3981210827",class:"drawer-header"},r("h2",{key:"a72b23114aa836076ec59cd4a5d1438d228179d9",class:"drawer-title"},this.heading),r("button",{key:"92fb5b159490440352a6c23d65aa6e8c956ae3d8",class:"close-btn",onClick:this.close,"aria-label":"Close cart"},r("svg",{key:"138f4dc7669e62fb667091da0ba26dfbe94327c6",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},r("path",{key:"21fedd9dc89937a92f9c1124d4fa834b55908f1e",d:"M6 6l12 12M18 6L6 18","stroke-linecap":"round"})))),r("div",{key:"ebee87cb6a3c98dbf813d0a903a9cb4da2c696f3",class:"drawer-body"},r("tl-cart",{key:"323db3a160837b68ffaa767e647ec67b06fa53b0"})),r("footer",{key:"d35543373eb13ad1acc46ae50aefcb5a04f305a1",class:"drawer-footer"},r("div",{key:"52229c74d39471bf186c965b6a53b38f79ce8d61",class:"pb-links"},r("a",{key:"d0430bf93d920c57fc42043faed7e8fd895855aa",href:"https://ticketlayer.com/privacy",target:"_blank",rel:"noopener noreferrer"},"Privacy Policy"),r("a",{key:"2a75dc8dcdc9ec3010fe83f97d903cdc32767e49",href:"https://ticketlayer.com/report-abuse",target:"_blank",rel:"noopener noreferrer"},"Report Abuse")),r("a",{key:"40642c5c4c003a454dd7ab2b66ebe5948a03df7d",class:"pb-brand",href:"https://ticketlayer.com",target:"_blank",rel:"noopener noreferrer"},r("span",{key:"a5d9b5c023381d25b6aaddf61e56dbdb21580975",class:"pb-pre"},"Powered by"),r("svg",{key:"35bc23af9a35272d7ada24fd66d5f12f1d951ae8",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},r("path",{key:"90139e79acd8920bcd494cc6579dbcb8278b0aef",d:"M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5v2a2 2 0 0 0 0 5v2a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5v-2a2 2 0 0 0 0-5v-2Z",fill:"currentColor"}),r("path",{key:"ba3aa34471395e33752e72f87f93a85381f7caad",d:"M13 7v10",stroke:"var(--tl-pb-perforation, var(--tl-background, #fff))","stroke-width":"1.2","stroke-dasharray":"1.5 1.8","stroke-linecap":"round"})),r("span",{key:"429154bd6c38febe4da8871a7e614bf272a18854",class:"pb-word"},"Ticketlayer"))))))}static get watchers(){return{open:[{onOpenProp:0}]}}};d.style=":host{--_bg:var(--tl-background, #ffffff);--_fg:var(--tl-foreground, #111827);--_muted-fg:var(--tl-muted-foreground, #6b7280);--_muted:var(--tl-muted, #f3f4f6);--_border:var(--tl-border, #e5e7eb);--_font:var(--tl-font-family, system-ui, -apple-system, sans-serif);font-family:var(--_font)}.overlay{position:fixed;inset:0;z-index:2147483640;background:rgba(8, 8, 16, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.overlay.is-open{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;bottom:0;width:min(420px, 100%);display:flex;flex-direction:column;background:var(--_bg);color:var(--_fg);box-shadow:0 0 48px rgba(0, 0, 0, 0.5);transition:transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);will-change:transform}.panel--right{right:0;border-left:1px solid var(--_border);transform:translateX(100%)}.panel--left{left:0;border-right:1px solid var(--_border);transform:translateX(-100%)}.panel.is-open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--_border)}.drawer-title{margin:0;font-size:1.1rem;font-weight:700}.close-btn{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}.close-btn:hover{color:var(--_fg)}.close-btn svg{width:16px;height:16px}.drawer-body{flex:1;overflow-y:auto;padding:18px 20px}.drawer-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid var(--_border);font-size:11.5px;font-weight:500;color:var(--_muted-fg)}.drawer-footer a{color:inherit;text-decoration:none;opacity:0.9;transition:opacity 0.15s ease}.drawer-footer a:hover{opacity:1}.drawer-footer .pb-links{display:flex;gap:14px}.drawer-footer .pb-brand{display:inline-flex;align-items:center;gap:5px}.drawer-footer .pb-brand svg{display:block}.drawer-footer .pb-pre{opacity:0.7}.drawer-footer .pb-word{font-weight:700}";export{d as tl_cart_drawer}

package/dist/ticketlayer-elements/ticketlayer-elements.esm.js

@@ -1 +1 @@
-import{p as e,g as r,b as t}from"./p-Ba-RZTFI.js";export{s as setNonce}from"./p-Ba-RZTFI.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((async e=>(await r(),t([["p-340ab4f5",[[1,"tl-my-orders",{emptyMessage:[1,"empty-message"],columns:[2],orders:[32],authenticated:[32],loading:[32],error:[32],expandedId:[32]}]]],["p-7ff43848",[[1,"tl-buy-modal",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],step:[32],eventName:[32],imageUrl:[32],venueLabel:[32],dateSummary:[32],selectedOccurrenceId:[32],occurrenceCount:[32],occurrenceLabel:[32],error:[32]}]]],["p-eb640760",[[1,"tl-order-confirmation",{orderId:[1,"order-id"],customerEmail:[1,"customer-email"],showTickets:[4,"show-tickets"],columns:[2],order:[32],resolvedOrderId:[32],loading:[32],error:[32],paymentFailed:[32],occurrence:[32],signedInCustomer:[32]},null,{orderId:[{watchOrderId:0}]}]]],["p-f446310d",[[1,"tl-cart-drawer",{side:[1],heading:[1],open:[1028],visible:[32]},null,{open:[{onOpenProp:0}]}]]],["p-9a903ff6",[[1,"tl-event-list",{limit:[2],category:[1],columns:[2],events:[32],loading:[32],error:[32]},null,{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}]}]]],["p-11273f8f",[[1,"tl-buy-tickets-button",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],state:[1],label:[1],variant:[1],size:[1],fullWidth:[4,"full-width"],price:[2],currency:[1],pricePrefix:[1,"price-prefix"],disabled:[4],isHovered:[32]}]]],["p-82752e3b",[[260,"tl-buy-tickets-wrapper",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],disabled:[4]}]]],["p-9c9072c8",[[1,"tl-cart-badge",{showEmpty:[4,"show-empty"],icon:[1],size:[1],badgeOnly:[4,"badge-only"],itemCount:[32]}]]],["p-41d22d7c",[[260,"tl-checkout-wrapper",{disabled:[4]}]]],["p-0291df4c",[[1,"tl-promo-code",{placeholder:[1],buttonLabel:[1,"button-label"],code:[32],applying:[32],applied:[32],error:[32]}]]],["p-9372ff1f",[[1,"tl-seat-map",{occurrenceId:[1,"occurrence-id"],hboUrl:[1,"hbo-url"],apiUrl:[1,"api-url"],height:[1],width:[1],isReady:[32],isLoading:[32],error:[32],seatsInCart:[32]},null,{occurrenceId:[{watchOccurrenceId:0}]}]]],["p-b6d479ad",[[1,"tl-cart",{showCheckoutButton:[4,"show-checkout-button"],checkoutLabel:[1,"checkout-label"],showRemoveButtons:[4,"show-remove-buttons"],compact:[4],cart:[32],loading:[32],error:[32],removingItemId:[32]}]]],["p-fb9444c4",[[1,"tl-event-card",{event:[16],eventId:[1,"event-id"],loadedEvent:[32],loading:[32],error:[32]},null,{eventId:[{watchEventId:0}]}]]],["p-a5c90b68",[[1,"tl-login",{heading:[1],allowCodeEntry:[4,"allow-code-entry"],phase:[32],email:[32],code:[32],busy:[32],error:[32],notice:[32],customer:[32]}]]],["p-976770f3",[[1,"tl-occurrence-selector",{eventId:[1,"event-id"],displayMode:[1,"display-mode"],orientation:[1],theme:[16],loading:[32],error:[32],occurrences:[32],currentMonth:[32],selectedDate:[32],computedDisplayMode:[32],containerWidth:[32]},null,{eventId:[{onEventIdChange:0}]}],[1,"tl-ticket-selector",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],showButton:[4,"show-button"],buttonLabel:[1,"button-label"],ticketTypes:[32],quantities:[32],loading:[32],error:[32],adding:[32],addSuccess:[32]},null,{eventId:[{watchPropsChange:0}],occurrenceId:[{watchPropsChange:0}]}]]],["p-f5846f61",[[1,"tl-order-tickets",{orderId:[1,"order-id"],columns:[2],tickets:[32],loading:[32],error:[32],issuing:[32]},null,{orderId:[{watchOrder:0}]}],[1,"tl-ticket",{ticket:[16],orderId:[1,"order-id"],qrSvg:[32],downloading:[32]},null,{ticket:[{generateQr:0}]}]]]],e))));
+import{p as e,g as r,b as t}from"./p-CNX8hZa8.js";export{s as setNonce}from"./p-CNX8hZa8.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((async e=>(await r(),t([["p-0b1d16f8",[[1,"tl-my-orders",{emptyMessage:[1,"empty-message"],columns:[2],orders:[32],authenticated:[32],loading:[32],error:[32],expandedId:[32]}]]],["p-1c51cbc1",[[1,"tl-buy-modal",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],step:[32],eventName:[32],imageUrl:[32],venueLabel:[32],dateSummary:[32],selectedOccurrenceId:[32],occurrenceCount:[32],occurrenceLabel:[32],error:[32]}]]],["p-f826b753",[[1,"tl-order-confirmation",{orderId:[1,"order-id"],customerEmail:[1,"customer-email"],showTickets:[4,"show-tickets"],columns:[2],order:[32],resolvedOrderId:[32],loading:[32],error:[32],paymentFailed:[32],occurrence:[32],signedInCustomer:[32]},null,{orderId:[{watchOrderId:0}]}]]],["p-fbaca948",[[1,"tl-cart-drawer",{side:[1],heading:[1],open:[1028],visible:[32]},null,{open:[{onOpenProp:0}]}]]],["p-1471f6d8",[[1,"tl-event-list",{limit:[2],category:[1],columns:[2],events:[32],loading:[32],error:[32]},null,{limit:[{watchFiltersChange:0}],category:[{watchFiltersChange:0}]}]]],["p-bf73044b",[[1,"tl-buy-tickets-button",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],state:[1],label:[1],variant:[1],size:[1],fullWidth:[4,"full-width"],price:[2],currency:[1],pricePrefix:[1,"price-prefix"],disabled:[4],isHovered:[32]}]]],["p-895ba1f3",[[260,"tl-buy-tickets-wrapper",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],disabled:[4]}]]],["p-fa639d88",[[1,"tl-cart-badge",{showEmpty:[4,"show-empty"],icon:[1],size:[1],badgeOnly:[4,"badge-only"],itemCount:[32]}]]],["p-e02079fa",[[260,"tl-checkout-wrapper",{disabled:[4]}]]],["p-a22714d0",[[1,"tl-promo-code",{placeholder:[1],buttonLabel:[1,"button-label"],code:[32],applying:[32],applied:[32],error:[32]}]]],["p-9629029a",[[1,"tl-seat-map",{occurrenceId:[1,"occurrence-id"],hboUrl:[1,"hbo-url"],apiUrl:[1,"api-url"],height:[1],width:[1],isReady:[32],isLoading:[32],error:[32],seatsInCart:[32]},null,{occurrenceId:[{watchOccurrenceId:0}]}]]],["p-8d5722e1",[[1,"tl-cart",{showCheckoutButton:[4,"show-checkout-button"],checkoutLabel:[1,"checkout-label"],showRemoveButtons:[4,"show-remove-buttons"],compact:[4],cart:[32],loading:[32],error:[32],removingItemId:[32]}]]],["p-5169f68b",[[1,"tl-event-card",{event:[16],eventId:[1,"event-id"],loadedEvent:[32],loading:[32],error:[32]},null,{eventId:[{watchEventId:0}]}]]],["p-e6fab1d5",[[1,"tl-login",{heading:[1],allowCodeEntry:[4,"allow-code-entry"],phase:[32],email:[32],code:[32],busy:[32],error:[32],notice:[32],customer:[32]}]]],["p-917d8e09",[[1,"tl-occurrence-selector",{eventId:[1,"event-id"],displayMode:[1,"display-mode"],orientation:[1],theme:[16],loading:[32],error:[32],occurrences:[32],currentMonth:[32],selectedDate:[32],computedDisplayMode:[32],containerWidth:[32]},null,{eventId:[{onEventIdChange:0}]}],[1,"tl-ticket-selector",{eventId:[1,"event-id"],occurrenceId:[1,"occurrence-id"],showButton:[4,"show-button"],buttonLabel:[1,"button-label"],ticketTypes:[32],quantities:[32],loading:[32],error:[32],adding:[32],addSuccess:[32]},null,{eventId:[{watchPropsChange:0}],occurrenceId:[{watchPropsChange:0}]}]]],["p-e04ace15",[[1,"tl-order-tickets",{orderId:[1,"order-id"],columns:[2],tickets:[32],loading:[32],error:[32],issuing:[32]},null,{orderId:[{watchOrder:0}]}],[1,"tl-ticket",{ticket:[16],orderId:[1,"order-id"],qrSvg:[32],downloading:[32]},null,{ticket:[{generateQr:0}]}]]]],e))));

package/dist/types/components.d.ts

@@ -968,6 +968,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
+
     /**
      * @component tl-buy-modal
      * The in-page buy-tickets funnel: occurrence → ticket selection → added.
@@ -1512,25 +1514,120 @@ declare namespace LocalJSX {
          */
         "showButton"?: boolean;
     }
+
+    interface TlBuyModalAttributes {
+        "eventId": string;
+        "occurrenceId": string;
+    }
+    interface TlBuyTicketsButtonAttributes {
+        "eventId": string;
+        "occurrenceId": string;
+        "state": ButtonState;
+        "label": string;
+        "variant": ButtonVariant;
+        "size": ButtonSize;
+        "fullWidth": boolean;
+        "price": number;
+        "currency": string;
+        "pricePrefix": string;
+        "disabled": boolean;
+    }
+    interface TlBuyTicketsWrapperAttributes {
+        "eventId": string;
+        "occurrenceId": string;
+        "disabled": boolean;
+    }
+    interface TlCartAttributes {
+        "showCheckoutButton": boolean;
+        "checkoutLabel": string;
+        "showRemoveButtons": boolean;
+        "compact": boolean;
+    }
+    interface TlCartBadgeAttributes {
+        "showEmpty": boolean;
+        "icon": string;
+        "size": 'sm' | 'md' | 'lg';
+        "badgeOnly": boolean;
+    }
+    interface TlCartDrawerAttributes {
+        "side": 'right' | 'left';
+        "heading": string;
+        "open": boolean;
+    }
+    interface TlCheckoutWrapperAttributes {
+        "disabled": boolean;
+    }
+    interface TlEventCardAttributes {
+        "eventId": string;
+    }
+    interface TlEventListAttributes {
+        "limit": number;
+        "category": string;
+        "columns": number;
+    }
+    interface TlLoginAttributes {
+        "heading": string;
+        "allowCodeEntry": boolean;
+    }
+    interface TlMyOrdersAttributes {
+        "emptyMessage": string;
+        "columns": number;
+    }
+    interface TlOccurrenceSelectorAttributes {
+        "eventId": string;
+        "displayMode": DisplayMode;
+        "orientation": Orientation;
+    }
+    interface TlOrderConfirmationAttributes {
+        "orderId": string;
+        "customerEmail": string;
+        "showTickets": boolean;
+        "columns": number;
+    }
+    interface TlOrderTicketsAttributes {
+        "orderId": string;
+        "columns": number;
+    }
+    interface TlPromoCodeAttributes {
+        "placeholder": string;
+        "buttonLabel": string;
+    }
+    interface TlSeatMapAttributes {
+        "occurrenceId": string;
+        "hboUrl": string;
+        "apiUrl": string;
+        "height": string;
+        "width": string;
+    }
+    interface TlTicketAttributes {
+        "orderId": string;
+    }
+    interface TlTicketSelectorAttributes {
+        "eventId": string;
+        "occurrenceId": string;
+        "showButton": boolean;
+        "buttonLabel": string;
+    }
+
     interface IntrinsicElements {
-        "tl-buy-modal": TlBuyModal;
-        "tl-buy-tickets-button": TlBuyTicketsButton;
-        "tl-buy-tickets-wrapper": TlBuyTicketsWrapper;
-        "tl-cart": TlCart;
-        "tl-cart-badge": TlCartBadge;
-        "tl-cart-drawer": TlCartDrawer;
-        "tl-checkout-wrapper": TlCheckoutWrapper;
-        "tl-event-card": TlEventCard;
-        "tl-event-list": TlEventList;
-        "tl-login": TlLogin;
-        "tl-my-orders": TlMyOrders;
-        "tl-occurrence-selector": TlOccurrenceSelector;
-        "tl-order-confirmation": TlOrderConfirmation;
-        "tl-order-tickets": TlOrderTickets;
-        "tl-promo-code": TlPromoCode;
-        "tl-seat-map": TlSeatMap;
-        "tl-ticket": TlTicket;
-        "tl-ticket-selector": TlTicketSelector;
+        "tl-buy-modal": Omit<TlBuyModal, keyof TlBuyModalAttributes> & { [K in keyof TlBuyModal & keyof TlBuyModalAttributes]?: TlBuyModal[K] } & { [K in keyof TlBuyModal & keyof TlBuyModalAttributes as `attr:${K}`]?: TlBuyModalAttributes[K] } & { [K in keyof TlBuyModal & keyof TlBuyModalAttributes as `prop:${K}`]?: TlBuyModal[K] } & OneOf<"eventId", TlBuyModal["eventId"], TlBuyModalAttributes["eventId"]>;
+        "tl-buy-tickets-button": Omit<TlBuyTicketsButton, keyof TlBuyTicketsButtonAttributes> & { [K in keyof TlBuyTicketsButton & keyof TlBuyTicketsButtonAttributes]?: TlBuyTicketsButton[K] } & { [K in keyof TlBuyTicketsButton & keyof TlBuyTicketsButtonAttributes as `attr:${K}`]?: TlBuyTicketsButtonAttributes[K] } & { [K in keyof TlBuyTicketsButton & keyof TlBuyTicketsButtonAttributes as `prop:${K}`]?: TlBuyTicketsButton[K] } & OneOf<"eventId", TlBuyTicketsButton["eventId"], TlBuyTicketsButtonAttributes["eventId"]>;
+        "tl-buy-tickets-wrapper": Omit<TlBuyTicketsWrapper, keyof TlBuyTicketsWrapperAttributes> & { [K in keyof TlBuyTicketsWrapper & keyof TlBuyTicketsWrapperAttributes]?: TlBuyTicketsWrapper[K] } & { [K in keyof TlBuyTicketsWrapper & keyof TlBuyTicketsWrapperAttributes as `attr:${K}`]?: TlBuyTicketsWrapperAttributes[K] } & { [K in keyof TlBuyTicketsWrapper & keyof TlBuyTicketsWrapperAttributes as `prop:${K}`]?: TlBuyTicketsWrapper[K] } & OneOf<"eventId", TlBuyTicketsWrapper["eventId"], TlBuyTicketsWrapperAttributes["eventId"]>;
+        "tl-cart": Omit<TlCart, keyof TlCartAttributes> & { [K in keyof TlCart & keyof TlCartAttributes]?: TlCart[K] } & { [K in keyof TlCart & keyof TlCartAttributes as `attr:${K}`]?: TlCartAttributes[K] } & { [K in keyof TlCart & keyof TlCartAttributes as `prop:${K}`]?: TlCart[K] };
+        "tl-cart-badge": Omit<TlCartBadge, keyof TlCartBadgeAttributes> & { [K in keyof TlCartBadge & keyof TlCartBadgeAttributes]?: TlCartBadge[K] } & { [K in keyof TlCartBadge & keyof TlCartBadgeAttributes as `attr:${K}`]?: TlCartBadgeAttributes[K] } & { [K in keyof TlCartBadge & keyof TlCartBadgeAttributes as `prop:${K}`]?: TlCartBadge[K] };
+        "tl-cart-drawer": Omit<TlCartDrawer, keyof TlCartDrawerAttributes> & { [K in keyof TlCartDrawer & keyof TlCartDrawerAttributes]?: TlCartDrawer[K] } & { [K in keyof TlCartDrawer & keyof TlCartDrawerAttributes as `attr:${K}`]?: TlCartDrawerAttributes[K] } & { [K in keyof TlCartDrawer & keyof TlCartDrawerAttributes as `prop:${K}`]?: TlCartDrawer[K] };
+        "tl-checkout-wrapper": Omit<TlCheckoutWrapper, keyof TlCheckoutWrapperAttributes> & { [K in keyof TlCheckoutWrapper & keyof TlCheckoutWrapperAttributes]?: TlCheckoutWrapper[K] } & { [K in keyof TlCheckoutWrapper & keyof TlCheckoutWrapperAttributes as `attr:${K}`]?: TlCheckoutWrapperAttributes[K] } & { [K in keyof TlCheckoutWrapper & keyof TlCheckoutWrapperAttributes as `prop:${K}`]?: TlCheckoutWrapper[K] };
+        "tl-event-card": Omit<TlEventCard, keyof TlEventCardAttributes> & { [K in keyof TlEventCard & keyof TlEventCardAttributes]?: TlEventCard[K] } & { [K in keyof TlEventCard & keyof TlEventCardAttributes as `attr:${K}`]?: TlEventCardAttributes[K] } & { [K in keyof TlEventCard & keyof TlEventCardAttributes as `prop:${K}`]?: TlEventCard[K] };
+        "tl-event-list": Omit<TlEventList, keyof TlEventListAttributes> & { [K in keyof TlEventList & keyof TlEventListAttributes]?: TlEventList[K] } & { [K in keyof TlEventList & keyof TlEventListAttributes as `attr:${K}`]?: TlEventListAttributes[K] } & { [K in keyof TlEventList & keyof TlEventListAttributes as `prop:${K}`]?: TlEventList[K] };
+        "tl-login": Omit<TlLogin, keyof TlLoginAttributes> & { [K in keyof TlLogin & keyof TlLoginAttributes]?: TlLogin[K] } & { [K in keyof TlLogin & keyof TlLoginAttributes as `attr:${K}`]?: TlLoginAttributes[K] } & { [K in keyof TlLogin & keyof TlLoginAttributes as `prop:${K}`]?: TlLogin[K] };
+        "tl-my-orders": Omit<TlMyOrders, keyof TlMyOrdersAttributes> & { [K in keyof TlMyOrders & keyof TlMyOrdersAttributes]?: TlMyOrders[K] } & { [K in keyof TlMyOrders & keyof TlMyOrdersAttributes as `attr:${K}`]?: TlMyOrdersAttributes[K] } & { [K in keyof TlMyOrders & keyof TlMyOrdersAttributes as `prop:${K}`]?: TlMyOrders[K] };
+        "tl-occurrence-selector": Omit<TlOccurrenceSelector, keyof TlOccurrenceSelectorAttributes> & { [K in keyof TlOccurrenceSelector & keyof TlOccurrenceSelectorAttributes]?: TlOccurrenceSelector[K] } & { [K in keyof TlOccurrenceSelector & keyof TlOccurrenceSelectorAttributes as `attr:${K}`]?: TlOccurrenceSelectorAttributes[K] } & { [K in keyof TlOccurrenceSelector & keyof TlOccurrenceSelectorAttributes as `prop:${K}`]?: TlOccurrenceSelector[K] } & OneOf<"eventId", TlOccurrenceSelector["eventId"], TlOccurrenceSelectorAttributes["eventId"]>;
+        "tl-order-confirmation": Omit<TlOrderConfirmation, keyof TlOrderConfirmationAttributes> & { [K in keyof TlOrderConfirmation & keyof TlOrderConfirmationAttributes]?: TlOrderConfirmation[K] } & { [K in keyof TlOrderConfirmation & keyof TlOrderConfirmationAttributes as `attr:${K}`]?: TlOrderConfirmationAttributes[K] } & { [K in keyof TlOrderConfirmation & keyof TlOrderConfirmationAttributes as `prop:${K}`]?: TlOrderConfirmation[K] };
+        "tl-order-tickets": Omit<TlOrderTickets, keyof TlOrderTicketsAttributes> & { [K in keyof TlOrderTickets & keyof TlOrderTicketsAttributes]?: TlOrderTickets[K] } & { [K in keyof TlOrderTickets & keyof TlOrderTicketsAttributes as `attr:${K}`]?: TlOrderTicketsAttributes[K] } & { [K in keyof TlOrderTickets & keyof TlOrderTicketsAttributes as `prop:${K}`]?: TlOrderTickets[K] } & OneOf<"orderId", TlOrderTickets["orderId"], TlOrderTicketsAttributes["orderId"]>;
+        "tl-promo-code": Omit<TlPromoCode, keyof TlPromoCodeAttributes> & { [K in keyof TlPromoCode & keyof TlPromoCodeAttributes]?: TlPromoCode[K] } & { [K in keyof TlPromoCode & keyof TlPromoCodeAttributes as `attr:${K}`]?: TlPromoCodeAttributes[K] } & { [K in keyof TlPromoCode & keyof TlPromoCodeAttributes as `prop:${K}`]?: TlPromoCode[K] };
+        "tl-seat-map": Omit<TlSeatMap, keyof TlSeatMapAttributes> & { [K in keyof TlSeatMap & keyof TlSeatMapAttributes]?: TlSeatMap[K] } & { [K in keyof TlSeatMap & keyof TlSeatMapAttributes as `attr:${K}`]?: TlSeatMapAttributes[K] } & { [K in keyof TlSeatMap & keyof TlSeatMapAttributes as `prop:${K}`]?: TlSeatMap[K] } & OneOf<"occurrenceId", TlSeatMap["occurrenceId"], TlSeatMapAttributes["occurrenceId"]>;
+        "tl-ticket": Omit<TlTicket, keyof TlTicketAttributes> & { [K in keyof TlTicket & keyof TlTicketAttributes]?: TlTicket[K] } & { [K in keyof TlTicket & keyof TlTicketAttributes as `attr:${K}`]?: TlTicketAttributes[K] } & { [K in keyof TlTicket & keyof TlTicketAttributes as `prop:${K}`]?: TlTicket[K] } & OneOf<"orderId", TlTicket["orderId"], TlTicketAttributes["orderId"]>;
+        "tl-ticket-selector": Omit<TlTicketSelector, keyof TlTicketSelectorAttributes> & { [K in keyof TlTicketSelector & keyof TlTicketSelectorAttributes]?: TlTicketSelector[K] } & { [K in keyof TlTicketSelector & keyof TlTicketSelectorAttributes as `attr:${K}`]?: TlTicketSelectorAttributes[K] } & { [K in keyof TlTicketSelector & keyof TlTicketSelectorAttributes as `prop:${K}`]?: TlTicketSelector[K] } & OneOf<"eventId", TlTicketSelector["eventId"], TlTicketSelectorAttributes["eventId"]> & OneOf<"occurrenceId", TlTicketSelector["occurrenceId"], TlTicketSelectorAttributes["occurrenceId"]>;
     }
 }
 export { LocalJSX as JSX };
@@ -1553,8 +1650,8 @@ declare module "@stencil/core" {
              *              the checkout intent: iframe on embeds, /checkout on HBO)
              * @event tlError    - the event couldn't be loaded
              */
-            "tl-buy-modal": LocalJSX.TlBuyModal & JSXBase.HTMLAttributes<HTMLTlBuyModalElement>;
-            "tl-buy-tickets-button": LocalJSX.TlBuyTicketsButton & JSXBase.HTMLAttributes<HTMLTlBuyTicketsButtonElement>;
+            "tl-buy-modal": LocalJSX.IntrinsicElements["tl-buy-modal"] & JSXBase.HTMLAttributes<HTMLTlBuyModalElement>;
+            "tl-buy-tickets-button": LocalJSX.IntrinsicElements["tl-buy-tickets-button"] & JSXBase.HTMLAttributes<HTMLTlBuyTicketsButtonElement>;
             /**
              * @component tl-buy-tickets-wrapper
              * Wraps any content and opens the Ticketlayer modal when clicked.
@@ -1566,9 +1663,9 @@ declare module "@stencil/core" {
              *   <button>Get Tickets for Saturday</button>
              * </tl-buy-tickets-wrapper>
              */
-            "tl-buy-tickets-wrapper": LocalJSX.TlBuyTicketsWrapper & JSXBase.HTMLAttributes<HTMLTlBuyTicketsWrapperElement>;
-            "tl-cart": LocalJSX.TlCart & JSXBase.HTMLAttributes<HTMLTlCartElement>;
-            "tl-cart-badge": LocalJSX.TlCartBadge & JSXBase.HTMLAttributes<HTMLTlCartBadgeElement>;
+            "tl-buy-tickets-wrapper": LocalJSX.IntrinsicElements["tl-buy-tickets-wrapper"] & JSXBase.HTMLAttributes<HTMLTlBuyTicketsWrapperElement>;
+            "tl-cart": LocalJSX.IntrinsicElements["tl-cart"] & JSXBase.HTMLAttributes<HTMLTlCartElement>;
+            "tl-cart-badge": LocalJSX.IntrinsicElements["tl-cart-badge"] & JSXBase.HTMLAttributes<HTMLTlCartBadgeElement>;
             /**
              * @component tl-cart-drawer
              * A slide-in cart panel (off-canvas) showing the current cart. It opens when
@@ -1581,7 +1678,7 @@ declare module "@stencil/core" {
              * @event tlOpen  - the drawer opened
              * @event tlClose - the drawer closed
              */
-            "tl-cart-drawer": LocalJSX.TlCartDrawer & JSXBase.HTMLAttributes<HTMLTlCartDrawerElement>;
+            "tl-cart-drawer": LocalJSX.IntrinsicElements["tl-cart-drawer"] & JSXBase.HTMLAttributes<HTMLTlCartDrawerElement>;
             /**
              * @component tl-checkout-wrapper
              * Wraps any content and opens the Ticketlayer checkout modal when clicked.
@@ -1590,9 +1687,9 @@ declare module "@stencil/core" {
              *   <button>Proceed to Checkout</button>
              * </tl-checkout-wrapper>
              */
-            "tl-checkout-wrapper": LocalJSX.TlCheckoutWrapper & JSXBase.HTMLAttributes<HTMLTlCheckoutWrapperElement>;
-            "tl-event-card": LocalJSX.TlEventCard & JSXBase.HTMLAttributes<HTMLTlEventCardElement>;
-            "tl-event-list": LocalJSX.TlEventList & JSXBase.HTMLAttributes<HTMLTlEventListElement>;
+            "tl-checkout-wrapper": LocalJSX.IntrinsicElements["tl-checkout-wrapper"] & JSXBase.HTMLAttributes<HTMLTlCheckoutWrapperElement>;
+            "tl-event-card": LocalJSX.IntrinsicElements["tl-event-card"] & JSXBase.HTMLAttributes<HTMLTlEventCardElement>;
+            "tl-event-list": LocalJSX.IntrinsicElements["tl-event-list"] & JSXBase.HTMLAttributes<HTMLTlEventListElement>;
             /**
              * tl-login - magic-link sign-in. The customer enters an email, we ask the SDK
              * to send a link (POST /sales/customer-auth/magic-link), then either the link
@@ -1606,7 +1703,7 @@ declare module "@stencil/core" {
              * @event tlMagicLinkSent - a link was requested for an email
              * @event tlError        - request or code exchange failed
              */
-            "tl-login": LocalJSX.TlLogin & JSXBase.HTMLAttributes<HTMLTlLoginElement>;
+            "tl-login": LocalJSX.IntrinsicElements["tl-login"] & JSXBase.HTMLAttributes<HTMLTlLoginElement>;
             /**
              * tl-my-orders - the signed-in customer's orders (GET /sales/my-orders through
              * the SDK): event, date, ticket count, total and status per row. Clicking a
@@ -1616,8 +1713,8 @@ declare module "@stencil/core" {
              * @event tlOrderSelect - a row was expanded ({ orderId })
              * @event tlError       - the orders could not be loaded
              */
-            "tl-my-orders": LocalJSX.TlMyOrders & JSXBase.HTMLAttributes<HTMLTlMyOrdersElement>;
-            "tl-occurrence-selector": LocalJSX.TlOccurrenceSelector & JSXBase.HTMLAttributes<HTMLTlOccurrenceSelectorElement>;
+            "tl-my-orders": LocalJSX.IntrinsicElements["tl-my-orders"] & JSXBase.HTMLAttributes<HTMLTlMyOrdersElement>;
+            "tl-occurrence-selector": LocalJSX.IntrinsicElements["tl-occurrence-selector"] & JSXBase.HTMLAttributes<HTMLTlOccurrenceSelectorElement>;
             /**
              * tl-order-confirmation - the "thank you" page block: order reference,
              * customer email, event and date, ticket lines, totals, then the tickets
@@ -1632,7 +1729,7 @@ declare module "@stencil/core" {
              * @event tlOrderLoaded - the order was loaded
              * @event tlError       - the order could not be loaded
              */
-            "tl-order-confirmation": LocalJSX.TlOrderConfirmation & JSXBase.HTMLAttributes<HTMLTlOrderConfirmationElement>;
+            "tl-order-confirmation": LocalJSX.IntrinsicElements["tl-order-confirmation"] & JSXBase.HTMLAttributes<HTMLTlOrderConfirmationElement>;
             /**
              * tl-order-tickets - renders all the tickets for an order as scannable QR
              * cards with PDF download. Fetches the order through the SDK (order-access
@@ -1651,7 +1748,7 @@ declare module "@stencil/core" {
              * coming by email, because at that point something probably is wrong and a
              * page that polls forever is worse than one that admits it.
              */
-            "tl-order-tickets": LocalJSX.TlOrderTickets & JSXBase.HTMLAttributes<HTMLTlOrderTicketsElement>;
+            "tl-order-tickets": LocalJSX.IntrinsicElements["tl-order-tickets"] & JSXBase.HTMLAttributes<HTMLTlOrderTicketsElement>;
             /**
              * tl-promo-code - an input plus Apply button that redeems a presale or promo
              * code for the current cart (POST /sales/presale-codes/redeem through the
@@ -1663,15 +1760,15 @@ declare module "@stencil/core" {
              * @event tlPromoApplied - a code was redeemed ({ code, benefit, alreadyHeld, cart })
              * @event tlError        - the code was rejected
              */
-            "tl-promo-code": LocalJSX.TlPromoCode & JSXBase.HTMLAttributes<HTMLTlPromoCodeElement>;
-            "tl-seat-map": LocalJSX.TlSeatMap & JSXBase.HTMLAttributes<HTMLTlSeatMapElement>;
+            "tl-promo-code": LocalJSX.IntrinsicElements["tl-promo-code"] & JSXBase.HTMLAttributes<HTMLTlPromoCodeElement>;
+            "tl-seat-map": LocalJSX.IntrinsicElements["tl-seat-map"] & JSXBase.HTMLAttributes<HTMLTlSeatMapElement>;
             /**
              * tl-ticket - a single event ticket: a scannable QR (the redemption token),
              * ticket name / seat / holder, and a PDF download. Greys out + stamps
              * Used/Void when redeemed or cancelled.
              */
-            "tl-ticket": LocalJSX.TlTicket & JSXBase.HTMLAttributes<HTMLTlTicketElement>;
-            "tl-ticket-selector": LocalJSX.TlTicketSelector & JSXBase.HTMLAttributes<HTMLTlTicketSelectorElement>;
+            "tl-ticket": LocalJSX.IntrinsicElements["tl-ticket"] & JSXBase.HTMLAttributes<HTMLTlTicketElement>;
+            "tl-ticket-selector": LocalJSX.IntrinsicElements["tl-ticket-selector"] & JSXBase.HTMLAttributes<HTMLTlTicketSelectorElement>;
         }
     }
 }