blacklight-spotlight 5.3.0 → 5.3.2

data/app/javascript/spotlight/admin/block_mixins/autocompleteable.js

@@ -1,104 +1,112 @@
-import { fetchAutocompleteJSON } from 'spotlight/admin/search_typeahead';
-
-(function ($){
-  SirTrevor.BlockMixins.Autocompleteable = {
+import { fetchAutocompleteJSON } from "spotlight/admin/search_typeahead"
+;(function ($) {
+  ;((SirTrevor.BlockMixins.Autocompleteable = {
     mixinName: "Autocompleteable",
     preload: true,
 
-    initializeAutocompleteable: function() {
-      this.on("onRender", this.addAutocompletetoSirTrevorForm);
+    initializeAutocompleteable: function () {
+      this.on("onRender", this.addAutocompletetoSirTrevorForm)
 
-      if (this['autocomplete_url'] === undefined) {
-        this.autocomplete_url = function() { return $('form[data-autocomplete-url]').data('autocomplete-url'); };
+      if (this["autocomplete_url"] === undefined) {
+        this.autocomplete_url = function () {
+          return $("form[data-autocomplete-url]").data("autocomplete-url")
+        }
       }
 
-      if (this['autocomplete_fetch'] === undefined) {
-        this.autocomplete_fetch = this.fetchAutocompleteResults;
+      if (this["autocomplete_fetch"] === undefined) {
+        this.autocomplete_fetch = this.fetchAutocompleteResults
       }
 
-      if (this['transform_autocomplete_results'] === undefined) {
+      if (this["transform_autocomplete_results"] === undefined) {
         this.transform_autocomplete_results = (val) => val
       }
 
-      if (this['highlight'] === undefined) {
-        this.highlight = function(value) {
-          if (!value) return '';
-          const queryValue = this.getQueryValue().trim();
-          return queryValue ? value.replace(new RegExp(queryValue, 'gi'), '<strong>$&</strong>') : value;
+      if (this["highlight"] === undefined) {
+        this.highlight = function (value) {
+          if (!value) return ""
+          const queryValue = this.getQueryValue().trim()
+          return queryValue
+            ? value.replace(new RegExp(queryValue, "gi"), "<strong>$&</strong>")
+            : value
         }
       }
 
-      if (this['autocomplete_control'] === undefined) {
-        this.autocomplete_control = function() {
-          const autocompleteID = this.autocompleteID();
+      if (this["autocomplete_control"] === undefined) {
+        this.autocomplete_control = function () {
+          const autocompleteID = this.autocompleteID()
           return `
           <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="visually-hidden"></div>
           </auto-complete>
-        ` };
+        `
+        }
       }
 
-      if (this['autocomplete_element_template'] === undefined) {
-        this.autocomplete_element_template = function(item) {
+      if (this["autocomplete_element_template"] === undefined) {
+        this.autocomplete_element_template = function (item) {
           return `<li role="option" data-autocomplete-value="${item.id}">${this.autocomplete_template(item)}</li>`
         }
       }
     },
 
-    queryTokenizer: function(query) {
-      return query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+    queryTokenizer: function (query) {
+      return query.trim().toLowerCase().split(/\s+/).filter(Boolean)
     },
 
-    filterResults: function(data, query) {
-      const queryStrings = this.queryTokenizer(query);
-      return data.filter(item => {
-        const lowerTitle = item.title.toLowerCase();
-        return queryStrings.some(queryString => lowerTitle.includes(queryString));
-      });
+    filterResults: function (data, query) {
+      const queryStrings = this.queryTokenizer(query)
+      return data.filter((item) => {
+        const lowerTitle = item.title.toLowerCase()
+        return queryStrings.some((queryString) =>
+          lowerTitle.includes(queryString),
+        )
+      })
     },
 
-    fetchAutocompleteResults: async function(url) {
-      const result = await fetchAutocompleteJSON(url);
-      const transformed = this.transform_autocomplete_results(result);
-      this.fetchedData = {};
-      transformed.map(item => this.fetchedData[item.id] = item);
-      return transformed.map(item => this.autocomplete_element_template(item)).join('');
+    fetchAutocompleteResults: async function (url) {
+      const result = await fetchAutocompleteJSON(url)
+      const transformed = this.transform_autocomplete_results(result)
+      this.fetchedData = {}
+      transformed.map((item) => (this.fetchedData[item.id] = item))
+      return transformed
+        .map((item) => this.autocomplete_element_template(item))
+        .join("")
     },
 
-    fetchOnceAndFilterLocalResults: async function(url) {
+    fetchOnceAndFilterLocalResults: async function (url) {
       if (this.fetchedData === undefined) {
-        await this.fetchAutocompleteResults(url);
+        await this.fetchAutocompleteResults(url)
       }
-      const query = url.searchParams.get('q');
-      const data = Object.values(this.fetchedData);
-      const filteredData = query ? this.filterResults(data, query) : data;
-      return filteredData.map(item => this.autocomplete_element_template(item)).join('');
+      const query = url.searchParams.get("q")
+      const data = Object.values(this.fetchedData)
+      const filteredData = query ? this.filterResults(data, query) : data
+      return filteredData
+        .map((item) => this.autocomplete_element_template(item))
+        .join("")
     },
 
-    autocompleteID: function() {
-      return this.blockID + '-autocomplete';
+    autocompleteID: function () {
+      return this.blockID + "-autocomplete"
     },
 
-    getQueryValue: function() {
-      const completer = this.inner.querySelector("auto-complete > input");
-      return completer.value;
+    getQueryValue: function () {
+      const completer = this.inner.querySelector("auto-complete > input")
+      return completer.value
     },
 
-    addAutocompletetoSirTrevorForm: function() {
-      const completer = this.inner.querySelector("auto-complete");
-      completer.fetchResult = this.autocomplete_fetch.bind(this);
-      completer.addEventListener('auto-complete-change', (e) => {
-        const data = this.fetchedData[e.relatedTarget.value];
+    addAutocompletetoSirTrevorForm: function () {
+      const completer = this.inner.querySelector("auto-complete")
+      completer.fetchResult = this.autocomplete_fetch.bind(this)
+      completer.addEventListener("auto-complete-change", (e) => {
+        const data = this.fetchedData[e.relatedTarget.value]
         if (e.relatedTarget.value && data) {
-          e.value = e.relatedTarget.value = '';
-          this.createItemPanel({ ...data, display: "true" });
+          e.value = e.relatedTarget.value = ""
+          this.createItemPanel({ ...data, display: "true" })
         }
-      });
+      })
     },
-  },
-
-
-  SirTrevor.Block.prototype.availableMixins.push("autocompleteable");
-})(jQuery);
+  }),
+    SirTrevor.Block.prototype.availableMixins.push("autocompleteable"))
+})(jQuery)

data/app/javascript/spotlight/admin/block_mixins/formable.js

@@ -1,78 +1,86 @@
-(function ($){
-  SirTrevor.BlockMixins.Formable = {
+;(function ($) {
+  ;((SirTrevor.BlockMixins.Formable = {
     mixinName: "Formable",
     preload: true,
 
-    initializeFormable: function() {
-
-      if (this['afterLoadData'] === undefined) {
-        this['afterLoadData'] = function(data) { };
+    initializeFormable: function () {
+      if (this["afterLoadData"] === undefined) {
+        this["afterLoadData"] = function (_data) {}
       }
     },
 
-    formId: function(id) {
-      return this.blockID + "_" + id;
+    formId: function (id) {
+      return this.blockID + "_" + id
     },
 
-    _serializeData: function() {
-
-      var data = $(":input,textarea,select", this.inner).not(':input:radio').serializeJSON();
+    _serializeData: function () {
+      var data = $(":input,textarea,select", this.inner)
+        .not(":input:radio")
+        .serializeJSON()
 
-      $(':input:radio:checked', this.inner).each(function(index, input) {
-        var key = $(input).data('key') || input.getAttribute('name');
+      $(":input:radio:checked", this.inner).each(function (index, input) {
+        var key = $(input).data("key") || input.getAttribute("name")
 
         if (!key.match("\\[")) {
-          data[key] = $(input).val();
+          data[key] = $(input).val()
         }
-      });
+      })
 
       /* Simple to start. Add conditions later */
       if (this.hasTextBlock()) {
-        data.text = this.getTextBlockHTML();
-        data.format = 'html';
-        if (data.text && data.text.length > 0 && this.options.convertToMarkdown) {
-          data.text = stToMarkdown(data.text, this.type);
-          data.format = 'markdown';
+        data.text = this.getTextBlockHTML()
+        data.format = "html"
+        if (
+          data.text &&
+          data.text.length > 0 &&
+          this.options.convertToMarkdown
+        ) {
+          data.text = stToMarkdown(data.text, this.type)
+          data.format = "markdown"
         }
       }
 
-      return data;
+      return data
     },
 
-    loadData: function(data){
+    loadData: function (data) {
       if (this.hasTextBlock()) {
-        if (data.text && data.text.length > 0 && this.options.convertFromMarkdown && data.format !== "html") {
-          this.setTextBlockHTML(SirTrevor.toHTML(data.text, this.type));
+        if (
+          data.text &&
+          data.text.length > 0 &&
+          this.options.convertFromMarkdown &&
+          data.format !== "html"
+        ) {
+          this.setTextBlockHTML(SirTrevor.toHTML(data.text, this.type))
         } else {
-          this.setTextBlockHTML(data.text);
+          this.setTextBlockHTML(data.text)
         }
       }
-      this.loadFormDataByKey(data);
-      this.afterLoadData(data);
+      this.loadFormDataByKey(data)
+      this.afterLoadData(data)
     },
 
-    loadFormDataByKey: function(data) {
-      $(':input', this.inner).not('button,:input[type=hidden]').each(function(index, input) {
-        var key = $(input).data('key') || input.getAttribute('name');
+    loadFormDataByKey: function (data) {
+      $(":input", this.inner)
+        .not("button,:input[type=hidden]")
+        .each(function (index, input) {
+          var key = $(input).data("key") || input.getAttribute("name")
 
-        if (key) {
-
-          if (key.match("\\[\\]$")) {
-            key = key.replace("[]", "");
-          }
+          if (key) {
+            if (key.match("\\[\\]$")) {
+              key = key.replace("[]", "")
+            }
 
-          // by wrapping it in an array, this'll "just work" for radio and checkbox fields too
-          var input_data = data[key];
+            // by wrapping it in an array, this'll "just work" for radio and checkbox fields too
+            var input_data = data[key]
 
-          if (!(input_data instanceof Array)) {
-            input_data = [input_data];
+            if (!(input_data instanceof Array)) {
+              input_data = [input_data]
+            }
+            $(this).val(input_data)
           }
-          $(this).val(input_data);
-        }
-      });
+        })
     },
-  },
-
-
-  SirTrevor.Block.prototype.availableMixins.push("formable");
-})(jQuery);
+  }),
+    SirTrevor.Block.prototype.availableMixins.push("formable"))
+})(jQuery)

data/app/javascript/spotlight/admin/block_mixins/plustextable.js

@@ -1,23 +1,23 @@
-(function ($){
+;(function (_$) {
   SirTrevor.BlockMixins.Plustextable = {
     mixinName: "Textable",
     preload: true,
 
-    initializeTextable: function() {
-      if (this['formId'] === undefined) {
-        this.withMixin(SirTrevor.BlockMixins.Formable);
+    initializeTextable: function () {
+      if (this["formId"] === undefined) {
+        this.withMixin(SirTrevor.BlockMixins.Formable)
       }
-      
-      if (this['show_heading'] === undefined) {
-        this.show_heading = true;
+
+      if (this["show_heading"] === undefined) {
+        this.show_heading = true
       }
     },
-    
-    align_key:"text-align",
-    text_key:"item-text",
+
+    align_key: "text-align",
+    text_key: "item-text",
     heading_key: "title",
-    
-    text_area: function() { 
+
+    text_area: function () {
       return `
       <div class="row">
         <div class="col-md-8">
@@ -40,19 +40,18 @@
         </div>
       </div>`
     },
-    
-    heading: function() {
-      if(this.show_heading) {
+
+    heading: function () {
+      if (this.show_heading) {
         return `<div class="field">
           <label for="${this.formId(this.heading_key)}" class="col-form-label">${i18n.t("blocks:textable:heading")}</label>
           <input type="text" class="form-control" id="${this.formId(this.heading_key)}" name="${this.heading_key}" />
         </div>`
       } else {
-        return "";
+        return ""
       }
     },
-  };
-  
+  }
 
-  SirTrevor.Block.prototype.availableMixins.push("plustextable");
-})(jQuery);
+  SirTrevor.Block.prototype.availableMixins.push("plustextable")
+})(jQuery)

data/app/javascript/spotlight/admin/blocks/block.js

@@ -1,25 +1,29 @@
-import Core from 'spotlight/core'
-
-(function ($){
+import Core from "spotlight/core"
+;(function ($) {
   Core.Block = SirTrevor.Block.extend({
     scribeOptions: {
       allowBlockElements: true,
-      tags: { p: true }
+      tags: { p: true },
     },
     formable: true,
-    editorHTML: function() {
-      return '';
+    editorHTML: function () {
+      return ""
     },
-    beforeBlockRender: function() {
-      this.availableMixins.forEach(function(mixin) {
-        if (this[mixin] && SirTrevor.BlockMixins[this.capitalize(mixin)].preload) {
-          this.withMixin(SirTrevor.BlockMixins[this.capitalize(mixin)]);
+    beforeBlockRender: function () {
+      this.availableMixins.forEach(function (mixin) {
+        if (
+          this[mixin] &&
+          SirTrevor.BlockMixins[this.capitalize(mixin)].preload
+        ) {
+          this.withMixin(SirTrevor.BlockMixins[this.capitalize(mixin)])
         }
-      }, this);
+      }, this)
+    },
+    $instance: function () {
+      return $("#" + this.instanceID)
+    },
+    capitalize: function (string) {
+      return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase()
     },
-    $instance: function() { return $('#' + this.instanceID); },
-    capitalize: function(string) {
-      return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase();
-    }
   })
-})(jQuery);
+})(jQuery)

data/app/javascript/spotlight/admin/blocks/browse_block.js

@@ -1,40 +1,46 @@
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.Browse = (function(){
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.Browse = (function () {
   return Core.Block.Resources.extend({
     type: "browse",
 
     icon_name: "browse",
 
-    autocomplete_url: function() {
-      return document.getElementById(this.instanceID).closest('form[data-autocomplete-exhibit-searches-path]').dataset.autocompleteExhibitSearchesPath;
+    autocomplete_url: function () {
+      return document
+        .getElementById(this.instanceID)
+        .closest("form[data-autocomplete-exhibit-searches-path]").dataset
+        .autocompleteExhibitSearchesPath
     },
 
-    autocomplete_fetch: function(url) {
-      return this.fetchOnceAndFilterLocalResults(url);
+    autocomplete_fetch: function (url) {
+      return this.fetchOnceAndFilterLocalResults(url)
     },
 
-    autocomplete_template: function(obj) {
-      const thumbnail = obj.thumbnail_image_url ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail_image_url}" /></div>` : ''
-      const description = obj.description ? `<small>&nbsp;&nbsp;${obj.description}</small>` : '';
-      return `<div class="autocomplete-item${!obj.published ? ' blacklight-private' : ''}">${thumbnail}
-      <span class="autocomplete-title">${this.highlight(obj.full_title)}</span>${description}</div>`;
+    autocomplete_template: function (obj) {
+      const thumbnail = obj.thumbnail_image_url
+        ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail_image_url}" /></div>`
+        : ""
+      const description = obj.description
+        ? `<small>&nbsp;&nbsp;${obj.description}</small>`
+        : ""
+      return `<div class="autocomplete-item${!obj.published ? " blacklight-private" : ""}">${thumbnail}
+      <span class="autocomplete-title">${this.highlight(obj.full_title)}</span>${description}</div>`
     },
 
-    _itemPanel: function(data) {
-      var index = "item_" + this.globalIndex++;
-      var checked;
+    _itemPanel: function (data) {
+      var index = "item_" + this.globalIndex++
+      var checked
       if (data.display == "true") {
         checked = "checked='checked'"
       } else {
-        checked = "";
+        checked = ""
       }
-      var resource_id = data.slug || data.id;
+      var resource_id = data.slug || data.id
       var markup = `
            <li class="field dd-item dd3-item" data-resource-id="${resource_id}" data-id="${index}" id="${this.formId(index)}">
             <input type="hidden" name="item[${index}][id]" value="${resource_id}" />
-            <input type="hidden" name="item[${index}][full_title]" value="${(data.full_title || data.title)}" />
+            <input type="hidden" name="item[${index}][full_title]" value="${data.full_title || data.title}" />
             <input data-property="weight" type="hidden" name="item[${index}][weight]" value="${data.weight}" />
               <div class="card d-flex dd3-content">
                 <div class="dd-handle dd3-handle">${i18n.t("blocks:resources:panel:drag")}</div>
@@ -42,15 +48,15 @@ SirTrevor.Blocks.Browse = (function(){
                   <div class="d-flex">
                     <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="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                      <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + "_" + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
+                      <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")))}" />
+                      <img class="img-thumbnail" src="${data.thumbnail_image_url || (data.iiif_tilesource || "").replace("/info.json", "/full/!100,100/0/default.jpg")}" />
                     </div>
                     <div class="main">
-                      <div class="title card-title">${(data.full_title || data.title)}</div>
-                      <div>${(data.slug || data.id)}</div>
+                      <div class="title card-title">${data.full_title || data.title}</div>
+                      <div>${data.slug || data.id}</div>
                     </div>
                     <div class="remove float-end">
                       <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
@@ -60,28 +66,27 @@ SirTrevor.Blocks.Browse = (function(){
               </div>
             </li>`
 
-      var panel = $(markup);
-      var context = this;
-
-      $('.remove a', panel).on('click', function(e) {
-        e.preventDefault();
-        $(this).closest('.field').remove();
-        context.afterPanelDelete();
+      var panel = $(markup)
+      var context = this
 
-      });
+      $(".remove a", panel).on("click", function (e) {
+        e.preventDefault()
+        $(this).closest(".field").remove()
+        context.afterPanelDelete()
+      })
 
-      this.afterPanelRender(data, panel);
+      this.afterPanelRender(data, panel)
 
-      return panel;
+      return panel
     },
 
-    item_options: function() { return `
+    item_options: function () {
+      return `
       <label>
         <input type="hidden" name="display-item-counts" value="false" />
         <input type="checkbox" name="display-item-counts" value="true" checked />
         ${i18n.t("blocks:browse:item_counts")}
       </label>`
     },
-  });
-
-})();
+  })
+})()

data/app/javascript/spotlight/admin/blocks/browse_group_categories_block.js

@@ -1,42 +1,44 @@
 /*
   Sir Trevor BrowseGroupCategories
 */
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.BrowseGroupCategories = (function(){
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.BrowseGroupCategories = (function () {
   return Core.Block.Resources.extend({
     type: "browse_group_categories",
     icon_name: "browse",
 
-    autocomplete_control: function() {
-      const autocompleteID = this.blockID + '-autocomplete';
+    autocomplete_control: function () {
+      const autocompleteID = this.blockID + "-autocomplete"
       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="visually-hidden"></div>
       </auto-complete>`
     },
-    autocomplete_template: function(obj) {
-      return `<div class="autocomplete-item${!obj.published ? ' blacklight-private' : ''}">
+    autocomplete_template: function (obj) {
+      return `<div class="autocomplete-item${!obj.published ? " blacklight-private" : ""}">
       <span class="autocomplete-title">${this.highlight(obj.title)}</span><br/></div>`
     },
 
-    autocomplete_url: function() {
-      return document.getElementById(this.instanceID).closest('form[data-autocomplete-exhibit-browse-groups-path]').dataset.autocompleteExhibitBrowseGroupsPath;
+    autocomplete_url: function () {
+      return document
+        .getElementById(this.instanceID)
+        .closest("form[data-autocomplete-exhibit-browse-groups-path]").dataset
+        .autocompleteExhibitBrowseGroupsPath
     },
-    autocomplete_fetch: function(url) {
-      return this.fetchOnceAndFilterLocalResults(url);
+    autocomplete_fetch: function (url) {
+      return this.fetchOnceAndFilterLocalResults(url)
     },
-    _itemPanel: function(data) {
-      var index = "item_" + this.globalIndex++;
-      var checked;
+    _itemPanel: function (data) {
+      var index = "item_" + this.globalIndex++
+      var checked
       if (data.display == "true") {
         checked = "checked='checked'"
       } else {
-        checked = "";
+        checked = ""
       }
-      var resource_id = data.slug || data.id;
+      var resource_id = data.slug || data.id
       var markup = `
         <li class="field dd-item dd3-item" data-resource-id="${resource_id}" data-id="${index}" id="${this.formId(index)}">
           <input type="hidden" name="item[${index}][id]" value="${resource_id}" />
@@ -48,8 +50,8 @@ SirTrevor.Blocks.BrowseGroupCategories = (function(){
                 <div class="d-flex flex-grow-1">
                   <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="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                    <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + "_" + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
+                    <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>
@@ -62,27 +64,27 @@ SirTrevor.Blocks.BrowseGroupCategories = (function(){
             </div>
           </li>`
 
-      const panel = $(markup);
-      var context = this;
-
-      $('a[data-item-grid-panel-remove]', panel).on('click', function(e) {
-        e.preventDefault();
-        $(this).closest('.field').remove();
-        context.afterPanelDelete();
+      const panel = $(markup)
+      var context = this
 
-      });
+      $("a[data-item-grid-panel-remove]", panel).on("click", function (e) {
+        e.preventDefault()
+        $(this).closest(".field").remove()
+        context.afterPanelDelete()
+      })
 
-      this.afterPanelRender(data, panel);
+      this.afterPanelRender(data, panel)
 
-      return panel;
+      return panel
     },
 
-    item_options: function() { return `
+    item_options: function () {
+      return `
       <label>
         <input type="hidden" name="display-item-counts" value="false" />
         <input type="checkbox" name="display-item-counts" value="true" checked />
         ${i18n.t("blocks:browse_group_categories:item_counts")}
       </label>`
     },
-  });
-})();
+  })
+})()