@gallerist/renderer-dom 0.3.0 → 0.3.1

package/dist/index.d.cts

@@ -125,9 +125,12 @@ interface MountOptions {
      */
     rail?: RailPlacement;
     /**
-     * Linear traversal (pairs with `thumbnails({ groupDisplay: 'flat' })`). When true, ←/→ walks the
-     * flattened item sequence across groups (1a, 1b, 2a, 2b, 2c, 3a…), ↑/↓ retire, the counter shows
-     * `item N / total`, and the within-group pills hide — surfaced as `data-gallerist-linear`.
+     * Linear traversal: ←/→ walk the flattened item sequence across groups (1a, 1b, 2a, 2b, 2c, 3a…),
+     * ↑/↓ retire, the counter shows `item N / total`, and the within-group pills hide — surfaced as
+     * `data-gallerist-linear`. Unset, it follows the rail: on while the `thumbnails` region holds an
+     * element marked `data-gallerist-linear` (a flat rail, `thumbnails({ groupDisplay: 'flat' })`,
+     * marks its region so), off otherwise, and it changes when the plugins do. `true` or `false`
+     * fixes it.
      */
     linear?: boolean;
     /**

package/dist/index.d.ts

@@ -125,9 +125,12 @@ interface MountOptions {
      */
     rail?: RailPlacement;
     /**
-     * Linear traversal (pairs with `thumbnails({ groupDisplay: 'flat' })`). When true, ←/→ walks the
-     * flattened item sequence across groups (1a, 1b, 2a, 2b, 2c, 3a…), ↑/↓ retire, the counter shows
-     * `item N / total`, and the within-group pills hide — surfaced as `data-gallerist-linear`.
+     * Linear traversal: ←/→ walk the flattened item sequence across groups (1a, 1b, 2a, 2b, 2c, 3a…),
+     * ↑/↓ retire, the counter shows `item N / total`, and the within-group pills hide — surfaced as
+     * `data-gallerist-linear`. Unset, it follows the rail: on while the `thumbnails` region holds an
+     * element marked `data-gallerist-linear` (a flat rail, `thumbnails({ groupDisplay: 'flat' })`,
+     * marks its region so), off otherwise, and it changes when the plugins do. `true` or `false`
+     * fixes it.
      */
     linear?: boolean;
     /**

package/dist/index.js

@@ -839,9 +839,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";
@@ -907,9 +907,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 });
@@ -1350,7 +1348,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);
@@ -1769,6 +1767,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();
@@ -1777,7 +1783,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);
@@ -1933,7 +1942,7 @@ function bind(opts = {}) {
 }
 
 // src/index.ts
-var VERSION = "0.3.0" ;
+var VERSION = "0.3.1" ;
 
 export { DEFAULT_STRINGS, VERSION, applyAppearance, bind, collectionFromLinks, imageAdapter, mount, resolvePreset };
 //# sourceMappingURL=index.js.map