@canopy-iiif/app 1.8.14 → 1.8.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/ui/dist/index.mjs +54 -44
  3. package/ui/dist/index.mjs.map +2 -2
  4. package/ui/dist/server.mjs +54 -44
  5. package/ui/dist/server.mjs.map +2 -2
  6. package/ui/styles/components/_gallery.scss +57 -86
  7. package/ui/styles/index.css +47 -63
package/ui/dist/server.mjs CHANGED
@@ -5062,8 +5062,19 @@ var INLINE_SCRIPT2 = `(() => {
5062
5062
  const navOptions = optionNodes ? Array.prototype.slice.call(optionNodes) : [];
5063
5063
  if (!navOptions.length) return;
5064
5064
  nav.setAttribute('data-canopy-gallery-nav-bound', '1');
5065
- const prevBtn = nav.querySelector('[data-canopy-gallery-nav-prev]');
5066
- const nextBtn = nav.querySelector('[data-canopy-gallery-nav-next]');
5065
+ const navModal = nav.closest('[data-canopy-gallery-modal]');
5066
+ const prevBtn =
5067
+ nav.querySelector('[data-canopy-gallery-nav-prev]') ||
5068
+ (navModal &&
5069
+ navModal.querySelector(
5070
+ '.canopy-gallery__modal-panel [data-canopy-gallery-nav-prev]'
5071
+ ));
5072
+ const nextBtn =
5073
+ nav.querySelector('[data-canopy-gallery-nav-next]') ||
5074
+ (navModal &&
5075
+ navModal.querySelector(
5076
+ '.canopy-gallery__modal-panel [data-canopy-gallery-nav-next]'
5077
+ ));
5067
5078
 
5068
5079
  function updateButtons() {
5069
5080
  if (prevBtn) prevBtn.disabled = false;
@@ -5472,7 +5483,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
5472
5483
  "data-canopy-gallery-modal": "true",
5473
5484
  "data-canopy-gallery-close": closeTargetId
5474
5485
  },
5475
- /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React36.createElement(
5486
+ /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React36.createElement(
5476
5487
  GalleryThumbnailNav,
5477
5488
  {
5478
5489
  items: navItems,
@@ -5486,8 +5497,44 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
5486
5497
  href: `#${closeTargetId}`,
5487
5498
  "aria-label": `Close popup for ${modalTitle}`
5488
5499
  },
5489
- "Close"
5490
- )), /* @__PURE__ */ React36.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React36.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React36.createElement(
5500
+ "X"
5501
+ )), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React36.createElement(
5502
+ "button",
5503
+ {
5504
+ type: "button",
5505
+ className: "canopy-gallery__nav-button canopy-gallery__nav-button--prev",
5506
+ "aria-label": "Scroll left through gallery thumbnails",
5507
+ "data-canopy-gallery-nav-prev": "true"
5508
+ },
5509
+ /* @__PURE__ */ React36.createElement(
5510
+ "span",
5511
+ {
5512
+ className: "canopy-gallery__nav-button-icon",
5513
+ "aria-hidden": "true",
5514
+ role: "presentation"
5515
+ },
5516
+ "<"
5517
+ ),
5518
+ /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
5519
+ ), /* @__PURE__ */ React36.createElement(
5520
+ "button",
5521
+ {
5522
+ type: "button",
5523
+ className: "canopy-gallery__nav-button canopy-gallery__nav-button--next",
5524
+ "aria-label": "Scroll right through gallery thumbnails",
5525
+ "data-canopy-gallery-nav-next": "true"
5526
+ },
5527
+ /* @__PURE__ */ React36.createElement(
5528
+ "span",
5529
+ {
5530
+ className: "canopy-gallery__nav-button-icon",
5531
+ "aria-hidden": "true",
5532
+ role: "presentation"
5533
+ },
5534
+ ">"
5535
+ ),
5536
+ /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
5537
+ ), /* @__PURE__ */ React36.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React36.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React36.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React36.createElement(
5491
5538
  "p",
5492
5539
  {
5493
5540
  id: modalDescriptionId || void 0,
@@ -5497,7 +5544,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
5497
5544
  ) : null, renderMetaList(
5498
5545
  props.meta,
5499
5546
  "canopy-gallery__meta canopy-gallery__meta--modal"
5500
- ))), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-body" }, props.children, manifests && manifests.length ? /* @__PURE__ */ React36.createElement("section", { className: "canopy-gallery__referenced" }, /* @__PURE__ */ React36.createElement("h4", null, "Referenced works"), /* @__PURE__ */ React36.createElement("ul", { role: "list" }, manifests.map((manifest) => /* @__PURE__ */ React36.createElement("li", { key: manifest.id || manifest.href }, /* @__PURE__ */ React36.createElement("a", { href: manifest.href }, manifest.title || manifest.href))))) : null)))
5547
+ ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React36.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
5501
5548
  );
5502
5549
  }
5503
5550
  function GalleryFigure({ item }) {
@@ -5587,44 +5634,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
5587
5634
  );
5588
5635
  })
5589
5636
  )
5590
- ),
5591
- /* @__PURE__ */ React36.createElement("div", { className: "canopy-gallery__nav-controls" }, /* @__PURE__ */ React36.createElement(
5592
- "button",
5593
- {
5594
- type: "button",
5595
- className: "canopy-gallery__nav-button canopy-gallery__nav-button--prev",
5596
- "aria-label": "Scroll left through gallery thumbnails",
5597
- "data-canopy-gallery-nav-prev": "true"
5598
- },
5599
- /* @__PURE__ */ React36.createElement(
5600
- "span",
5601
- {
5602
- className: "canopy-gallery__nav-button-icon",
5603
- "aria-hidden": "true",
5604
- role: "presentation"
5605
- },
5606
- "<"
5607
- ),
5608
- /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
5609
- ), /* @__PURE__ */ React36.createElement(
5610
- "button",
5611
- {
5612
- type: "button",
5613
- className: "canopy-gallery__nav-button canopy-gallery__nav-button--next",
5614
- "aria-label": "Scroll right through gallery thumbnails",
5615
- "data-canopy-gallery-nav-next": "true"
5616
- },
5617
- /* @__PURE__ */ React36.createElement(
5618
- "span",
5619
- {
5620
- className: "canopy-gallery__nav-button-icon",
5621
- "aria-hidden": "true",
5622
- role: "presentation"
5623
- },
5624
- ">"
5625
- ),
5626
- /* @__PURE__ */ React36.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
5627
- ))
5637
+ )
5628
5638
  );
5629
5639
  }
5630
5640
  function GalleryContent({ children, flex = false }) {