/* Scoped to: interior-product-showcase-template-built-for-spaces */
(function() {
  'use strict';
  var componentRoots = document.querySelectorAll('[data-component-slug="interior-product-showcase-template-built-for-spaces"]');
  componentRoots.forEach(function(componentRoot) {
    // Helper to query within component, with fallback to document for sibling elements
    var $ = function(sel) { 
      return componentRoot.querySelector(sel) || document.querySelector('[data-component-slug="interior-product-showcase-template-built-for-spaces"] ~ ' + sel) || document.querySelector(sel);
    };
    var $$ = function(sel) { 
      var results = componentRoot.querySelectorAll(sel);
      return results.length ? results : document.querySelectorAll(sel);
    };
    // Original component JS runs in this scope
    (function () { const items = document.querySelectorAll(".bfs-item"); items.forEach((item) => { item.addEventListener("click", (e) => { const isActive = item.classList.contains("active"); items.forEach((i) => { i.classList.remove("active"); const icon = i.querySelector(".bfs-icon-img"); if (icon) icon.src = icon.dataset.inactiveSrc; }); if (!isActive) { item.classList.add("active"); const icon = item.querySelector(".bfs-icon-img"); if (icon) icon.src = icon.dataset.activeSrc; } }); }); })();
  });
})();