@gallerist/renderer-dom 0.3.0 → 0.3.1

package/dist/index.cjs

@@ -840,9 +840,9 @@ function mount(viewer, opts = {}) {
   const orientation = rail === "left" || rail === "right" ? "vertical" : "horizontal";
   const groupAxis = opts.groupAxis ?? preset?.groupAxis ?? orientation;
   const vertical = groupAxis === "vertical";
-  const linear = opts.linear ?? false;
+  let linear = false;
   const arrowLabelsOpt = opts.arrowLabels ?? preset?.arrowLabels ?? false;
-  const arrowLabel = !arrowLabelsOpt || !controls || vertical || linear || arrows !== "pill-right" ? null : arrowLabelsOpt === true ? (group) => str(group.caption) : arrowLabelsOpt;
+  const arrowLabel = !arrowLabelsOpt || !controls || vertical || arrows !== "pill-right" ? null : arrowLabelsOpt === true ? (group) => str(group.caption) : arrowLabelsOpt;
   const loop = opts.loop ?? viewer.loop;
   const ui = { ...DEFAULT_STRINGS, ...opts.strings };
   const itemIndicator = opts.itemIndicator ?? preset?.itemIndicator ?? "pills";
@@ -908,9 +908,7 @@ function mount(viewer, opts = {}) {
   root.setAttribute("data-gallerist-rail-pos", railPos);
   root.setAttribute("data-gallerist-orientation", orientation);
   root.setAttribute("data-gallerist-axis", groupAxis);
-  if (arrowLabel) root.setAttribute("data-gallerist-arrow-labels", "");
   root.setAttribute("data-gallerist-rail", railHidden ? "collapsed" : "expanded");
-  if (linear) root.setAttribute("data-gallerist-linear", "true");
   if (frame) root.setAttribute("data-gallerist-frame", "");
   if (placard) root.setAttribute("data-gallerist-indicator", "placard");
   applyAppearance(root, { skin: opts.skin, accent: opts.accent, scheme: opts.scheme });
@@ -1351,7 +1349,7 @@ function mount(viewer, opts = {}) {
       const nameAt = (step) => {
         const n = viewer.loop && G > 1 ? (cur.g + step + G) % G : cur.g + step;
         const target = col.groups[n];
-        return target ? arrowLabel(target, n) : void 0;
+        return target && !linear ? arrowLabel(target, n) : void 0;
       };
       setArrowLabel(prevArrow, nameAt(-1), ui.previous, ui.previousTo);
       setArrowLabel(nextArrow, nameAt(1), ui.next, ui.nextTo);
@@ -1770,6 +1768,14 @@ function mount(viewer, opts = {}) {
   const mountRegions = () => {
     pluginKeymap = aggregateKeymap(internals.getPlugins());
     mountPluginRegions(internals.getPlugins());
+    const on = opts.linear ?? !!regionHosts.thumbnails.querySelector("[data-gallerist-linear]");
+    root.toggleAttribute("data-gallerist-arrow-labels", !!arrowLabel && !on);
+    if (on !== linear) {
+      linear = on;
+      if (on) root.setAttribute("data-gallerist-linear", "true");
+      else root.removeAttribute("data-gallerist-linear");
+      chromeCol = null;
+    }
     const thumbs = regionHosts.thumbnails;
     const hasRail = [...thumbs.childNodes].some((n) => n !== railHandle);
     if (!hasRail) railHandle.remove();
@@ -1778,7 +1784,10 @@ function mount(viewer, opts = {}) {
     syncCaption();
     const cur = currentRec();
     if (cur) cur.overlayItem = void 0;
-    if (attached) renderWindow();
+    if (attached) {
+      renderWindow();
+      updateChrome();
+    }
   };
   mountRegions();
   const offPlugins = internals.onPluginsChanged(mountRegions);
@@ -1934,7 +1943,7 @@ function bind(opts = {}) {
 }
 
 // src/index.ts
-var VERSION = "0.3.0" ;
+var VERSION = "0.3.1" ;
 
 Object.defineProperty(exports, "reconcileKeys", {
   enumerable: true,