blacklight-spotlight 3.6.0.beta9 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5fadc9198c2af9fd3281a0817eda720e5ba9d55e4e906c56a0b341091cde7021
-  data.tar.gz: 1f57ac2f95f89156fb115252c663207277cff0bacf144875814471f444625cd7
+  metadata.gz: 298c3b01aef4018f5a6c45bf557fbaa257f61f7c9530e65ceb7d30584031864a
+  data.tar.gz: 2ec50e9b9196204d1f524a6863c709f5e62f66fb4f382b672c7a18b488d15e7b
 SHA512:
-  metadata.gz: cdbccd456febe35f4e359839a268cdaff1390ea349507d4300958edc5971e18f4b1535684db30b4868d8aca9758e3c0f9b2221a0eab7ad65aff121cdd4a8b6a6
-  data.tar.gz: 410d5926e01b945a18505a7fdc61b98f0615471911cd13580030fcd609201af80a8164a377e3079841d5bd7412fee150466a0d19e253f1a0c87a13d9726999af
+  metadata.gz: 8e9531c6a7861bda250017a97d5dd722ae2c76c0f60922efa0ec095f3ad8788a8d731ef2b3d8fddbd13df2ba0c61373beadd0fb187f5a3694a210e14af17834f
+  data.tar.gz: ea3cae3309239290979e60eded1d9adf0d7a3ee006bbba076282ba57bf78de2ad2028102c9317a7f7445fccec131d91f6fb74b19f36b97a58492c26bc985247b

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,8 +5579,8 @@ class Users {
     function edit_user(event) {
       event.preventDefault();
       $(this).closest('tr').hide();
-      id = $(this).attr('data-target');
-      edit_view = $("[data-edit-for='"+id+"']", container).show();
+      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
         $(this).data('orig', $(this).val());
@@ -5589,8 +5589,8 @@ class Users {
 
     function cancel_edit(event) {
       event.preventDefault();
-      id = $(this).closest('tr').attr('data-edit-for');
-      edit_view = $("[data-edit-for='"+id+"']", container).hide();
+      const id = $(this).closest('tr').attr('data-edit-for');
+      const edit_view = $("[data-edit-for='"+id+"']", container).hide();
       clear_errors(edit_view);
       rollback_changes(edit_view);
       $("[data-show-for='"+id+"']", container).show();
@@ -5610,13 +5610,13 @@ class Users {
     }
 
     function destroy_user(event) {
-      id = $(this).attr('data-target');
+      const id = $(this).attr('data-target') || $(this).attr('data-bs-target');
       $("[data-destroy-for='"+id+"']", container).val('1');
     }
 
     function new_user(event) {
       event.preventDefault();
-      edit_view = $("[data-edit-for='new']", container).show();
+      const edit_view = $("[data-edit-for='new']", container).show();
       $.each(edit_view.find('input[type="text"], select'), function() {
         // Cache original values incase editing is canceled
         $(this).data('orig', $(this).val());
@@ -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>