blacklight-spotlight 3.6.0.beta10 → 4.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 17ba7063f03c11f47d55df8f497db57b89933eca4040b9991eb285eb66877223
-  data.tar.gz: a9c201deeb7ebcb3d4f4481f5ed5903a6126b02ddb589a64096ac3472c99814d
+  metadata.gz: 2fc52e049da8686762d5f9755ab41238d51106834ba849e0bac4b2fcce07d73f
+  data.tar.gz: 960be72555edc6d08de8bfb7dd0085cec5a8ae4d89766743c4925829278cf7d2
 SHA512:
-  metadata.gz: 54f956d04742f327214c88d2f9a188038c60e9bc24bb3f1e4f0ba4d1a05f0467b7b59bcdd5bf7d58df42b33b5f6aee003dfe8b82d51efc6850b3e94d8243d4da
-  data.tar.gz: 38b464e845bdf8d043b851d91d00773f93a8e02bb5d9b3960ffa32f083f0d5222ba564344cc2e872bb5f07f49145999df70864b49ddf31959a48fe8b91d448a0
+  metadata.gz: 724d3939b9780ec47eb616ed580e8e832c8d01192113c7d20321af85237704bd04f7aea9fab1594d4941fd067337d451cedb940c244797702e52a27e87b357de
+  data.tar.gz: d1f469073ca74df4352dad644938894a2260eef5f8a3980c26c5fa01b04c49569eff108294bcef1ae33bbdb6a9788e8b5423eef66ebad3ad60c5a49f561dcd4b

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

@@ -84,7 +84,7 @@ class ReportProblem {
     var container, target;
 
     function init() {
-      const target_val = container.attr('data-target');
+      const target_val = container.attr('data-target') || container.attr('data-bs-target');
       if (!target_val) 
         return
 
@@ -119,10 +119,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 pt-3">
-            <button type="button" class="btn btn-dark" data-dismiss="modal" aria-hidden="true">${Spotlight.ZprLinks.close}</button>
+          <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>
-          <div class="zoom-controls mb-3 mr-md-3">
+          <div class="zoom-controls mb-3 mr-md-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>
@@ -935,7 +935,7 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
   var defaultOptions = {
     tagClass: function(item) {
-      return 'badge badge-info';
+      return 'badge badge-info bg-info';
     },
     itemValue: function(item) {
       return item ? item.toString() : item;
@@ -5579,7 +5579,7 @@ class Users {
     function edit_user(event) {
       event.preventDefault();
       $(this).closest('tr').hide();
-      const id = $(this).attr('data-target');
+      const id = $(this).attr('data-target') || $(this).attr('data-bs-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
@@ -5610,7 +5610,7 @@ class Users {
     }
 
     function destroy_user(event) {
-      const id = $(this).attr('data-target');
+      const id = $(this).attr('data-target') || $(this).attr('data-bs-target');
       $("[data-destroy-for='"+id+"']", container).val('1');
     }
 
@@ -5814,7 +5814,7 @@ class Users {
       return `
       <div class="row">
         <div class="col-md-8">
-          <div class="form-group">
+          <div class="form-group mb-3">
             ${this.heading()}
             <div class="field">
               <label for="${this.formId(this.text_key)}" class="col-form-label">${i18n.t("blocks:textable:text")}</label>
@@ -5923,7 +5923,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" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                      <label class="sr-only 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")))}" />
@@ -5932,7 +5932,7 @@ Spotlight$1.Block.Resources = (function(){
                       <div class="title card-title">${data.title}</div>
                       <div>${(data.slug || data.id)}</div>
                     </div>
-                    <div class="remove float-right">
+                    <div class="remove float-right float-end">
                       <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
                     </div>
                   </div>
@@ -5984,7 +5984,7 @@ Spotlight$1.Block.Resources = (function(){
     items_selector: function() { return [
     '<div class="row">',
       '<div class="col-md-8">',
-        '<div class="form-group">',
+        '<div class="form-group mb-3">',
         '<div class="panels dd nestable-item-grid" data-behavior="nestable" data-max-depth="1"><ol class="dd-list"></ol></div>',
           this.autocomplete_control(),
         '</div>',
@@ -6067,7 +6067,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" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                      <label class="sr-only 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")))}" />
@@ -6076,7 +6076,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">
+                    <div class="remove float-right float-end">
                       <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
                     </div>
                   </div>
@@ -6164,7 +6164,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" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                    <label class="sr-only 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>
@@ -6278,7 +6278,7 @@ SirTrevor.Blocks.Oembed =  (function(){
         ${this.description()}
       </div>
       <div class="row">
-        <div class="form-group col-md-8">
+        <div class="form-group mb-3 col-md-8">
           <label for="${this.formId(id_key)}">${i18n.t("blocks:oembed:url")}</label>
           <input name="${id_key}" class="form-control col-md-6" type="text" id="${this.formId(id_key)}" />
         </div>
@@ -6595,15 +6595,15 @@ SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
     afterPreviewLoad: function(options) {
       $(this.inner).find('.carousel').carousel();
 
-      // the bootstrap carousel only initializes data-slide widgets on page load, so we need
+      // the bootstrap carousel only initializes data-bs-slide widgets on page load, so we need
       // to initialize them ourselves..
       var clickHandler = function (e) {
         var href;
         var $this   = $(this);
-        var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
+        var $target = $($this.attr('data-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');
+        var slideIndex = $this.attr('data-slide-to') || $this.attr('data-bs-slide-to');
         if (slideIndex) options.interval = false;
 
         $.fn.carousel.call($target, options);
@@ -6616,8 +6616,8 @@ SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
       };
 
       $(this.inner).find('.carousel')
-        .on('click.bs.carousel.data-api', '[data-slide]', clickHandler)
-        .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler);
+        .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);
     }
 
   });
@@ -6655,15 +6655,15 @@ SirTrevor.Blocks.SolrDocumentsFeatures = (function(){
     afterPreviewLoad: function(options) {
       $(this.inner).find('.carousel').carousel();
 
-      // the bootstrap carousel only initializes data-slide widgets on page load, so we need
+      // the bootstrap carousel only initializes data-bs-slide widgets on page load, so we need
       // to initialize them ourselves..
       var clickHandler = function (e) {
         var href;
         var $this   = $(this);
-        var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
+        var $target = $($this.attr('data-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');
+        var slideIndex = $this.attr('data-slide-to') || $this.attr('data-bs-slide-to');
         if (slideIndex) options.interval = false;
 
         $.fn.carousel.call($target, options);
@@ -6676,8 +6676,8 @@ SirTrevor.Blocks.SolrDocumentsFeatures = (function(){
       };
 
       $(this.inner).find('.carousel')
-        .on('click.bs.carousel.data-api', '[data-slide]', clickHandler)
-        .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler);
+        .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);
     }
 
   });
@@ -6779,23 +6779,23 @@ 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" for="${this.formId(this.display_checkbox + '_' + dataId)}">${i18n.t("blocks:resources:panel:display")}</label>
+                  <label class="sr-only 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">
+                  <div class="field row mr-3 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">
+                  <div class="field row mr-3 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>
                 </div>
-                <div class="remove float-right">
+                <div class="remove float-right float-end">
                   <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
                 </div>
               </div>
@@ -6823,7 +6823,7 @@ SirTrevor.Blocks.UploadedItems = (function(){
           ${this.description()}
         </div>
         <div class="row">
-          <div class="form-group col-md-8">
+          <div class="form-group mb-3 col-md-8">
             <div class="panels dd nestable-item-grid" data-behavior="nestable" data-max-depth="1">
               <ol class="dd-list">
               </ol>