@occluze/tether 0.9.1 → 0.9.3

package/dist/tether.js

@@ -28,9 +28,19 @@
     return isRecord(value) ? value[key] : void 0;
   }
 
-  // src/config-sections.ts
-  var METAFIELD_PART = /^[A-Za-z0-9_.-]+$/;
+  // server/src/shared/metafield-ref.ts
+  var METAFIELD_KEY = /^[A-Za-z0-9_.-]+$/;
   var METAFIELD_NAMESPACE = /^(\$app(:[A-Za-z0-9_-]+)?|[A-Za-z0-9_.-]+)$/;
+  var isMetafieldIdentifier = (namespace, key) => METAFIELD_NAMESPACE.test(namespace) && METAFIELD_KEY.test(key);
+  function metafieldIdentifierOf(ref) {
+    const dot = ref.indexOf(".");
+    if (dot <= 0) return null;
+    const namespace = ref.slice(0, dot);
+    const key = ref.slice(dot + 1);
+    return isMetafieldIdentifier(namespace, key) ? { namespace, key } : null;
+  }
+
+  // src/config-sections.ts
   var HOSTNAME = /^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i;
   var COOKIE_NAME = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/;
   var GLOBAL_NAME = /^[A-Za-z_$][\w$]*$/;
@@ -99,18 +109,12 @@
     return origins;
   }
   function toMetafieldIdentifier(ref) {
-    let namespace;
-    let key;
-    if (typeof ref === "string") {
-      const dot = ref.indexOf(".");
-      namespace = dot > 0 ? ref.slice(0, dot) : "";
-      key = ref.slice(dot + 1);
-    } else if (typeof ref === "object" && ref !== null) {
-      namespace = Reflect.get(ref, "namespace");
-      key = Reflect.get(ref, "key");
-    }
+    if (typeof ref === "string") return metafieldIdentifierOf(ref);
+    if (typeof ref !== "object" || ref === null) return null;
+    const namespace = Reflect.get(ref, "namespace");
+    const key = Reflect.get(ref, "key");
     if (typeof namespace !== "string" || typeof key !== "string") return null;
-    return METAFIELD_NAMESPACE.test(namespace) && METAFIELD_PART.test(key) ? { namespace, key } : null;
+    return isMetafieldIdentifier(namespace, key) ? { namespace, key } : null;
   }
   function metafieldsOption(value, invalid) {
     if (!Array.isArray(value)) {
@@ -220,6 +224,45 @@
     return LANGUAGE.test(primary) ? primary : null;
   }
 
+  // src/shopify-values.ts
+  var MAX_CONNECTION_SIZE = 250;
+  function isHttpsUrl(url2) {
+    if (typeof url2 !== "string") return false;
+    try {
+      return new URL(url2).protocol === "https:";
+    } catch {
+      return false;
+    }
+  }
+  function formatMoney(money, locale) {
+    if (!money) return "";
+    const amount = parseFloat(money.amount);
+    if (Number.isNaN(amount)) return "";
+    try {
+      return new Intl.NumberFormat(locale || void 0, { style: "currency", currency: money.currencyCode }).format(
+        amount
+      );
+    } catch {
+      return `${money.currencyCode} ${amount.toFixed(2)}`;
+    }
+  }
+  function productUrl(productPath, handle, id) {
+    if (!/\{(handle|id)\}/.test(productPath)) {
+      return handle ? `${productPath.replace(/\/$/, "")}/${encodeURIComponent(handle)}` : null;
+    }
+    const numericId2 = id ? id.split("/").at(-1) ?? "" : "";
+    if (productPath.includes("{handle}") && !handle) return null;
+    if (productPath.includes("{id}") && !numericId2) return null;
+    return productPath.replace(/\{handle\}/g, encodeURIComponent(handle ?? "")).replace(/\{id\}/g, encodeURIComponent(numericId2));
+  }
+  function productKey(raw) {
+    const value = String(raw ?? "").trim();
+    if (!value) return null;
+    if (value.startsWith("gid://")) return value;
+    if (/^\d+$/.test(value)) return `gid://shopify/Product/${value}`;
+    return /\/products\/([^/?#]+)/.exec(value)?.[1] ?? value;
+  }
+
   // src/config.ts
   var DEFAULTS = {
     domain: "",
@@ -297,7 +340,7 @@
     "astro",
     "debug"
   ];
-  var TEXT_OPTIONS = ["token", "productPath", "collectionPath", "cartDrawerOpenClass"];
+  var TEXT_OPTIONS = ["token", "productPath", "collectionPath"];
   var COUNT_OPTIONS = [
     "imagesFirst",
     "variantsFirst",
@@ -330,7 +373,7 @@
   }
   function warnUnknownKeys(options) {
     for (const key of Object.keys(options)) {
-      if (!(key in DEFAULTS)) warn(`unknown option ${JSON.stringify(key)}: ignored`);
+      if (!Object.hasOwn(DEFAULTS, key)) warn(`unknown option ${JSON.stringify(key)}: ignored`);
     }
   }
   function setHook(config, name, value) {
@@ -342,15 +385,25 @@
   }
   var MAX_TIMER_MS = 2147483647;
   var MAX_RETRIES = 10;
-  var COUNT_MAXIMUMS = {
-    requestTimeout: MAX_TIMER_MS,
-    searchDelay: MAX_TIMER_MS,
-    retries: MAX_RETRIES
+  var CONNECTION_RANGE = { min: 1, max: MAX_CONNECTION_SIZE };
+  var COUNT_RANGES = {
+    imagesFirst: CONNECTION_RANGE,
+    variantsFirst: CONNECTION_RANGE,
+    sellingPlanGroupsFirst: CONNECTION_RANGE,
+    sellingPlansFirst: CONNECTION_RANGE,
+    collectionFirst: CONNECTION_RANGE,
+    requestTimeout: { max: MAX_TIMER_MS },
+    searchDelay: { max: MAX_TIMER_MS },
+    retries: { max: MAX_RETRIES }
   };
   function countOption(name, value) {
-    const maximum = COUNT_MAXIMUMS[name] ?? Number.POSITIVE_INFINITY;
-    if (typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= maximum) return value;
-    return invalidOption(name, value, DEFAULTS[name]);
+    const { min = 0, max: maximum } = COUNT_RANGES[name] ?? {};
+    if (typeof value !== "number" || !Number.isInteger(value) || value < min) {
+      return invalidOption(name, value, DEFAULTS[name]);
+    }
+    if (maximum === void 0 || value <= maximum) return value;
+    warn(`${name} ${String(value)} is more than its maximum: using ${String(maximum)}`);
+    return maximum;
   }
   function switchOption(name, value) {
     return typeof value === "boolean" ? value : invalidOption(name, value, DEFAULTS[name]);
@@ -358,6 +411,10 @@
   function textOption(name, value) {
     return typeof value === "string" ? value : invalidOption(name, value, DEFAULTS[name]);
   }
+  var CLASS_TOKEN = /^\S+$/;
+  function classOption(name, value) {
+    return typeof value === "string" && CLASS_TOKEN.test(value) ? value : invalidOption(name, value, DEFAULTS[name]);
+  }
   function localeOption(value) {
     if (value === void 0 || value === null || value === "") return void 0;
     try {
@@ -404,7 +461,8 @@
       metafields: metafieldsOption(options.metafields ?? [], dropped),
       embedOrigins: embedOriginsOption(options.embedOrigins ?? [], dropped),
       checkoutTarget: choiceOption("checkoutTarget", options.checkoutTarget, ["_self", "_blank"]),
-      defaultPurchase: choiceOption("defaultPurchase", options.defaultPurchase, ["one-time", "subscription"])
+      defaultPurchase: choiceOption("defaultPurchase", options.defaultPurchase, ["one-time", "subscription"]),
+      cartDrawerOpenClass: classOption("cartDrawerOpenClass", options.cartDrawerOpenClass)
     };
     for (const name of COUNT_OPTIONS) resolved[name] = countOption(name, options[name]);
     for (const name of SWITCH_OPTIONS) resolved[name] = switchOption(name, options[name]);
@@ -877,44 +935,6 @@
     return template.content;
   }
 
-  // src/shopify-values.ts
-  function isHttpsUrl(url2) {
-    if (typeof url2 !== "string") return false;
-    try {
-      return new URL(url2).protocol === "https:";
-    } catch {
-      return false;
-    }
-  }
-  function formatMoney(money, locale) {
-    if (!money) return "";
-    const amount = parseFloat(money.amount);
-    if (Number.isNaN(amount)) return "";
-    try {
-      return new Intl.NumberFormat(locale || void 0, { style: "currency", currency: money.currencyCode }).format(
-        amount
-      );
-    } catch {
-      return `${money.currencyCode} ${amount.toFixed(2)}`;
-    }
-  }
-  function productUrl(productPath, handle, id) {
-    if (!/\{(handle|id)\}/.test(productPath)) {
-      return handle ? `${productPath.replace(/\/$/, "")}/${encodeURIComponent(handle)}` : null;
-    }
-    const numericId2 = id ? id.split("/").at(-1) ?? "" : "";
-    if (productPath.includes("{handle}") && !handle) return null;
-    if (productPath.includes("{id}") && !numericId2) return null;
-    return productPath.replace(/\{handle\}/g, encodeURIComponent(handle ?? "")).replace(/\{id\}/g, encodeURIComponent(numericId2));
-  }
-  function productKey(raw) {
-    const value = String(raw ?? "").trim();
-    if (!value) return null;
-    if (value.startsWith("gid://")) return value;
-    if (/^\d+$/.test(value)) return `gid://shopify/Product/${value}`;
-    return /\/products\/([^/?#]+)/.exec(value)?.[1] ?? value;
-  }
-
   // src/images.ts
   function imageUrl(url2, { width, height, crop } = {}) {
     if (!url2) return url2;
@@ -1205,6 +1225,31 @@
       return null;
     }
   }
+  var INTEGER_TEXT = /^-?\d+$/;
+  var invalidIntegerAttributes = /* @__PURE__ */ new WeakMap();
+  function warnInvalidAttribute(el, name, message) {
+    const warned = invalidIntegerAttributes.get(el) ?? /* @__PURE__ */ new Set();
+    invalidIntegerAttributes.set(el, warned);
+    if (warned.has(name)) return;
+    warned.add(name);
+    warn(`${attr(name)} ${message}`, el);
+  }
+  function integerAttribute(el, name, { min, max, fallback }) {
+    const raw = get(el, name)?.trim();
+    if (!raw) return fallback;
+    const value = INTEGER_TEXT.test(raw) ? Number(raw) : Number.NaN;
+    if (Number.isNaN(value) || value < min) {
+      warnInvalidAttribute(
+        el,
+        name,
+        `${JSON.stringify(raw)} is not a whole number from ${String(min)}: using ${String(fallback)}`
+      );
+      return fallback;
+    }
+    if (max === void 0 || value <= max) return value;
+    warnInvalidAttribute(el, name, `${raw} is more than its maximum: using ${String(max)}`);
+    return max;
+  }
   function attributeText(value) {
     if (value === null || value === void 0) return "";
     if (typeof value === "string") return value;
@@ -3436,7 +3481,7 @@
   }
 
   // src/part-integrity.ts
-  var PART_INTEGRITY = { "tether.diagnose.js": "sha384-6b98ZqhqrOFydwTyklda6rjvyWrgz1OnmffApLQ3+gg6VPSU1Yy3LhR1OT4lprfa", "tether.markets.js": "sha384-f9ZeUfc/tMICwVFPrC44Sa1oxm9c6jTQASJdNhHWDk55thsEVScodDBKSYUiuDgr", "tether.search.js": "sha384-kNQI7aVmvUyNgV2e6+PRy53xmbKiZi2n1hhYmHUDFCGU3BR6SoGpGKVKVbPE0ZtG", "tether.lists.js": "sha384-MfQgl9RjiTn6vr80fQymnFikrsDXh3wcmT8cu858s7z9p/oByQaJUKZo92qhjX1P", "tether.extras.js": "sha384-H4CWsEibHw/99UiBAi366ctyaNZrVMkK6Y1YJYYcGDbNthy5eQdS+RRcrlm1clmQ", "tether.account.js": "sha384-UeOp/wddJlVjmlYcVqqO9hU7ANLYEtY/TtK/y5cFkQ6J+SPBmqI/VReaAh+reCMC", "tether.account-pages.js": "sha384-jBeU+vF/U13v+9LZxg5R8lQb/PDHTXPVvu1EmsdDUrlh7BmIntbZJh2+iT6YykTy", "tether.analytics.js": "sha384-4gJ/lcu+S+sfpEHu64+0m2zbXpvNsyOxKDQchPEIb1SFg3ky1JlXODNSdRoodST9" };
+  var PART_INTEGRITY = { "tether.diagnose.js": "sha384-V4pclvaqH/qR/arn2rEkiL09rESoS1Z5AEE01ZSaFNlDU+sXXpOhKprwno6MT998", "tether.markets.js": "sha384-5wg1XGIKHX3Q4SX9E1xoYiJT653F0uCs7WCJ36Rf+YX6o1VJhuK6m59ZuUuqgxXw", "tether.search.js": "sha384-KMmZKdaQq6+LzU7kFva2DYZ7dh425RhHClXfVPHp8dNDGn1eG2UEMuPooowJOQtt", "tether.lists.js": "sha384-L/+3bMN1EifET4EcFWBk5IAFywRaC0uilAX3eYLeGqmX9zkPFjS/SvVSklpRwSSA", "tether.extras.js": "sha384-/SMjz6qCFAOV0wwvEVNhQxtT/1pyx4hRxDJHOxHB6M3uclAvItSULKZqJvaehH+i", "tether.account.js": "sha384-CVXd+K/5Wc9mSdfMM6cE1BYN4kjFWCXpEfoLq/jU0zy1C+V4SXfyTCyXloVFMMs7", "tether.account-pages.js": "sha384-bUUsp/0dKGSGzjctzF1FgLcCvgBGh+wQw95IhbjU+ckMo78vzetzlI2+QuNQugaI", "tether.analytics.js": "sha384-DBXy5gOU7crMr0xSS4TjnZN1Q8Slz3h18Ih/jLBjwYRVFE1fGzdR9PBuHnKOxc0E" };
 
   // src/part-registry.ts
   function isTetherInternals(value) {
@@ -3444,7 +3489,7 @@
   }
 
   // src/version.ts
-  var VERSION = "0.9.1";
+  var VERSION = "0.9.3";
 
   // src/lazy-iife.ts
   var coreModules = {
@@ -3466,6 +3511,7 @@
         get,
         has,
         hasTemplate,
+        integerAttribute,
         isOwnEvent,
         notifyLayoutChanged,
         parseJSONAttr,
@@ -3511,7 +3557,7 @@
       return [setCountry];
     },
     get "shopify-values.ts"() {
-      return [isHttpsUrl];
+      return [isHttpsUrl, MAX_CONNECTION_SIZE];
     },
     // Parts that load other parts (account → account-pages) use this same loader.
     get "lazy.ts"() {

package/dist/tether.lists.js

@@ -25,7 +25,7 @@
 
   // tether-core:dom.ts
   var m3 = window.Tether.__core["dom.ts"];
-  var [ANALYTICS_EVENTS, attr, attributesFromJson, busy, emit, formatDate, formatMoney, get, has, hasTemplate, isOwnEvent, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, repeat, scoped, sel, setImage, setStoreHtml, setText, show] = m3;
+  var [ANALYTICS_EVENTS, attr, attributesFromJson, busy, emit, formatDate, formatMoney, get, has, hasTemplate, integerAttribute, isOwnEvent, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, repeat, scoped, sel, setImage, setStoreHtml, setText, show] = m3;
 
   // tether-core:fragments.ts
   var m4 = window.Tether.__core["fragments.ts"];
@@ -71,6 +71,10 @@
   var m7 = window.Tether.__core["collection.ts"];
   var [listSelector] = m7;
 
+  // tether-core:shopify-values.ts
+  var m8 = window.Tether.__core["shopify-values.ts"];
+  var [isHttpsUrl, MAX_CONNECTION_SIZE] = m8;
+
   // src/lists.ts
   var URL_QUERY_SOURCE = "url:";
   var COLLECTION_QUERY = `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}}}}`;
@@ -126,7 +130,7 @@
     return list;
   }
   var isElement = (target) => target instanceof window.Element;
-  var toLimit = (raw) => parseInt(raw ?? "", 10) || void 0;
+  var listLimit = (root, fallback) => integerAttribute(root, "limit", { min: 1, max: MAX_CONNECTION_SIZE, fallback });
   var toIntent = (raw) => raw === "COMPLEMENTARY" ? "COMPLEMENTARY" : "RELATED";
   var ListScope = class {
     constructor(root) {
@@ -151,9 +155,10 @@
     /** The collection or search query of the list's attributes. */
     options() {
       const { root } = this;
-      const query = { reverse: get(root, "reverse") === "true" };
-      const first = toLimit(get(root, "limit"));
-      if (first) query.first = first;
+      const query = {
+        reverse: get(root, "reverse") === "true",
+        first: listLimit(root, cfg.collectionFirst)
+      };
       const sortKey = get(root, "sort");
       if (sortKey) query.sortKey = sortKey;
       if (has(root, "collection")) {
@@ -185,8 +190,7 @@
         if (has(this.root, "recommendations")) {
           const recommendations = await this.loadRecommendations();
           if (stale()) return;
-          const limit = toLimit(get(this.root, "limit"));
-          this.products = limit ? recommendations.slice(0, limit) : recommendations;
+          this.products = recommendations.slice(0, listLimit(this.root, recommendations.length));
         } else {
           const page = await getProducts({ ...this.options(), after: more ? this.pageInfo?.endCursor ?? null : null });
           if (stale()) return;

package/dist/tether.lists.min.js

@@ -1 +1 @@
-(()=>{var O=Object.defineProperty;var et=(e,t,o)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var ot=(e,t)=>{for(var o in t)O(e,o,{get:t[o],enumerable:!0})};var a=(e,t,o)=>et(e,typeof t!="symbol"?t+"":t,o);var S={};ot(S,{getProducts:()=>J,getRecommendations:()=>Z,loadList:()=>ht});var rt=window.Tether.__core["config.ts"],[b,yt,Pt,Tt,Et,A,xt]=rt;var nt=window.Tether.__core["client.ts"],[$t,l,st,P,u,T]=nt;var it=window.Tether.__core["dom.ts"],[Ct,E,kt,L,p,Nt,St,i,m,_t,Ot,K,bt,At,Lt,M,U,c,q,F,x,f]=it;var ct=window.Tether.__core["fragments.ts"],[D]=ct;var at=window.Tether.__core["loader.ts"],[Ut,qt,v,h,g]=at;function d(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}var R={amount:"string",currencyCode:"string"},H={id:"string",handle:"string",title:"string",options:["object"],images:{nodes:["object"]},priceRange:{minVariantPrice:R,maxVariantPrice:R},variants:{nodes:[{id:"string",price:R,selectedOptions:["object"]}]}},Q={nodes:[H],pageInfo:{hasNextPage:"boolean"}};var Y=u({collection:P({handle:"string",products:Q})}),j=u({products:Q}),z=u({productRecommendations:P([H])});var dt=window.Tether.__core["status.ts"],[jt,$,I,C]=dt;var lt=window.Tether.__core["collection.ts"],[k]=lt;var B="url:",ut=`query TetherCollection($handle:String!,$first:Int!,$after:String,$sortKey:ProductCollectionSortKeys,$reverse:Boolean,$filters:[ProductFilter!]){collection(handle:$handle){${D()} products(first:$first,after:$after,sortKey:$sortKey,reverse:$reverse,filters:$filters){nodes{...TetherProduct}pageInfo{hasNextPage endCursor}}}}`,pt="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}}}";async function J({collection:e,query:t,first:o=b.collectionFirst,after:r=null,sortKey:n,reverse:s=!1,filters:X}={}){if(e){let _=await l(g(ut),{handle:e,first:o,after:r,sortKey:n||void 0,reverse:s,filters:X??void 0},Y);if(!_.collection)throw new T(`Collection not found: ${e}`,{code:"NOT_FOUND"});let{products:y,...tt}=_.collection;return y.nodes.forEach(h),{collection:tt,products:y.nodes,pageInfo:y.pageInfo}}let w=await l(g(pt),{first:o,after:r,query:t||void 0,sortKey:n||void 0,reverse:s},j);return w.products.nodes.forEach(h),{collection:null,products:w.products.nodes,pageInfo:w.products.pageInfo}}async function Z(e,t="RELATED"){let o=v(typeof e=="object"?e?.id:e);if(!o)throw new T("No product for recommendations",{code:"NOT_FOUND"});let r=o.startsWith("gid://"),s=(await l(g(`query TetherRecs(${r?"$id: ID!":"$handle: String!"},$intent:ProductRecommendationIntent){productRecommendations(${r?"productId: $id":"productHandle: $handle"},intent:$intent){...TetherProduct}}`),r?{id:o,intent:t}:{handle:o,intent:t},z)).productRecommendations??[];return s.forEach(h),s}var mt=e=>e instanceof window.Element,V=e=>parseInt(e??"",10)||void 0,ft=e=>e==="COMPLEMENTARY"?"COMPLEMENTARY":"RELATED",N=class{constructor(t){a(this,"root");a(this,"products",[]);a(this,"pageInfo",null);a(this,"collection",null);a(this,"loadToken",0);this.root=t,t.addEventListener("click",o=>{if(!mt(o.target))return;let r=o.target.closest(c("load-more"));r?.closest(k())===t&&(o.preventDefault(),L(r,()=>this.load(!0)))})}$(t){return U(this.root,t,k())}options(){let{root:t}=this,o={reverse:i(t,"reverse")==="true"},r=V(i(t,"limit"));r&&(o.first=r);let n=i(t,"sort");if(n&&(o.sortKey=n),m(t,"collection"))return o.collection=i(t,"collection")??"",o;let s=i(t,"products")??"";return o.query=s.startsWith(B)?new URL(window.location.href).searchParams.get(s.slice(B.length))||"":s,o}async loadRecommendations(){let{key:t}=I(this.root,window.location,"recommendations"),o=this.root.closest(c("product"));return!t&&o&&({key:t}=I(o)),Z(t,ft(i(this.root,"intent")))}async load(t=!1){this.loadToken+=1;let o=this.loadToken,r=()=>o!==this.loadToken;try{if(m(this.root,"recommendations")){let n=await this.loadRecommendations();if(r())return;let s=V(i(this.root,"limit"));this.products=s?n.slice(0,s):n}else{let n=await J({...this.options(),after:t?this.pageInfo?.endCursor??null:null});if(r())return;this.collection=n.collection,this.pageInfo=n.pageInfo,this.products=t?[...this.products,...n.products]:n.products}this.render(),C(this.root,"ready"),p("list-ready",{products:this.products,collection:this.collection},this.root)}catch(n){if(r())return;t||C(this.root,$(n)?"not-found":"error",n),$(n)&&m(this.root,"recommendations")||A(n,"list load failed"),p("error",{error:n,context:"list"},this.root)}}render(){let{collection:t}=this;this.$(c("collection-bind")).forEach(r=>{switch(i(r,"collection-bind")??""){case"title":x(r,t?.title??"");break;case"description":F(r,t?.descriptionHtml);break;case"image":q(r,t?.image?.url,t?.image?.altText||t?.title);break;case"count":x(r,this.products.length);break}}),this.$(c("list")).forEach(r=>{M(r,this.products,(n,s)=>{n.setAttribute(E("product"),s.handle),n.removeAttribute(E("state"))}),p("list-rendered",{container:r},this.root)});let o=this.products.length===0;this.$(c("show")).forEach(r=>{let n=i(r,"show");n==="list-empty"&&f(r,o),n==="list-filled"&&f(r,!o)}),this.$(c("load-more")).forEach(r=>{f(r,!!this.pageInfo?.hasNextPage)}),K("list")}},W=new WeakMap;function ht(e){let t=W.get(e);return t||(t=new N(e),W.set(e,t)),t.load()}function gt(e){return d(e)&&d(e.__core)&&d(e.__parts)}function G(e,t){let o=Reflect.get(window,"Tether");if(!gt(o))throw new Error(`tether.${e}.js runs after the Tether script, which loads it, and needs its window.Tether`);o.__parts[e]=t}G("lists",S);})();
+(()=>{var b=Object.defineProperty;var rt=(e,t,o)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var nt=(e,t)=>{for(var o in t)b(e,o,{get:t[o],enumerable:!0})};var a=(e,t,o)=>rt(e,typeof t!="symbol"?t+"":t,o);var O={};nt(O,{getProducts:()=>X,getRecommendations:()=>G,loadList:()=>yt});var st=window.Tether.__core["config.ts"],[P,Et,xt,It,Ct,A,Nt]=st;var it=window.Tether.__core["client.ts"],[$t,l,ct,T,u,E]=it;var at=window.Tether.__core["dom.ts"],[kt,x,Ot,L,p,St,bt,s,m,At,M,Lt,K,Mt,Kt,Ut,U,F,c,q,v,I,f]=at;var dt=window.Tether.__core["fragments.ts"],[D]=dt;var lt=window.Tether.__core["loader.ts"],[vt,Dt,H,h,g]=lt;function d(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}var C={amount:"string",currencyCode:"string"},Q={id:"string",handle:"string",title:"string",options:["object"],images:{nodes:["object"]},priceRange:{minVariantPrice:C,maxVariantPrice:C},variants:{nodes:[{id:"string",price:C,selectedOptions:["object"]}]}},Y={nodes:[Q],pageInfo:{hasNextPage:"boolean"}};var j=u({collection:T({handle:"string",products:Y})}),z=u({products:Y}),B=u({productRecommendations:T([Q])});var ut=window.Tether.__core["status.ts"],[Vt,N,R,$]=ut;var pt=window.Tether.__core["collection.ts"],[_]=pt;var mt=window.Tether.__core["shopify-values.ts"],[Jt,V]=mt;var W="url:",ft=`query TetherCollection($handle:String!,$first:Int!,$after:String,$sortKey:ProductCollectionSortKeys,$reverse:Boolean,$filters:[ProductFilter!]){collection(handle:$handle){${D()} products(first:$first,after:$after,sortKey:$sortKey,reverse:$reverse,filters:$filters){nodes{...TetherProduct}pageInfo{hasNextPage endCursor}}}}`,ht="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}}}";async function X({collection:e,query:t,first:o=P.collectionFirst,after:r=null,sortKey:n,reverse:i=!1,filters:et}={}){if(e){let S=await l(g(ft),{handle:e,first:o,after:r,sortKey:n||void 0,reverse:i,filters:et??void 0},j);if(!S.collection)throw new E(`Collection not found: ${e}`,{code:"NOT_FOUND"});let{products:y,...ot}=S.collection;return y.nodes.forEach(h),{collection:ot,products:y.nodes,pageInfo:y.pageInfo}}let w=await l(g(ht),{first:o,after:r,query:t||void 0,sortKey:n||void 0,reverse:i},z);return w.products.nodes.forEach(h),{collection:null,products:w.products.nodes,pageInfo:w.products.pageInfo}}async function G(e,t="RELATED"){let o=H(typeof e=="object"?e?.id:e);if(!o)throw new E("No product for recommendations",{code:"NOT_FOUND"});let r=o.startsWith("gid://"),i=(await l(g(`query TetherRecs(${r?"$id: ID!":"$handle: String!"},$intent:ProductRecommendationIntent){productRecommendations(${r?"productId: $id":"productHandle: $handle"},intent:$intent){...TetherProduct}}`),r?{id:o,intent:t}:{handle:o,intent:t},B)).productRecommendations??[];return i.forEach(h),i}var gt=e=>e instanceof window.Element,Z=(e,t)=>M(e,"limit",{min:1,max:V,fallback:t}),wt=e=>e==="COMPLEMENTARY"?"COMPLEMENTARY":"RELATED",k=class{constructor(t){a(this,"root");a(this,"products",[]);a(this,"pageInfo",null);a(this,"collection",null);a(this,"loadToken",0);this.root=t,t.addEventListener("click",o=>{if(!gt(o.target))return;let r=o.target.closest(c("load-more"));r?.closest(_())===t&&(o.preventDefault(),L(r,()=>this.load(!0)))})}$(t){return F(this.root,t,_())}options(){let{root:t}=this,o={reverse:s(t,"reverse")==="true",first:Z(t,P.collectionFirst)},r=s(t,"sort");if(r&&(o.sortKey=r),m(t,"collection"))return o.collection=s(t,"collection")??"",o;let n=s(t,"products")??"";return o.query=n.startsWith(W)?new URL(window.location.href).searchParams.get(n.slice(W.length))||"":n,o}async loadRecommendations(){let{key:t}=R(this.root,window.location,"recommendations"),o=this.root.closest(c("product"));return!t&&o&&({key:t}=R(o)),G(t,wt(s(this.root,"intent")))}async load(t=!1){this.loadToken+=1;let o=this.loadToken,r=()=>o!==this.loadToken;try{if(m(this.root,"recommendations")){let n=await this.loadRecommendations();if(r())return;this.products=n.slice(0,Z(this.root,n.length))}else{let n=await X({...this.options(),after:t?this.pageInfo?.endCursor??null:null});if(r())return;this.collection=n.collection,this.pageInfo=n.pageInfo,this.products=t?[...this.products,...n.products]:n.products}this.render(),$(this.root,"ready"),p("list-ready",{products:this.products,collection:this.collection},this.root)}catch(n){if(r())return;t||$(this.root,N(n)?"not-found":"error",n),N(n)&&m(this.root,"recommendations")||A(n,"list load failed"),p("error",{error:n,context:"list"},this.root)}}render(){let{collection:t}=this;this.$(c("collection-bind")).forEach(r=>{switch(s(r,"collection-bind")??""){case"title":I(r,t?.title??"");break;case"description":v(r,t?.descriptionHtml);break;case"image":q(r,t?.image?.url,t?.image?.altText||t?.title);break;case"count":I(r,this.products.length);break}}),this.$(c("list")).forEach(r=>{U(r,this.products,(n,i)=>{n.setAttribute(x("product"),i.handle),n.removeAttribute(x("state"))}),p("list-rendered",{container:r},this.root)});let o=this.products.length===0;this.$(c("show")).forEach(r=>{let n=s(r,"show");n==="list-empty"&&f(r,o),n==="list-filled"&&f(r,!o)}),this.$(c("load-more")).forEach(r=>{f(r,!!this.pageInfo?.hasNextPage)}),K("list")}},J=new WeakMap;function yt(e){let t=J.get(e);return t||(t=new k(e),J.set(e,t)),t.load()}function Pt(e){return d(e)&&d(e.__core)&&d(e.__parts)}function tt(e,t){let o=Reflect.get(window,"Tether");if(!Pt(o))throw new Error(`tether.${e}.js runs after the Tether script, which loads it, and needs its window.Tether`);o.__parts[e]=t}tt("lists",O);})();

package/dist/tether.markets.js

@@ -36,7 +36,7 @@
 
   // tether-core:dom.ts
   var m6 = window.Tether.__core["dom.ts"];
-  var [ANALYTICS_EVENTS, attr, attributesFromJson, busy, emit, formatDate, formatMoney, get, has, hasTemplate, isOwnEvent, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, repeat, scoped, sel, setImage, setStoreHtml, setText, show] = m6;
+  var [ANALYTICS_EVENTS, attr, attributesFromJson, busy, emit, formatDate, formatMoney, get, has, hasTemplate, integerAttribute, isOwnEvent, notifyLayoutChanged, parseJSONAttr, productUrl, qsa, repeat, scoped, sel, setImage, setStoreHtml, setText, show] = m6;
 
   // tether-core:mounting.ts
   var m7 = window.Tether.__core["mounting.ts"];

package/dist/tether.markets.min.js

@@ -1 +1 @@
-(()=>{var G=Object.defineProperty;var V=(e,t)=>{for(var n in t)G(e,n,{get:t[n],enumerable:!0})};var b={};V(b,{detectMarket:()=>K,getLocalization:()=>J,renderCountrySelects:()=>L,setCountry:()=>Ee});var Z=window.Tether.__core["config.ts"],[c,Ae,Ne,M,S,C,ve]=Z;var Q=window.Tether.__core["client.ts"],[Ie,x,ze,Re,T,E]=Q;var X=window.Tether.__core["cart.ts"],[g]=X;var ee=window.Tether.__core["collection.ts"],[P]=ee;var te=window.Tether.__core["loader.ts"],[_,De,je,Ke,$e]=te;var ne=window.Tether.__core["dom.ts"],[Je,m,Ye,Be,A,We,Ge,N,Ve,Ze,Qe,Xe,et,tt,nt,ot,rt,w,at,ct,it,ut]=ne;var oe=window.Tether.__core["mounting.ts"],[v,O,I,z,R,k]=oe;var re=window.Tether.__core["market-codes.ts"],[s,d]=re;function U(e,t="localStorage"){try{return window[t].getItem(e)}catch{return null}}function H(e,t,n="localStorage"){try{window[n].setItem(e,t)}catch{}}function F(e){try{return decodeURIComponent(e)}catch(t){if(t instanceof URIError)return e;throw t}}var ae="tether_country",D=()=>`${c.prefix}:market:${c.domain}`,j={getItem:e=>U(e)};function ce(){let e=typeof window<"u";return{document:typeof document<"u"?document:null,location:e?window.location:null,storage:j,global:e?window:{}}}function ie(e){try{return JSON.parse(e)}catch(t){if(t instanceof SyntaxError)return null;throw t}}function ue(e){if(typeof e!="object"||e===null)return null;let t=s(Reflect.get(e,"country"));if(!t)return null;let n=Reflect.get(e,"locale");return{country:t,language:d(Reflect.get(e,"language"))??void 0,locale:typeof n=="string"&&n?n:void 0}}var le=e=>ue(ie(e));function se(e=j){let t=e.getItem(D());return t?le(t):null}function de(e,t){if(!e||!t)return null;let n=e.cookie.split(";").map(a=>a.trim()).find(a=>a.startsWith(`${t}=`));return n?F(n.slice(t.length+1)):null}function h(e,t){if(!e||!t)return null;let n=t.toLowerCase(),a=Object.keys(e).find(o=>o.toLowerCase()===n);return a?e[a]??null:null}function ge(e,t){let n=r=>t.document?.querySelector(`meta[name="${r}"]`)?.getAttribute("content"),a=Reflect.get(t.global,"TETHER_COUNTRY"),o=Reflect.get(t.global,"TETHER_LANGUAGE"),i=n("tether-country")||de(t.document,e.cookie||ae);return{country:a||i,language:o||n("tether-language")}}function fe(e,t){let n=(t.location?.pathname??"/").split("/").find(u=>u!==""),a=h(e.locales,n);if(a)return a;let o=t.document?.documentElement.getAttribute("lang");if(!o)return null;let i=h(e.locales,o)??h(e.locales,o.split("-")[0]);if(i)return{locale:o,...i};if(e.locales&&e.strict)return null;let r=o.split("-")[1];return{language:o,country:r?.length===2?r:null,locale:o}}function me(e,t,n){switch(e){case"saved":return t.remember===!1?null:se(n.storage);case"server":return ge(t,n);case"webflow":return fe(t,n)}}function pe(e){return e?e===!0?M:e:["saved"]}function K(e=c.markets,t=ce()){let n=(e===c.markets?e:S(e))??{};if(n.detect===!1)return{};let a={},o={sources:a};for(let i of pe(n.detect)){let r=me(i,n,t);if(!r)continue;let u=s(r.country),l=d(r.language),f=typeof r.locale=="string"&&r.locale?r.locale:null;u&&!o.country&&(o.country=u,a.country=i),l&&!o.language&&(o.language=l,a.language=i),f&&!o.locale&&(o.locale=f,a.locale=i)}return o}function $(e){if(c.markets?.remember===!1)return;let t={country:e.country,language:e.language||void 0,locale:e.locale||void 0};H(D(),JSON.stringify(t))}var ye="{name} ({currency})",Ce="name",p=null;function we(){p=null}var ke="query TetherLocalization{localization{country{isoCode name currency{isoCode symbol}}language{isoCode name}availableCountries{isoCode name currency{isoCode symbol}availableLanguages{isoCode name}}}}",q={isoCode:"string",name:"string",currency:"object"},he=T({localization:{country:q,availableCountries:[q]}});function J(){return p??(p=x(ke,{},he).then(e=>e.localization,e=>{throw p=null,e})),p}function Y(e,t){switch(t){case"name":return e.name;case"code":return e.isoCode;case"currency":return e.currency.isoCode;case"symbol":return e.currency.symbol;default:return""}}var Le=(e,t)=>e.replace(/\{(name|code|currency|symbol)\}/g,(n,a)=>Y(t,a));function be(e,t,n){let a=e.getAttribute(m("country-label"))||ye,o=(e.getAttribute(m("countries"))||"").toUpperCase().split(/[\s,]+/).filter(Boolean),i=o.length?o.map(r=>t.find(u=>u.isoCode===r)).filter(r=>r!==void 0):t;e.replaceChildren(...i.map(r=>new Option(Le(a,r),r.isoCode))),e.value=n,e.value!==n&&(e.selectedIndex=-1),e.disabled=i.length<2&&!e.hasAttribute(m("always-enabled"))}function Me(e,t,n){let a=(c.country||n.country.isoCode).toUpperCase(),o=[...n.availableCountries].sort((r,u)=>r.name.localeCompare(u.name,c.locale||void 0)),i=o.find(r=>r.isoCode===a)??n.country;e.forEach(r=>{be(r,o,a)}),t.forEach(r=>{r.textContent=Y(i,N(r,"country-bind")||Ce)})}function L(e=document){let t=k(e,`select${w("country-select")}`),n=k(e,w("country-bind"));return!t.length&&!n.length?Promise.resolve():J().then(a=>{Me(t,n,a)}).catch(a=>{C(a,"country select")})}var Se=e=>Object.values(c.markets?.locales??{}).find(t=>s(t.country)===e);function xe(e,t){return e!==void 0?d(e):t?t.language?d(t.language):void 0:c.language}function Te(e){_();let t=[];return g.id()&&t.push(g.setBuyerIdentity({countryCode:e},{create:!1}).catch(n=>{C(n,"cart country")})),R(),v.forEach(n=>t.push(n.load())),O.forEach(n=>{n.closest(P())||(I.delete(n),z(n))}),t}async function Ee(e,{language:t,locale:n,remember:a=!0}={}){let o=s(e);if(!o)throw new E(`Not a country code: ${e}`,{code:"INVALID_COUNTRY"});let i=Se(o),r=n||i?.locale,u=r||c.locale,l=xe(t,i),f=o!==c.country||l!==c.language||u!==c.locale;if(c.country=o,c.language=l||void 0,c.locale=u,a&&$({country:o,language:l,locale:r}),!f)return L(),g.state;t!==void 0&&we();let W=Te(o);return L(),A("country-changed",{country:o,language:c.language}),await Promise.all(W),g.state}function y(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}function Pe(e){return y(e)&&y(e.__core)&&y(e.__parts)}function B(e,t){let n=Reflect.get(window,"Tether");if(!Pe(n))throw new Error(`tether.${e}.js runs after the Tether script, which loads it, and needs its window.Tether`);n.__parts[e]=t}B("markets",b);})();
+(()=>{var G=Object.defineProperty;var V=(e,t)=>{for(var n in t)G(e,n,{get:t[n],enumerable:!0})};var b={};V(b,{detectMarket:()=>K,getLocalization:()=>J,renderCountrySelects:()=>L,setCountry:()=>Ee});var Z=window.Tether.__core["config.ts"],[i,Ae,Ne,M,S,C,ve]=Z;var Q=window.Tether.__core["client.ts"],[Ie,x,ze,Re,T,E]=Q;var X=window.Tether.__core["cart.ts"],[g]=X;var ee=window.Tether.__core["collection.ts"],[P]=ee;var te=window.Tether.__core["loader.ts"],[_,De,je,Ke,$e]=te;var ne=window.Tether.__core["dom.ts"],[Je,m,Ye,Be,A,We,Ge,N,Ve,Ze,Qe,Xe,et,tt,nt,ot,rt,at,w,it,ct,ut,lt]=ne;var oe=window.Tether.__core["mounting.ts"],[v,O,I,z,R,k]=oe;var re=window.Tether.__core["market-codes.ts"],[s,d]=re;function U(e,t="localStorage"){try{return window[t].getItem(e)}catch{return null}}function H(e,t,n="localStorage"){try{window[n].setItem(e,t)}catch{}}function F(e){try{return decodeURIComponent(e)}catch(t){if(t instanceof URIError)return e;throw t}}var ae="tether_country",D=()=>`${i.prefix}:market:${i.domain}`,j={getItem:e=>U(e)};function ie(){let e=typeof window<"u";return{document:typeof document<"u"?document:null,location:e?window.location:null,storage:j,global:e?window:{}}}function ce(e){try{return JSON.parse(e)}catch(t){if(t instanceof SyntaxError)return null;throw t}}function ue(e){if(typeof e!="object"||e===null)return null;let t=s(Reflect.get(e,"country"));if(!t)return null;let n=Reflect.get(e,"locale");return{country:t,language:d(Reflect.get(e,"language"))??void 0,locale:typeof n=="string"&&n?n:void 0}}var le=e=>ue(ce(e));function se(e=j){let t=e.getItem(D());return t?le(t):null}function de(e,t){if(!e||!t)return null;let n=e.cookie.split(";").map(a=>a.trim()).find(a=>a.startsWith(`${t}=`));return n?F(n.slice(t.length+1)):null}function h(e,t){if(!e||!t)return null;let n=t.toLowerCase(),a=Object.keys(e).find(o=>o.toLowerCase()===n);return a?e[a]??null:null}function ge(e,t){let n=r=>t.document?.querySelector(`meta[name="${r}"]`)?.getAttribute("content"),a=Reflect.get(t.global,"TETHER_COUNTRY"),o=Reflect.get(t.global,"TETHER_LANGUAGE"),c=n("tether-country")||de(t.document,e.cookie||ae);return{country:a||c,language:o||n("tether-language")}}function fe(e,t){let n=(t.location?.pathname??"/").split("/").find(u=>u!==""),a=h(e.locales,n);if(a)return a;let o=t.document?.documentElement.getAttribute("lang");if(!o)return null;let c=h(e.locales,o)??h(e.locales,o.split("-")[0]);if(c)return{locale:o,...c};if(e.locales&&e.strict)return null;let r=o.split("-")[1];return{language:o,country:r?.length===2?r:null,locale:o}}function me(e,t,n){switch(e){case"saved":return t.remember===!1?null:se(n.storage);case"server":return ge(t,n);case"webflow":return fe(t,n)}}function pe(e){return e?e===!0?M:e:["saved"]}function K(e=i.markets,t=ie()){let n=(e===i.markets?e:S(e))??{};if(n.detect===!1)return{};let a={},o={sources:a};for(let c of pe(n.detect)){let r=me(c,n,t);if(!r)continue;let u=s(r.country),l=d(r.language),f=typeof r.locale=="string"&&r.locale?r.locale:null;u&&!o.country&&(o.country=u,a.country=c),l&&!o.language&&(o.language=l,a.language=c),f&&!o.locale&&(o.locale=f,a.locale=c)}return o}function $(e){if(i.markets?.remember===!1)return;let t={country:e.country,language:e.language||void 0,locale:e.locale||void 0};H(D(),JSON.stringify(t))}var ye="{name} ({currency})",Ce="name",p=null;function we(){p=null}var ke="query TetherLocalization{localization{country{isoCode name currency{isoCode symbol}}language{isoCode name}availableCountries{isoCode name currency{isoCode symbol}availableLanguages{isoCode name}}}}",q={isoCode:"string",name:"string",currency:"object"},he=T({localization:{country:q,availableCountries:[q]}});function J(){return p??(p=x(ke,{},he).then(e=>e.localization,e=>{throw p=null,e})),p}function Y(e,t){switch(t){case"name":return e.name;case"code":return e.isoCode;case"currency":return e.currency.isoCode;case"symbol":return e.currency.symbol;default:return""}}var Le=(e,t)=>e.replace(/\{(name|code|currency|symbol)\}/g,(n,a)=>Y(t,a));function be(e,t,n){let a=e.getAttribute(m("country-label"))||ye,o=(e.getAttribute(m("countries"))||"").toUpperCase().split(/[\s,]+/).filter(Boolean),c=o.length?o.map(r=>t.find(u=>u.isoCode===r)).filter(r=>r!==void 0):t;e.replaceChildren(...c.map(r=>new Option(Le(a,r),r.isoCode))),e.value=n,e.value!==n&&(e.selectedIndex=-1),e.disabled=c.length<2&&!e.hasAttribute(m("always-enabled"))}function Me(e,t,n){let a=(i.country||n.country.isoCode).toUpperCase(),o=[...n.availableCountries].sort((r,u)=>r.name.localeCompare(u.name,i.locale||void 0)),c=o.find(r=>r.isoCode===a)??n.country;e.forEach(r=>{be(r,o,a)}),t.forEach(r=>{r.textContent=Y(c,N(r,"country-bind")||Ce)})}function L(e=document){let t=k(e,`select${w("country-select")}`),n=k(e,w("country-bind"));return!t.length&&!n.length?Promise.resolve():J().then(a=>{Me(t,n,a)}).catch(a=>{C(a,"country select")})}var Se=e=>Object.values(i.markets?.locales??{}).find(t=>s(t.country)===e);function xe(e,t){return e!==void 0?d(e):t?t.language?d(t.language):void 0:i.language}function Te(e){_();let t=[];return g.id()&&t.push(g.setBuyerIdentity({countryCode:e},{create:!1}).catch(n=>{C(n,"cart country")})),R(),v.forEach(n=>t.push(n.load())),O.forEach(n=>{n.closest(P())||(I.delete(n),z(n))}),t}async function Ee(e,{language:t,locale:n,remember:a=!0}={}){let o=s(e);if(!o)throw new E(`Not a country code: ${e}`,{code:"INVALID_COUNTRY"});let c=Se(o),r=n||c?.locale,u=r||i.locale,l=xe(t,c),f=o!==i.country||l!==i.language||u!==i.locale;if(i.country=o,i.language=l||void 0,i.locale=u,a&&$({country:o,language:l,locale:r}),!f)return L(),g.state;t!==void 0&&we();let W=Te(o);return L(),A("country-changed",{country:o,language:i.language}),await Promise.all(W),g.state}function y(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}function Pe(e){return y(e)&&y(e.__core)&&y(e.__parts)}function B(e,t){let n=Reflect.get(window,"Tether");if(!Pe(n))throw new Error(`tether.${e}.js runs after the Tether script, which loads it, and needs its window.Tether`);n.__parts[e]=t}B("markets",b);})();