' + '' + '

' + esc(s.name) + '

' + '

' + sub + '

' + '' + '

'; } function render(stones, inStockKnown) { if (!stones.length) { root.innerHTML = '

Nothing saved yet. Tap the ◇ on any stone to keep it here. ' + 'No account needed.

' + '

Browse by material →' + 'Use the live collection browser

'; return; } root.innerHTML = '

' + stones.map(function (s) { return card(s, inStockKnown); }).join("") + '

' + '

' + 'Book a viewing with these →' + '' + '' + '

' + '

We’ll have your slabs ready to walk when you book a viewing. ' + 'The share link opens this selection for anyone: a designer, a partner, your fabricator.

' + ''; var share = document.getElementById("sel-share"); if (share) share.addEventListener("click", function () { var url = location.origin + "/selection?s=" + window.CRSSelection.list().map(function (e) { return encodeURIComponent(e.slug); }).join(","); (navigator.clipboard ? navigator.clipboard.writeText(url) : Promise.reject()).then(function () { var n = document.getElementById("sel-copied"); if (n) n.hidden = false; }, function () { prompt("Copy this link:", url); }); }); var clear = document.getElementById("sel-clear"); if (clear) clear.addEventListener("click", function () { if (confirm("Remove all saved stones?")) window.CRSSelection.clear(); }); } var rendering = false; function load() { if (rendering) return; rendering = true; var list = window.CRSSelection.list(); if (!list.length) { render([], false); rendering = false; return; } fetch("/api/selection?slugs=" + list.map(function (e) { return encodeURIComponent(e.slug); }).join(",")) .then(function (r) { return r.json(); }) .then(function (data) { var stones = (data && Array.isArray(data.stones) && data.stones.length) ? data.stones : null; if (stones) { // keep saved entries the directory doesn't know (outage) — render from cache var known = {}; stones.forEach(function (s) { known[s.slug] = true; }); list.forEach(function (e) { if (!known[e.slug]) stones.push(e); }); render(stones, true); } else render(list, false); }, function () { render(list, false); }) .then(function () { rendering = false; }, function () { rendering = false; }); } document.addEventListener("click", function (e) { var b = e.target && e.target.closest ? e.target.closest("[data-rm]") : null; if (!b) return; window.CRSSelection.remove(b.getAttribute("data-rm")); }); document.addEventListener("crs:selection", load); load(); });

The slabs you’ve chosen.