blacklight-spotlight 5.0.0.pre.alpha1 → 5.0.0.pre.alpha3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ce44443bbb2fb8d5c0a1d0d7aad9bc0b897e7fd69a508f0c657e9d6afef88c0c
-  data.tar.gz: 1634dbfb882f80488abd0c32351a78f11c46664c2f0ce81a16baca9c1807c663
+  metadata.gz: f08b9914faa84fca91caf43454461702bee285962ba3f5c07e06279db23da4aa
+  data.tar.gz: d7e92615dc2366c47fa38c4b82c6c3a9d95251fed7d520508ac0db3aa8c1c4a9
 SHA512:
-  metadata.gz: c9e40d3004bc25781c5a49fa4bcfc2e1ff22bf7c8bb173b269b41d9db1493b98a2d1597f8f996f0fa5214aa3d52e10d032c20196573dd7838ff27bc1d34aa344
-  data.tar.gz: ec53a3c1124ed3477744063462e7f5860d5fad382b3dcd33cf96ea2ee1e752204c7dff36864978ba354c11a570f55c7eea7bcc709ad14ed3789190ccb02997f3
+  metadata.gz: c97c97ea723c9a91984ae53dc27e7279b7f24afdb301f581d7fba62c7d3c4328f9f06dd94e0d78b576df66b9b1a101a1bd324dc5f15ba3c4a9d5a68cbd8327c1
+  data.tar.gz: af86a630fea0cddfe8cceea6fa18655aa9fa723fac9d26d1cbfa3a1cbe1c3da52c1fbff05bf9cf35c985cd846ff0601a2b3c00f4406850ef2552c3fa63a0e573

data/app/assets/javascripts/spotlight/spotlight.esm.js

@@ -1,3 +1,4 @@
+import OpenSeadragon from 'openseadragon';
 import Clipboard from 'clipboard';
 import SirTrevor$1 from 'sir-trevor';
 import Sortable from 'sortablejs';
@@ -3303,10 +3304,10 @@ class ZprLinks {
       modalDialog.addClass('modal-xl');
       modalContent.html('<div id="osd-modal-container"></div>');
       var controls = `<div class="controls d-flex justify-content-center justify-content-md-end">
-          <div class="custom-close-controls pr-3 pe-3 pt-3">
-            <button type="button" class="btn btn-dark" data-dismiss="modal" data-bs-dismiss="modal" aria-hidden="true">${Spotlight.ZprLinks.close}</button>
+          <div class="custom-close-controls pe-3 pt-3">
+            <button type="button" class="btn btn-dark" data-bs-dismiss="modal" aria-hidden="true">${Spotlight.ZprLinks.close}</button>
           </div>
-          <div class="zoom-controls mb-3 mr-md-3 me-md-3">
+          <div class="zoom-controls mb-3 me-md-3">
             <button id="osd-zoom-in" type="button" class="btn btn-dark">${Spotlight.ZprLinks.zoomIn}</button>
             <button id="osd-zoom-out" type="button" class="btn btn-dark">${Spotlight.ZprLinks.zoomOut}</button>
           </div>
@@ -5146,7 +5147,7 @@ class Users {
     function edit_user(event) {
       event.preventDefault();
       $(this).closest('tr').hide();
-      const id = $(this).attr('data-target') || $(this).attr('data-bs-target');
+      const id = $(this).attr('data-target');
       const edit_view = $("[data-edit-for='"+id+"']", container).show();
       $.each(edit_view.find('input[type="text"], select'), function() {
         // Cache original values incase editing is canceled
@@ -5177,7 +5178,7 @@ class Users {
     }
 
     function destroy_user(event) {
-      const id = $(this).attr('data-target') || $(this).attr('data-bs-target');
+      const id = $(this).attr('data-target');
       $("[data-destroy-for='"+id+"']", container).val('1');
     }
 
@@ -5245,7 +5246,7 @@ class Users {
           <auto-complete src="${this.autocomplete_url()}" for="${autocompleteID}-popup" fetch-on-empty>
             <input type="text" name="${autocompleteID}" placeholder="${i18n.t("blocks:autocompleteable:placeholder")}" data-default-typeahead>
             <ul id="${autocompleteID}-popup"></ul>
-            <div id="${autocompleteID}-popup-feedback" class="sr-only visually-hidden"></div>
+            <div id="${autocompleteID}-popup-feedback" class="visually-hidden"></div>
           </auto-complete>
         ` };
       }
@@ -5569,7 +5570,7 @@ Spotlight$1.Block.Resources = (function(){
                         <div class="checkbox">
                           <input name="item[${index}][display]" type="hidden" value="false" />
                           <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + '_' + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
-                          <label class="sr-only visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                          <label class="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
                         </div>
                         <div class="pic">
                           <img class="img-thumbnail" src="${(data.thumbnail_image_url || ((data.iiif_tilesource || "").replace("/info.json", "/full/!100,100/0/default.jpg")))}" />
@@ -5584,7 +5585,7 @@ Spotlight$1.Block.Resources = (function(){
                       <div>${(data.slug || data.id)}</div>
                       ${this._altTextFieldsHTML(index, data)}
                     </div>
-                    <div class="remove float-right float-end">
+                    <div class="remove float-end">
                       <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
                     </div>
                   </div>
@@ -5672,7 +5673,7 @@ Spotlight$1.Block.Resources = (function(){
     altTextHTML: function(index, data) {
       const { isDecorative, altText, altTextBackup, placeholderAttr, disabledAttr } = this._altTextData(data);
       return `<div class="mt-2 pt-2 d-flex">
-          <div class="me-2 mr-2">
+          <div class="me-2">
             <label class="col-form-label pb-0 pt-1" for="${this.formId(this.alt_text_textarea + '_' + data.id)}">${i18n.t("blocks:resources:alt_text:alternative_text")}</label>
             <div class="form-check mb-1 justify-content-end">
               <input class="form-check-input" type="checkbox"
@@ -5772,7 +5773,7 @@ SirTrevor.Blocks.Browse = (function(){
                     <div class="checkbox">
                       <input name="item[${index}][display]" type="hidden" value="false" />
                       <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + '_' + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
-                      <label class="sr-only visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                      <label class="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
                     </div>
                     <div class="pic">
                       <img class="img-thumbnail" src="${(data.thumbnail_image_url || ((data.iiif_tilesource || "").replace("/info.json", "/full/!100,100/0/default.jpg")))}" />
@@ -5781,7 +5782,7 @@ SirTrevor.Blocks.Browse = (function(){
                       <div class="title card-title">${(data.full_title || data.title)}</div>
                       <div>${(data.slug || data.id)}</div>
                     </div>
-                    <div class="remove float-right float-end">
+                    <div class="remove float-end">
                       <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
                     </div>
                   </div>
@@ -5830,7 +5831,7 @@ SirTrevor.Blocks.BrowseGroupCategories = (function(){
       return `<auto-complete src="${this.autocomplete_url()}" for="${autocompleteID}-popup" fetch-on-empty>
         <input type="text" name="${autocompleteID}" placeholder="${i18n.t("blocks:browse_group_categories:autocomplete")}" data-default-typeahead>
         <ul id="${autocompleteID}-popup"></ul>
-        <div id="${autocompleteID}-popup-feedback" class="sr-only visually-hidden"></div>
+        <div id="${autocompleteID}-popup-feedback" class="visually-hidden"></div>
       </auto-complete>`
     },
     autocomplete_template: function(obj) {
@@ -5865,7 +5866,7 @@ SirTrevor.Blocks.BrowseGroupCategories = (function(){
                   <div class="checkbox">
                     <input name="item[${index}][display]" type="hidden" value="false" />
                     <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + '_' + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
-                    <label class="sr-only visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                    <label class="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
                   </div>
                   <div class="main">
                     <div class="title card-title">${data.title}</div>
@@ -6300,10 +6301,10 @@ SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
       var clickHandler = function (e) {
         var href;
         var $this   = $(this);
-        var $target = $($this.attr('data-target') || $this.attr('data-bs-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
+        var $target = $($this.attr('data-bs-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
         if (!$target.hasClass('carousel')) return
         var options = $.extend({}, $target.data(), $this.data());
-        var slideIndex = $this.attr('data-slide-to') || $this.attr('data-bs-slide-to');
+        var slideIndex = $this.attr('data-bs-slide-to');
         if (slideIndex) options.interval = false;
 
         $.fn.carousel.call($target, options);
@@ -6316,8 +6317,8 @@ SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
       };
 
       $(this.inner).find('.carousel')
-        .on('click.bs.carousel.data-api', '[data-slide], [data-bs-slide]', clickHandler)
-        .on('click.bs.carousel.data-api', '[data-slide-to], [data-bs-slide-to]', clickHandler);
+        .on('click.bs.carousel.data-api', '[data-bs-slide]', clickHandler)
+        .on('click.bs.carousel.data-api', '[data-bs-slide-to]', clickHandler);
     }
 
   });
@@ -6360,10 +6361,10 @@ SirTrevor.Blocks.SolrDocumentsFeatures = (function(){
       var clickHandler = function (e) {
         var href;
         var $this   = $(this);
-        var $target = $($this.attr('data-target') || $this.attr('data-bs-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
+        var $target = $($this.attr('data-bs-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
         if (!$target.hasClass('carousel')) return
         var options = $.extend({}, $target.data(), $this.data());
-        var slideIndex = $this.attr('data-slide-to') || $this.attr('data-bs-slide-to');
+        var slideIndex =$this.attr('data-bs-slide-to');
         if (slideIndex) options.interval = false;
 
         $.fn.carousel.call($target, options);
@@ -6376,8 +6377,7 @@ SirTrevor.Blocks.SolrDocumentsFeatures = (function(){
       };
 
       $(this.inner).find('.carousel')
-        .on('click.bs.carousel.data-api', '[data-slide], [data-bs-slide]', clickHandler)
-        .on('click.bs.carousel.data-api', '[data-slide-to], [data-bs-slide-to]', clickHandler);
+        .on('click.bs.carousel.data-api', '[data-bs-slide-to]', clickHandler);
     }
 
   });
@@ -6480,24 +6480,24 @@ SirTrevor.Blocks.UploadedItems = (function(){
                 <div class="checkbox">
                   <input name="item[${index}][display]" type="hidden" value="false" />
                   <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + '_' + dataId)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
-                  <label class="sr-only visually-hidden" for="${this.formId(this.display_checkbox + '_' + dataId)}">${i18n.t("blocks:resources:panel:display")}</label>
+                  <label class="visually-hidden" for="${this.formId(this.display_checkbox + '_' + dataId)}">${i18n.t("blocks:resources:panel:display")}</label>
                 </div>
                 <div class="pic">
                   <img class="img-thumbnail" src="${dataUrl}" />
                 </div>
                 <div class="main form-horizontal">
                   <div class="title card-title">${dataTitle}</div>
-                  <div class="field row mr-3 me-3">
+                  <div class="field row me-3">
                     <label for="${this.formId('caption_' + dataId)}" class="col-form-label col-md-3">${i18n.t("blocks:uploaded_items:caption")}</label>
                     <input type="text" class="form-control col" id="${this.formId('caption_' + dataId)}" name="item[${index}][caption]" data-field="caption"/>
                   </div>
-                  <div class="field row mr-3 me-3">
+                  <div class="field row me-3">
                     <label for="${this.formId('link_' + dataId)}" class="col-form-label col-md-3">${i18n.t("blocks:uploaded_items:link")}</label>
                     <input type="text" class="form-control col" id="${this.formId('link_' + dataId)}" name="item[${index}][link]" data-field="link"/>
                   </div>
                   ${this._altTextFieldsHTML(index, data)}
                 </div>
-                <div class="remove float-right float-end">
+                <div class="remove float-end">
                   <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
                 </div>
               </div>
@@ -6547,8 +6547,8 @@ SirTrevor.Blocks.UploadedItems = (function(){
     altTextHTML: function(index, data) {
       const { isDecorative, altText, altTextBackup, placeholderAttr, disabledAttr } = this._altTextData(data);
       return `
-      <div class="field row mr-3 me-3">
-        <div class="col-lg-3 ps-md-2 pl-md-2">
+      <div class="field row me-3">
+        <div class="col-lg-3 ps-md-2">
           <label class="col-form-label text-nowrap pb-0 pt-1 justify-content-md-start justify-content-lg-end d-flex" for="${this.formId(this.alt_text_textarea + '_' + data.id)}">${i18n.t("blocks:resources:alt_text:alternative_text")}</label>
           <div class="form-check d-flex justify-content-md-start justify-content-lg-end">
             <input class="form-check-input" type="checkbox"
@@ -7066,9 +7066,9 @@ class TagSelectorController extends Controller {
               type="button"
               data-action="${this.identifier}#deselect"
               data-tag="${tag}"
-              class="btn-close close ms-1 ml-1"
+              class="btn-close close ms-1"
               aria-label="${this.translationsValue.remove} ${tag}"
-            ><span aria-hidden="true" class="visually-hidden">&times;</span></button>
+            ></button>
           </span>
         </li>
       `