blacklight-spotlight 5.2.4 → 5.3.1

data/app/javascript/spotlight/admin/users.js

@@ -1,69 +1,69 @@
 export default class {
   connect() {
-    var container;
+    var container
     function edit_user(event) {
-      event.preventDefault();
-      $(this).closest('tr').hide();
-      const id = $(this).attr('data-target');
-      const edit_view = $("[data-edit-for='"+id+"']", container).show();
-      $.each(edit_view.find('input[type="text"], select'), function() {
+      event.preventDefault()
+      $(this).closest("tr").hide()
+      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
-        $(this).data('orig', $(this).val());
-      });
+        $(this).data("orig", $(this).val())
+      })
     }
 
     function cancel_edit(event) {
-      event.preventDefault();
-      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();
+      event.preventDefault()
+      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()
     }
 
     function clear_errors(element) {
-      element.find('.has-error')
-             .removeClass('has-error')
-             .find('.form-text')
-             .remove(); // Remove the error messages
+      element
+        .find(".has-error")
+        .removeClass("has-error")
+        .find(".form-text")
+        .remove() // Remove the error messages
     }
 
     function rollback_changes(element) {
-      $.each(element.find('input[type="text"], select'), function() {
-        $(this).val($(this).data('orig')).trigger('change');
-      });
+      $.each(element.find('input[type="text"], select'), function () {
+        $(this).val($(this).data("orig")).trigger("change")
+      })
     }
 
-    function destroy_user(event) {
-      const id = $(this).attr('data-target');
-      $("[data-destroy-for='"+id+"']", container).val('1');
+    function destroy_user(_event) {
+      const id = $(this).attr("data-target")
+      $("[data-destroy-for='" + id + "']", container).val("1")
     }
 
     function new_user(event) {
-      event.preventDefault();
-      const edit_view = $("[data-edit-for='new']", container).show();
-      $.each(edit_view.find('input[type="text"], select'), function() {
+      event.preventDefault()
+      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());
-      });
+        $(this).data("orig", $(this).val())
+      })
     }
 
     function open_errors() {
-      const edit_row = container.find('.has-error').closest('[data-edit-for]');
-      edit_row.show();
+      const edit_row = container.find(".has-error").closest("[data-edit-for]")
+      edit_row.show()
       // The following row has the controls, so show it too.
-      edit_row.next().show();
+      edit_row.next().show()
     }
 
-    $('.edit_exhibit, .admin-users').each(function() {
-
-      container = $(this);
-      $('[data-edit-for]', container).hide();
-      open_errors();
-      $("[data-behavior='edit-user']", container).on('click', edit_user);
-      $("[data-behavior='cancel-edit']", container).on('click', cancel_edit);
-      $("[data-behavior='destroy-user']", container).on('click', destroy_user);
-      $("[data-behavior='new-user']", container).on('click', new_user);
+    $(".edit_exhibit, .admin-users").each(function () {
+      container = $(this)
+      $("[data-edit-for]", container).hide()
+      open_errors()
+      $("[data-behavior='edit-user']", container).on("click", edit_user)
+      $("[data-behavior='cancel-edit']", container).on("click", cancel_edit)
+      $("[data-behavior='destroy-user']", container).on("click", destroy_user)
+      $("[data-behavior='new-user']", container).on("click", new_user)
     })
   }
 }

data/app/javascript/spotlight/admin/visibility_toggle.js

@@ -1,13 +1,13 @@
 // Blacklight's BookmarkToggle is doing the real work, this only adds/removes the "blacklight-private" class.
 const VisibilityToggle = (e) => {
   if (e.target.matches('[data-checkboxsubmit-target="checkbox"]')) {
-    const form = e.target.closest('form')
+    const form = e.target.closest("form")
     if (form) {
       // Add/remove the "private" label to the document row when visibility is toggled
-      const docRow = form.closest('tr')
-      if (docRow) docRow.classList.toggle('blacklight-private')
+      const docRow = form.closest("tr")
+      if (docRow) docRow.classList.toggle("blacklight-private")
     }
   }
 }
-document.addEventListener('click', VisibilityToggle)
+document.addEventListener("click", VisibilityToggle)
 export default VisibilityToggle

data/app/javascript/spotlight/controllers/clipboard_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="clipboard"
+export default class extends Controller {
+  static targets = ["text"]
+
+  async copy() {
+    try {
+      await navigator.clipboard.writeText(this.textTarget.innerText)
+    } catch (err) {
+      console.error("Clipboard controller failed to copy with error:", err)
+    }
+  }
+}

data/app/javascript/spotlight/controllers/index.js

@@ -1,8 +1,10 @@
-import TagSelectorController from 'spotlight/controllers/tag_selector_controller'
+import ClipboardController from "spotlight/controllers/clipboard_controller"
+import TagSelectorController from "spotlight/controllers/tag_selector_controller"
 
 export default class {
   connect() {
     if (typeof Stimulus === "undefined") return
-    Stimulus.register('tag-selector', TagSelectorController)
+    Stimulus.register("clipboard", ClipboardController)
+    Stimulus.register("tag-selector", TagSelectorController)
   }
 }

data/app/javascript/spotlight/controllers/tag_selector_controller.js

@@ -1,60 +1,61 @@
-import { Controller } from '@hotwired/stimulus'
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-
   static targets = [
-    'addNewTagWrapper',
-    'dropdownContent',
-    'initialTags',
-    'newTag',
-    'searchResultTags',
-    'selectedTags',
-    'tagControlWrapper',
-    'tagSearch',
-    'tagsField',
-    'tagSearchDropdown',
-    'tagSearchInputWrapper'
+    "addNewTagWrapper",
+    "dropdownContent",
+    "initialTags",
+    "newTag",
+    "searchResultTags",
+    "selectedTags",
+    "tagControlWrapper",
+    "tagSearch",
+    "tagsField",
+    "tagSearchDropdown",
+    "tagSearchInputWrapper",
   ]
 
   static values = {
     tags: Array,
-    translations: Object
+    translations: Object,
   }
 
-  tagDropdown (event) {
-    this.dropdownContentTarget.classList.toggle('d-none')
+  tagDropdown(_event) {
+    this.dropdownContentTarget.classList.toggle("d-none")
   }
 
-  clickOutside (event) {
-    const isShown = !this.dropdownContentTarget.classList.contains('d-none')
-    const inSelected = event.target.classList.contains('pill-close')
+  clickOutside(event) {
+    const isShown = !this.dropdownContentTarget.classList.contains("d-none")
+    const inSelected = event.target.classList.contains("pill-close")
     const inContainer = this.tagControlWrapperTarget.contains(event.target)
     if (!inContainer && !inSelected && isShown) {
       this.tagDropdown(event)
     }
   }
 
-  handleKeydown (event) {
-    if (event.key === 'Enter') {
+  handleKeydown(event) {
+    if (event.key === "Enter") {
       event.preventDefault()
-      const hidden = this.dropdownContentTarget.classList.contains('d-none')
-      if (hidden) return;
+      const hidden = this.dropdownContentTarget.classList.contains("d-none")
+      if (hidden) return
 
-      const tagElementToAdd = this.dropdownContentTarget.querySelector('.active')?.firstElementChild
+      const tagElementToAdd =
+        this.dropdownContentTarget.querySelector(".active")?.firstElementChild
       if (tagElementToAdd) tagElementToAdd.click()
     }
 
-    if (event.key === ',') {
+    if (event.key === ",") {
       event.preventDefault()
       if (this.tagSearchTarget.value.length === 0) return
 
-      if (!this.addNewTagWrapperTarget.classList.contains('d-none')) {
+      if (!this.addNewTagWrapperTarget.classList.contains("d-none")) {
         this.addNewTagWrapperTarget.click()
         this.tagSearchTarget.focus()
         return
       }
 
-      const exactMatch = this.dropdownContentTarget.querySelector('.active')?.firstElementChild
+      const exactMatch =
+        this.dropdownContentTarget.querySelector(".active")?.firstElementChild
       if (exactMatch?.checked === false) {
         exactMatch.click()
         this.resetSearch()
@@ -63,8 +64,11 @@ export default class extends Controller {
     }
   }
 
-  addNewTag (event) {
-    if (this.addNewTagWrapperTarget.classList.contains('d-none') || this.newTagTarget.dataset.tag.length === 0) {
+  addNewTag(_event) {
+    if (
+      this.addNewTagWrapperTarget.classList.contains("d-none") ||
+      this.newTagTarget.dataset.tag.length === 0
+    ) {
       return
     }
 
@@ -73,118 +77,150 @@ export default class extends Controller {
   }
 
   resetSearch() {
-    this.tagSearchTarget.value = ''
-    this.newTagTarget.innerHTML = ''
-    this.newTagTarget.dataset.tag = ''
+    this.tagSearchTarget.value = ""
+    this.newTagTarget.innerHTML = ""
+    this.newTagTarget.dataset.tag = ""
     this.newTagTarget.disabled = true
-    this.addNewTagWrapperTarget.classList.add('d-none')
-    this.searchResultTagsTargets.forEach(target => this.showElement(target.parentElement))
+    this.addNewTagWrapperTarget.classList.add("d-none")
+    this.searchResultTagsTargets.forEach((target) =>
+      this.showElement(target.parentElement),
+    )
   }
 
-  tagUpdate (event) {
+  tagUpdate(event) {
     const target = event.target ? event.target : event
     if (target.checked) {
       this.tagsValue = this.tagsValue.concat([target.dataset.tag])
     } else {
-      this.tagsValue = this.tagsValue.filter(tag => tag !== target.dataset.tag)
+      this.tagsValue = this.tagsValue.filter(
+        (tag) => tag !== target.dataset.tag,
+      )
     }
   }
 
-  updateSearchResultsPlaceholder(event) {
-    const placeholderElement = this.dropdownContentTarget.querySelector('.no-results')
+  updateSearchResultsPlaceholder(_event) {
+    const placeholderElement =
+      this.dropdownContentTarget.querySelector(".no-results")
     if (!placeholderElement) return
 
-    const hasVisibleTags = this.dropdownContentTarget.querySelector('label:not(.d-none):not(.no-results)')
-    placeholderElement.classList.toggle('d-none', hasVisibleTags)
+    const hasVisibleTags = this.dropdownContentTarget.querySelector(
+      "label:not(.d-none):not(.no-results)",
+    )
+    placeholderElement.classList.toggle("d-none", hasVisibleTags)
   }
 
   tagCreate(event) {
     event.preventDefault()
-    const newTagCheckbox = document.createElement('label')
+    const newTagCheckbox = document.createElement("label")
     newTagCheckbox.innerHTML = `<input type="checkbox" checked data-action="click->${this.identifier}#tagUpdate" data-tag-selector-target="searchResultTags" data-tag="${this.newTagTarget.dataset.tag}"> ${this.newTagTarget.dataset.tag}`
-    const existingTags = Array.from(this.dropdownContentTarget.querySelectorAll('label:not(#add-new-tag-wrapper)'))
-    const insertPosition = existingTags.findIndex(tag => tag.textContent.trim().localeCompare(this.newTagTarget.dataset.tag) > 0)
+    const existingTags = Array.from(
+      this.dropdownContentTarget.querySelectorAll(
+        "label:not(#add-new-tag-wrapper)",
+      ),
+    )
+    const insertPosition = existingTags.findIndex(
+      (tag) =>
+        tag.textContent.trim().localeCompare(this.newTagTarget.dataset.tag) > 0,
+    )
     if (insertPosition === -1) {
-      this.addNewTagWrapperTarget.insertAdjacentElement('beforebegin', newTagCheckbox)
+      this.addNewTagWrapperTarget.insertAdjacentElement(
+        "beforebegin",
+        newTagCheckbox,
+      )
     } else {
-      existingTags[insertPosition].insertAdjacentElement('beforebegin', newTagCheckbox)
+      existingTags[insertPosition].insertAdjacentElement(
+        "beforebegin",
+        newTagCheckbox,
+      )
     }
 
     this.tagsValue = this.tagsValue.concat([this.newTagTarget.dataset.tag])
-    this.tagSearchTarget.value = ''
-    this.tagSearchTarget.dispatchEvent(new Event('input'))
+    this.tagSearchTarget.value = ""
+    this.tagSearchTarget.dispatchEvent(new Event("input"))
   }
 
-
   tagsValueChanged() {
     const isEmpty = this.tagsValue.length === 0
 
-    this.selectedTagsTarget.classList.toggle('d-none', isEmpty)
-    this.tagSearchInputWrapperTarget.classList.toggle('rounded', isEmpty)
-    this.tagSearchInputWrapperTarget.classList.toggle('rounded-bottom', !isEmpty)
+    this.selectedTagsTarget.classList.toggle("d-none", isEmpty)
+    this.tagSearchInputWrapperTarget.classList.toggle("rounded", isEmpty)
+    this.tagSearchInputWrapperTarget.classList.toggle(
+      "rounded-bottom",
+      !isEmpty,
+    )
 
     if (!isEmpty) {
       this.selectedTagsTarget.innerHTML = `<ul class="list-unstyled border rounded-top mb-0 p-1 px-2">${this.renderTagPills()}</ul>`
     }
 
-    const newValue = this.tagsValue.join(', ')
+    const newValue = this.tagsValue.join(", ")
     if (this.tagsFieldTarget.value !== newValue) {
       this.tagsFieldTarget.value = newValue
     }
   }
 
-  normalizeTag (tag) {
+  normalizeTag(tag) {
     const normalizeRegex = /[^\w\s]/gi
-    return tag.replace(normalizeRegex, '').toLowerCase().trim()
+    return tag.replace(normalizeRegex, "").toLowerCase().trim()
   }
 
-  showElement (element) {
-    element.classList.add('d-block')
-    element.classList.remove('d-none')
+  showElement(element) {
+    element.classList.add("d-block")
+    element.classList.remove("d-none")
   }
 
-  hideElement (element) {
-    element.classList.remove('d-block')
-    element.classList.add('d-none')
+  hideElement(element) {
+    element.classList.remove("d-block")
+    element.classList.add("d-none")
   }
 
   search(event) {
     const searchTerm = this.normalizeTag(event.target.value)
-    this.dropdownContentTarget.classList.remove('d-none')
+    this.dropdownContentTarget.classList.remove("d-none")
 
-    const exactMatch = this.searchResultTagsTargets.some(target => {
+    const exactMatch = this.searchResultTagsTargets.some((target) => {
       const compareTerm = this.normalizeTag(target.dataset.tag)
       const isMatch = compareTerm.includes(searchTerm)
-      target.parentElement.classList.remove('active')
-      this[isMatch ? 'showElement' : 'hideElement'](target.parentElement)
+      target.parentElement.classList.remove("active")
+      this[isMatch ? "showElement" : "hideElement"](target.parentElement)
       return compareTerm === searchTerm
     })
 
-    this[searchTerm.length > 0 && !exactMatch ? 'showElement' : 'hideElement'](this.addNewTagWrapperTarget)
-    this.addNewTagWrapperTarget.classList.remove('active')
-    this.dropdownContentTarget.querySelector('label:not(.d-none)')?.classList.add('active')
+    this[searchTerm.length > 0 && !exactMatch ? "showElement" : "hideElement"](
+      this.addNewTagWrapperTarget,
+    )
+    this.addNewTagWrapperTarget.classList.remove("active")
+    this.dropdownContentTarget
+      .querySelector("label:not(.d-none)")
+      ?.classList.add("active")
   }
 
-  updateTagToAdd (event) {
-    const tagAlreadyAdded = this.tagsValue.some(tag =>
-      this.normalizeTag(tag) === this.normalizeTag(event.target.value)
+  updateTagToAdd(event) {
+    const tagAlreadyAdded = this.tagsValue.some(
+      (tag) => this.normalizeTag(tag) === this.normalizeTag(event.target.value),
     )
     this.newTagTarget.dataset.tag = event.target.value.trim()
     this.newTagTarget.nextSibling.textContent = ` ${this.translationsValue.add_new_tag}: ${event.target.value}`
-    this.newTagTarget.disabled = !this.newTagTarget.dataset.tag.length || tagAlreadyAdded
+    this.newTagTarget.disabled =
+      !this.newTagTarget.dataset.tag.length || tagAlreadyAdded
   }
 
-  deselect (event) {
+  deselect(event) {
     event.preventDefault()
 
-    const clickedTag = event.target.closest('button').dataset.tag
-    const target = this.searchResultTagsTargets.find((tag) => tag.dataset.tag === clickedTag)
-    target ? target.click() : this.tagsValue = this.tagsValue.filter(tag => tag !== clickedTag)
+    const clickedTag = event.target.closest("button").dataset.tag
+    const target = this.searchResultTagsTargets.find(
+      (tag) => tag.dataset.tag === clickedTag,
+    )
+    target
+      ? target.click()
+      : (this.tagsValue = this.tagsValue.filter((tag) => tag !== clickedTag))
   }
 
-  renderTagPills () {
-    return this.tagsValue.map((tag) => {
-      return `
+  renderTagPills() {
+    return this.tagsValue
+      .map((tag) => {
+        return `
         <li class="d-inline-flex gap-2 align-items-center my-2">
           <span class="bg-light badge rounded-pill border selected-item d-inline-flex align-items-center text-dark">
             <span class="selected-item-label d-inline-flex">${tag}</span>
@@ -198,6 +234,7 @@ export default class extends Controller {
           </span>
         </li>
       `
-    }).join('')
+      })
+      .join("")
   }
 }

data/app/javascript/spotlight/core.js

@@ -1,28 +1,31 @@
 import SirTrevor from "sir-trevor"
 
-const Spotlight = function() {
-  var buffer = [];
+const Spotlight = (function () {
+  var buffer = []
   return {
-    onLoad: function(func) {
-      buffer.push(func);
+    onLoad: function (func) {
+      buffer.push(func)
     },
 
-    activate: function() {
-      this.sirTrevorIcon = window.sirTrevorIcon;
-      for(var i = 0; i < buffer.length; i++) {
-        buffer[i].call();
+    activate: function () {
+      this.sirTrevorIcon = window.sirTrevorIcon
+      for (var i = 0; i < buffer.length; i++) {
+        buffer[i].call()
       }
     },
     csrfToken: function () {
-      return document.querySelector('meta[name=csrf-token]')?.content
+      return document.querySelector("meta[name=csrf-token]")?.content
     },
     ZprLinks: {
-      close: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/></svg>",
-      zoomIn: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2z\"/></svg>\n",
-      zoomOut: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z\"/></svg>\n"
-    }
-  };
-}();
+      close:
+        '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>',
+      zoomIn:
+        '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2z"/></svg>\n',
+      zoomOut:
+        '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z"/></svg>\n',
+    },
+  }
+})()
 
 // This allows us to configure Spotlight in app/views/layouts/base.html.erb
 window.Spotlight = Spotlight

data/app/javascript/spotlight/index.js

@@ -1,7 +1,7 @@
-import UserIndex from 'spotlight/user'
-import AdminIndex from 'spotlight/admin'
-import Core from 'spotlight/core'
-import SpotlightControllers from 'spotlight/controllers'
+import UserIndex from "spotlight/user"
+import AdminIndex from "spotlight/admin"
+import Core from "spotlight/core"
+import SpotlightControllers from "spotlight/controllers"
 
 Core.onLoad(() => {
   new SpotlightControllers().connect()

data/app/javascript/spotlight/user/browse_group_categories.js

@@ -1,15 +1,17 @@
-import tns from 'tiny-slider'
+import tns from "tiny-slider"
 
 export default class {
   connect() {
-    var $container, slider;
+    var $container, slider
 
     function init() {
-      var data = $container.data();
-      var sidebar = $container.data().sidebar;
-      var items = data.browseGroupCategoriesCount;
-      var dir = $('html').attr('dir');
-      var controls = $container.parent().find('.browse-group-categories-controls')[0];
+      var data = $container.data()
+      var sidebar = $container.data().sidebar
+      var items = data.browseGroupCategoriesCount
+      var dir = $("html").attr("dir")
+      var controls = $container
+        .parent()
+        .find(".browse-group-categories-controls")[0]
 
       slider = tns({
         container: $container[0],
@@ -17,36 +19,36 @@ export default class {
         loop: false,
         nav: false,
         items: 1,
-        slideBy: 'page',
+        slideBy: "page",
         textDirection: dir,
         responsive: {
           576: {
-            items: itemCount(items, sidebar)
-          }
-        }
-      });
+            items: itemCount(items, sidebar),
+          },
+        },
+      })
     }
 
     // Destroy the slider instance, as tns will change the dom elements, causing some issues with turbolinks
     function setupDestroy() {
-      document.addEventListener('turbolinks:before-cache', function() {
+      document.addEventListener("turbolinks:before-cache", function () {
         if (slider && slider.destroy) {
-          slider.destroy();
+          slider.destroy()
         }
-      });
+      })
     }
 
     function itemCount(items, sidebar) {
       if (items < 3) {
-        return items;
+        return items
       }
-      return sidebar ? 3 : 4;
+      return sidebar ? 3 : 4
     }
 
-    return $('[data-browse-group-categories-carousel]').each(function() {
-      $container = $(this);
-      init();
-      setupDestroy();
-    });
+    return $("[data-browse-group-categories-carousel]").each(function () {
+      $container = $(this)
+      init()
+      setupDestroy()
+    })
   }
 }