@ticketlayer/elements 0.4.0 → 1.0.0

package/dist/elements.docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-18T14:15:31",
+  "timestamp": "2026-09-20T00:30:19",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.45.0",
@@ -542,7 +542,7 @@
       "docsTags": [
         {
           "name": "component",
-          "text": "tl-buy-tickets-wrapper\n\nWraps any content and opens the Ticketlayer modal when clicked.\nUses the SDK's modal manager which handles the iframe overlay."
+          "text": "tl-buy-tickets-wrapper\n\nWraps any content and opens the Ticketlayer modal when clicked.\nUses the SDK's modal manager which handles the iframe overlay.\n\nThe web harness for `buyTicketsWrapperCore`. What a press does, what it\nannounces and what happens when no client has been published are all in\n`@ticketlayer/elements-core` (AGENTS.md, TKT-11); what is left here is the\nStencil surface, the accessibility attributes and the one genuinely web\nquestion the core refuses to answer - which key counts as a press."
         },
         {
           "name": "slot",
@@ -641,7 +641,7 @@
       "methods": [],
       "events": [
         {
-          "event": "tl-close",
+          "event": "tlClose",
           "detail": "void",
           "bubbles": true,
           "complexType": {
@@ -655,7 +655,7 @@
           "docsTags": []
         },
         {
-          "event": "tl-complete",
+          "event": "tlComplete",
           "detail": "OrderResult",
           "bubbles": true,
           "complexType": {
@@ -676,7 +676,7 @@
           "docsTags": []
         },
         {
-          "event": "tl-error",
+          "event": "tlError",
           "detail": "{ message: string; }",
           "bubbles": true,
           "complexType": {
@@ -709,7 +709,7 @@
       "encapsulation": "shadow",
       "tag": "tl-cart",
       "readme": "# tl-cart\n\n\n",
-      "docs": "",
+      "docs": "The web harness for `cartCore`.\n\nIt renders and it forwards. The cart, the money rows, the subscription that\nkeeps them current and every string are in `@ticketlayer/elements-core`\n(AGENTS.md, TKT-11); what is left here is the Stencil surface a host writes\nHTML against and the one genuinely web thing, finding the client the page\npublished on `window.Ticketlayer`.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -921,7 +921,7 @@
       "encapsulation": "shadow",
       "tag": "tl-cart-badge",
       "readme": "# tl-cart-badge\n\n\n",
-      "docs": "",
+      "docs": "The web harness for `cartBadgeCore`.\n\nThe count, the \"99+\" rule, the cart subscription and the remembered value\nare all in `@ticketlayer/elements-core`. What is here is the Stencil surface,\nthe icon, and the two web things the core is handed: the client the page\npublished and `localStorage`.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -1083,7 +1083,7 @@
       "docsTags": [
         {
           "name": "component",
-          "text": "tl-cart-drawer\n\nA slide-in cart panel (off-canvas) showing the current cart. It opens when\nanything raises the `ui:cart-requested` bus intent - e.g. wire a\n`tl-cart-badge`'s click to emit it - and closes on the backdrop, the close\nbutton, Escape, or `ui:modal-close-requested`. The panel embeds `<tl-cart>`,\nso the actual cart rendering / remove / checkout is shared with the inline\ncart; the drawer only adds the off-canvas chrome."
+          "text": "tl-cart-drawer\n\nA slide-in cart panel (off-canvas) showing the current cart. It opens when\nanything raises the `ui:cart-requested` bus intent - e.g. wire a\n`tl-cart-badge`'s click to emit it - and closes on the backdrop, the close\nbutton, Escape, or `ui:modal-close-requested`. The panel embeds `<tl-cart>`,\nso the actual cart rendering / remove / checkout is shared with the inline\ncart; the drawer only adds the off-canvas chrome.\n\nThe web harness for `cartDrawerCore`: the open/closed rule and the two\nintents are the core's (TKT-11). What stays here is the chrome and the one\nthing only a browser has, the Escape key."
         },
         {
           "name": "prop",
@@ -1248,7 +1248,7 @@
       "docsTags": [
         {
           "name": "component",
-          "text": "tl-checkout-wrapper\n\nWraps any content and opens the Ticketlayer checkout modal when clicked.\nUses the SDK's modal manager which handles the iframe overlay."
+          "text": "tl-checkout-wrapper\n\nWraps any content and opens the Ticketlayer checkout modal when clicked.\nUses the SDK's modal manager which handles the iframe overlay.\n\nThe web harness for `checkoutWrapperCore`: it renders, it forwards, and it\ndecides only which key press counts as activation. Everything else is in\n`@ticketlayer/elements-core` (AGENTS.md, TKT-11)."
         },
         {
           "name": "slot",
@@ -1294,7 +1294,7 @@
       "methods": [],
       "events": [
         {
-          "event": "tl-close",
+          "event": "tlClose",
           "detail": "void",
           "bubbles": true,
           "complexType": {
@@ -1308,7 +1308,7 @@
           "docsTags": []
         },
         {
-          "event": "tl-complete",
+          "event": "tlComplete",
           "detail": "OrderResult",
           "bubbles": true,
           "complexType": {
@@ -1329,7 +1329,7 @@
           "docsTags": []
         },
         {
-          "event": "tl-error",
+          "event": "tlError",
           "detail": "{ message: string; }",
           "bubbles": true,
           "complexType": {
@@ -1362,7 +1362,7 @@
       "encapsulation": "shadow",
       "tag": "tl-event-card",
       "readme": "# tl-event-card\n\n\n",
-      "docs": "",
+      "docs": "The web harness for `eventCardCore`.\n\nIt renders and it forwards: which event is shown, how it is read, the status\nbadge and the date are all in `@ticketlayer/elements-core` (AGENTS.md,\nTKT-11).",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -1475,7 +1475,7 @@
       "encapsulation": "shadow",
       "tag": "tl-event-list",
       "readme": "# tl-event-list\n\n\n",
-      "docs": "",
+      "docs": "tl-event-list - what the channel is selling, as a grid of tl-event-card.\n\nThe web harness for `eventListCore`: it renders and it forwards. What to ask\nfor, what came back and every string are in `@ticketlayer/elements-core`\n(AGENTS.md, TKT-11).\n\nUsage: <tl-event-list limit=\"12\" columns=\"3\"></tl-event-list>",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -1601,7 +1601,7 @@
       "encapsulation": "shadow",
       "tag": "tl-login",
       "readme": "# tl-login\n\n\n",
-      "docs": "tl-login - magic-link sign-in. The customer enters an email, we ask the SDK\nto send a link (POST /sales/customer-auth/magic-link), then either the link\nlands back on this page with `?code=` or the customer types the code from\nthe email; both exchange through the SDK (POST /sales/customer-tokens). No\npassword is ever handled here.\n\nStates: enter email -> check your inbox (resend, enter code) -> signed in\n(email + sign out).\n\nUsage: <tl-login></tl-login>",
+      "docs": "tl-login - magic-link sign-in. The customer enters an email, we ask the SDK\nto send a link (POST /sales/customer-auth/magic-link), then either the link\nlands back on this page with `?code=` or the customer types the code from\nthe email; both exchange through the SDK (POST /sales/customer-tokens). No\npassword is ever handled here.\n\nStates: enter email -> check your inbox (resend, enter code) -> signed in\n(email + sign out).\n\nThe web harness for `loginCore`: it renders and it forwards. The phases, the\nexchange, the auth subscriptions and every string are in\n`@ticketlayer/elements-core` (AGENTS.md, TKT-11). What is left here is the\nStencil surface and the two genuinely web things: the client the page\npublished on `window.Ticketlayer`, and `window.location.search`, which is\nwhere this runtime keeps the `?code=` the core asks for.\n\nUsage: <tl-login></tl-login>",
       "docsTags": [
         {
           "name": "event",
@@ -1748,7 +1748,7 @@
       "encapsulation": "shadow",
       "tag": "tl-my-orders",
       "readme": "# tl-my-orders\n\n\n",
-      "docs": "tl-my-orders - the signed-in customer's orders (GET /sales/my-orders through\nthe SDK): event, date, ticket count, total and status per row. Clicking a\nrow expands it to show the order's tickets (tl-order-tickets). Shows\ntl-login inline when nobody is signed in.\n\nUsage: <tl-my-orders></tl-my-orders>",
+      "docs": "tl-my-orders - the signed-in customer's orders (GET /sales/my-orders through\nthe SDK): event, date, ticket count, total and status per row. Clicking a\nrow expands it to show the order's tickets (tl-order-tickets). Shows\ntl-login inline when nobody is signed in.\n\nThe web harness for `myOrdersCore`: it renders and it forwards. Who is\nsigned in, the two auth subscriptions that keep that current, the listing\nand every string are in `@ticketlayer/elements-core` (AGENTS.md, TKT-11).\n\nUsage: <tl-my-orders></tl-my-orders>",
       "docsTags": [
         {
           "name": "event",
@@ -2061,7 +2061,7 @@
       "encapsulation": "shadow",
       "tag": "tl-order-confirmation",
       "readme": "# tl-order-confirmation\n\n\n",
-      "docs": "tl-order-confirmation - the \"thank you\" page block: order reference,\ncustomer email, event and date, ticket lines, totals, then the tickets\nthemselves (tl-order-tickets, each with a Download PDF link).\n\nFinds its order three ways, in priority order:\n 1. the `order-id` prop\n 2. the URL (`?orderId=`), the contract the hosted box office confirmation\n    page uses; `?redirect_status=` from a Stripe return is honoured too\n 3. the SDK's `checkout:completed` event, for a page that mounts this before\n    the customer pays\n\nUsage: <tl-order-confirmation order-id=\"ord_xxx\"></tl-order-confirmation>",
+      "docs": "tl-order-confirmation - the \"thank you\" page block: order reference,\ncustomer email, event and date, ticket lines, totals, then the tickets\nthemselves (tl-order-tickets, each with a Download PDF link).\n\nFinds its order three ways, in priority order:\n 1. the `order-id` prop\n 2. the URL (`?orderId=`), the contract the hosted box office confirmation\n    page uses; `?redirect_status=` from a Stripe return is honoured too\n 3. the SDK's `checkout:completed` event, for a page that mounts this before\n    the customer pays\n\nThe web harness for `orderConfirmationCore`: it renders and it forwards. All\nthree of those routes, the money rows, the event lookup and every string are\nin `@ticketlayer/elements-core` (AGENTS.md, TKT-11). What is left here is the\nStencil surface and the two genuinely web things: the client the page\npublished on `window.Ticketlayer`, and `window.location.search`, which is\nwhere this runtime keeps the parameters the core asks for.\n\nUsage: <tl-order-confirmation order-id=\"ord_xxx\"></tl-order-confirmation>",
       "docsTags": [
         {
           "name": "event",
@@ -2211,8 +2211,8 @@
             "references": {
               "TlOrderData": {
                 "location": "import",
-                "path": "../../utils/order-summary",
-                "id": "src/utils/order-summary.ts::TlOrderData",
+                "path": "@ticketlayer/elements-core",
+                "id": "../elements-core/dist/esm/index.d.ts::TlOrderData",
                 "referenceLocation": "TlOrderData"
               }
             }
@@ -2246,7 +2246,7 @@
       "encapsulation": "shadow",
       "tag": "tl-order-tickets",
       "readme": "# tl-order-tickets\n\n\n",
-      "docs": "tl-order-tickets - renders all the tickets for an order as scannable QR\ncards with PDF download. Fetches the order through the SDK (order-access\ngated by the session), so it works on a confirmation page or in an account.\n\nUsage: <tl-order-tickets order-id=\"ord_xxx\"></tl-order-tickets>\n\nOn an empty result it waits rather than concluding there is nothing.\n\nTickets are issued asynchronously: the payment confirms, the order is\nmarked paid, and entitlement issuance follows a moment later. A confirmation\npage therefore renders BEFORE the passes exist - reliably, not occasionally.\nThe component used to answer that with \"No tickets for this order yet\",\nwhich is true and reads as \"something went wrong\" to someone who has just\nbeen charged. Refreshing showed them, so the only thing missing was the\nwaiting.\n\nSo: an empty order is treated as issuance in flight and polled, with the\ngaps widening, for about a minute. Then it stops and says the tickets are\ncoming by email, because at that point something probably is wrong and a\npage that polls forever is worse than one that admits it.",
+      "docs": "tl-order-tickets - renders all the tickets for an order as scannable QR\ncards with PDF download. Fetches the order through the SDK (order-access\ngated by the session), so it works on a confirmation page or in an account.\n\nUsage: <tl-order-tickets order-id=\"ord_xxx\"></tl-order-tickets>\n\nOn an empty result it waits rather than concluding there is nothing: tickets\nare issued a moment after the order is paid, so a confirmation page renders\nbefore the passes exist. The waiting, the widening schedule behind it and\nthe point at which it gives up are all in `orderTicketsCore`\n(`@ticketlayer/elements-core`, AGENTS.md, TKT-11), along with every string.\nThis harness renders and forwards, and the one thing it owns is pairing\n`mount()` with its teardown - which is what stops the polling when the\nelement goes off screen.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -2334,7 +2334,7 @@
       "encapsulation": "shadow",
       "tag": "tl-promo-code",
       "readme": "# tl-promo-code\n\n\n",
-      "docs": "tl-promo-code - an input plus Apply button that redeems a presale or promo\ncode for the current cart (POST /sales/presale-codes/redeem through the\nSDK). Redemption unlocks gated pricing on the customer; the SDK re-reads the\ncart and publishes cart:updated, so tl-cart and badges re-render on their own.\n\nThe API has no un-redeem, so the applied state offers only \"use a different\ncode\", which clears the input for another redemption.\n\nUsage: <tl-promo-code></tl-promo-code>",
+      "docs": "tl-promo-code - an input plus Apply button that redeems a presale or promo\ncode for the current cart (POST /sales/presale-codes/redeem through the\nSDK). Redemption unlocks gated pricing on the customer; the SDK re-reads the\ncart and publishes cart:updated, so tl-cart and badges re-render on their own.\n\nThe API has no un-redeem, so the applied state offers only \"use a different\ncode\", which clears the input for another redemption.\n\nThe web harness for `promoCodeCore`: the redemption, the two error messages\nand every string are the core's (AGENTS.md, TKT-11).\n\nUsage: <tl-promo-code></tl-promo-code>",
       "docsTags": [
         {
           "name": "event",
@@ -2973,38 +2973,38 @@
       "path": "src/components/tl-buy-tickets-button/tl-buy-tickets-button.tsx"
     },
     "src/components/tl-cart/tl-cart.tsx::TlCartData": {
-      "declaration": "export interface TlCartData {\n  items: TlCartItem[];\n  subtotal: number;\n  /** Booking fee, minor units. 0 when the surface reports none. */\n  fees: number;\n  /** Discount as a positive magnitude, minor units. */\n  discount?: number;\n  total: number;\n  currency: string;\n  itemCount: number;\n  /** Whether the response expressed a fee at all (see utils/cart-totals). */\n  hasFees?: boolean;\n  /** The channel fee profile's label, when the response carries one. */\n  feeLabel?: string | null;\n  itemsSubtotal?: number;\n  totalFees?: number;\n  totalDiscounts?: number;\n}",
+      "declaration": "export interface TlCartData {\n    items: TlCartItem[];\n    subtotal: number;\n    /** Booking fee, minor units. 0 when the surface reports none. */\n    fees: number;\n    /** Discount as a positive magnitude, minor units. */\n    discount?: number;\n    total: number;\n    currency: string;\n    itemCount: number;\n    /** Whether the response expressed a fee at all (see money.ts). */\n    hasFees?: boolean;\n    /** The channel fee profile's label, when the response carries one. */\n    feeLabel?: string | null;\n    itemsSubtotal?: number;\n    totalFees?: number;\n    totalDiscounts?: number;\n}",
       "docstring": "",
       "path": "src/components/tl-cart/tl-cart.tsx"
     },
     "src/components/tl-event-card/tl-event-card.tsx::TlEventCardEvent": {
-      "declaration": "export interface TlEventCardEvent {\n  id: string;\n  name: string;\n  slug?: string;\n  description?: string;\n  shortDescription?: string;\n  imageUrl?: string;\n  thumbnailUrl?: string;\n  category?: string;\n  venue?: {\n    id: string;\n    name: string;\n    city: string;\n  };\n  nextOccurrence?: {\n    startsAt: string;\n  };\n  availabilityStatus: 'available' | 'limited' | 'sold_out';\n}",
+      "declaration": "export interface TlEventCardEvent {\n    id: string;\n    name: string;\n    slug?: string;\n    description?: string;\n    shortDescription?: string;\n    imageUrl?: string;\n    thumbnailUrl?: string;\n    category?: string;\n    venue?: {\n        id: string;\n        name: string;\n        city: string;\n    };\n    nextOccurrence?: {\n        startsAt: string;\n    };\n    availabilityStatus: 'available' | 'limited' | 'sold_out';\n}",
       "docstring": "",
       "path": "src/components/tl-event-card/tl-event-card.tsx"
     },
     "src/components/tl-login/tl-login.tsx::TlAuthChanged": {
-      "declaration": "export interface TlAuthChanged {\n  customer: SDKCustomer | null;\n  authenticated: boolean;\n}",
+      "declaration": "export interface TlAuthChanged {\n    customer: TlLoginCustomer | null;\n    authenticated: boolean;\n}",
       "docstring": "",
       "path": "src/components/tl-login/tl-login.tsx"
     },
     "src/components/tl-occurrence-selector/tl-occurrence-selector.tsx::TlOccurrenceSelectorTheme": {
-      "declaration": "export interface TlOccurrenceSelectorTheme {\n  primaryColor?: string;\n  primaryForeground?: string;\n  backgroundColor?: string;\n  foregroundColor?: string;\n  mutedColor?: string;\n  mutedForeground?: string;\n  borderColor?: string;\n  borderRadius?: string;\n  fontFamily?: string;\n}",
-      "docstring": "Theme configuration for styling",
+      "declaration": "export interface TlOccurrenceSelectorTheme {\n    primaryColor?: string;\n    primaryForeground?: string;\n    backgroundColor?: string;\n    foregroundColor?: string;\n    mutedColor?: string;\n    mutedForeground?: string;\n    borderColor?: string;\n    borderRadius?: string;\n    fontFamily?: string;\n}",
+      "docstring": "The per-instance theme a host may hand the element.\n\nDeclared here because the prop is, and acted on by the harness: on the web\neach field is written as a `--tl-*` custom property over the one the theme\npackage ships. See the note at the top of this file.",
       "path": "src/components/tl-occurrence-selector/tl-occurrence-selector.tsx"
     },
     "src/components/tl-occurrence-selector/tl-occurrence-selector.tsx::TlOccurrence": {
-      "declaration": "export interface TlOccurrence {\n  id: string;\n  startsAt: string;\n  endsAt?: string;\n  status?: string;\n  availableCapacity?: number;\n  soldOut?: boolean;\n}",
-      "docstring": "Occurrence data structure",
+      "declaration": "export interface TlOccurrence {\n    id: string;\n    startsAt: string;\n    endsAt?: string;\n    status?: string;\n    availableCapacity?: number;\n    soldOut?: boolean;\n}",
+      "docstring": "One occurrence, as this element reads and announces it.",
       "path": "src/components/tl-occurrence-selector/tl-occurrence-selector.tsx"
     },
     "src/components/tl-promo-code/tl-promo-code.tsx::TlPromoApplied": {
-      "declaration": "export interface TlPromoApplied extends PresaleRedemption {\n  code: string;\n  cart: unknown | null;\n}",
+      "declaration": "export interface TlPromoApplied extends ElementPresaleRedemption {\n    code: string;\n    cart: unknown | null;\n}",
       "docstring": "",
       "path": "src/components/tl-promo-code/tl-promo-code.tsx"
     },
     "src/components/tl-ticket/tl-ticket.tsx::TlTicketData": {
-      "declaration": "export interface TlTicketData {\n  id: string;\n  barcode: string;\n  type: string;\n  status: string;\n  holderName: string | null;\n  name: string;\n  admissionStatus: string;\n  eventOccurrenceId: string | null;\n  seatLabel: string | null;\n}",
-      "docstring": "",
+      "declaration": "export interface TlTicketData {\n    id: string;\n    barcode: string;\n    type: string;\n    status: string;\n    holderName: string | null;\n    name: string;\n    admissionStatus: string;\n    eventOccurrenceId: string | null;\n    seatLabel: string | null;\n}",
+      "docstring": "One issued ticket, as the order view carries it: the redemption token a\nscanner reads, what it admits and whether it has been used.",
       "path": "src/components/tl-ticket/tl-ticket.tsx"
     },
     "src/components/tl-ticket-selector/tl-ticket-selector.tsx::AddToCartItem": {
@@ -3017,10 +3017,10 @@
       "docstring": "",
       "path": "src/utils/sdk-connector.ts"
     },
-    "src/utils/order-summary.ts::TlOrderData": {
-      "declaration": "export interface TlOrderData {\n  id: string;\n  orderNumber: string;\n  status: string;\n  paymentStatus?: string;\n  currency: string;\n  items: TlOrderItem[];\n  subtotal: number | string;\n  totalFees?: number | string;\n  totalTax?: number | string;\n  totalDiscounts?: number | string;\n  total: number | string;\n  tickets?: TlOrderTicketRef[];\n  createdAt?: string;\n  // Not on the sales order view today; read defensively if a later view adds them.\n  eventName?: string | null;\n  customerEmail?: string | null;\n  customer?: { email?: string | null } | null;\n}",
+    "../elements-core/dist/esm/index.d.ts::TlOrderData": {
+      "declaration": "export interface TlOrderData {\n    id: string;\n    orderNumber: string;\n    status: string;\n    paymentStatus?: string;\n    currency: string;\n    items: TlOrderItem[];\n    subtotal: number | string;\n    totalFees?: number | string;\n    totalTax?: number | string;\n    totalDiscounts?: number | string;\n    total: number | string;\n    tickets?: TlOrderTicketRef[];\n    createdAt?: string;\n    eventName?: string | null;\n    customerEmail?: string | null;\n    customer?: {\n        email?: string | null;\n    } | null;\n}",
       "docstring": "",
-      "path": "src/utils/order-summary.ts"
+      "path": "../elements-core/dist/esm/index.d.ts"
     }
   }
 }

package/dist/esm/{index-OoYV1faY.js → index-imfxp765.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'ticketlayer-elements';
 const BUILD = /* ticketlayer-elements */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = ":root{--tl-primary:#6366f1;--tl-color-primary:var(--tl-primary);--tl-primary-foreground:#ffffff;--tl-color-primary-foreground:var(--tl-primary-foreground);--tl-secondary:#f3f4f6;--tl-color-secondary:var(--tl-secondary);--tl-secondary-foreground:#111827;--tl-color-secondary-foreground:var(--tl-secondary-foreground);--tl-accent:#ec4899;--tl-color-accent:var(--tl-accent);--tl-accent-foreground:#ffffff;--tl-color-accent-foreground:var(--tl-accent-foreground);--tl-background:#ffffff;--tl-color-background:var(--tl-background);--tl-foreground:#111827;--tl-color-foreground:var(--tl-foreground);--tl-card:#ffffff;--tl-color-card:var(--tl-card);--tl-muted:#f9fafb;--tl-color-muted:var(--tl-muted);--tl-muted-foreground:#6b7280;--tl-color-muted-foreground:var(--tl-muted-foreground);--tl-border:#e5e7eb;--tl-color-border:var(--tl-border);--tl-border-hover:#9ca3af;--tl-color-border-hover:var(--tl-border-hover);--tl-input:#e5e7eb;--tl-color-input:var(--tl-input);--tl-ring:#6366f1;--tl-color-ring:var(--tl-ring);--tl-success:#10b981;--tl-color-success:var(--tl-success);--tl-success-foreground:#ffffff;--tl-color-success-foreground:var(--tl-success-foreground);--tl-warning:#f59e0b;--tl-color-warning:var(--tl-warning);--tl-warning-foreground:#ffffff;--tl-color-warning-foreground:var(--tl-warning-foreground);--tl-warning-bg:#fef3c7;--tl-color-warning-bg:var(--tl-warning-bg);--tl-error:#ef4444;--tl-color-error:var(--tl-error);--tl-destructive:var(--tl-error);--tl-color-destructive:var(--tl-error);--tl-error-foreground:#ffffff;--tl-color-error-foreground:var(--tl-error-foreground);--tl-destructive-foreground:var(--tl-error-foreground);--tl-color-destructive-foreground:var(--tl-error-foreground);--tl-error-bg:#fee2e2;--tl-color-error-bg:var(--tl-error-bg);--tl-destructive-bg:var(--tl-error-bg);--tl-color-destructive-bg:var(--tl-error-bg);--tl-font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--tl-font-family-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;--tl-font-size-base:16px;--tl-base-size:var(--tl-font-size-base);--tl-font-scale:1.25;--tl-radius-none:0px;--tl-radius-sm:0.25rem;--tl-radius-md:0.5rem;--tl-radius:var(--tl-radius-md);--tl-radius-lg:0.75rem;--tl-radius-full:9999px;--tl-spacing-1:0.25rem;--tl-spacing-2:0.5rem;--tl-spacing-3:0.75rem;--tl-spacing-4:1rem;--tl-spacing-5:1.25rem;--tl-spacing-6:1.5rem;--tl-spacing-8:2rem;--tl-duration-fast:120ms;--tl-duration-normal:200ms;--tl-duration-slow:320ms;--tl-easing-standard:cubic-bezier(0.2, 0, 0, 1);--tl-easing-emphasised:cubic-bezier(0.3, 0, 0, 1)}";
+const globalStyles = ":root{--tl-primary:#6366f1;--tl-color-primary:var(--tl-primary);--tl-primary-foreground:#ffffff;--tl-color-primary-foreground:var(--tl-primary-foreground);--tl-secondary:#f3f4f6;--tl-color-secondary:var(--tl-secondary);--tl-secondary-foreground:#111827;--tl-color-secondary-foreground:var(--tl-secondary-foreground);--tl-accent:#ec4899;--tl-color-accent:var(--tl-accent);--tl-accent-foreground:#ffffff;--tl-color-accent-foreground:var(--tl-accent-foreground);--tl-background:#ffffff;--tl-color-background:var(--tl-background);--tl-foreground:#111827;--tl-color-foreground:var(--tl-foreground);--tl-card:#ffffff;--tl-color-card:var(--tl-card);--tl-muted:#f9fafb;--tl-color-muted:var(--tl-muted);--tl-muted-foreground:#6b7280;--tl-color-muted-foreground:var(--tl-muted-foreground);--tl-border:#e5e7eb;--tl-color-border:var(--tl-border);--tl-border-hover:#9ca3af;--tl-color-border-hover:var(--tl-border-hover);--tl-input:#e5e7eb;--tl-color-input:var(--tl-input);--tl-ring:#6366f1;--tl-color-ring:var(--tl-ring);--tl-success:#10b981;--tl-color-success:var(--tl-success);--tl-success-foreground:#ffffff;--tl-color-success-foreground:var(--tl-success-foreground);--tl-warning:#f59e0b;--tl-color-warning:var(--tl-warning);--tl-warning-foreground:#ffffff;--tl-color-warning-foreground:var(--tl-warning-foreground);--tl-warning-bg:#fef3c7;--tl-color-warning-bg:var(--tl-warning-bg);--tl-error:#ef4444;--tl-color-error:var(--tl-error);--tl-destructive:var(--tl-error);--tl-color-destructive:var(--tl-error);--tl-error-foreground:#ffffff;--tl-color-error-foreground:var(--tl-error-foreground);--tl-destructive-foreground:var(--tl-error-foreground);--tl-color-destructive-foreground:var(--tl-error-foreground);--tl-error-bg:#fee2e2;--tl-color-error-bg:var(--tl-error-bg);--tl-destructive-bg:var(--tl-error-bg);--tl-color-destructive-bg:var(--tl-error-bg);--tl-info:#3b82f6;--tl-color-info:var(--tl-info);--tl-info-foreground:#ffffff;--tl-color-info-foreground:var(--tl-info-foreground);--tl-info-bg:#dbeafe;--tl-color-info-bg:var(--tl-info-bg);--tl-font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--tl-font-family-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;--tl-font-size-base:16px;--tl-base-size:var(--tl-font-size-base);--tl-font-scale:1.25;--tl-radius-none:0px;--tl-radius-sm:0.25rem;--tl-radius-md:0.5rem;--tl-radius:var(--tl-radius-md);--tl-radius-lg:0.75rem;--tl-radius-full:9999px;--tl-spacing-1:0.25rem;--tl-spacing-2:0.5rem;--tl-spacing-3:0.75rem;--tl-spacing-4:1rem;--tl-spacing-5:1.25rem;--tl-spacing-6:1.5rem;--tl-spacing-8:2rem;--tl-duration-fast:120ms;--tl-duration-normal:200ms;--tl-duration-slow:320ms;--tl-easing-standard:cubic-bezier(0.2, 0, 0, 1);--tl-easing-emphasised:cubic-bezier(0.3, 0, 0, 1)}";
 
 /*
  Stencil Client Platform v4.45.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/index.js

@@ -1,4 +1,5 @@
 export { g as getSDK, h as hasSDK, o as onSDKEvent, s as setSDK, w as whenSDK } from './sdk-connector-CqhvfyKV.js';
 export { tl_buy_tickets_wrapper as TlBuyTicketsWrapper } from './tl-buy-tickets-wrapper.entry.js';
 export { tl_checkout_wrapper as TlCheckoutWrapper } from './tl-checkout-wrapper.entry.js';
-import './index-OoYV1faY.js';
+import './index-imfxp765.js';
+import './ticket-selector-BwChnHVC.js';

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-OoYV1faY.js';
-export { s as setNonce } from './index-OoYV1faY.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-imfxp765.js';
+export { s as setNonce } from './index-imfxp765.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["tl-my-orders",[[1,"tl-my-orders",{"emptyMessage":[1,"empty-message"],"columns":[2],"orders":[32],"authenticated":[32],"loading":[32],"error":[32],"expandedId":[32]}]]],["tl-buy-modal",[[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]}]]],["tl-order-confirmation",[[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}]}]]],["tl-cart-drawer",[[1,"tl-cart-drawer",{"side":[1],"heading":[1],"open":[1028],"visible":[32]},null,{"open":[{"onOpenProp":0}]}]]],["tl-event-list",[[1,"tl-event-list",{"limit":[2],"category":[1],"columns":[2],"events":[32],"loading":[32],"error":[32]},null,{"limit":[{"watchFiltersChange":0}],"category":[{"watchFiltersChange":0}]}]]],["tl-buy-tickets-button",[[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]}]]],["tl-buy-tickets-wrapper",[[260,"tl-buy-tickets-wrapper",{"eventId":[1,"event-id"],"occurrenceId":[1,"occurrence-id"],"disabled":[4]}]]],["tl-cart-badge",[[1,"tl-cart-badge",{"showEmpty":[4,"show-empty"],"icon":[1],"size":[1],"badgeOnly":[4,"badge-only"],"itemCount":[32]}]]],["tl-checkout-wrapper",[[260,"tl-checkout-wrapper",{"disabled":[4]}]]],["tl-promo-code",[[1,"tl-promo-code",{"placeholder":[1],"buttonLabel":[1,"button-label"],"code":[32],"applying":[32],"applied":[32],"error":[32]}]]],["tl-seat-map",[[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}]}]]],["tl-cart",[[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]}]]],["tl-event-card",[[1,"tl-event-card",{"event":[16],"eventId":[1,"event-id"],"loadedEvent":[32],"loading":[32],"error":[32]},null,{"eventId":[{"watchEventId":0}]}]]],["tl-login",[[1,"tl-login",{"heading":[1],"allowCodeEntry":[4,"allow-code-entry"],"phase":[32],"email":[32],"code":[32],"busy":[32],"error":[32],"notice":[32],"customer":[32]}]]],["tl-occurrence-selector_2",[[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"],"view":[32]},null,{"eventId":[{"watchPropsChange":0}],"occurrenceId":[{"watchPropsChange":0}],"showButton":[{"syncProps":0}],"buttonLabel":[{"syncProps":0}]}]]],["tl-order-tickets_2",[[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}]}]]]], options);
+  return bootstrapLazy([["tl-my-orders",[[1,"tl-my-orders",{"emptyMessage":[1,"empty-message"],"columns":[2],"view":[32]},null,{"emptyMessage":[{"syncProps":0}],"columns":[{"syncProps":0}]}]]],["tl-buy-modal",[[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]}]]],["tl-order-confirmation",[[1,"tl-order-confirmation",{"orderId":[1,"order-id"],"customerEmail":[1,"customer-email"],"showTickets":[4,"show-tickets"],"columns":[2],"view":[32]},null,{"orderId":[{"watchOrderId":0}],"customerEmail":[{"syncProps":0}],"showTickets":[{"syncProps":0}],"columns":[{"syncProps":0}]}]]],["tl-cart-drawer",[[1,"tl-cart-drawer",{"side":[1],"heading":[1],"open":[1028],"view":[32]},null,{"side":[{"syncProps":0}],"heading":[{"syncProps":0}],"open":[{"onOpenProp":0}]}]]],["tl-event-card",[[1,"tl-event-card",{"event":[16],"eventId":[1,"event-id"],"view":[32]},null,{"event":[{"syncProps":0}],"eventId":[{"watchEventId":0}]}]]],["tl-event-list",[[1,"tl-event-list",{"limit":[2],"category":[1],"columns":[2],"view":[32]},null,{"limit":[{"watchFiltersChange":0}],"category":[{"watchFiltersChange":0}],"columns":[{"syncProps":0}]}]]],["tl-buy-tickets-button",[[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],"view":[32]},null,{"eventId":[{"syncProps":0}],"occurrenceId":[{"syncProps":0}],"state":[{"syncProps":0}],"label":[{"syncProps":0}],"variant":[{"syncProps":0}],"size":[{"syncProps":0}],"fullWidth":[{"syncProps":0}],"price":[{"syncProps":0}],"currency":[{"syncProps":0}],"pricePrefix":[{"syncProps":0}],"disabled":[{"syncProps":0}]}]]],["tl-buy-tickets-wrapper",[[260,"tl-buy-tickets-wrapper",{"eventId":[1,"event-id"],"occurrenceId":[1,"occurrence-id"],"disabled":[4],"view":[32]},null,{"eventId":[{"syncProps":0}],"occurrenceId":[{"syncProps":0}],"disabled":[{"syncProps":0}]}]]],["tl-cart-badge",[[1,"tl-cart-badge",{"showEmpty":[4,"show-empty"],"icon":[1],"size":[1],"badgeOnly":[4,"badge-only"],"view":[32]},null,{"showEmpty":[{"syncProps":0}],"icon":[{"syncProps":0}],"size":[{"syncProps":0}],"badgeOnly":[{"syncProps":0}]}]]],["tl-checkout-wrapper",[[260,"tl-checkout-wrapper",{"disabled":[4],"view":[32]},null,{"disabled":[{"syncProps":0}]}]]],["tl-promo-code",[[1,"tl-promo-code",{"placeholder":[1],"buttonLabel":[1,"button-label"],"view":[32]},null,{"placeholder":[{"syncProps":0}],"buttonLabel":[{"syncProps":0}]}]]],["tl-seat-map",[[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}]}]]],["tl-cart",[[1,"tl-cart",{"showCheckoutButton":[4,"show-checkout-button"],"checkoutLabel":[1,"checkout-label"],"showRemoveButtons":[4,"show-remove-buttons"],"compact":[4],"view":[32]},null,{"showCheckoutButton":[{"syncProps":0}],"checkoutLabel":[{"syncProps":0}],"showRemoveButtons":[{"syncProps":0}],"compact":[{"syncProps":0}]}]]],["tl-login",[[1,"tl-login",{"heading":[1],"allowCodeEntry":[4,"allow-code-entry"],"view":[32]},null,{"heading":[{"syncProps":0}],"allowCodeEntry":[{"syncProps":0}]}]]],["tl-occurrence-selector_2",[[1,"tl-occurrence-selector",{"eventId":[1,"event-id"],"displayMode":[1,"display-mode"],"orientation":[1],"theme":[16],"view":[32]},null,{"eventId":[{"watchSubject":0}],"displayMode":[{"syncProps":0}],"orientation":[{"syncProps":0}],"theme":[{"syncProps":0}]}],[1,"tl-ticket-selector",{"eventId":[1,"event-id"],"occurrenceId":[1,"occurrence-id"],"showButton":[4,"show-button"],"buttonLabel":[1,"button-label"],"view":[32]},null,{"eventId":[{"watchPropsChange":0}],"occurrenceId":[{"watchPropsChange":0}],"showButton":[{"syncProps":0}],"buttonLabel":[{"syncProps":0}]}]]],["tl-order-tickets_2",[[1,"tl-order-tickets",{"orderId":[1,"order-id"],"columns":[2],"view":[32]},null,{"orderId":[{"watchOrder":0}],"columns":[{"syncProps":0}]}],[1,"tl-ticket",{"ticket":[16],"orderId":[1,"order-id"],"qrSvg":[32],"downloading":[32]},null,{"ticket":[{"generateQr":0}]}]]]], options);
 };
 
 export { defineCustomElements };