@occluze/tether 0.3.5 → 0.4.0

package/dist/tether.esm.js

@@ -1,2608 +1,2 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/config.js
-var DEFAULTS = {
-  // Shopify Storefront API
-  domain: "",
-  // 'your-store.myshopify.com'
-  token: "",
-  // public Storefront API access token
-  apiVersion: "2026-07",
-  country: void 0,
-  // ISO code, e.g. 'NL' -> @inContext(country: NL)
-  language: void 0,
-  // e.g. 'NL' -> @inContext(language: NL)
-  locale: void 0,
-  // Intl locale for money/dates, e.g. 'nl-NL'
-  markets: null,
-  // { detect: true, locales: { de: { country: 'DE', language: 'DE' } }, cookie, remember } (markets.js)
-  // Markup
-  prefix: "tether",
-  // attribute prefix: tether-product, tether-bind, ...
-  productPath: "/product",
-  // Webflow CMS template path for products
-  collectionPath: "/collection",
-  // Fetching
-  metafields: [],
-  // ['custom.material', { namespace, key }]
-  imagesFirst: 25,
-  variantsFirst: 100,
-  sellingPlanGroupsFirst: 10,
-  sellingPlansFirst: 25,
-  collectionFirst: 24,
-  retries: 2,
-  // Cart
-  storageKey: null,
-  // defaults to `tether:cart:<domain>`
-  cartDrawerOpenClass: "is-open",
-  openCartOnAdd: true,
-  checkoutTarget: "_self",
-  // '_self' or '_blank'
-  // Subscriptions
-  defaultPurchase: "one-time",
-  // 'one-time' | 'subscription'
-  // Mounting
-  autoMount: true,
-  // mount document on DOMContentLoaded
-  observe: false,
-  // auto-mount nodes added later (CMS load-more, filters)
-  // Formatting
-  formatMoney: null,
-  // (money, locale) => string
-  // Hooks (all optional)
-  onLayoutChange: null,
-  // (reason) => void. Default refreshes ScrollTrigger if present
-  onCartOpen: null,
-  // (drawers) => void, e.g. lock scroll
-  onCartClose: null,
-  // (drawers) => void
-  onLineEnter: null,
-  // (node) => void, animate a new cart line in
-  onLineLeave: null,
-  // (node, done) => void, animate out, then call done()
-  onValueChange: null,
-  // (el, previousText) => void, e.g. text scramble
-  onError: null,
-  // (error, context) => void
-  debug: false
-};
-var cfg = { ...DEFAULTS };
-function configure(overrides = {}) {
-  Object.keys(cfg).forEach((k) => delete cfg[k]);
-  Object.assign(cfg, DEFAULTS, overrides);
-  if (cfg.domain) cfg.domain = String(cfg.domain).replace(/^https?:\/\//, "").replace(/\/.*$/, "");
-  if (!cfg.storageKey) cfg.storageKey = `${cfg.prefix}:cart:${cfg.domain}`;
-  if (cfg.apiVersion === "unstable") warn('apiVersion "unstable" changes without notice. Pin a dated version (e.g. 2026-07).');
-  return cfg;
-}
-var isConfigured = () => Boolean(cfg.domain && cfg.token);
-function log(...a) {
-  if (cfg.debug) console.log(`[${cfg.prefix}]`, ...a);
-}
-function warn(...a) {
-  console.warn(`[${cfg.prefix}]`, ...a);
-}
-function reportError(err, context) {
-  warn(context, err && err.message ? err.message : err);
-  if (typeof cfg.onError === "function") {
-    try {
-      cfg.onError(err, context);
-    } catch {
-    }
-  }
-}
-
-// src/client.js
-var TetherError = class extends Error {
-  constructor(message, { status, errors, userErrors, code } = {}) {
-    super(message);
-    this.name = "TetherError";
-    this.code = code || (status ? `HTTP_${status}` : "ERROR");
-    this.status = status;
-    this.errors = errors;
-    this.userErrors = userErrors;
-  }
-};
-function endpoint() {
-  return `https://${cfg.domain}/api/${cfg.apiVersion}/graphql.json`;
-}
-function withContext(query, ctx = cfg) {
-  const args = [];
-  if (ctx.country) args.push(`country: ${String(ctx.country).toUpperCase()}`);
-  if (ctx.language) args.push(`language: ${String(ctx.language).toUpperCase().replace("-", "_")}`);
-  if (!args.length || /@inContext/.test(query)) return query;
-  return query.replace(
-    /^(\s*(?:query|mutation)\s+\w+\s*(?:\([^)]*\))?)/,
-    `$1 @inContext(${args.join(", ")})`
-  );
-}
-var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
-async function gql(query, variables = {}, { context = true } = {}) {
-  var _a;
-  if (!cfg.domain || !cfg.token) {
-    throw new TetherError("Tether is not configured: domain and token are required", { code: "NOT_CONFIGURED" });
-  }
-  const body = JSON.stringify({ query: context ? withContext(query) : query, variables });
-  let attempt = 0;
-  for (; ; ) {
-    let res;
-    try {
-      res = await fetch(endpoint(), {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "X-Shopify-Storefront-Access-Token": cfg.token
-        },
-        body
-      });
-    } catch (err) {
-      if (attempt++ < cfg.retries) {
-        await sleep(300 * 2 ** attempt);
-        continue;
-      }
-      throw new TetherError(`Network error: ${err.message}`, { code: "NETWORK" });
-    }
-    if (res.status === 430) throw new TetherError("Shopify security rejection (430)", { status: 430 });
-    const retryable = res.status === 429 || res.status >= 500;
-    if (retryable && attempt++ < cfg.retries) {
-      log("retry", res.status, attempt);
-      await sleep(300 * 2 ** attempt);
-      continue;
-    }
-    let json;
-    try {
-      json = await res.json();
-    } catch {
-      throw new TetherError(`Invalid response (${res.status})`, { status: res.status });
-    }
-    if ((_a = json.errors) == null ? void 0 : _a.length) {
-      const inventoryDenied = json.errors.some((e) => /quantityAvailable/.test(e.message || ""));
-      if (inventoryDenied && /\bquantityAvailable\b/.test(body)) {
-        log("no inventory permission, retrying without quantityAvailable");
-        return gql(query.replace(/\bquantityAvailable\b/g, ""), variables, { context });
-      }
-      const throttled = json.errors.some((e) => {
-        var _a2;
-        return ((_a2 = e.extensions) == null ? void 0 : _a2.code) === "THROTTLED";
-      });
-      if (throttled && attempt++ < cfg.retries) {
-        await sleep(500 * 2 ** attempt);
-        continue;
-      }
-      throw new TetherError(json.errors.map((e) => e.message).join(" | "), {
-        status: res.status,
-        errors: json.errors
-      });
-    }
-    if (!res.ok) throw new TetherError(`HTTP ${res.status}`, { status: res.status });
-    return json.data;
-  }
-}
-function unwrap(payload, name) {
-  if (!payload) throw new TetherError(`${name}: empty response`);
-  const errs = payload.userErrors || [];
-  if (errs.length) {
-    throw new TetherError(errs.map((e) => e.message).join(" | "), { userErrors: errs });
-  }
-  return payload;
-}
-
-// src/fragments.js
-var MONEY = "amount currencyCode";
-var IMAGE = "url altText width height";
-function metafieldIdentifiers() {
-  return (cfg.metafields || []).map((m) => {
-    if (typeof m === "string") {
-      const i = m.indexOf(".");
-      return { namespace: m.slice(0, i), key: m.slice(i + 1) };
-    }
-    return m;
-  }).filter((m) => m.namespace && m.key);
-}
-function metafieldsField() {
-  const ids = metafieldIdentifiers();
-  if (!ids.length) return "";
-  const list = ids.map((m) => `{namespace: ${JSON.stringify(m.namespace)}, key: ${JSON.stringify(m.key)}}`).join(", ");
-  return `metafields(identifiers: [${list}]) {
-    namespace key type value
-    reference { ... on MediaImage { image { ${IMAGE} } } }
-  }`;
-}
-var SELLING_PLAN_FIELDS = `
-  id name description recurringDeliveries
-  options { name value }
-  priceAdjustments {
-    orderCount
-    adjustmentValue {
-      __typename
-      ... on SellingPlanPercentagePriceAdjustment { adjustmentPercentage }
-      ... on SellingPlanFixedAmountPriceAdjustment { adjustmentAmount { ${MONEY} } }
-      ... on SellingPlanFixedPriceAdjustment { price { ${MONEY} } }
-    }
-  }`;
-var ALLOCATION_FIELDS = `
-  sellingPlan { id }
-  checkoutChargeAmount { ${MONEY} }
-  remainingBalanceChargeAmount { ${MONEY} }
-  priceAdjustments {
-    price { ${MONEY} }
-    compareAtPrice { ${MONEY} }
-    perDeliveryPrice { ${MONEY} }
-    unitPrice { ${MONEY} }
-  }`;
-function productFragment() {
-  return `
-fragment TetherProduct on Product {
-  id handle title description descriptionHtml productType vendor tags
-  availableForSale publishedAt onlineStoreUrl requiresSellingPlan
-  seo { title description }
-  featuredImage { ${IMAGE} }
-  images(first: ${cfg.imagesFirst}) { nodes { ${IMAGE} } }
-  options { name optionValues { name swatch { color image { previewImage { ${IMAGE} } } } } }
-  priceRange { minVariantPrice { ${MONEY} } maxVariantPrice { ${MONEY} } }
-  compareAtPriceRange { minVariantPrice { ${MONEY} } maxVariantPrice { ${MONEY} } }
-  ${metafieldsField()}
-  sellingPlanGroups(first: ${cfg.sellingPlanGroupsFirst}) {
-    nodes {
-      name appName
-      options { name values }
-      sellingPlans(first: ${cfg.sellingPlansFirst}) { nodes { ${SELLING_PLAN_FIELDS} } }
-    }
-  }
-  variants(first: ${cfg.variantsFirst}) {
-    nodes {
-      id title availableForSale currentlyNotInStock quantityAvailable sku barcode
-      selectedOptions { name value }
-      image { ${IMAGE} }
-      price { ${MONEY} }
-      compareAtPrice { ${MONEY} }
-      unitPrice { ${MONEY} }
-      sellingPlanAllocations(first: ${cfg.sellingPlansFirst}) { nodes { ${ALLOCATION_FIELDS} } }
-    }
-  }
-}`;
-}
-function cartFragment() {
-  return `
-fragment TetherCart on Cart {
-  id checkoutUrl totalQuantity note createdAt updatedAt
-  attributes { key value }
-  buyerIdentity { countryCode email }
-  discountCodes { code applicable }
-  cost {
-    subtotalAmount { ${MONEY} }
-    totalAmount { ${MONEY} }
-    checkoutChargeAmount { ${MONEY} }
-  }
-  lines(first: 100) {
-    nodes {
-      id quantity
-      attributes { key value }
-      cost {
-        totalAmount { ${MONEY} }
-        subtotalAmount { ${MONEY} }
-        amountPerQuantity { ${MONEY} }
-        compareAtAmountPerQuantity { ${MONEY} }
-      }
-      discountAllocations { discountedAmount { ${MONEY} } }
-      sellingPlanAllocation {
-        sellingPlan { id name description recurringDeliveries options { name value } }
-        checkoutChargeAmount { ${MONEY} }
-        priceAdjustments { price { ${MONEY} } compareAtPrice { ${MONEY} } perDeliveryPrice { ${MONEY} } }
-      }
-      merchandise {
-        ... on ProductVariant {
-          id title sku availableForSale requiresShipping
-          image { ${IMAGE} }
-          price { ${MONEY} }
-          compareAtPrice { ${MONEY} }
-          selectedOptions { name value }
-          product { id title handle vendor featuredImage { ${IMAGE} } }
-        }
-      }
-      ... on ComponentizableCartLine {
-        lineComponents {
-          id quantity
-          merchandise { ... on ProductVariant { id title product { title handle } } }
-        }
-      }
-    }
-  }
-}`;
-}
-function collectionFields() {
-  return `
-  id handle title description descriptionHtml
-  image { ${IMAGE} }
-  seo { title description }`;
-}
-
-// src/loader.js
-var productCache = /* @__PURE__ */ new Map();
-var pending = [];
-var resolvers = /* @__PURE__ */ new Map();
-var scheduled = false;
-var generation = 0;
-var isGid = (v) => typeof v === "string" && v.startsWith("gid://");
-function normalizeProductKey(raw) {
-  const v = String(raw != null ? raw : "").trim();
-  if (!v) return null;
-  if (isGid(v)) return v;
-  if (/^\d+$/.test(v)) return `gid://shopify/Product/${v}`;
-  const m = v.match(/\/products\/([^/?#]+)/);
-  return m ? m[1] : v;
-}
-function primeProduct(product) {
-  if (!product) return;
-  const p = Promise.resolve(product);
-  productCache.set(product.handle, p);
-  productCache.set(product.id, p);
-}
-function getProduct(rawKey) {
-  const key = normalizeProductKey(rawKey);
-  if (!key) return Promise.reject(new TetherError("empty product key", { code: "NOT_FOUND" }));
-  if (productCache.has(key)) return productCache.get(key);
-  const p = new Promise((resolve, reject) => {
-    resolvers.set(key, { resolve, reject });
-    pending.push(key);
-    if (!scheduled) {
-      scheduled = true;
-      setTimeout(flush, 0);
-    }
-  });
-  productCache.set(key, p);
-  return p;
-}
-async function flush() {
-  scheduled = false;
-  const gen = generation;
-  const keys = pending.splice(0);
-  if (!keys.length) return;
-  const ids = keys.filter(isGid);
-  const handles = keys.filter((k) => !isGid(k));
-  const defs = [];
-  const parts = [];
-  const vars = {};
-  if (ids.length) {
-    defs.push("$ids: [ID!]!");
-    vars.ids = ids;
-    parts.push("byId: nodes(ids: $ids) { ... on Product { ...TetherProduct } }");
-  }
-  handles.forEach((h, i) => {
-    defs.push(`$h${i}: String!`);
-    vars[`h${i}`] = h;
-    parts.push(`h${i}: product(handle: $h${i}) { ...TetherProduct }`);
-  });
-  const query = `query TetherProducts(${defs.join(", ")}) {
-  ${parts.join("\n  ")}
-}
-${productFragment()}`;
-  log("fetch products", keys);
-  const settle = (k, fn) => {
-    const r = resolvers.get(k);
-    resolvers.delete(k);
-    if (r) fn(r);
-  };
-  try {
-    const data = await gql(query, vars);
-    const got = /* @__PURE__ */ new Map();
-    (data.byId || []).forEach((p) => {
-      if (p) got.set(p.id, p);
-    });
-    handles.forEach((h, i) => {
-      if (data[`h${i}`]) got.set(h, data[`h${i}`]);
-    });
-    keys.forEach((k) => settle(k, (r) => {
-      if (got.has(k)) {
-        if (gen === generation) primeProduct(got.get(k));
-        r.resolve(got.get(k));
-      } else {
-        if (gen === generation) productCache.delete(k);
-        r.reject(new TetherError(`Product not found: ${k}`, { code: "NOT_FOUND" }));
-      }
-    }));
-  } catch (err) {
-    keys.forEach((k) => settle(k, (r) => {
-      if (gen === generation) productCache.delete(k);
-      r.reject(err);
-    }));
-  }
-}
-function clearProductCache() {
-  productCache.clear();
-  generation++;
-}
-async function getProducts({
-  collection,
-  query,
-  first = cfg.collectionFirst,
-  after = null,
-  sortKey,
-  reverse = false,
-  filters
-} = {}) {
-  const fragment = productFragment();
-  if (collection) {
-    const data2 = await gql(`query TetherCollection($handle: String!, $first: Int!, $after: String, $sortKey: ProductCollectionSortKeys, $reverse: Boolean, $filters: [ProductFilter!]) {
-  collection(handle: $handle) {
-    ${collectionFields()}
-    products(first: $first, after: $after, sortKey: $sortKey, reverse: $reverse, filters: $filters) {
-      nodes { ...TetherProduct }
-      pageInfo { hasNextPage endCursor }
-    }
-  }
-}
-${fragment}`, {
-      handle: collection,
-      first,
-      after,
-      sortKey: sortKey || void 0,
-      reverse,
-      filters: filters || void 0
-    });
-    if (!data2.collection) throw new TetherError(`Collection not found: ${collection}`, { code: "NOT_FOUND" });
-    const { products, ...rest } = data2.collection;
-    products.nodes.forEach(primeProduct);
-    return { collection: rest, products: products.nodes, pageInfo: products.pageInfo };
-  }
-  const data = await gql(`query TetherSearch($first: Int!, $after: String, $query: String, $sortKey: ProductSortKeys, $reverse: Boolean) {
-  products(first: $first, after: $after, query: $query, sortKey: $sortKey, reverse: $reverse) {
-    nodes { ...TetherProduct }
-    pageInfo { hasNextPage endCursor }
-  }
-}
-${fragment}`, { first, after, query: query || void 0, sortKey: sortKey || void 0, reverse });
-  data.products.nodes.forEach(primeProduct);
-  return { collection: null, products: data.products.nodes, pageInfo: data.products.pageInfo };
-}
-async function getRecommendations(productId, intent = "RELATED") {
-  const data = await gql(`query TetherRecs($id: ID!, $intent: ProductRecommendationIntent) {
-  productRecommendations(productId: $id, intent: $intent) { ...TetherProduct }
-}
-${productFragment()}`, { id: productId, intent });
-  const list = data.productRecommendations || [];
-  list.forEach(primeProduct);
-  return list;
-}
-
-// src/selling-plans.js
-var selling_plans_exports = {};
-__export(selling_plans_exports, {
-  GID: () => GID,
-  allPlans: () => allPlans,
-  allocationFor: () => allocationFor,
-  findPlan: () => findPlan,
-  hasPlans: () => hasPlans,
-  planAdjustment: () => planAdjustment,
-  planCheckoutCharge: () => planCheckoutCharge,
-  planPrice: () => planPrice,
-  planSavings: () => planSavings,
-  plansForVariant: () => plansForVariant,
-  toGid: () => toGid
-});
-var GID = {
-  product: (v) => toGid(v, "Product"),
-  variant: (v) => toGid(v, "ProductVariant"),
-  sellingPlan: (v) => toGid(v, "SellingPlan")
-};
-function toGid(value, type) {
-  const v = String(value != null ? value : "").trim();
-  if (!v) return null;
-  if (v.startsWith("gid://")) return v;
-  if (/^\d+$/.test(v)) return `gid://shopify/${type}/${v}`;
-  return v;
-}
-function allPlans(product) {
-  var _a;
-  const groups = ((_a = product == null ? void 0 : product.sellingPlanGroups) == null ? void 0 : _a.nodes) || [];
-  return groups.flatMap((g) => {
-    var _a2;
-    return (((_a2 = g.sellingPlans) == null ? void 0 : _a2.nodes) || []).map((p) => ({ ...p, group: g }));
-  });
-}
-function hasPlans(product) {
-  return allPlans(product).length > 0;
-}
-function allocationFor(variant, planId) {
-  var _a;
-  if (!variant || !planId) return null;
-  return (((_a = variant.sellingPlanAllocations) == null ? void 0 : _a.nodes) || []).find((a) => {
-    var _a2;
-    return ((_a2 = a.sellingPlan) == null ? void 0 : _a2.id) === planId;
-  }) || null;
-}
-function plansForVariant(product, variant) {
-  return allPlans(product).filter((p) => allocationFor(variant, p.id));
-}
-function planPrice(variant, planId) {
-  var _a;
-  const a = allocationFor(variant, planId);
-  const adj = (_a = a == null ? void 0 : a.priceAdjustments) == null ? void 0 : _a[0];
-  return (adj == null ? void 0 : adj.perDeliveryPrice) || (adj == null ? void 0 : adj.price) || (variant == null ? void 0 : variant.price) || null;
-}
-function planCheckoutCharge(variant, planId) {
-  var _a, _b;
-  const a = allocationFor(variant, planId);
-  return (a == null ? void 0 : a.checkoutChargeAmount) || ((_b = (_a = a == null ? void 0 : a.priceAdjustments) == null ? void 0 : _a[0]) == null ? void 0 : _b.price) || (variant == null ? void 0 : variant.price) || null;
-}
-function planSavings(variant, planId) {
-  var _a, _b;
-  const base = parseFloat((_a = variant == null ? void 0 : variant.price) == null ? void 0 : _a.amount);
-  const sub = parseFloat((_b = planPrice(variant, planId)) == null ? void 0 : _b.amount);
-  if (!Number.isFinite(base) || !Number.isFinite(sub) || base <= 0 || sub >= base) {
-    return { amount: null, percentage: 0 };
-  }
-  return {
-    amount: { amount: (base - sub).toFixed(2), currencyCode: variant.price.currencyCode },
-    percentage: Math.round((1 - sub / base) * 100)
-  };
-}
-function planAdjustment(plan) {
-  var _a, _b;
-  const v = (_b = (_a = plan == null ? void 0 : plan.priceAdjustments) == null ? void 0 : _a[0]) == null ? void 0 : _b.adjustmentValue;
-  if (!v) return null;
-  switch (v.__typename) {
-    case "SellingPlanPercentagePriceAdjustment":
-      return { type: "percentage", value: v.adjustmentPercentage };
-    case "SellingPlanFixedAmountPriceAdjustment":
-      return { type: "amount", value: v.adjustmentAmount };
-    case "SellingPlanFixedPriceAdjustment":
-      return { type: "price", value: v.price };
-    default:
-      return null;
-  }
-}
-function findPlan(product, ref) {
-  if (!ref) return null;
-  const plans = allPlans(product);
-  const gid = GID.sellingPlan(ref);
-  const needle = String(ref).trim().toLowerCase();
-  return plans.find((p) => p.id === gid) || plans.find((p) => p.name.toLowerCase() === needle) || plans.find((p) => (p.options || []).some((o) => String(o.value).toLowerCase() === needle)) || null;
-}
-
-// src/dom.js
-var attr = (name) => `${cfg.prefix}-${name}`;
-var sel = (name, value) => value === void 0 ? `[${attr(name)}]` : `[${attr(name)}="${value}"]`;
-var get = (el, name) => el.getAttribute(attr(name));
-var has = (el, name) => el.hasAttribute(attr(name));
-var dataKey = () => `data-${cfg.prefix}-key`;
-function productUrl(handle, id) {
-  const path = cfg.productPath || "/product";
-  if (!/\{(handle|id)\}/.test(path)) return `${path.replace(/\/$/, "")}/${handle}`;
-  const numeric = id ? String(id).split("/").pop() : "";
-  return path.replace(/\{handle\}/g, encodeURIComponent(handle || "")).replace(/\{id\}/g, encodeURIComponent(numeric));
-}
-var qsa = (root, s) => root ? [...root.querySelectorAll(s)] : [];
-var scoped = (root, s, scopeSelector) => qsa(root, s).filter((el) => el.closest(scopeSelector) === root);
-function emit(name, detail, target = document) {
-  target.dispatchEvent(new CustomEvent(`${cfg.prefix}:${name}`, { detail, bubbles: true }));
-}
-function formatMoney(money) {
-  if (!money) return "";
-  if (typeof cfg.formatMoney === "function") return cfg.formatMoney(money, cfg.locale);
-  const amount = parseFloat(money.amount);
-  if (Number.isNaN(amount)) return "";
-  try {
-    return new Intl.NumberFormat(cfg.locale || void 0, {
-      style: "currency",
-      currency: money.currencyCode
-    }).format(amount);
-  } catch {
-    return `${money.currencyCode} ${amount.toFixed(2)}`;
-  }
-}
-function formatDate(iso) {
-  if (!iso) return "";
-  try {
-    return new Date(iso).toLocaleDateString(cfg.locale || void 0);
-  } catch {
-    return "";
-  }
-}
-function cdnUrl(url, el) {
-  if (!url || !el) return url;
-  const w = el.getAttribute("max-width");
-  const h = el.getAttribute("max-height");
-  const crop = el.getAttribute("crop");
-  if (!w && !h) return url;
-  try {
-    const u = new URL(url);
-    if (w) u.searchParams.set("width", w);
-    if (h) u.searchParams.set("height", h);
-    if (crop) u.searchParams.set("crop", crop);
-    return u.toString();
-  } catch {
-    return url;
-  }
-}
-function setImage(el, url, alt) {
-  if (!url) return;
-  const src = cdnUrl(url, el);
-  if (el.tagName === "IMG") {
-    el.removeAttribute("srcset");
-    el.removeAttribute("sizes");
-    el.setAttribute("src", src);
-    if (alt != null) el.setAttribute("alt", alt);
-    if (!el.getAttribute("loading")) el.setAttribute("loading", "lazy");
-  } else {
-    el.style.backgroundImage = `url("${src}")`;
-  }
-}
-function setText(el, v) {
-  const text = v == null ? "" : String(v);
-  if (el.tagName === "INPUT" || el.tagName === "TEXTAREA") el.value = text;
-  else el.textContent = text;
-}
-var readText = (el) => el.tagName === "INPUT" || el.tagName === "TEXTAREA" ? el.value : el.textContent;
-function setTextTracked(el, v) {
-  const before = readText(el);
-  setText(el, v);
-  const after = readText(el);
-  if (before !== after && el.dataset.tetherSeen && typeof cfg.onValueChange === "function") {
-    try {
-      cfg.onValueChange(el, before);
-    } catch {
-    }
-  }
-  el.dataset.tetherSeen = "1";
-}
-function show(el, visible) {
-  const k = "tetherPrevDisplay";
-  if (visible) {
-    if (el.dataset[k] !== void 0) {
-      el.style.display = el.dataset[k];
-      delete el.dataset[k];
-    } else if (el.style.display === "none") {
-      el.style.display = "";
-    }
-  } else {
-    if (el.dataset[k] === void 0) el.dataset[k] = el.style.display || "";
-    el.style.display = "none";
-  }
-}
-function setSelected(el, selected) {
-  var _a;
-  el.classList.toggle("is-selected", selected);
-  el.setAttribute("aria-pressed", selected ? "true" : "false");
-  if (el.tagName === "INPUT" && (el.type === "radio" || el.type === "checkbox")) el.checked = selected;
-  const input = (_a = el.querySelector) == null ? void 0 : _a.call(el, 'input[type="radio"],input[type="checkbox"]');
-  if (input) input.checked = selected;
-}
-var templates = /* @__PURE__ */ new WeakMap();
-var hasTemplate = (container) => Boolean(templates.get(container));
-function template(container) {
-  var _a, _b;
-  if (!templates.has(container)) {
-    const tpl = (_b = (_a = container.firstElementChild) == null ? void 0 : _a.cloneNode(true)) != null ? _b : null;
-    templates.set(container, tpl);
-    container.innerHTML = "";
-  }
-  return templates.get(container);
-}
-function repeat(container, items, render) {
-  const tpl = template(container);
-  if (!tpl) {
-    warn("repeater without a template child", container);
-    return;
-  }
-  container.innerHTML = "";
-  items.forEach((item, i) => {
-    const node = tpl.cloneNode(true);
-    render(node, item, i);
-    container.appendChild(node);
-  });
-}
-function repeatKeyed(container, items, keyOf, render, { onEnter, onLeave } = {}) {
-  const tpl = template(container);
-  if (!tpl) {
-    warn("repeater without a template child", container);
-    return;
-  }
-  const KEY = dataKey();
-  const LEAVING = `data-${cfg.prefix}-leaving`;
-  const live = () => [...container.children].filter((n) => n.hasAttribute(KEY) && !n.hasAttribute(LEAVING));
-  const existing = new Map(live().map((n) => [n.getAttribute(KEY), n]));
-  const wanted = [];
-  const fresh = /* @__PURE__ */ new Set();
-  items.forEach((item, i) => {
-    const k = String(keyOf(item, i));
-    let node = existing.get(k);
-    if (node) existing.delete(k);
-    else {
-      node = tpl.cloneNode(true);
-      node.setAttribute(KEY, k);
-      fresh.add(node);
-    }
-    render(node, item, i, fresh.has(node));
-    wanted.push(node);
-  });
-  const staying = wanted.filter((n) => !fresh.has(n));
-  const current = live().filter((n) => staying.includes(n));
-  const orderOk = current.length === staying.length && current.every((n, i) => n === staying[i]);
-  if (!orderOk) {
-    existing.forEach((n) => n.remove());
-    wanted.forEach((n) => container.appendChild(n));
-    return;
-  }
-  wanted.forEach((node, i) => {
-    if (!fresh.has(node)) return;
-    const prev = wanted[i - 1];
-    if (prev && prev.parentNode === container) prev.after(node);
-    else container.prepend(node);
-    if (onEnter) {
-      try {
-        onEnter(node);
-      } catch {
-      }
-    }
-  });
-  existing.forEach((node) => {
-    node.setAttribute(LEAVING, "");
-    node.removeAttribute(KEY);
-    node.style.pointerEvents = "none";
-    node.inert = true;
-    const done = () => node.remove();
-    if (onLeave) {
-      try {
-        onLeave(node, done);
-      } catch {
-        done();
-      }
-    } else done();
-  });
-}
-var layoutTimer = null;
-function notifyLayoutChanged(reason) {
-  clearTimeout(layoutTimer);
-  layoutTimer = setTimeout(() => {
-    var _a;
-    if (typeof cfg.onLayoutChange === "function") cfg.onLayoutChange(reason);
-    else if ((_a = window.ScrollTrigger) == null ? void 0 : _a.refresh) window.ScrollTrigger.refresh();
-    emit("layout-changed", { reason });
-  }, 120);
-}
-function watchImages(root, reason) {
-  const imgs = qsa(root, "img").filter((i) => !i.complete);
-  if (!imgs.length) return;
-  let left = imgs.length;
-  const done = () => {
-    if (--left === 0) notifyLayoutChanged(`${reason}:images`);
-  };
-  imgs.forEach((img) => {
-    img.addEventListener("load", done, { once: true });
-    img.addEventListener("error", done, { once: true });
-  });
-}
-function busy(el, fn) {
-  if (el.getAttribute("aria-busy") === "true") return Promise.resolve();
-  el.setAttribute("aria-busy", "true");
-  return Promise.resolve().then(fn).finally(() => el.removeAttribute("aria-busy"));
-}
-function parseJSONAttr(el, name) {
-  const raw = el && get(el, name);
-  if (!raw) return null;
-  try {
-    return JSON.parse(raw);
-  } catch {
-    warn(`invalid JSON in ${attr(name)}`, el);
-    return null;
-  }
-}
-function toAttributes(obj) {
-  if (!obj) return [];
-  if (Array.isArray(obj)) return obj.map((a) => {
-    var _a;
-    return { key: String(a.key), value: String((_a = a.value) != null ? _a : "") };
-  });
-  return Object.entries(obj).map(([key, value]) => ({ key, value: String(value != null ? value : "") }));
-}
-
-// src/cart.js
-function toLineInput(input, quantity = 1, opts = {}) {
-  var _a;
-  const src = typeof input === "object" && input !== null ? input : { variantId: input, quantity, ...opts };
-  const merchandiseId = GID.variant(src.merchandiseId || src.variantId || src.id);
-  if (!merchandiseId) throw new TetherError("add(): variantId is required");
-  const line = { merchandiseId, quantity: Math.max(1, parseInt((_a = src.quantity) != null ? _a : 1, 10) || 1) };
-  const plan = src.sellingPlanId || src.sellingPlan;
-  if (plan) line.sellingPlanId = GID.sellingPlan(plan);
-  const attrs = toAttributes(src.attributes);
-  if (attrs.length) line.attributes = attrs;
-  return line;
-}
-function mutation(name, args, inner) {
-  return `mutation Tether_${name}(${args}) {
-  ${name}(${inner}) { cart { ...TetherCart } userErrors { field message } }
-}
-${cartFragment()}`;
-}
-var isMissingCart = (err) => /does not exist|not found|invalid id/i.test((err == null ? void 0 : err.message) || "");
-var Cart = {
-  state: null,
-  _chain: Promise.resolve(),
-  id() {
-    try {
-      return localStorage.getItem(cfg.storageKey);
-    } catch {
-      return null;
-    }
-  },
-  _setId(id) {
-    try {
-      if (id) localStorage.setItem(cfg.storageKey, id);
-      else localStorage.removeItem(cfg.storageKey);
-    } catch {
-    }
-  },
-  get lines() {
-    var _a, _b;
-    return ((_b = (_a = this.state) == null ? void 0 : _a.lines) == null ? void 0 : _b.nodes) || [];
-  },
-  get count() {
-    var _a;
-    return ((_a = this.state) == null ? void 0 : _a.totalQuantity) || 0;
-  },
-  lastError: null,
-  _queue(fn) {
-    const run = this._chain.then(fn, fn).then((value) => {
-      if (this.lastError) {
-        this.lastError = null;
-        this.render();
-      }
-      return value;
-    }, (err) => {
-      this.lastError = err;
-      this.render();
-      emit("cart-error", { error: err });
-      throw err;
-    });
-    this._chain = run.catch(() => {
-    });
-    return run;
-  },
-  _commit(cart, reason) {
-    this.state = cart;
-    if (cart == null ? void 0 : cart.id) this._setId(cart.id);
-    this.render();
-    emit("cart-updated", { cart, reason });
-    return cart;
-  },
-  async init() {
-    const id = this.id();
-    if (!id) {
-      this.state = null;
-      this.render();
-      return null;
-    }
-    try {
-      const data = await gql(`query TetherCart($id: ID!) { cart(id: $id) { ...TetherCart } }
-${cartFragment()}`, { id });
-      if (!data.cart) {
-        this._setId(null);
-        this.state = null;
-      } else this.state = data.cart;
-    } catch (err) {
-      reportError(err, "cart load failed");
-      this.lastError = err;
-      if (isMissingCart(err)) this._setId(null);
-      this.state = null;
-    }
-    this.render();
-    return this.state;
-  },
-  async _create(input = {}) {
-    const buyerIdentity = cfg.country ? { countryCode: String(cfg.country).toUpperCase() } : void 0;
-    const data = await gql(
-      mutation("cartCreate", "$input: CartInput!", "input: $input"),
-      { input: { buyerIdentity, ...input } }
-    );
-    return unwrap(data.cartCreate, "cartCreate").cart;
-  },
-  /** Runs a cart mutation; creates a fresh cart if ours expired. */
-  async _mutate(name, args, inner, variables, createInput) {
-    const cartId = this.id();
-    if (!cartId) return createInput ? this._create(createInput) : null;
-    try {
-      const data = await gql(mutation(name, `$cartId: ID!, ${args}`, `cartId: $cartId, ${inner}`), { ...variables, cartId });
-      return unwrap(data[name], name).cart;
-    } catch (err) {
-      if (createInput && isMissingCart(err)) {
-        log("cart expired, creating a new one");
-        this._setId(null);
-        return this._create(createInput);
-      }
-      throw err;
-    }
-  },
-  /**
-   * add('gid://shopify/ProductVariant/1', 2)
-   * add({ variantId, quantity, sellingPlanId, attributes })
-   * add([line, line])   // bundles / build-a-box in one request
-   */
-  add(input, quantity = 1, opts = {}) {
-    const lines = (Array.isArray(input) ? input : [input]).map((l) => toLineInput(l, quantity, opts));
-    return this._queue(async () => {
-      const cart = await this._mutate("cartLinesAdd", "$lines: [CartLineInput!]!", "lines: $lines", { lines }, { lines });
-      this._commit(cart, "add");
-      emit("added", { cart, lines });
-      if (cfg.openCartOnAdd) this.open();
-      return cart;
-    });
-  },
-  /**
-   * updateLine(lineId, 3)
-   * updateLine(lineId, { quantity, sellingPlanId, attributes })
-   * sellingPlanId: null switches a line back to one-time purchase.
-   */
-  updateLine(lineId, patch) {
-    const p = typeof patch === "number" ? { quantity: patch } : { ...patch };
-    if (p.quantity !== void 0 && p.quantity <= 0) return this.removeLine(lineId);
-    const line = { id: lineId };
-    if (p.quantity !== void 0) line.quantity = p.quantity;
-    if ("sellingPlanId" in p) line.sellingPlanId = p.sellingPlanId ? GID.sellingPlan(p.sellingPlanId) : null;
-    if (p.attributes) line.attributes = toAttributes(p.attributes);
-    if (p.merchandiseId || p.variantId) line.merchandiseId = GID.variant(p.merchandiseId || p.variantId);
-    return this._queue(async () => this._commit(
-      await this._mutate("cartLinesUpdate", "$lines: [CartLineUpdateInput!]!", "lines: $lines", { lines: [line] }),
-      "update"
-    ));
-  },
-  removeLine(lineIds) {
-    const ids = Array.isArray(lineIds) ? lineIds : [lineIds];
-    return this._queue(async () => this._commit(
-      await this._mutate("cartLinesRemove", "$lineIds: [ID!]!", "lineIds: $lineIds", { lineIds: ids }),
-      "remove"
-    ));
-  },
-  clear() {
-    const ids = this.lines.map((l) => l.id);
-    if (!ids.length) return Promise.resolve(this.state);
-    return this.removeLine(ids);
-  },
-  setNote(note) {
-    return this._queue(async () => this._commit(
-      await this._mutate("cartNoteUpdate", "$note: String!", "note: $note", { note: note != null ? note : "" }, { note: note != null ? note : "" }),
-      "note"
-    ));
-  },
-  /** Cart-level attributes, merged with existing ones. Value '' removes a key. */
-  setAttributes(obj) {
-    var _a;
-    const merged = new Map((((_a = this.state) == null ? void 0 : _a.attributes) || []).map((a) => [a.key, a.value]));
-    toAttributes(obj).forEach((a) => merged.set(a.key, a.value));
-    const attributes = [...merged].filter(([, v]) => v !== "").map(([key, value]) => ({ key, value }));
-    return this._queue(async () => this._commit(
-      await this._mutate("cartAttributesUpdate", "$attributes: [AttributeInput!]!", "attributes: $attributes", { attributes }, { attributes }),
-      "attributes"
-    ));
-  },
-  /** Replaces the discount codes. Pass [] to remove all. */
-  setDiscountCodes(codes) {
-    const discountCodes = (Array.isArray(codes) ? codes : [codes]).map((c) => String(c).trim()).filter(Boolean);
-    return this._queue(async () => this._commit(
-      await this._mutate("cartDiscountCodesUpdate", "$discountCodes: [String!]!", "discountCodes: $discountCodes", { discountCodes }, { discountCodes }),
-      "discount"
-    ));
-  },
-  applyDiscount(code) {
-    var _a;
-    const current = (((_a = this.state) == null ? void 0 : _a.discountCodes) || []).map((d) => d.code);
-    return this.setDiscountCodes([.../* @__PURE__ */ new Set([...current, code])]);
-  },
-  removeDiscount(code) {
-    var _a;
-    return this.setDiscountCodes((((_a = this.state) == null ? void 0 : _a.discountCodes) || []).map((d) => d.code).filter((c) => c !== code));
-  },
-  /** { countryCode, email, phone } — changes currency/prices for that market. */
-  setBuyerIdentity(buyerIdentity, { create = true } = {}) {
-    return this._queue(async () => {
-      const cart = await this._mutate("cartBuyerIdentityUpdate", "$buyerIdentity: CartBuyerIdentityInput!", "buyerIdentity: $buyerIdentity", { buyerIdentity }, create ? { buyerIdentity } : null).catch((err) => {
-        if (create || !isMissingCart(err)) throw err;
-        this._setId(null);
-        return null;
-      });
-      return this._commit(cart, "buyer-identity");
-    });
-  },
-  /**
-   * Goes to Shopify checkout. With checkoutTarget '_blank' the tab is opened
-   * inside the click (Safari blocks window.open after an await) and gets its
-   * URL once we have it.
-   */
-  async checkout(target = cfg.checkoutTarget) {
-    var _a;
-    const id = this.id();
-    if (!id) return null;
-    const tab = target === "_blank" ? window.open("", "_blank") : null;
-    if (tab) {
-      try {
-        tab.opener = null;
-      } catch {
-      }
-    }
-    try {
-      const data = await gql("query TetherCheckout($id: ID!) { cart(id: $id) { checkoutUrl } }", { id });
-      const url = (_a = data.cart) == null ? void 0 : _a.checkoutUrl;
-      if (!url) throw new TetherError("No checkoutUrl (cart empty or expired)");
-      emit("checkout", { url, cart: this.state });
-      if (tab && !tab.closed) tab.location.href = url;
-      else window.location.href = url;
-      return url;
-    } catch (err) {
-      if (tab) tab.close();
-      reportError(err, "checkout failed");
-      return null;
-    }
-  },
-  // -------------------------------------------------------------- drawer
-  drawers() {
-    return qsa(document, sel("cart-drawer"));
-  },
-  isOpen() {
-    return this.drawers().some((d) => d.classList.contains(cfg.cartDrawerOpenClass));
-  },
-  open() {
-    if (this.isOpen()) return;
-    const ds = this.drawers().filter((d) => get(d, "cart-drawer") !== "manual");
-    ds.forEach((d) => {
-      d.classList.add(cfg.cartDrawerOpenClass);
-      d.setAttribute("aria-hidden", "false");
-    });
-    if (typeof cfg.onCartOpen === "function") cfg.onCartOpen(ds);
-    emit("cart-toggled", { open: true });
-  },
-  close() {
-    if (!this.isOpen()) return;
-    const ds = this.drawers();
-    ds.forEach((d) => {
-      d.classList.remove(cfg.cartDrawerOpenClass);
-      d.setAttribute("aria-hidden", "true");
-    });
-    if (typeof cfg.onCartClose === "function") cfg.onCartClose(ds);
-    emit("cart-toggled", { open: false });
-  },
-  toggle() {
-    if (this.isOpen()) this.close();
-    else this.open();
-  },
-  // -------------------------------------------------------------- render
-  render() {
-    const cart = this.state;
-    const count = cart ? cart.totalQuantity : 0;
-    const money = (k) => {
-      var _a;
-      return cart ? formatMoney((_a = cart.cost) == null ? void 0 : _a[k]) : "";
-    };
-    qsa(document, sel("cart-count")).forEach((el) => setTextTracked(el, count));
-    qsa(document, sel("cart-subtotal")).forEach((el) => setTextTracked(el, money("subtotalAmount")));
-    qsa(document, sel("cart-total")).forEach((el) => setTextTracked(el, money("totalAmount")));
-    qsa(document, sel("cart-checkout-charge")).forEach((el) => setTextTracked(el, money("checkoutChargeAmount")));
-    const hasSub = this.lines.some((l) => l.sellingPlanAllocation);
-    const conds = {
-      "cart-empty": count === 0,
-      "cart-filled": count > 0,
-      "cart-has-subscription": hasSub,
-      "cart-no-subscription": !hasSub,
-      "cart-has-discount": ((cart == null ? void 0 : cart.discountCodes) || []).some((d) => d.applicable),
-      "cart-error": Boolean(this.lastError)
-    };
-    qsa(document, sel("show")).forEach((el) => {
-      const k = get(el, "show");
-      if (k in conds && !el.closest(sel("product"))) show(el, conds[k]);
-    });
-    qsa(document, `textarea${sel("cart-note")},input${sel("cart-note")}`).forEach((el) => {
-      if (document.activeElement !== el) el.value = (cart == null ? void 0 : cart.note) || "";
-    });
-    qsa(document, sel("cart-discounts")).forEach((container) => {
-      repeat(container, (cart == null ? void 0 : cart.discountCodes) || [], (node, d) => {
-        node.setAttribute(attr("discount-code"), d.code);
-        const t = node.querySelector(sel("discount", "code")) || (node.firstElementChild ? null : node);
-        if (t) setText(t, d.code);
-        node.classList.toggle("is-inapplicable", !d.applicable);
-      });
-    });
-    qsa(document, sel("cart-lines")).forEach((container) => {
-      repeatKeyed(container, this.lines, (l) => l.id, (node, line) => renderLine(node, line), {
-        onEnter: cfg.onLineEnter,
-        onLeave: cfg.onLineLeave
-      });
-    });
-    if (cart) notifyLayoutChanged("cart");
-  }
-};
-function lineValue(line, key) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const m = line.merchandise || {};
-  const plan = (_a = line.sellingPlanAllocation) == null ? void 0 : _a.sellingPlan;
-  switch (key) {
-    case "title":
-      return (_b = m.product) == null ? void 0 : _b.title;
-    case "product-title":
-      return (_c = m.product) == null ? void 0 : _c.title;
-    case "variant-title":
-      return m.title === "Default Title" ? "" : m.title;
-    case "options":
-      return (m.selectedOptions || []).filter((o) => o.value !== "Default Title").map((o) => `${o.name}: ${o.value}`).join(", ");
-    case "vendor":
-      return (_d = m.product) == null ? void 0 : _d.vendor;
-    case "sku":
-      return m.sku;
-    case "price":
-      return formatMoney(((_e = line.cost) == null ? void 0 : _e.amountPerQuantity) || m.price);
-    case "compare-at-price":
-      return formatMoney(((_f = line.cost) == null ? void 0 : _f.compareAtAmountPerQuantity) || m.compareAtPrice);
-    case "line-total":
-      return formatMoney((_g = line.cost) == null ? void 0 : _g.totalAmount);
-    case "line-subtotal":
-      return formatMoney((_h = line.cost) == null ? void 0 : _h.subtotalAmount);
-    case "quantity":
-      return line.quantity;
-    case "plan":
-      return (plan == null ? void 0 : plan.name) || "";
-    case "plan-description":
-      return (plan == null ? void 0 : plan.description) || "";
-    case "components":
-      return (line.lineComponents || []).map((c) => {
-        var _a2, _b2;
-        return `${c.quantity} \xD7 ${((_b2 = (_a2 = c.merchandise) == null ? void 0 : _a2.product) == null ? void 0 : _b2.title) || ""}`;
-      }).join(", ");
-    default:
-      if (key.startsWith("attribute:")) {
-        const k = key.slice("attribute:".length);
-        return ((_i = (line.attributes || []).find((a) => a.key === k)) == null ? void 0 : _i.value) || "";
-      }
-      return void 0;
-  }
-}
-function renderLine(node, line) {
-  var _a, _b, _c, _d;
-  const m = line.merchandise || {};
-  const isSub = Boolean(line.sellingPlanAllocation);
-  node.setAttribute(attr("line-id"), line.id);
-  node.classList.toggle("is-subscription", isSub);
-  qsa(node, sel("line")).forEach((el) => {
-    var _a2, _b2, _c2, _d2, _e, _f;
-    const key = get(el, "line");
-    if (key === "image") return setImage(el, ((_a2 = m.image) == null ? void 0 : _a2.url) || ((_c2 = (_b2 = m.product) == null ? void 0 : _b2.featuredImage) == null ? void 0 : _c2.url), (_d2 = m.product) == null ? void 0 : _d2.title);
-    if (key === "url") return el.setAttribute("href", productUrl((_e = m.product) == null ? void 0 : _e.handle, (_f = m.product) == null ? void 0 : _f.id));
-    const v = lineValue(line, key);
-    if (v !== void 0) setTextTracked(el, v);
-    return void 0;
-  });
-  const lineConds = {
-    subscription: isSub,
-    "one-time": !isSub,
-    "on-sale": parseFloat((_b = (_a = line.cost) == null ? void 0 : _a.compareAtAmountPerQuantity) == null ? void 0 : _b.amount) > parseFloat((_d = (_c = line.cost) == null ? void 0 : _c.amountPerQuantity) == null ? void 0 : _d.amount),
-    "has-components": (line.lineComponents || []).length > 0
-  };
-  qsa(node, sel("line-show")).forEach((el) => {
-    const k = get(el, "line-show");
-    if (k in lineConds) show(el, lineConds[k]);
-  });
-  qsa(node, `select${sel("line-plan")}`).forEach((select) => {
-    var _a2;
-    const handle = (_a2 = m.product) == null ? void 0 : _a2.handle;
-    if (!handle) return;
-    getProduct(handle).then((product) => {
-      var _a3, _b2;
-      const plans = allPlans(product);
-      const allowOneTime = !product.requiresSellingPlan && get(select, "line-plan") !== "subscription-only";
-      const want = [
-        ...allowOneTime ? [{ value: "", label: select.getAttribute(attr("one-time-label")) || "One-time purchase" }] : [],
-        ...plans.map((p) => ({ value: p.id, label: p.name }))
-      ];
-      const sig = want.map((w) => w.value).join("|");
-      if (select.dataset.tetherSig !== sig) {
-        select.innerHTML = "";
-        want.forEach((w) => {
-          const o = document.createElement("option");
-          o.value = w.value;
-          o.textContent = w.label;
-          select.appendChild(o);
-        });
-        select.dataset.tetherSig = sig;
-      }
-      select.value = ((_b2 = (_a3 = line.sellingPlanAllocation) == null ? void 0 : _a3.sellingPlan) == null ? void 0 : _b2.id) || "";
-      show(select, plans.length > 0);
-    }).catch((err) => reportError(err, "line plan options"));
-  });
-}
-
-// src/status.js
-function resolveProductKey(el, location = window.location) {
-  const raw = (get(el, "product") || "").trim();
-  if (!raw.toLowerCase().startsWith("url:")) return { key: raw || null, fromUrl: false, raw };
-  const what = raw.slice(4).trim();
-  let key = null;
-  if (what.toLowerCase() === "path") {
-    const parts = location.pathname.split("/").filter(Boolean);
-    key = parts.length ? safeDecode(parts[parts.length - 1]) : null;
-  } else {
-    key = new URLSearchParams(location.search).get(what || "handle");
-  }
-  key = key && key.trim() ? key.trim() : null;
-  return { key, fromUrl: true, raw };
-}
-function safeDecode(s) {
-  try {
-    return decodeURIComponent(s);
-  } catch {
-    return s;
-  }
-}
-var STATUS_KEYS = ["loading", "ready", "error", "not-found"];
-var isNotFound = (err) => (err == null ? void 0 : err.code) === "NOT_FOUND";
-var boundary = () => ["product", "collection", "products", "recommendations"].map((n) => sel(n)).join(",");
-var ownedBy = (el, root) => {
-  var _a;
-  return el === root || ((_a = el.parentElement) == null ? void 0 : _a.closest(boundary())) === root;
-};
-function setScopeStatus(root, status, err) {
-  const notFound = status === "not-found";
-  root.setAttribute(attr("state"), notFound ? "error" : status);
-  if (status === "error" || notFound) root.setAttribute(attr("error"), notFound ? "not-found" : (err == null ? void 0 : err.code) || "error");
-  else root.removeAttribute(attr("error"));
-  scoped(root, sel("show"), boundary()).forEach((el) => {
-    const k = get(el, "show");
-    if (!STATUS_KEYS.includes(k)) return;
-    const visible = k === status;
-    show(el, visible);
-    if (visible && typeof getComputedStyle === "function" && getComputedStyle(el).display === "none") {
-      el.style.display = el.getAttribute(attr("display")) || "block";
-    }
-  });
-  if (status === "error" || notFound) {
-    scoped(root, sel("add-to-cart"), boundary()).forEach((btn) => {
-      btn.classList.add("is-disabled");
-      if ("disabled" in btn) btn.disabled = true;
-    });
-  }
-}
-
-// src/product.js
-var scopes = /* @__PURE__ */ new WeakMap();
-var productSel = () => sel("product");
-function metafieldValue(product, ref) {
-  const i = ref.indexOf(".");
-  const ns = ref.slice(0, i);
-  const key = ref.slice(i + 1);
-  const mf = (product.metafields || []).find((m) => m && m.namespace === ns && m.key === key);
-  return mf || null;
-}
-var ProductScope = class {
-  constructor(root, product) {
-    var _a;
-    this.root = root;
-    this.product = product;
-    this.selected = {};
-    this.variant = null;
-    this.quantity = Math.max(0, parseInt((_a = get(root, "quantity")) != null ? _a : "1", 10) || (has(root, "quantity") ? 0 : 1));
-    this.plans = allPlans(product);
-    this.purchase = "one-time";
-    this.planId = null;
-    scopes.set(root, this);
-    root.setAttribute(attr("state"), "ready");
-    root.removeAttribute(attr("error"));
-    this.initSelection();
-    this.initPurchase();
-    this.renderProduct();
-    this.bind();
-    this.renderVariant();
-    watchImages(root, "product");
-    notifyLayoutChanged("product");
-    emit("product-ready", { product, scope: this }, root);
-  }
-  /** New data for the same product (e.g. after a country switch). Keeps the selection. */
-  update(product) {
-    var _a, _b;
-    const variantId = (_a = this.variant) == null ? void 0 : _a.id;
-    this.product = product;
-    this.plans = allPlans(product);
-    if (this.planId && !this.plans.some((p) => p.id === this.planId)) this.planId = ((_b = this.plans[0]) == null ? void 0 : _b.id) || null;
-    if (!this.plans.length && this.purchase === "subscription") this.purchase = "one-time";
-    const v = product.variants.nodes.find((x) => x.id === variantId);
-    if (v) {
-      this.selected = {};
-      v.selectedOptions.forEach((o) => {
-        this.selected[o.name] = o.value;
-      });
-    }
-    this.root.setAttribute(attr("state"), "ready");
-    this.root.removeAttribute(attr("error"));
-    this.renderProduct();
-    this.renderVariant();
-    notifyLayoutChanged("product");
-    emit("product-updated", { product, scope: this }, this.root);
-  }
-  /** Matching elements in this scope, including the root itself (e.g. a card link with tether-bind="link"). */
-  $(s) {
-    const inner = scoped(this.root, s, productSel());
-    return this.root.matches(s) ? [this.root, ...inner] : inner;
-  }
-  // ------------------------------------------------------------ state
-  initSelection() {
-    const vs = this.product.variants.nodes;
-    const first = vs.find((v) => v.availableForSale) || vs[0];
-    if (first) first.selectedOptions.forEach((o) => {
-      this.selected[o.name] = o.value;
-    });
-    const param = new URLSearchParams(window.location.search).get("variant") || get(this.root, "variant");
-    if (param) {
-      const gid = GID.variant(param);
-      const match = vs.find((v) => v.id === gid);
-      if (match) {
-        this.selected = {};
-        match.selectedOptions.forEach((o) => {
-          this.selected[o.name] = o.value;
-        });
-      }
-    }
-  }
-  initPurchase() {
-    if (!this.plans.length) return;
-    const params = new URLSearchParams(window.location.search);
-    const fromUrl = findPlan(this.product, params.get("selling_plan"));
-    const fromAttr = findPlan(this.product, get(this.root, "default-plan"));
-    this.planId = (fromUrl || fromAttr || this.plans[0]).id;
-    const wanted = fromUrl ? "subscription" : get(this.root, "default-purchase") || cfg.defaultPurchase;
-    this.purchase = this.product.requiresSellingPlan || wanted === "subscription" ? "subscription" : "one-time";
-  }
-  findVariant() {
-    return this.product.variants.nodes.find((v) => v.selectedOptions.every((o) => this.selected[o.name] === o.value)) || null;
-  }
-  isValueAvailable(name, value) {
-    return this.product.variants.nodes.some((v) => v.availableForSale && v.selectedOptions.every((o) => o.name === name ? o.value === value : this.selected[o.name] === o.value));
-  }
-  get plan() {
-    return this.plans.find((p) => p.id === this.planId) || null;
-  }
-  /** True when the current variant can be bought on the selected plan. */
-  get subscriptionAvailable() {
-    return Boolean(this.variant && this.plans.some((p) => allocationFor(this.variant, p.id)));
-  }
-  get isSubscription() {
-    return this.purchase === "subscription" && Boolean(allocationFor(this.variant, this.planId));
-  }
-  /** What would be added to the cart right now. */
-  getLine() {
-    if (!this.variant) return null;
-    const line = { merchandiseId: this.variant.id, quantity: this.quantity };
-    if (this.isSubscription) line.sellingPlanId = this.planId;
-    const attrs = this.collectAttributes();
-    if (attrs.length) line.attributes = attrs;
-    return line;
-  }
-  collectAttributes() {
-    const fixed = toAttributes(parseJSONAttr(this.root, "line-attributes"));
-    const inputs = this.$(sel("line-attribute")).map((el) => {
-      const key = get(el, "line-attribute");
-      let value;
-      if (el.type === "checkbox") value = el.checked ? el.value && el.value !== "on" ? el.value : "Yes" : "";
-      else if (el.type === "radio") value = el.checked ? el.value : null;
-      else value = el.value;
-      return value == null || value === "" ? null : { key, value: String(value) };
-    }).filter(Boolean);
-    return [...fixed, ...inputs];
-  }
-  // ------------------------------------------------------------ actions
-  select(name, value) {
-    if (this.selected[name] === value) return;
-    this.selected[name] = value;
-    this.renderVariant();
-  }
-  selectVariant(id) {
-    const v = this.product.variants.nodes.find((x) => x.id === GID.variant(id));
-    if (!v) return;
-    this.selected = {};
-    v.selectedOptions.forEach((o) => {
-      this.selected[o.name] = o.value;
-    });
-    this.renderVariant();
-  }
-  setPurchase(mode) {
-    const next = mode === "subscription" ? "subscription" : "one-time";
-    if (next === "one-time" && this.product.requiresSellingPlan) return;
-    if (this.purchase === next) return;
-    this.purchase = next;
-    this.renderVariant();
-  }
-  selectPlan(ref) {
-    const p = findPlan(this.product, ref);
-    if (!p) return;
-    this.planId = p.id;
-    this.purchase = "subscription";
-    this.renderVariant();
-  }
-  setQuantity(n) {
-    const min = has(this.root, "quantity") ? 0 : 1;
-    this.quantity = Math.max(min, parseInt(n, 10) || 0);
-    this.$(sel("qty")).forEach((i) => setText(i, this.quantity));
-    this.renderVariant();
-  }
-  async addToCart() {
-    var _a;
-    if (!((_a = this.variant) == null ? void 0 : _a.availableForSale)) return null;
-    const line = this.getLine();
-    if (!line || line.quantity < 1) return null;
-    const cart = await Cart.add(line);
-    emit("product-added", { product: this.product, variant: this.variant, line }, this.root);
-    return cart;
-  }
-  // ------------------------------------------------------------ events
-  bind() {
-    const own = (el) => el && el.closest(productSel()) === this.root;
-    this.root.addEventListener("click", (e) => {
-      const t = e.target;
-      if (!(t == null ? void 0 : t.closest)) return;
-      const opt = t.closest(sel("option-value"));
-      if (own(opt) && opt.closest(sel("option-list"))) {
-        e.preventDefault();
-        this.select(get(opt.closest(sel("option-list")), "option-list"), get(opt, "option-value"));
-        return;
-      }
-      const plan = t.closest(sel("plan-value"));
-      if (own(plan)) {
-        e.preventDefault();
-        this.selectPlan(get(plan, "plan-value"));
-        return;
-      }
-      const purchase = t.closest(`${sel("purchase")}:not(select)`);
-      if (own(purchase)) {
-        if (purchase.tagName !== "INPUT") e.preventDefault();
-        this.setPurchase(get(purchase, "purchase"));
-        return;
-      }
-      const plus = t.closest(sel("qty-plus"));
-      if (own(plus)) {
-        e.preventDefault();
-        this.setQuantity(this.quantity + 1);
-        return;
-      }
-      const minus = t.closest(sel("qty-minus"));
-      if (own(minus)) {
-        e.preventDefault();
-        this.setQuantity(this.quantity - 1);
-        return;
-      }
-      const add = t.closest(sel("add-to-cart"));
-      if (own(add)) {
-        e.preventDefault();
-        this.onAddClick(add);
-      }
-    });
-    this.root.addEventListener("change", (e) => {
-      const t = e.target;
-      if (!own(t)) return;
-      if (t.matches(`select${sel("option")}`)) this.select(get(t, "option"), t.value);
-      else if (t.matches(`select${sel("variant-select")}`)) this.selectVariant(t.value);
-      else if (t.matches(`select${sel("plan")}`)) {
-        if (t.value) this.selectPlan(t.value);
-        else this.setPurchase("one-time");
-      } else if (t.matches(`select${sel("purchase")}`)) this.setPurchase(t.value);
-      else if (t.matches(sel("qty"))) this.setQuantity(t.value);
-    });
-  }
-  onAddClick(btn) {
-    const label = btn.querySelector(sel("add-label")) || btn;
-    const busyText = get(btn, "adding-text");
-    const write = (txt) => setText(label, txt);
-    if (label.dataset.tetherLabel === void 0) label.dataset.tetherLabel = label.tagName === "INPUT" ? label.value : label.textContent;
-    busy(btn, async () => {
-      if (busyText) write(busyText);
-      try {
-        await this.addToCart();
-      } catch (err) {
-        reportError(err, "add to cart failed");
-        emit("error", { error: err, context: "add-to-cart" }, this.root);
-      } finally {
-        if (busyText) write(label.dataset.tetherLabel);
-      }
-    }).then(() => {
-      this.renderVariant();
-    });
-  }
-  // ------------------------------------------------------------ render
-  renderProduct() {
-    const p = this.product;
-    this.$(sel("bind")).forEach((el) => {
-      var _a, _b, _c;
-      const key = get(el, "bind");
-      switch (key) {
-        case "title":
-          return setText(el, p.title);
-        case "description":
-          el.innerHTML = p.descriptionHtml || "";
-          return void 0;
-        case "description-text":
-          return setText(el, p.description);
-        case "vendor":
-          return setText(el, p.vendor);
-        case "type":
-          return setText(el, p.productType);
-        case "handle":
-          return setText(el, p.handle);
-        case "published-at":
-          return setText(el, formatDate(p.publishedAt));
-        case "min-price":
-          return setText(el, formatMoney(p.priceRange.minVariantPrice));
-        case "max-price":
-          return setText(el, formatMoney(p.priceRange.maxVariantPrice));
-        case "featured-image":
-          return setImage(el, (_a = p.featuredImage) == null ? void 0 : _a.url, ((_b = p.featuredImage) == null ? void 0 : _b.altText) || p.title);
-        case "url":
-        case "link":
-          el.setAttribute("href", productUrl(p.handle, p.id));
-          if (key === "url" && !el.firstElementChild && !el.textContent.trim()) setText(el, p.title);
-          return void 0;
-        case "images":
-          return repeat(el, p.images.nodes, (node, img) => {
-            const target = node.matches(`img,${sel("bind", "image")}`) ? node : node.querySelector("img") || node;
-            setImage(target, img.url, img.altText || p.title);
-          });
-        case "tags": {
-          const exclude = (el.getAttribute("exclude") || "").split(",").map((s) => s.trim()).filter(Boolean);
-          return repeat(el, p.tags.filter((t) => !exclude.includes(t)), (node, tag) => setText(node, tag));
-        }
-        default:
-          if (key && /^image:\d+$/.test(key)) {
-            const img = p.images.nodes[parseInt(key.slice(6), 10) - 1] || p.featuredImage;
-            return setImage(el, img == null ? void 0 : img.url, (img == null ? void 0 : img.altText) || p.title);
-          }
-          if (key && key.startsWith("metafield:")) {
-            const mf = metafieldValue(p, key.slice("metafield:".length));
-            if (!mf) return setText(el, "");
-            if ((_c = mf.reference) == null ? void 0 : _c.image) return setImage(el, mf.reference.image.url, mf.reference.image.altText);
-            if (mf.type === "rich_text_field" || mf.type === "multi_line_text_field") {
-              el.textContent = mf.value;
-              el.style.whiteSpace = "pre-line";
-              return void 0;
-            }
-            return setText(el, mf.value);
-          }
-          return void 0;
-      }
-    });
-    this.$(sel("option-list")).forEach((container) => {
-      const name = get(container, "option-list");
-      const opt = p.options.find((o) => o.name === name);
-      if (!opt || opt.optionValues.length <= 1 && has(container, "hide-single")) return show(container, false);
-      return repeat(container, opt.optionValues, (node, v) => {
-        var _a, _b, _c;
-        node.setAttribute(attr("option-value"), v.name);
-        const t = node.querySelector(sel("bind", "option-value"));
-        if (t) setText(t, v.name);
-        else if (!node.firstElementChild) setText(node, v.name);
-        const sw = node.querySelector(sel("bind", "swatch"));
-        if (sw && ((_a = v.swatch) == null ? void 0 : _a.color)) sw.style.backgroundColor = v.swatch.color;
-        if (sw && ((_c = (_b = v.swatch) == null ? void 0 : _b.image) == null ? void 0 : _c.previewImage)) setImage(sw, v.swatch.image.previewImage.url, v.name);
-      });
-    });
-    this.$(`select${sel("option")}`).forEach((s) => {
-      const opt = p.options.find((o) => o.name === get(s, "option"));
-      if (!opt) return show(s, false);
-      s.innerHTML = "";
-      opt.optionValues.forEach((v) => s.appendChild(new Option(v.name, v.name)));
-      return void 0;
-    });
-    this.$(`select${sel("variant-select")}`).forEach((s) => {
-      s.innerHTML = "";
-      p.variants.nodes.forEach((v) => s.appendChild(new Option(v.title, v.id)));
-    });
-    this.$(sel("plan-list")).forEach((container) => {
-      const raw = (get(container, "plan-list") || "").trim();
-      const group = ["", "true", "all", "*"].includes(raw.toLowerCase()) ? null : raw;
-      const plans = this.plans.filter((pl) => !group || pl.group.name === group);
-      repeat(container, plans, (node, plan) => {
-        node.setAttribute(attr("plan-value"), plan.id);
-        if (!node.firstElementChild && !node.querySelector(sel("plan-bind"))) setText(node, plan.name);
-      });
-    });
-    this.$(`select${sel("plan")}`).forEach((s) => {
-      s.innerHTML = "";
-      if (!p.requiresSellingPlan && get(s, "plan") !== "subscription-only") {
-        s.appendChild(new Option(s.getAttribute(attr("one-time-label")) || "One-time purchase", ""));
-      }
-      this.plans.forEach((pl) => s.appendChild(new Option(pl.name, pl.id)));
-    });
-  }
-  renderVariant() {
-    var _a, _b, _c;
-    const p = this.product;
-    let v = this.findVariant();
-    if (!v) {
-      [v] = p.variants.nodes;
-      if (v) {
-        this.selected = {};
-        v.selectedOptions.forEach((o) => {
-          this.selected[o.name] = o.value;
-        });
-      }
-    }
-    this.variant = v;
-    if (!v) return;
-    if (this.plans.length && !allocationFor(v, this.planId)) {
-      const alt = this.plans.find((pl) => allocationFor(v, pl.id));
-      if (alt) this.planId = alt.id;
-    }
-    const sub = this.isSubscription;
-    const oneTimePrice = v.price;
-    const subPrice = this.planId ? planPrice(v, this.planId) : null;
-    const price = sub ? subPrice : oneTimePrice;
-    const compareAt = sub ? ((_c = (_b = (_a = allocationFor(v, this.planId)) == null ? void 0 : _a.priceAdjustments) == null ? void 0 : _b[0]) == null ? void 0 : _c.compareAtPrice) || v.compareAtPrice : v.compareAtPrice;
-    const onSale = compareAt && parseFloat(compareAt.amount) > parseFloat(price.amount);
-    const discountPct = onSale ? Math.round((1 - parseFloat(price.amount) / parseFloat(compareAt.amount)) * 100) : 0;
-    const savings = this.planId ? planSavings(v, this.planId) : { amount: null, percentage: 0 };
-    const plan = this.plan;
-    const total = { amount: (parseFloat(price.amount) * Math.max(1, this.quantity)).toFixed(2), currencyCode: price.currencyCode };
-    this.$(sel("bind")).forEach((el) => {
-      var _a2, _b2, _c2, _d, _e;
-      switch (get(el, "bind")) {
-        case "price":
-          return setText(el, formatMoney(price));
-        case "total-price":
-          return setText(el, formatMoney(total));
-        case "one-time-price":
-          return setText(el, formatMoney(oneTimePrice));
-        case "subscription-price":
-          return setText(el, formatMoney(subPrice));
-        case "subscription-savings":
-          return setText(el, savings.percentage ? `${savings.percentage}%` : "");
-        case "subscription-savings-amount":
-          return setText(el, formatMoney(savings.amount));
-        case "checkout-charge":
-          return setText(el, formatMoney(sub ? planCheckoutCharge(v, this.planId) : price));
-        case "plan-name":
-          return setText(el, (plan == null ? void 0 : plan.name) || "");
-        case "plan-description":
-          return setText(el, (plan == null ? void 0 : plan.description) || "");
-        case "plan-group":
-          return setText(el, ((_a2 = plan == null ? void 0 : plan.group) == null ? void 0 : _a2.name) || "");
-        case "compare-at-price":
-          return setText(el, onSale ? formatMoney(compareAt) : "");
-        case "unit-price":
-          return setText(el, formatMoney(v.unitPrice));
-        case "discount-percentage":
-          return setText(el, `${discountPct}%`);
-        case "discount-amount":
-          return setText(el, onSale ? formatMoney({
-            amount: String(parseFloat(compareAt.amount) - parseFloat(price.amount)),
-            currencyCode: price.currencyCode
-          }) : "");
-        case "variant-title":
-          return setText(el, v.title);
-        case "variant-id":
-          return setText(el, v.id);
-        case "sku":
-          return setText(el, v.sku);
-        case "barcode":
-          return setText(el, v.barcode);
-        case "stock":
-          return setText(el, (_b2 = v.quantityAvailable) != null ? _b2 : "");
-        case "quantity":
-          return setText(el, this.quantity);
-        case "variant-image":
-          return setImage(el, ((_c2 = v.image) == null ? void 0 : _c2.url) || ((_d = p.featuredImage) == null ? void 0 : _d.url), ((_e = v.image) == null ? void 0 : _e.altText) || p.title);
-        default:
-          return void 0;
-      }
-    });
-    this.$(sel("option-selected")).forEach((el) => setText(el, this.selected[get(el, "option-selected")] || ""));
-    this.$(sel("option-list")).forEach((container) => {
-      const name = get(container, "option-list");
-      qsa(container, sel("option-value")).forEach((node) => {
-        const value = get(node, "option-value");
-        setSelected(node, this.selected[name] === value);
-        const unavailable = !this.isValueAvailable(name, value);
-        node.classList.toggle("is-unavailable", unavailable);
-        node.setAttribute("data-unavailable", unavailable ? "true" : "false");
-      });
-    });
-    this.$(`select${sel("option")}`).forEach((s) => {
-      s.value = this.selected[get(s, "option")] || "";
-    });
-    this.$(`select${sel("variant-select")}`).forEach((s) => {
-      s.value = v.id;
-    });
-    this.$(sel("purchase")).forEach((el) => {
-      if (el.tagName === "SELECT") {
-        el.value = this.purchase;
-        return;
-      }
-      const mode = get(el, "purchase");
-      setSelected(el, mode === this.purchase);
-      const unavailable = mode === "subscription" ? !this.subscriptionAvailable : p.requiresSellingPlan;
-      el.classList.toggle("is-unavailable", unavailable);
-    });
-    this.$(sel("plan-value")).forEach((node) => {
-      const id = get(node, "plan-value");
-      const planObj = this.plans.find((pl) => pl.id === id);
-      const inVariant = Boolean(allocationFor(v, id));
-      setSelected(node, sub && id === this.planId);
-      node.classList.toggle("is-unavailable", !inVariant);
-      qsa(node, sel("plan-bind")).forEach((el) => {
-        const adj = planAdjustment(planObj);
-        const s = planSavings(v, id);
-        switch (get(el, "plan-bind")) {
-          case "name":
-            return setText(el, planObj == null ? void 0 : planObj.name);
-          case "description":
-            return setText(el, (planObj == null ? void 0 : planObj.description) || "");
-          case "price":
-            return setText(el, formatMoney(planPrice(v, id)));
-          case "savings":
-            return setText(el, s.percentage ? `${s.percentage}%` : "");
-          case "savings-amount":
-            return setText(el, formatMoney(s.amount));
-          case "adjustment":
-            if (!adj) return setText(el, "");
-            return setText(el, adj.type === "percentage" ? `${adj.value}%` : formatMoney(adj.value));
-          default:
-            return void 0;
-        }
-      });
-    });
-    this.$(`select${sel("plan")}`).forEach((s) => {
-      s.value = sub ? this.planId : "";
-    });
-    const conds = {
-      "in-stock": v.availableForSale,
-      "out-of-stock": !v.availableForSale,
-      "backorder": v.availableForSale && v.currentlyNotInStock,
-      "on-sale": Boolean(onSale),
-      "not-on-sale": !onSale,
-      "has-variants": p.variants.nodes.length > 1,
-      "single-variant": p.variants.nodes.length === 1,
-      "low-stock": v.quantityAvailable != null && v.quantityAvailable > 0 && v.quantityAvailable <= 5,
-      "subscription-available": this.subscriptionAvailable,
-      "subscription-unavailable": !this.subscriptionAvailable,
-      "subscription-only": Boolean(p.requiresSellingPlan),
-      "one-time-available": !p.requiresSellingPlan,
-      "subscription-selected": sub,
-      "one-time-selected": !sub,
-      "has-savings": sub ? savings.percentage > 0 : Boolean(onSale),
-      // scope state (see status.js)
-      "loading": false,
-      "ready": true,
-      "error": false,
-      "not-found": false
-    };
-    this.$(sel("show")).forEach((el) => {
-      const k = get(el, "show");
-      if (!(k in conds)) return;
-      if (STATUS_KEYS.includes(k) && !ownedBy(el, this.root)) return;
-      show(el, conds[k]);
-    });
-    this.root.classList.toggle("is-subscription", sub);
-    this.root.setAttribute(attr("purchase-mode"), sub ? "subscription" : "one-time");
-    this.$(sel("add-to-cart")).forEach((btn) => {
-      const disabled = !v.availableForSale;
-      btn.classList.toggle("is-disabled", disabled);
-      if ("disabled" in btn) btn.disabled = disabled;
-      const soldOut = get(btn, "soldout-text");
-      const subText = get(btn, "subscribe-text");
-      if (soldOut || subText) {
-        const label = btn.querySelector(sel("add-label")) || btn;
-        if (label.dataset.tetherLabel === void 0) label.dataset.tetherLabel = label.tagName === "INPUT" ? label.value : label.textContent;
-        let text = label.dataset.tetherLabel;
-        if (sub && subText) text = subText;
-        if (disabled && soldOut) text = soldOut;
-        if (btn.getAttribute("aria-busy") !== "true") setText(label, text);
-      }
-    });
-    emit("variant-changed", {
-      product: p,
-      variant: v,
-      selected: { ...this.selected },
-      purchase: this.purchase,
-      sellingPlanId: sub ? this.planId : null
-    }, this.root);
-  }
-};
-
-// src/collection.js
-var listSelector = () => `${sel("collection")},${sel("products")},${sel("recommendations")}`;
-var ListScope = class {
-  constructor(root) {
-    this.root = root;
-    this.products = [];
-    this.pageInfo = null;
-    this.collection = null;
-    setScopeStatus(root, "loading");
-    root.addEventListener("click", (e) => {
-      var _a, _b;
-      const more = (_b = (_a = e.target).closest) == null ? void 0 : _b.call(_a, sel("load-more"));
-      if (more && more.closest(listSelector()) === root) {
-        e.preventDefault();
-        busy(more, () => this.load(true));
-      }
-    });
-  }
-  $(s) {
-    return scoped(this.root, s, listSelector());
-  }
-  options() {
-    const r = this.root;
-    const opts = {
-      first: parseInt(get(r, "limit") || "", 10) || void 0,
-      sortKey: get(r, "sort") || void 0,
-      reverse: get(r, "reverse") === "true"
-    };
-    if (has(r, "collection")) opts.collection = get(r, "collection");
-    else opts.query = get(r, "products") || "";
-    return opts;
-  }
-  async load(more = false) {
-    var _a;
-    const token = this.loadToken = (this.loadToken || 0) + 1;
-    const stale = () => token !== this.loadToken;
-    try {
-      if (has(this.root, "recommendations")) {
-        const key = get(this.root, "recommendations");
-        const base = await getProduct(key);
-        const recs = await getRecommendations(base.id, get(this.root, "intent") || "RELATED");
-        if (stale()) return;
-        const limit = parseInt(get(this.root, "limit") || "", 10);
-        this.products = limit ? recs.slice(0, limit) : recs;
-      } else {
-        const res = await getProducts({ ...this.options(), after: more ? (_a = this.pageInfo) == null ? void 0 : _a.endCursor : null });
-        if (stale()) return;
-        this.collection = res.collection;
-        this.pageInfo = res.pageInfo;
-        this.products = more ? [...this.products, ...res.products] : res.products;
-      }
-      this.render();
-      setScopeStatus(this.root, "ready");
-      emit("list-ready", { products: this.products, collection: this.collection }, this.root);
-    } catch (err) {
-      if (stale()) return;
-      if (!more) setScopeStatus(this.root, isNotFound(err) ? "not-found" : "error", err);
-      reportError(err, "list load failed");
-      emit("error", { error: err, context: "list" }, this.root);
-    }
-  }
-  render() {
-    const c = this.collection;
-    this.$(sel("collection-bind")).forEach((el) => {
-      var _a, _b;
-      switch (get(el, "collection-bind")) {
-        case "title":
-          return setText(el, (c == null ? void 0 : c.title) || "");
-        case "description":
-          el.innerHTML = (c == null ? void 0 : c.descriptionHtml) || "";
-          return void 0;
-        case "image":
-          return setImage(el, (_a = c == null ? void 0 : c.image) == null ? void 0 : _a.url, ((_b = c == null ? void 0 : c.image) == null ? void 0 : _b.altText) || (c == null ? void 0 : c.title));
-        case "count":
-          return setText(el, this.products.length);
-        default:
-          return void 0;
-      }
-    });
-    this.$(sel("list")).forEach((container) => {
-      repeat(container, this.products, (node, p) => {
-        node.setAttribute(attr("product"), p.handle);
-        node.removeAttribute(attr("state"));
-      });
-      emit("list-rendered", { container }, this.root);
-    });
-    const empty = this.products.length === 0;
-    this.$(sel("show")).forEach((el) => {
-      const k = get(el, "show");
-      if (k === "list-empty") el.style.display = empty ? "" : "none";
-      if (k === "list-filled") el.style.display = empty ? "none" : "";
-    });
-    this.$(sel("load-more")).forEach((el) => {
-      var _a;
-      el.style.display = ((_a = this.pageInfo) == null ? void 0 : _a.hasNextPage) ? "" : "none";
-    });
-    notifyLayoutChanged("list");
-  }
-};
-
-// src/api-version.js
-var parse = (v) => {
-  const m = /^(\d{4})-(01|04|07|10)$/.exec(String(v || ""));
-  return m ? { y: +m[1], m: +m[2] } : null;
-};
-var fmt = (y, m) => `${y}-${String(m).padStart(2, "0")}`;
-function nextApiVersion(v, steps = 1) {
-  const p = parse(v);
-  if (!p) throw new Error(`not a quarterly Shopify API version: ${v}`);
-  const q = p.y * 4 + (p.m - 1) / 3 + steps;
-  return fmt(Math.floor(q / 4), q % 4 * 3 + 1);
-}
-function apiVersionStatus(version, now = /* @__PURE__ */ new Date()) {
-  if (version === "unstable") return { version, ok: false, note: '"unstable" changes without notice: pin a dated version such as 2026-07' };
-  const p = parse(version);
-  if (!p) return { version, ok: false, note: "not a quarterly version (YYYY-01, -04, -07 or -10)" };
-  const released = new Date(Date.UTC(p.y, p.m - 1, 1));
-  const supportedUntil = new Date(Date.UTC(p.y + 1, p.m - 1, 1));
-  const monthsLeft = (supportedUntil - now) / (30.44 * 24 * 3600 * 1e3);
-  let note = `supported until about ${supportedUntil.toISOString().slice(0, 7)}`;
-  if (released > now) note = "not released yet (release candidate at best)";
-  else if (monthsLeft <= 0) note = "no longer supported: Shopify falls back to the oldest supported version. Upgrade (see README)";
-  else if (monthsLeft < 3) note = `${note}: plan the upgrade to ${nextApiVersion(version)} or later (see README)`;
-  return { version, ok: released <= now && monthsLeft > 0, monthsLeft: Math.round(monthsLeft), next: nextApiVersion(version), note };
-}
-
-// src/markets.js
-var COUNTRY = /^[A-Z]{2}$/;
-var REGIONAL_LANGUAGES = /* @__PURE__ */ new Set(["PT_BR", "PT_PT", "ZH_CN", "ZH_TW"]);
-var storageKey = () => `${cfg.prefix}:market:${cfg.domain}`;
-var defaultEnv = () => ({
-  document: typeof document !== "undefined" ? document : null,
-  location: typeof window !== "undefined" ? window.location : null,
-  storage: (() => {
-    try {
-      return window.localStorage;
-    } catch {
-      return null;
-    }
-  })(),
-  global: typeof window !== "undefined" ? window : {}
-});
-function toCountry(v) {
-  const c = String(v || "").trim().toUpperCase();
-  return COUNTRY.test(c) && c !== "XX" && c !== "T1" ? c : null;
-}
-function toLanguage(v) {
-  const raw = String(v || "").trim().replace("-", "_").toUpperCase();
-  if (!raw) return null;
-  if (REGIONAL_LANGUAGES.has(raw)) return raw;
-  const primary = raw.split("_")[0];
-  return /^[A-Z]{2,3}$/.test(primary) ? primary : null;
-}
-function readCookie(doc, name) {
-  if (!doc || !name) return null;
-  const hit = String(doc.cookie || "").split(";").map((c) => c.trim()).find((c) => c.startsWith(`${name}=`));
-  return hit ? decodeURIComponent(hit.slice(name.length + 1)) : null;
-}
-var lookup = (locales, key) => {
-  if (!locales || !key) return null;
-  const k = String(key).toLowerCase();
-  const found = Object.keys(locales).find((x) => x.toLowerCase() === k);
-  return found ? locales[found] : null;
-};
-var readers = {
-  saved(m, env) {
-    if (m.remember === false || !env.storage) return null;
-    try {
-      return JSON.parse(env.storage.getItem(storageKey()) || "null");
-    } catch {
-      return null;
-    }
-  },
-  server(m, env) {
-    const meta = (name) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = env.document) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(_a, `meta[name="${name}"]`)) == null ? void 0 : _c.getAttribute("content");
-    };
-    const country = env.global.TETHER_COUNTRY || meta("tether-country") || readCookie(env.document, m.cookie || "tether_country");
-    const language = env.global.TETHER_LANGUAGE || meta("tether-language");
-    return { country, language };
-  },
-  webflow(m, env) {
-    var _a, _b, _c;
-    const segment = (((_a = env.location) == null ? void 0 : _a.pathname) || "/").split("/").filter(Boolean)[0];
-    const fromPath = lookup(m.locales, segment);
-    if (fromPath) return fromPath;
-    const lang = (_c = (_b = env.document) == null ? void 0 : _b.documentElement) == null ? void 0 : _c.getAttribute("lang");
-    if (!lang) return null;
-    const mapped = lookup(m.locales, lang) || lookup(m.locales, lang.split("-")[0]);
-    if (mapped) return { locale: lang, ...mapped };
-    if (m.locales && m.strict) return null;
-    const region = lang.split("-")[1];
-    return { language: lang, country: region && region.length === 2 ? region : null, locale: lang };
-  }
-};
-function detectMarket(markets = cfg.markets, env = defaultEnv()) {
-  const m = markets || {};
-  if (m.detect === false) return {};
-  const list = !m.detect ? ["saved"] : m.detect === true ? ["saved", "server", "webflow"] : [].concat(m.detect);
-  markets = m;
-  const out = { sources: {} };
-  list.forEach((name) => {
-    var _a;
-    const r = (_a = readers[name]) == null ? void 0 : _a.call(readers, markets, env);
-    if (!r) return;
-    const vals = { country: toCountry(r.country), language: toLanguage(r.language), locale: r.locale || null };
-    Object.entries(vals).forEach(([k, v]) => {
-      if (v && !out[k]) {
-        out[k] = v;
-        out.sources[k] = name;
-      }
-    });
-  });
-  return out;
-}
-function rememberMarket(market) {
-  var _a;
-  if (((_a = cfg.markets) == null ? void 0 : _a.remember) === false) return;
-  try {
-    localStorage.setItem(storageKey(), JSON.stringify({ country: market.country, language: market.language || void 0 }));
-  } catch {
-  }
-}
-var localizationPromise = null;
-function clearLocalization() {
-  localizationPromise = null;
-}
-function getLocalization() {
-  if (!localizationPromise) {
-    localizationPromise = gql(`query TetherLocalization {
-  localization {
-    country { isoCode name currency { isoCode symbol } }
-    language { isoCode name }
-    availableCountries { isoCode name currency { isoCode symbol } availableLanguages { isoCode name } }
-  }
-}`).then((d) => d.localization).catch((err) => {
-      localizationPromise = null;
-      throw err;
-    });
-  }
-  return localizationPromise;
-}
-
-// src/diagnose.js
-var mask = (t) => t ? `${String(t).slice(0, 4)}\u2026${String(t).slice(-4)} (${String(t).length} chars)` : "(missing)";
-function describe(el) {
-  const id = el.id ? `#${el.id}` : "";
-  const cls = el.className && typeof el.className === "string" ? `.${el.className.trim().split(/\s+/).slice(0, 2).join(".")}` : "";
-  return `<${el.tagName.toLowerCase()}${id}${cls}>`;
-}
-function checkMarkup(root = document) {
-  const problems = [];
-  const add = (level, message, el) => problems.push({ level, message, element: el ? describe(el) : void 0, el });
-  const inProduct = (el) => Boolean(el.closest(sel("product")));
-  const listSel = `${sel("collection")},${sel("products")},${sel("recommendations")}`;
-  qsa(root, sel("product")).forEach((el) => {
-    if (el.closest(listSel) && el.closest(sel("list"))) return;
-    const { key, fromUrl, raw } = resolveProductKey(el);
-    if (!raw) add("error", `${attr("product")} has no value. Bind it to the Shopify handle (CMS field), or use "url:handle".`, el);
-    else if (fromUrl && !key) add("warn", `${attr("product")}="${raw}" but this URL has no value for it (e.g. ?handle=my-product).`, el);
-  });
-  const productOnly = ["bind", "option-list", "option", "variant-select", "add-to-cart", "purchase", "plan-list", "plan", "qty", "line-attribute"];
-  productOnly.forEach((name) => {
-    qsa(root, sel(name)).forEach((el) => {
-      if (inProduct(el)) return;
-      if (name === "line-attribute" && el.closest(sel("group"))) return;
-      add("warn", `${attr(name)} outside any ${attr("product")}: it does nothing here.`, el);
-    });
-  });
-  qsa(root, sel("group-add")).forEach((el) => {
-    if (!el.closest(sel("group"))) add("warn", `${attr("group-add")} outside a ${attr("group")}.`, el);
-  });
-  [...qsa(root, sel("option-list")), ...qsa(root, sel("plan-list")), ...qsa(root, sel("cart-lines")), ...qsa(root, sel("list"))].forEach((el) => {
-    if (!el.firstElementChild && !hasTemplate(el)) {
-      add("warn", "Repeater without a template child: put one example element inside it.", el);
-    }
-  });
-  qsa(root, listSel).forEach((el) => {
-    if (!qsa(el, sel("list")).length) add("error", `List without a ${attr("list")} child: products have nowhere to render.`, el);
-  });
-  const known = /* @__PURE__ */ new Set([
-    "in-stock",
-    "out-of-stock",
-    "backorder",
-    "low-stock",
-    "on-sale",
-    "not-on-sale",
-    "has-variants",
-    "single-variant",
-    "subscription-available",
-    "subscription-unavailable",
-    "subscription-only",
-    "one-time-available",
-    "subscription-selected",
-    "one-time-selected",
-    "has-savings",
-    "loading",
-    "ready",
-    "error",
-    "not-found",
-    "cart-empty",
-    "cart-filled",
-    "cart-has-subscription",
-    "cart-no-subscription",
-    "cart-has-discount",
-    "cart-error",
-    "list-empty",
-    "list-filled"
-  ]);
-  qsa(root, sel("show")).forEach((el) => {
-    const k = get(el, "show");
-    if (!known.has(k)) add("warn", `Unknown ${attr("show")}="${k}".`, el);
-  });
-  qsa(root, sel("bind")).forEach((el) => {
-    const k = get(el, "bind") || "";
-    if (!k.startsWith("metafield:")) return;
-    const ref = k.slice(10);
-    const listed = (cfg.metafields || []).some((m) => (typeof m === "string" ? m : `${m.namespace}.${m.key}`) === ref);
-    if (!listed) add("error", `${attr("bind")}="${k}" but "${ref}" is not in config.metafields, so it stays empty.`, el);
-  });
-  if (qsa(root, sel("cart-open")).length && !qsa(root, sel("cart-drawer")).length) {
-    add("warn", `${attr("cart-open")} exists but there is no ${attr("cart-drawer")} on this page.`);
-  }
-  if (qsa(root, sel("cart-drawer")).length > 1) add("warn", `More than one ${attr("cart-drawer")}.`);
-  qsa(root, `[${attr("state")}="error"]`).forEach((el) => {
-    if (el.matches(boundary())) add("error", `Scope failed to load (${get(el, "error") || "error"}).`, el);
-  });
-  return problems;
-}
-async function diagnose({ root = document, silent = false, version, now = /* @__PURE__ */ new Date() } = {}) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const report = {
-    version,
-    config: {
-      domain: cfg.domain || "(missing)",
-      token: mask(cfg.token),
-      apiVersion: cfg.apiVersion,
-      endpoint: cfg.domain ? endpoint() : null,
-      country: cfg.country,
-      language: cfg.language,
-      locale: cfg.locale,
-      markets: cfg.markets || null,
-      prefix: cfg.prefix,
-      productPath: cfg.productPath,
-      metafields: cfg.metafields,
-      autoMount: cfg.autoMount,
-      observe: cfg.observe,
-      onError: typeof cfg.onError === "function"
-    },
-    apiVersion: apiVersionStatus(cfg.apiVersion, now),
-    market: ((_a = cfg.markets) == null ? void 0 : _a.detect) ? detectMarket(cfg.markets) : null,
-    reachable: false,
-    shop: null,
-    latencyMs: null,
-    products: [],
-    sellingPlans: [],
-    problems: []
-  };
-  if (!isConfigured()) {
-    report.problems.push({ level: "error", message: "TETHER_CONFIG needs domain and token." });
-  } else {
-    const t0 = Date.now();
-    try {
-      const data = await gql("query TetherDiagnose { shop { name primaryDomain { url } paymentSettings { currencyCode } } }", {}, { context: false });
-      report.reachable = true;
-      report.shop = { name: (_b = data.shop) == null ? void 0 : _b.name, url: (_d = (_c = data.shop) == null ? void 0 : _c.primaryDomain) == null ? void 0 : _d.url, currency: (_f = (_e = data.shop) == null ? void 0 : _e.paymentSettings) == null ? void 0 : _f.currencyCode };
-    } catch (err) {
-      const hint = err.status === 401 || err.status === 403 ? "Token rejected: use the public Storefront token from the Headless channel, not an Admin token." : err.status === 404 ? "Store or API version not found: check domain (x.myshopify.com) and apiVersion." : "";
-      report.problems.push({ level: "error", message: `Storefront API not reachable: ${err.message}${hint ? `. ${hint}` : ""}` });
-    }
-    report.latencyMs = Date.now() - t0;
-    if (report.reachable) {
-      const keys = [...new Set(qsa(root, sel("product")).map((el) => resolveProductKey(el).key).filter(Boolean))].slice(0, 20);
-      const results = await Promise.allSettled(keys.map((k) => getProduct(k)));
-      results.forEach((r, i) => {
-        var _a2, _b2;
-        if (r.status === "fulfilled") {
-          const p = r.value;
-          const plans = allPlans(p);
-          report.products.push({ key: keys[i], handle: p.handle, title: p.title, plans: plans.length, requiresSellingPlan: p.requiresSellingPlan });
-          plans.forEach((pl) => {
-            var _a3;
-            return report.sellingPlans.push({ product: p.handle, group: (_a3 = pl.group) == null ? void 0 : _a3.name, plan: pl.name, id: pl.id });
-          });
-        } else {
-          report.products.push({ key: keys[i], error: (_a2 = r.reason) == null ? void 0 : _a2.message });
-          report.problems.push({ level: "error", message: `Product "${keys[i]}": ${(_b2 = r.reason) == null ? void 0 : _b2.message}. Is it published to the Headless channel?` });
-        }
-      });
-    }
-  }
-  if (!report.apiVersion.ok || ((_g = report.apiVersion.monthsLeft) != null ? _g : 99) < 3) {
-    report.problems.push({ level: report.apiVersion.ok ? "warn" : "error", message: `apiVersion ${cfg.apiVersion}: ${report.apiVersion.note}` });
-  }
-  if (typeof document !== "undefined") report.problems.push(...checkMarkup(root));
-  if (!silent) print(report);
-  return report;
-}
-function print(r) {
-  var _a, _b, _c;
-  const c = console;
-  const errors = r.problems.filter((p) => p.level === "error").length;
-  (_a = c.group) == null ? void 0 : _a.call(c, `[${cfg.prefix}] diagnose: ${errors ? `${errors} error(s)` : "no errors"}, ${r.problems.length - errors} warning(s)`);
-  c.log("version", r.version, "| API", r.apiVersion.version, `(${r.apiVersion.note})`);
-  c.log("config", r.config);
-  if (r.market) c.log("market detected", r.market, "(in use:", r.config.country, r.config.language, ")");
-  c.log(r.reachable ? `Storefront API reachable: ${(_b = r.shop) == null ? void 0 : _b.name} (${r.latencyMs} ms)` : "Storefront API NOT reachable");
-  if (r.products.length) (c.table || c.log)(r.products);
-  if (r.sellingPlans.length) (c.table || c.log)(r.sellingPlans);
-  else if (r.reachable) c.log("No selling plans on the products of this page.");
-  r.problems.forEach((p) => (p.level === "error" ? c.error : c.warn)(p.message, p.el || ""));
-  (_c = c.groupEnd) == null ? void 0 : _c.call(c);
-}
-
-// src/index.js
-var VERSION = "0.3.5";
-var mountedProducts = /* @__PURE__ */ new WeakSet();
-var mountedLists = /* @__PURE__ */ new WeakSet();
-var liveProducts = /* @__PURE__ */ new Set();
-var liveLists = /* @__PURE__ */ new Set();
-var requestToken = /* @__PURE__ */ new WeakMap();
-function pruneLive() {
-  liveProducts.forEach((el) => {
-    if (!el.isConnected) liveProducts.delete(el);
-  });
-  liveLists.forEach((l) => {
-    if (!l.root.isConnected) liveLists.delete(l);
-  });
-}
-var initPromise = null;
-var observer = null;
-function within(root, selector) {
-  var _a;
-  return [...((_a = root.matches) == null ? void 0 : _a.call(root, selector)) ? [root] : [], ...qsa(root, selector)];
-}
-function mount(root = document) {
-  if (!isConfigured()) return 0;
-  let count = 0;
-  pruneLive();
-  within(root, listSelector()).forEach((el) => {
-    if (mountedLists.has(el)) return;
-    mountedLists.add(el);
-    count++;
-    const list = new ListScope(el);
-    liveLists.add(list);
-    el.addEventListener(`${cfg.prefix}:list-rendered`, (e) => mount(e.detail.container));
-    list.load();
-  });
-  within(root, sel("product")).forEach((el) => {
-    if (mountProduct(el)) count++;
-  });
-  renderCountrySelects(root);
-  qsa(root, sel("account-link")).forEach((a) => {
-    a.setAttribute("href", `https://${cfg.domain}/account`);
-  });
-  Cart.render();
-  log(`mounted ${count} scope(s)`, root);
-  return count;
-}
-function mountProduct(el) {
-  if (mountedProducts.has(el)) return false;
-  const { key, fromUrl, raw } = resolveProductKey(el);
-  if (!key) {
-    if (fromUrl) {
-      mountedProducts.add(el);
-      setScopeStatus(el, "not-found");
-      emit("product-not-found", { key: null, source: raw }, el);
-    } else if (!el.closest(listSelector())) {
-      warn(`[${attr("product")}] without a value. Bind it to the Shopify handle field, or use "url:handle".`, el);
-    }
-    return false;
-  }
-  mountedProducts.add(el);
-  liveProducts.add(el);
-  const token = {};
-  requestToken.set(el, token);
-  const current = () => requestToken.get(el) === token;
-  if (!scopes.get(el)) setScopeStatus(el, "loading");
-  else el.setAttribute(attr("state"), "updating");
-  getProduct(key).then((p) => {
-    if (!current()) return;
-    const existing = scopes.get(el);
-    if (existing) existing.update(p);
-    else new ProductScope(el, p);
-    applyPageTitle(el, p);
-  }).catch((err) => {
-    if (!current()) return;
-    const notFound = isNotFound(err);
-    setScopeStatus(el, notFound ? "not-found" : "error", err);
-    if (notFound) {
-      emit("product-not-found", { key, source: raw }, el);
-      if (fromUrl) log(`product not found: ${key}`);
-      else reportError(err, `product ${key}`);
-    } else {
-      reportError(err, `product ${key}`);
-      emit("error", { error: err, context: "product", key }, el);
-    }
-  });
-  return true;
-}
-function renderCountrySelects(root = document) {
-  const selects = within(root, `select${sel("country-select")}`);
-  const binds = within(root, sel("country-bind"));
-  if (!selects.length && !binds.length) return Promise.resolve();
-  return getLocalization().then((loc) => {
-    var _a;
-    const current = (cfg.country || ((_a = loc.country) == null ? void 0 : _a.isoCode) || "").toUpperCase();
-    const countries = [...loc.availableCountries || []].sort((a, b) => a.name.localeCompare(b.name, cfg.locale || void 0));
-    const info = countries.find((c) => c.isoCode === current) || loc.country;
-    const fill = (tpl, c) => {
-      var _a2, _b;
-      return tpl.replace(/\{name\}/g, c.name).replace(/\{code\}/g, c.isoCode).replace(/\{currency\}/g, ((_a2 = c.currency) == null ? void 0 : _a2.isoCode) || "").replace(/\{symbol\}/g, ((_b = c.currency) == null ? void 0 : _b.symbol) || "");
-    };
-    selects.forEach((s) => {
-      const tpl = s.getAttribute(attr("country-label")) || "{name} ({currency})";
-      s.innerHTML = "";
-      countries.forEach((c) => s.appendChild(new Option(fill(tpl, c), c.isoCode)));
-      s.value = current;
-      if (s.value !== current) s.selectedIndex = -1;
-      s.disabled = countries.length < 2 && !s.hasAttribute(attr("always-enabled"));
-    });
-    binds.forEach((el) => {
-      var _a2, _b;
-      const k = get(el, "country-bind") || "name";
-      const v = { name: info == null ? void 0 : info.name, code: info == null ? void 0 : info.isoCode, currency: (_a2 = info == null ? void 0 : info.currency) == null ? void 0 : _a2.isoCode, symbol: (_b = info == null ? void 0 : info.currency) == null ? void 0 : _b.symbol }[k];
-      el.textContent = v || "";
-    });
-  }).catch((err) => reportError(err, "country select"));
-}
-async function setCountry(code, { language, remember = true } = {}) {
-  const country = toCountry(code);
-  if (!country) throw new TetherError(`Not a country code: ${code}`, { code: "INVALID_COUNTRY" });
-  const lang = language === void 0 ? cfg.language : toLanguage(language);
-  const changed = country !== String(cfg.country || "").toUpperCase() || lang !== cfg.language;
-  cfg.country = country;
-  cfg.language = lang || void 0;
-  if (remember) rememberMarket({ country, language: lang });
-  if (!changed) {
-    renderCountrySelects();
-    return Cart.state;
-  }
-  clearProductCache();
-  const jobs = [];
-  if (language !== void 0) clearLocalization();
-  if (Cart.id()) jobs.push(Cart.setBuyerIdentity({ countryCode: country }, { create: false }).catch((err) => reportError(err, "cart country")));
-  pruneLive();
-  liveLists.forEach((list) => jobs.push(list.load()));
-  liveProducts.forEach((el) => {
-    if (el.closest(listSelector())) return;
-    mountedProducts.delete(el);
-    mountProduct(el);
-  });
-  renderCountrySelects();
-  emit("country-changed", { country, language: cfg.language });
-  await Promise.all(jobs);
-  return Cart.state;
-}
-function applyPageTitle(el, p) {
-  const tpl = get(el, "page-title");
-  if (!tpl || typeof document === "undefined") return;
-  document.title = tpl.replace(/\{title\}/g, p.title).replace(/\{vendor\}/g, p.vendor || "").replace(/\{type\}/g, p.productType || "");
-}
-function unmount() {
-  Cart.close();
-}
-function getScope(el) {
-  var _a;
-  const root = (_a = el == null ? void 0 : el.closest) == null ? void 0 : _a.call(el, sel("product"));
-  return root ? scopes.get(root) || null : null;
-}
-var controlsBound = false;
-function bindControls() {
-  if (controlsBound) return;
-  controlsBound = true;
-  document.addEventListener("click", (e) => {
-    var _a;
-    const t = e.target;
-    if (!(t == null ? void 0 : t.closest)) return;
-    if (t.closest(sel("cart-open"))) {
-      e.preventDefault();
-      Cart.toggle();
-      return;
-    }
-    if (t.closest(sel("cart-close"))) {
-      e.preventDefault();
-      Cart.close();
-      return;
-    }
-    const clear = t.closest(sel("cart-clear"));
-    if (clear) {
-      e.preventDefault();
-      busy(clear, () => Cart.clear().catch((err) => reportError(err, "cart clear")));
-      return;
-    }
-    const checkout = t.closest(sel("checkout"));
-    if (checkout) {
-      e.preventDefault();
-      busy(checkout, () => Cart.checkout());
-      return;
-    }
-    const line = t.closest(dataKeySel());
-    if (line && line.closest(sel("cart-lines"))) {
-      const id = line.getAttribute(`data-${cfg.prefix}-key`);
-      const current = Cart.lines.find((l) => l.id === id);
-      const run = (fn) => {
-        e.preventDefault();
-        fn().catch((err) => reportError(err, "cart line"));
-      };
-      if (t.closest(sel("line-remove"))) return run(() => Cart.removeLine(id));
-      if (current && t.closest(sel("line-plus"))) return run(() => Cart.updateLine(id, current.quantity + 1));
-      if (current && t.closest(sel("line-minus"))) return run(() => Cart.updateLine(id, current.quantity - 1));
-    }
-    const removeCode = t.closest(sel("discount-remove"));
-    if (removeCode) {
-      e.preventDefault();
-      const code = (_a = removeCode.closest(sel("discount-code"))) == null ? void 0 : _a.getAttribute(attr("discount-code"));
-      if (code) Cart.removeDiscount(code).catch((err) => reportError(err, "discount"));
-      return;
-    }
-    const groupBtn = t.closest(sel("group-add"));
-    if (groupBtn) {
-      e.preventDefault();
-      busy(groupBtn, () => addGroup(groupBtn));
-    }
-  });
-  document.addEventListener("change", (e) => {
-    const t = e.target;
-    if (!(t == null ? void 0 : t.closest)) return;
-    const lineEl = t.closest(dataKeySel());
-    const id = lineEl == null ? void 0 : lineEl.getAttribute(`data-${cfg.prefix}-key`);
-    if (id && t.matches(`input${sel("line", "quantity")}`)) {
-      Cart.updateLine(id, parseInt(t.value, 10) || 0).catch((err) => reportError(err, "cart line"));
-    } else if (id && t.matches(`select${sel("line-plan")}`)) {
-      Cart.updateLine(id, { sellingPlanId: t.value || null }).catch((err) => reportError(err, "cart line plan"));
-    } else if (t.matches(`select${sel("country-select")}`)) {
-      if (t.value) setCountry(t.value).catch((err) => reportError(err, "country"));
-    } else if (t.matches(sel("cart-note"))) {
-      Cart.setNote(t.value).catch((err) => reportError(err, "cart note"));
-    }
-  });
-  document.addEventListener("submit", (e) => {
-    var _a, _b;
-    const form = (_b = (_a = e.target).closest) == null ? void 0 : _b.call(_a, sel("discount-form"));
-    if (!form) return;
-    e.preventDefault();
-    const input = form.querySelector(sel("discount-input")) || form.querySelector("input");
-    const code = input == null ? void 0 : input.value.trim();
-    if (!code) return;
-    busy(form, async () => {
-      var _a2;
-      try {
-        const cart = await Cart.applyDiscount(code);
-        const ok = (_a2 = ((cart == null ? void 0 : cart.discountCodes) || []).find((d) => d.code.toLowerCase() === code.toLowerCase())) == null ? void 0 : _a2.applicable;
-        form.classList.toggle("is-invalid", !ok);
-        emit(ok ? "discount-applied" : "discount-invalid", { code }, form);
-        if (ok && input) input.value = "";
-      } catch (err) {
-        form.classList.add("is-invalid");
-        reportError(err, "discount");
-      }
-    });
-  });
-  document.addEventListener("keydown", (e) => {
-    if (e.key === "Escape" && Cart.isOpen()) Cart.close();
-  });
-}
-function dataKeySel() {
-  return `[data-${cfg.prefix}-key]`;
-}
-async function addGroup(btn) {
-  const group = btn.closest(sel("group"));
-  if (!group) return null;
-  const name = get(group, "group");
-  const extra = toAttributes(parseJSONAttr(group, "line-attributes"));
-  const groupAttrs = name ? [{ key: "_group", value: name }, ...extra] : extra;
-  const lines = qsa(group, sel("product")).map((el) => scopes.get(el)).filter((s) => {
-    var _a;
-    return s && ((_a = s.variant) == null ? void 0 : _a.availableForSale) && s.quantity > 0;
-  }).map((s) => {
-    const l = s.getLine();
-    l.attributes = [...l.attributes || [], ...groupAttrs];
-    return l;
-  });
-  if (!lines.length) {
-    warn("group-add: nothing selected");
-    return null;
-  }
-  try {
-    const cart = await Cart.add(lines);
-    emit("group-added", { group: name, lines }, group);
-    return cart;
-  } catch (err) {
-    reportError(err, "group add");
-    return null;
-  }
-}
-function init(overrides = {}) {
-  var _a;
-  if (initPromise && !Object.keys(overrides).length) return initPromise;
-  configure({ ...window.TETHER_CONFIG || {}, ...overrides });
-  if (!isConfigured()) {
-    warn("TETHER_CONFIG is missing domain or token. Tether is idle.");
-    initPromise = Promise.resolve(null);
-    return initPromise;
-  }
-  const market = detectMarket(cfg.markets);
-  if (market.country) cfg.country = market.country;
-  if (market.language) cfg.language = market.language;
-  if (market.locale && !overrides.locale && !((_a = window.TETHER_CONFIG) == null ? void 0 : _a.locale)) cfg.locale = market.locale;
-  if (market.sources && Object.keys(market.sources).length) log("market", market);
-  bindControls();
-  if (cfg.observe) startObserver();
-  initPromise = Cart.init().then(async (cart) => {
-    var _a2;
-    const want = cfg.country ? String(cfg.country).toUpperCase() : null;
-    if (cart && want && ((_a2 = cart.buyerIdentity) == null ? void 0 : _a2.countryCode) && cart.buyerIdentity.countryCode !== want) {
-      try {
-        cart = await Cart.setBuyerIdentity({ countryCode: want }, { create: false });
-      } catch (err) {
-        reportError(err, "cart country");
-      }
-    }
-    emit("ready", { cart });
-    return api;
-  });
-  return initPromise;
-}
-function startObserver() {
-  if (observer || typeof MutationObserver === "undefined") return;
-  let t = null;
-  const queued = /* @__PURE__ */ new Set();
-  observer = new MutationObserver((muts) => {
-    muts.forEach((m) => m.addedNodes.forEach((n) => {
-      if (n.nodeType === 1) queued.add(n);
-    }));
-    clearTimeout(t);
-    t = setTimeout(() => {
-      queued.forEach((n) => {
-        if (n.isConnected) mount(n);
-      });
-      queued.clear();
-    }, 50);
-  });
-  observer.observe(document.body, { childList: true, subtree: true });
-}
-var api = {
-  VERSION,
-  init,
-  mount,
-  unmount,
-  get config() {
-    return cfg;
-  },
-  get ready() {
-    return initPromise || Promise.resolve(null);
-  },
-  query: gql,
-  withContext,
-  cart: Cart,
-  getProduct,
-  getProducts,
-  getRecommendations,
-  getScope,
-  addGroup,
-  primeProduct,
-  normalizeProductKey,
-  clearProductCache,
-  formatMoney,
-  plans: selling_plans_exports,
-  TetherError,
-  resolveProductKey,
-  setCountry,
-  detectMarket: (markets) => detectMarket(markets || cfg.markets),
-  getLocalization,
-  diagnose: (opts) => diagnose({ ...opts, version: VERSION }),
-  on(name, fn) {
-    const h = (e) => fn(e.detail, e);
-    document.addEventListener(`${cfg.prefix}:${name}`, h);
-    return () => document.removeEventListener(`${cfg.prefix}:${name}`, h);
-  }
-};
-var index_default = api;
-if (typeof window !== "undefined" && typeof document !== "undefined") {
-  window.Tether = api;
-  const auto = window.TETHER_CONFIG && window.TETHER_CONFIG.autoMount !== false;
-  if (auto) {
-    const start = () => init().then(() => mount(document));
-    if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", start, { once: true });
-    else start();
-  }
-}
-export {
-  VERSION,
-  addGroup,
-  api,
-  index_default as default,
-  getScope,
-  init,
-  mount,
-  setCountry,
-  unmount
-};
+export * from './esm/index.js';
+export { default } from './esm/index.js';