arclight 0.4.0 → 1.6.2

data/app/components/arclight/document_download_component.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module Arclight
+  # ViewComponent for rendering a single document download link
+  class DocumentDownloadComponent < ViewComponent::Base
+    def initialize(downloads:, **kwargs)
+      super()
+
+      @downloads = downloads
+      @link_options = kwargs
+    end
+
+    attr_reader :downloads
+
+    delegate :files, to: :downloads
+
+    def render?
+      files.present?
+    end
+
+    # i18n-tasks-use t('arclight.views.show.download.multiple.pdf')
+    # i18n-tasks-use t('arclight.views.show.download.multiple.ead')
+    def dropdown_label(file)
+      t(file.type, scope: 'arclight.views.show.download.multiple')
+    end
+
+    # i18n-tasks-use t('arclight.views.show.download.single.pdf')
+    # i18n-tasks-use t('arclight.views.show.download.single.ead')
+    def label(file)
+      t(file.type, scope: 'arclight.views.show.download.single')
+    end
+
+    # From https://icons.getbootstrap.com/icons/download/
+    def download_icon
+      icon = <<~HTML
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
+          <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
+          <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
+        </svg>
+      HTML
+      icon.html_safe # rubocop:disable Rails/OutputSafety
+    end
+
+    # This is an extension point where one could configure a different icon per file type
+    def icon_for(type)
+      public_send("#{type}_icon")
+    end
+
+    # From https://icons.getbootstrap.com/icons/file-earmark-pdf/
+    def pdf_icon
+      icon = <<~HTML
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-pdf" viewBox="0 0 16 16">
+          <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+          <path d="M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z"/>
+        </svg>
+      HTML
+      icon.html_safe # rubocop:disable Rails/OutputSafety
+    end
+
+    # From https://icons.getbootstrap.com/icons/file-earmark-code/
+    def ead_icon
+      icon = <<~HTML
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-code" viewBox="0 0 16 16">
+          <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+          <path d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z"/>
+        </svg>
+      HTML
+      icon.html_safe # rubocop:disable Rails/OutputSafety
+    end
+  end
+end

data/app/components/arclight/embed_component.html.erb

@@ -0,0 +1,10 @@
+<div id="embed" class="mb-2">
+  <h2 class="al-show-sub-heading"><%= t('arclight.views.show.embedded_content') %></h2>
+  <%= render Arclight::OembedViewerComponent.with_collection(embeddable_resources, document: @document) %>
+
+  <% linked_resources.each do |resource| %>
+    <div class="al-digital-object">
+      <%= link_to(resource.label, resource.href) %>
+    </div>
+  <% end %>
+</div>

data/app/components/arclight/embed_component.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render digital object links for a document
+  class EmbedComponent < ViewComponent::Base
+    def initialize(document:, presenter:, **kwargs) # rubocop:disable Lint/UnusedMethodArgument
+      super()
+
+      @document = document
+      @presenter = presenter
+    end
+
+    def render?
+      resources.any?
+    end
+
+    def embeddable_resources
+      resources.first(1).select { |object| embeddable?(object) }
+    end
+
+    def linked_resources
+      resources - embeddable_resources
+    end
+
+    def resources
+      @resources ||= @document.digital_objects || []
+    end
+
+    def depth
+      @document.parents.length || 0
+    end
+
+    def embeddable?(object)
+      exclude_patterns.none? do |pattern|
+        object.href =~ pattern
+      end
+    end
+
+    def exclude_patterns
+      Arclight::Engine.config.oembed_resource_exclude_patterns
+    end
+  end
+end

data/app/components/arclight/expand_hierarchy_button_component.html.erb

@@ -0,0 +1,5 @@
+<ul>
+  <li>
+    <%= expand_link %>
+  </li>
+</ul>

data/app/components/arclight/expand_hierarchy_button_component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Component for rendering an expand button in the hierarchy view
+  class ExpandHierarchyButtonComponent < Blacklight::Component
+    def initialize(path:, classes: 'btn btn-secondary btn-sm')
+      super()
+      @path = path
+      @classes = classes
+    end
+
+    def expand_link
+      link_to t('arclight.views.show.expand'), @path, class: @classes
+    end
+  end
+end

data/app/components/arclight/group_component.html.erb

@@ -0,0 +1,34 @@
+<div class='al-grouped-title-bar'>
+  <div class='row'>
+    <div class='col-md-12'>
+      <% if document.repository_config.present? %>
+        <div class='al-grouped-repository breadcrumb-links'>
+          <%= link_to(document.repository_config.name, helpers.arclight_engine.repository_path(document.repository_config.slug)) %>
+        </div>
+      <% end %>
+      <h3><%= helpers.link_to_document document %></h3>
+      <% document.extent.each do |extent| %>
+        <%= tag.span extent, class: 'al-document-extent badge' unless compact? %>
+      <% end %>
+      <dl>
+        <%= render Arclight::IndexMetadataFieldComponent.with_collection(presenter.field_presenters.select { |field| !compact? || field.field_config.compact }) %>
+      </dl>
+    </div>
+  </div>
+</div>
+
+<div class="grouped-documents">
+  <div class="al-grouped-more">
+    <% if @group.total > 3 %>
+      <%= t('arclight.views.index.top_group_results', count: 3) %>
+      <%= link_to(
+        t('arclight.views.index.all_group_results', count: @group.total),
+        search_within_collection_url)
+      %>
+    <% else %>
+      <%= t('arclight.views.index.group_results_count', count: @group.total) %>
+    <% end %>
+  </div>
+
+  <%= helpers.render_document_index @group.docs %>
+</div>

data/app/components/arclight/group_component.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a collection document for a
+  # grouped search result view
+  class GroupComponent < Blacklight::Document::GroupComponent
+    def compact?
+      helpers.document_index_view_type.to_s == 'compact'
+    end
+
+    def document
+      @document ||= @group.docs.first.collection
+    end
+
+    def presenter
+      @presenter ||= Arclight::ShowPresenter.new(document, helpers).with_field_group('group_header_field')
+    end
+
+    def search_within_collection_url
+      search_catalog_path(helpers.search_without_group.deep_merge(f: { collection: [document.collection_name] }))
+    end
+  end
+end

data/app/components/arclight/header_component.html.erb

@@ -0,0 +1,5 @@
+<header>
+  <%= top_bar %>
+  <%= masthead %>
+  <%= search_bar %>
+</header>

data/app/components/arclight/header_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Provides a header with a masthead
+  class HeaderComponent < Blacklight::HeaderComponent
+    def masthead
+      render Arclight::MastheadComponent.new
+    end
+  end
+end

data/app/components/arclight/index_metadata_field_component.html.erb

@@ -0,0 +1,16 @@
+<div class="row">
+  <%= tag.dt @field.label, class: 'visually-hidden' %>
+  <% if truncate? %>
+    <%= tag.dd(class: @classes + ['truncator'], data: { controller: 'arclight-truncate' }) do %>
+      <%= tag.div @field.render, class: 'content', data: { arclight_truncate_target: 'content' } %>
+      <%= button_tag(type: :button, class: 'btn btn-sm btn-link px-0',
+                     data: { action: 'click->arclight-truncate#trigger' }) do %>
+        <%= tag.span t('arclight.truncation.view_more'), class: 'view-more' %>
+        <%= tag.span t('arclight.truncation.view_less'), class: 'view-less' %>
+        <%= tag.span(class: 'icon') %>
+      <% end %>
+    <% end %>
+  <% else %>
+    <%= tag.dd @field.render, class: @classes %>
+  <% end %>
+</div>

data/app/components/arclight/index_metadata_field_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a simple metadata field (e.g. without labels) in a .row div
+  class IndexMetadataFieldComponent < Blacklight::MetadataFieldComponent
+    def initialize(field:, classes: ['col'], **kwargs)
+      super(field: field, **kwargs)
+
+      @classes = classes + ["al-document-#{@field.key.dasherize}"]
+    end
+
+    def render?
+      helpers.document_index_view_type != :compact || @field.field_config.compact
+    end
+
+    def truncate?
+      !!@field.field_config.truncate
+    end
+  end
+end

data/app/components/arclight/masthead_component.html.erb

@@ -0,0 +1,17 @@
+<div class='al-masthead bg-light'>
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-8" >
+        <div class="h1 my-4 text-center text-md-start"><%= heading %></div>
+      </div>
+
+      <div class="col-md-4">
+        <nav class="navbar navbar-expand d-flex justify-content-md-end justify-content-center" aria-label="browse">
+          <ul class="navbar-nav">
+            <%= render 'shared/main_menu_links' %>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </div>
+</div>

data/app/components/arclight/masthead_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render the masthead
+  class MastheadComponent < Blacklight::Component
+    def heading
+      t('arclight.masthead_heading_html')
+    end
+  end
+end

data/app/components/arclight/metadata_section_component.html.erb

@@ -0,0 +1,13 @@
+<%= tag.div id: t("arclight.views.show.sections.#{@section}").parameterize do %>
+  <% if @heading %>
+    <h3 class='al-show-sub-heading'>
+      <%= t("arclight.views.show.sections.#{@section}", level: @presenter.document.level) %>
+    </h3>
+  <% end %>
+
+  <%= tag.dl class: @classes do %>
+    <% @presenter.field_presenters.each do |field_presenter| %>
+      <%= render (field_presenter.component || Blacklight::MetadataFieldComponent).new(field: field_presenter, show: true, **@metadata_attr) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/arclight/metadata_section_component.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a simple metadata field (e.g. without labels) in a .row div
+  class MetadataSectionComponent < ViewComponent::Base
+    with_collection_parameter :section
+
+    def initialize(section:, presenter:, metadata_attr: {}, classes: %w[row dl-invert], heading: false)
+      super()
+
+      @classes = classes
+      @section = section
+      @presenter = presenter.with_field_group(section)
+      @heading = heading
+      @metadata_attr = metadata_attr
+    end
+
+    def render?
+      @presenter.fields_to_render.any?
+    end
+  end
+end

data/app/components/arclight/oembed_viewer_component.html.erb

@@ -0,0 +1,5 @@
+<%= tag.div(class: 'al-oembed-viewer', data: { controller: 'arclight-oembed', arclight_oembed_url_value: @resource.href }) do %>
+  <div class="al-digital-object">
+    <%= link_to(@resource.label, @resource.href) %>
+  </div>
+<% end %>

data/app/components/arclight/oembed_viewer_component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render an oembed viewer for a document
+  class OembedViewerComponent < ViewComponent::Base
+    with_collection_parameter :resource
+
+    def initialize(resource:, document:, depth: 0)
+      super()
+
+      @resource = resource
+      @document = document
+      @depth = depth
+    end
+  end
+end

data/app/components/arclight/online_content_filter_component.html.erb

@@ -0,0 +1,15 @@
+<div class="card online-contents">
+  <div class="card-body d-flex align-items-center">
+    <div class="d-flex">
+      <span class="al-online-content-icon mr-2 me-2" aria-hidden="true"><%= helpers.blacklight_icon :online %></span>
+      <h2 class="d-none d-lg-inline">
+        <span class="visually-hidden">Filter</span>
+        <%= t('arclight.views.show.online_content.title') %>
+      </h2>
+    </div>
+    <div class="ms-3 ms-xl-5">
+      <div><%= t('arclight.views.show.online_content.description') %></div>
+      <%= link_to t('arclight.views.show.online_content.link_text'), helpers.search_action_path(f: { collection: [collection_name], access: ['online'] }) %>
+    </div>
+  </div>
+</div>

data/app/components/arclight/online_content_filter_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render the box that displays a link to filter only for online content
+  class OnlineContentFilterComponent < Blacklight::Component
+    def initialize(document:)
+      @document = document
+      super()
+    end
+
+    def render?
+      @document.collection? && @document.online_content?
+    end
+
+    delegate :collection_name, to: :@document
+  end
+end

data/app/components/arclight/online_status_indicator_component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render an online status indicator for a document
+  class OnlineStatusIndicatorComponent < Blacklight::Component
+    def initialize(document:, **)
+      @document = document
+      super()
+    end
+
+    def render?
+      @document.online_content?
+    end
+
+    def call
+      tag.span helpers.blacklight_icon(:online), class: 'al-online-content-icon'
+    end
+  end
+end

data/app/components/arclight/repository_breadcrumb_component.html.erb

@@ -0,0 +1,10 @@
+<li class='breadcrumb-item'>
+  <span class="ms-3" aria-hidden="true">
+    <%= blacklight_icon(:repository, classes: 'al-repository-content-icon') %>
+  </span>
+  <% if repository_path %>
+    <%= link_to(@document.repository, helpers.arclight_engine.repository_path(repository_path)) %>
+  <% else %>
+    <%= @document.repository %>
+  <% end %>
+</li>

data/app/components/arclight/repository_breadcrumb_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Draws the repository breadcrumb item for a search result
+  class RepositoryBreadcrumbComponent < ViewComponent::Base
+    def initialize(document:)
+      super()
+      @document = document
+    end
+
+    delegate :blacklight_icon, to: :helpers
+
+    def repository_path
+      @document.repository_config&.slug
+    end
+  end
+end

data/app/components/arclight/repository_location_component.html.erb

@@ -0,0 +1,20 @@
+<%= render(@layout.new(field: @field)) do |component| %>
+  <% component.with_label do %>
+    <%= label %>
+  <% end %>
+  <% component.with_value do %>
+    <div class='al-in-person-repository-name'>
+      <% if repository.thumbnail_url %>
+        <%= image_tag repository.thumbnail_url, alt: '', class: 'img-fluid float-left' %>
+      <% end %>
+      <div>
+        <%= link_to(repository.name, helpers.arclight_engine.repository_path(repository.slug)) %>
+      </div>
+    </div>
+    <div class='al-in-person-repository-location'>
+      <address>
+        <%= repository.location %>
+      </address>
+    </div>
+  <% end %>
+<% end %>

data/app/components/arclight/repository_location_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render the repository location card as a metadata field
+  class RepositoryLocationComponent < Blacklight::MetadataFieldComponent
+    def repository
+      @field.values.first
+    end
+  end
+end

data/app/components/arclight/search_bar_component.html.erb

@@ -0,0 +1,27 @@
+<%= render(Blacklight::SearchBarComponent.new(
+      **@kwargs,
+      params: @params.merge(f: (@params[:f] || {}).except(:collection)),
+                            q: @q,
+                            search_field: @search_field)) do |c| %>
+
+  <% c.with_before_input_group do %>
+    <div class="input-group within-collection-dropdown">
+      <label class="input-group-text" for="within_collection">
+        <%= t('arclight.within_collection_dropdown.label_html') %>
+      </label>
+      <%= select_tag ('f[collection][]' if collection_name.present?), within_collection_options, id: 'within_collection', class: 'form-select search-field rounded-end' %>
+    </div>
+  <% end %>
+
+  <% c.with_prepend do %>
+    <%= prepend %>
+  <% end %>
+
+  <% c.with_append do %>
+    <%= append %>
+  <% end if append? %>
+
+  <% c.with_search_button do %>
+    <%= search_button %>
+  <% end if respond_to?(:search_button?) && search_button? # only BL8 has this option %>
+<% end %>

data/app/components/arclight/search_bar_component.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Override Blacklight's SearchBarComponent to add a dropdown for choosing
+  # the context of the search (within "this collection" or "all collections").
+  # If a collection has not been chosen, it displays a dropdown with only "all collections"
+  # as the only selectable option.
+  class SearchBarComponent < Blacklight::SearchBarComponent
+    def initialize(**kwargs)
+      super
+
+      @kwargs = kwargs
+    end
+
+    def within_collection_options
+      value = collection_name || 'none-selected'
+      options_for_select(
+        [
+          [t('arclight.within_collection_dropdown.all_collections'), ''],
+          [t('arclight.within_collection_dropdown.this_collection'), value]
+        ],
+        selected: collection_name,
+        disabled: 'none-selected'
+      )
+    end
+
+    def collection_name
+      @collection_name ||= Array(@params.dig(:f, :collection)).reject(&:empty?).first ||
+                           helpers.current_context_document&.collection_name
+    end
+  end
+end

data/app/components/arclight/search_result_breadcrumbs_component.html.erb

@@ -0,0 +1,6 @@
+<dt class="visually-hidden">Collection Context</dt>
+<dd>
+  <div class='breadcrumb-links'>
+    <%= rendered_breadcrumbs %>
+  </div>
+</dd>

data/app/components/arclight/search_result_breadcrumbs_component.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render the breadcrumbs for a search result document
+  class SearchResultBreadcrumbsComponent < Blacklight::MetadataFieldComponent
+    delegate :document, to: :@field
+
+    def initialize(field:, **kwargs)
+      @field = field
+      super
+    end
+
+    def breadcrumbs
+      offset = grouped? ? 2 : 0
+
+      Arclight::BreadcrumbComponent.new(document: document, count: breadcrumb_count, offset: offset)
+    end
+
+    def rendered_breadcrumbs
+      @rendered_breadcrumbs ||= capture { render breadcrumbs }
+    end
+
+    def render?
+      rendered_breadcrumbs.present?
+    end
+
+    def breadcrumb_count
+      @field.field_config.compact&.dig(:count) if compact?
+    end
+
+    delegate :grouped?, to: :helpers
+
+    def compact?
+      helpers.document_index_view_type == :compact
+    end
+  end
+end

data/app/components/arclight/search_result_component.html.erb

@@ -0,0 +1,20 @@
+<%= content_tag @component,
+  id: @id,
+  data: {
+    'document-id': @document.id.to_s.parameterize,
+    'document-counter': @counter,
+  },
+  itemscope: true,
+  itemtype: @document.itemtype,
+  class: classes.flatten.join(' ') do %>
+    <div class="px-2 document-type-icon">
+      <%= icon %>
+    </div>
+    <div class="container">
+      <%= render Arclight::SearchResultTitleComponent.new(document: document, compact: compact?) %>
+
+      <div class="row">
+        <%= metadata %>
+      </div>
+    </div>
+<% end %>

data/app/components/arclight/search_result_component.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a document for a search result; this works with
+  # both the compact and list views for grouped or ungrouped
+  # results.
+  class SearchResultComponent < Blacklight::DocumentComponent
+    attr_reader :document
+
+    def compact?
+      presenter.view_config.key.to_s == 'compact'
+    end
+
+    def icon
+      helpers.blacklight_icon helpers.document_or_parent_icon(@document)
+    end
+  end
+end

data/app/components/arclight/search_result_title_component.html.erb

@@ -0,0 +1,15 @@
+<header class="documentHeader row" data-document-id="<%= @document.id %>">
+  <h3 class="index_title document-title-heading col">
+    <%= helpers.link_to_document @document, counter: @counter %>
+    <% @document.extent.each do |extent| %>
+      <%= tag.span extent, class: 'al-document-extent badge' unless compact? %>
+    <% end %>
+    <%= tag.span class: 'al-document-container text-muted' do %>
+      <%= @document.containers.join(', ') %>
+    <% end if @document.containers.present? %>
+  </h3>
+
+  <% actions.each do |action| %>
+    <%= action %>
+  <% end %>
+</header>

data/app/components/arclight/search_result_title_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Arclight
+  # Render a document title for a search result
+  class SearchResultTitleComponent < Blacklight::DocumentTitleComponent
+    def initialize(compact:, **args)
+      @compact = compact
+      super(**args)
+    end
+
+    def compact?
+      @compact
+    end
+  end
+end