coupdoeil 1.0.0.pre.beta.1 → 1.0.0.pre.beta.2

data/app/models/coupdoeil/tag.rb

@@ -2,20 +2,20 @@
 
 module Coupdoeil
   class Tag
-    def initialize(hovercard:, hovercard_options:, attributes:)
-      @hovercard_setup = hovercard
+    def initialize(popover:, popover_options:, attributes:)
+      @popover_setup = popover
       @attributes = attributes
-      hovercard_options = Hovercard::OptionsSet.new(hovercard_options)
-      @hovercard_options_set = hovercard_setup.default_options.merge(hovercard_options)
-      @hovercard_options_set.validate!
+      popover_options = Popover::OptionsSet.new(popover_options)
+      @popover_options_set = popover_setup.default_options.merge(popover_options)
+      @popover_options_set.validate!
     end
 
     def render_in(view_context, &block)
       ActiveSupport::Notifications.instrument("render_tag.coupdoeil") do
         content = view_context.capture(&block) if block_given?
-        view_context.content_tag("coup-doeil", **@attributes.merge(hovercard_attributes)) do
-          if hovercard_options_set.preload?
-            view_context.tag.template(view_context.render(hovercard_setup), class: "hovercard-content") + content
+        view_context.content_tag("coup-doeil", **@attributes.merge(popover_attributes)) do
+          if popover_options_set.preload?
+            view_context.tag.template(view_context.render(popover_setup), class: "popover-content") + content
           else
             content
           end
@@ -25,18 +25,18 @@ module Coupdoeil
 
     private
 
-    attr_reader :hovercard_options_set, :hovercard_setup
+    attr_reader :popover_options_set, :popover_setup
 
-    def hovercard_attributes
-      attributes = { hc: hovercard_options_set.to_base36 }
+    def popover_attributes
+      attributes = { "popover-options": popover_options_set.to_base36 }
 
-      unless hovercard_options_set.preload?
-        params = Params.serialize(hovercard_setup.params).sole.presence&.to_json
-        attributes.merge!("hc-type" => hovercard_setup.identifier, "hc-params" => params)
+      unless popover_options_set.preload?
+        params = Params.serialize(popover_setup.params).sole.presence&.to_json
+        attributes.merge!("popover-type" => popover_setup.identifier, "popover-params" => params)
       end
 
       if Rails.env.local?
-        attributes.merge!(hovercard_options_set.to_h.transform_keys { "hovercard-#{_1}" })
+        attributes.merge!(popover_options_set.to_h.transform_keys { "popover-#{_1}" })
       end
 
       attributes

data/app/style/{hovercard-animation.scss → popover-animation.scss}

@@ -1,26 +1,26 @@
-.coupdoeil--hovercard.hidden {
+.coupdoeil--popover.hidden {
     display: none
 }
 
-.coupdoeil--hovercard[data-animation] {
-    &.hovercard-enter {
+.coupdoeil--popover[data-animation] {
+    &.popover-enter {
         transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
     }
-    &.hovercard-leave {
+    &.popover-leave {
         transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     }
-    &.hovercard-enter, &.hovercard-leave {
+    &.popover-enter, &.popover-leave {
         transition-property: opacity, transform;
         transition-duration: 150ms;
     }
 
-    &.hovercard-enter-end, &.hovercard-leave-start {
+    &.popover-enter-end, &.popover-leave-start {
         &[data-animation="fade-in"], &[data-animation="slide-in"], &[data-animation="slide-out"] {
             opacity: 1;
         }
     }
 
-    &.hovercard-enter-start, &.hovercard-leave-end {
+    &.popover-enter-start, &.popover-leave-end {
         &[data-animation="fade-in"], &[data-animation="slide-in"], &[data-animation="slide-out"] {
             opacity: 0;
         }

data/app/style/popover-arrow.scss

@@ -0,0 +1,40 @@
+@use 'sass:list';
+
+.coupdoeil--popover {
+  & [data-popover-arrow] {
+    --co-popover--color: white;
+    --co-popover--border-color: rgb(209 213 219);
+    --co-popover-border-size: 1px;
+    --co-popover-border-style: solid;
+    --co-popover--size-ratio: 1;
+    --co-popover--height: 0.75rem;
+    --co-popover--width: calc(var(--co-popover--height) / var(--co-popover--size-ratio));
+
+    position: absolute;
+    height: var(--co-popover--height);
+    width: var(--co-popover--height);
+
+    &::after, &::before {
+      content: "";
+      width: 0;
+      height: 0;
+      position: absolute;
+      bottom: 0;
+      border: var(--co-popover--base-border-width) var(--co-popover-border-style) transparent;
+    }
+
+    &::after {
+      --co-popover--base-border-width: var(--co-popover--width);
+      border-bottom-color: var(--co-popover--color);
+      left: calc(50% - var(--co-popover--width));
+    }
+    &::before {
+      --co-popover--base-border-width: calc(var(--co-popover--height) + var(--co-popover-border-size));
+      border-bottom-color: var(--co-popover--border-color);
+      left: calc(50% - var(--co-popover--width) - var(--co-popover-border-size));
+    }
+  }
+  &[data-placement|="top"] [data-popover-arrow] { transform: rotate(180deg); }
+  &[data-placement|="right"] [data-popover-arrow] { transform: rotate(-90deg); }
+  &[data-placement|="left"] [data-popover-arrow] { transform: rotate(90deg); }
+}

data/app/style/popover.scss

@@ -0,0 +1,2 @@
+@use "popover-animation";
+@use "popover-arrow";

data/config/routes.rb

@@ -1,3 +1,3 @@
 Coupdoeil::Engine.routes.draw do
-  resource :hovercard, only: :create
+  resource :popover, only: :create
 end

data/lib/coupdoeil/engine.rb

@@ -22,15 +22,15 @@ module Coupdoeil
     # If you just want to remove specific css:
     #
     # config.after_initialize do
-    #   config.assets.precompile -= %w[coupdoeil/hovercard-arrow.css]
+    #   config.assets.precompile -= %w[coupdoeil/popover-arrow.css]
     # end
     PRECOMPILE_ASSETS = %w[
       coupdoeil.js
       coupdoeil.min.js
       coupdoeil.min.js.map
-      coupdoeil/hovercard.css
-      coupdoeil/hovercard-arrow.css
-      coupdoeil/hovercard-animation.css
+      coupdoeil/popover.css
+      coupdoeil/popover-arrow.css
+      coupdoeil/popover-animation.css
     ]
 
     initializer "coupdoeil.assets" do
@@ -55,15 +55,15 @@ module Coupdoeil
     initializer "coupdoeil.view_paths" do
       config.to_prepare do
         views = Rails.application.config.paths["app/views"].existent
-        views += Rails.application.config.paths.add("app/hovercards").existent
-        views += Rails.application.config.paths.add("app/hovercards/layouts").existent
-        Coupdoeil::Hovercard.prepend_view_path(views)
+        views += Rails.application.config.paths.add("app/popovers").existent
+        views += Rails.application.config.paths.add("app/popovers/layouts").existent
+        Coupdoeil::Popover.prepend_view_path(views)
       end
     end
 
     initializer "coupdoeil.routes" do |app|
       app.routes.append do
-        post "coupdoeil/hovercard", to: "coupdoeil/hovercards#create"
+        post "coupdoeil/popover", to: "coupdoeil/popovers#create"
       end
     end
   end

data/lib/coupdoeil/version.rb

@@ -1,3 +1,3 @@
 module Coupdoeil
-  VERSION = "1.0.0-beta.1"
+  VERSION = "1.0.0-beta.2"
 end

data/lib/generators/coupdoeil/install/install_generator.rb

@@ -1,17 +1,17 @@
 class Coupdoeil::InstallGenerator < Rails::Generators::Base
   Coupdoeil::InstallGenerator.source_root Coupdoeil::Engine.root.join("lib/generators/coupdoeil/install/templates")
 
-  desc "Create base class for hovercards and default layout."
+  desc "Create base class for popovers and default layout."
 
   def create_base_class
-    create_file "app/hovercards/application_hovercard.rb", <<~RUBY
-      class ApplicationHovercard < Coupdoeil::Hovercard
+    create_file "app/popovers/application_popover.rb", <<~RUBY
+      class ApplicationPopover < Coupdoeil::Popover
       end
     RUBY
   end
 
   def insert_default_layout
-    template "layout.html.erb.tt", "app/hovercards/layouts/hovercard.html.erb"
+    template "layout.html.erb.tt", "app/popovers/layouts/popover.html.erb"
   end
 
   def install_javascripts
@@ -55,17 +55,17 @@ class Coupdoeil::InstallGenerator < Rails::Generators::Base
   end
 
   def import_stylesheet
-    puts "To use Coupdoeil hovercard style, add to your layout's head:"
+    puts "To use Coupdoeil popover style, add to your layout's head:"
     puts ""
     puts <<-ERB
-      <%= stylesheet_link_tag "coupdoeil/hovercard" %>
+      <%= stylesheet_link_tag "coupdoeil/popover" %>
     ERB
     puts ""
     puts "Or one of two:"
     puts ""
     puts <<-ERB
-      <%= stylesheet_link_tag "coupdoeil/hovercard-arrow" %>
-      <%= stylesheet_link_tag "coupdoeil/hovercard-animation" %>
+      <%= stylesheet_link_tag "coupdoeil/popover-arrow" %>
+      <%= stylesheet_link_tag "coupdoeil/popover-animation" %>
     ERB
   end
 

data/lib/generators/coupdoeil/install/templates/layout.html.erb.tt

@@ -8,6 +8,6 @@
     border-radius: 0.25rem;
   "
 >
-  <div data-hovercard-arrow></div>
+  <div data-popover-arrow></div>
   <%%= yield %>
 </div>

data/lib/generators/coupdoeil/popover/USAGE

@@ -0,0 +1,15 @@
+Description:
+    Create Popover class and views files.
+
+Example:
+    bin/rails generate popover Contact details from_project
+
+    creates the following files:
+        app/popovers/contact_popover.rb
+        app/views/contact_popover/details.html.erb
+        app/views/contact_popover/from_project.html.erb
+
+    bin/rails generate popover Contact details from_project --skip-views
+
+        creates only the class file:
+            app/popovers/contact_popover.rb

data/lib/generators/coupdoeil/popover/popover_generator.rb

@@ -0,0 +1,22 @@
+class Coupdoeil::PopoverGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path("templates", __dir__)
+
+  check_class_collision suffix: "Popover"
+
+  class_option :skip_views, type: :boolean, desc: "Skip view files", default: false
+
+  argument :action_names, type: :array, default: []
+
+  def create_popover_file
+    template "popover.rb",
+             File.join("app/popovers", class_path, "#{file_name}_popover.rb")
+    unless options.skip_views?
+      action_names.each do |action_name|
+        path = [*class_path, file_name].join('/')
+        create_file "app/popovers/#{path}_popover/#{action_name}.html.erb", <<~ERB
+          <p>Hello from #{class_name}Popover##{action_name}</p>
+        ERB
+      end
+    end
+  end
+end

data/lib/generators/coupdoeil/{hovercard/templates/hovercard.rb.tt → popover/templates/popover.rb.tt}

@@ -1,5 +1,5 @@
 <% module_namespacing do -%>
-class <%= class_name %>Hovercard < ApplicationHovercard
+class <%= class_name %>Popover < ApplicationPopover
 <% action_names.each do |action_name| -%>
   def <%= action_name %>
   end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: coupdoeil
 version: !ruby/object:Gem::Version
-  version: 1.0.0.pre.beta.1
+  version: 1.0.0.pre.beta.2
 platform: ruby
 authors:
 - PageHey
 bindir: bin
 cert_chain: []
-date: 2025-05-27 00:00:00.000000000 Z
+date: 2025-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -127,7 +127,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Easy and powerful hovercard system for Ruby On Rails.
+description: Easy and powerful popover system for Ruby On Rails.
 email:
 - pagehey@pm.me
 executables: []
@@ -143,56 +143,56 @@ files:
 - app/assets/javascripts/coupdoeil.min.js
 - app/assets/javascripts/coupdoeil.min.js.map
 - app/assets/stylesheets/coupdoeil/application.css
-- app/assets/stylesheets/coupdoeil/hovercard-animation.css
-- app/assets/stylesheets/coupdoeil/hovercard-arrow.css
-- app/assets/stylesheets/coupdoeil/hovercard.css
-- app/controllers/coupdoeil/hovercards_controller.rb
+- app/assets/stylesheets/coupdoeil/popover-animation.css
+- app/assets/stylesheets/coupdoeil/popover-arrow.css
+- app/assets/stylesheets/coupdoeil/popover.css
+- app/controllers/coupdoeil/popovers_controller.rb
 - app/helpers/coupdoeil/application_helper.rb
 - app/javascript/coupdoeil/elements/coupdoeil_element.js
 - app/javascript/coupdoeil/events.js
 - app/javascript/coupdoeil/events/onclick.js
 - app/javascript/coupdoeil/events/onmouseover.js
-- app/javascript/coupdoeil/hovercard.js
-- app/javascript/coupdoeil/hovercard/actions.js
-- app/javascript/coupdoeil/hovercard/attributes.js
-- app/javascript/coupdoeil/hovercard/cache.js
-- app/javascript/coupdoeil/hovercard/closing.js
-- app/javascript/coupdoeil/hovercard/config.js
-- app/javascript/coupdoeil/hovercard/controller.js
-- app/javascript/coupdoeil/hovercard/current.js
-- app/javascript/coupdoeil/hovercard/opening.js
-- app/javascript/coupdoeil/hovercard/optionsParser.js
-- app/javascript/coupdoeil/hovercard/positioning.js
-- app/javascript/coupdoeil/hovercard/state_check.js
 - app/javascript/coupdoeil/index.js
-- app/models/coupdoeil/hovercard.rb
-- app/models/coupdoeil/hovercard/option.rb
-- app/models/coupdoeil/hovercard/option/animation.rb
-- app/models/coupdoeil/hovercard/option/cache.rb
-- app/models/coupdoeil/hovercard/option/loading.rb
-- app/models/coupdoeil/hovercard/option/offset.rb
-- app/models/coupdoeil/hovercard/option/opening_delay.rb
-- app/models/coupdoeil/hovercard/option/placement.rb
-- app/models/coupdoeil/hovercard/option/trigger.rb
-- app/models/coupdoeil/hovercard/options_set.rb
-- app/models/coupdoeil/hovercard/registry.rb
-- app/models/coupdoeil/hovercard/setup.rb
-- app/models/coupdoeil/hovercard/view_context_delegation.rb
+- app/javascript/coupdoeil/popover.js
+- app/javascript/coupdoeil/popover/actions.js
+- app/javascript/coupdoeil/popover/attributes.js
+- app/javascript/coupdoeil/popover/cache.js
+- app/javascript/coupdoeil/popover/closing.js
+- app/javascript/coupdoeil/popover/config.js
+- app/javascript/coupdoeil/popover/controller.js
+- app/javascript/coupdoeil/popover/current.js
+- app/javascript/coupdoeil/popover/opening.js
+- app/javascript/coupdoeil/popover/optionsParser.js
+- app/javascript/coupdoeil/popover/positioning.js
+- app/javascript/coupdoeil/popover/state_check.js
 - app/models/coupdoeil/params.rb
+- app/models/coupdoeil/popover.rb
+- app/models/coupdoeil/popover/option.rb
+- app/models/coupdoeil/popover/option/animation.rb
+- app/models/coupdoeil/popover/option/cache.rb
+- app/models/coupdoeil/popover/option/loading.rb
+- app/models/coupdoeil/popover/option/offset.rb
+- app/models/coupdoeil/popover/option/opening_delay.rb
+- app/models/coupdoeil/popover/option/placement.rb
+- app/models/coupdoeil/popover/option/trigger.rb
+- app/models/coupdoeil/popover/options_set.rb
+- app/models/coupdoeil/popover/registry.rb
+- app/models/coupdoeil/popover/setup.rb
+- app/models/coupdoeil/popover/view_context_delegation.rb
 - app/models/coupdoeil/tag.rb
-- app/style/hovercard-animation.scss
-- app/style/hovercard-arrow.scss
-- app/style/hovercard.scss
+- app/style/popover-animation.scss
+- app/style/popover-arrow.scss
+- app/style/popover.scss
 - app/views/layouts/coupdoeil/application.html.erb
 - config/routes.rb
 - lib/coupdoeil.rb
 - lib/coupdoeil/engine.rb
 - lib/coupdoeil/version.rb
-- lib/generators/coupdoeil/hovercard/USAGE
-- lib/generators/coupdoeil/hovercard/hovercard_generator.rb
-- lib/generators/coupdoeil/hovercard/templates/hovercard.rb.tt
 - lib/generators/coupdoeil/install/install_generator.rb
 - lib/generators/coupdoeil/install/templates/layout.html.erb.tt
+- lib/generators/coupdoeil/popover/USAGE
+- lib/generators/coupdoeil/popover/popover_generator.rb
+- lib/generators/coupdoeil/popover/templates/popover.rb.tt
 - lib/tasks/coupdoeil_tasks.rake
 homepage: https://coupdoeil.org
 licenses:
@@ -217,5 +217,5 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 rubygems_version: 3.6.2
 specification_version: 4
-summary: A framework to easily handle hovercards.
+summary: A framework to easily create popovers.
 test_files: []

data/app/assets/stylesheets/coupdoeil/hovercard-animation.css

@@ -1,44 +0,0 @@
-.coupdoeil--hovercard.hidden {
-  display: none;
-}
-
-.coupdoeil--hovercard[data-animation].hovercard-enter {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.coupdoeil--hovercard[data-animation].hovercard-leave {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter, .coupdoeil--hovercard[data-animation].hovercard-leave {
-  transition-property: opacity, transform;
-  transition-duration: 150ms;
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-end[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-enter-end[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-enter-end[data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-start[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-leave-start[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-start[data-animation=slide-out] {
-  opacity: 1;
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-enter-start[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-enter-start[data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-animation=slide-out] {
-  opacity: 0;
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=right][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=right][data-animation=slide-in] {
-  transform: translateX(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=right][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=right][data-animation=slide-out] {
-  transform: translateX(-1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=left][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=left][data-animation=slide-in] {
-  transform: translateX(-1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=left][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=left][data-animation=slide-out] {
-  transform: translateX(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=top][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=top][data-animation=slide-in] {
-  transform: translateY(-1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=top][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=top][data-animation=slide-out] {
-  transform: translateY(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=bottom][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=bottom][data-animation=slide-in] {
-  transform: translateY(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=bottom][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=bottom][data-animation=slide-out] {
-  transform: translateY(-1rem);
-}

data/app/assets/stylesheets/coupdoeil/hovercard-arrow.css

@@ -1,39 +0,0 @@
-.coupdoeil--hovercard [data-hovercard-arrow] {
-  --co-hovercard--color: white;
-  --co-hovercard--border-color: rgb(209 213 219);
-  --co-hovercard-border-size: 1px;
-  --co-hovercard-border-style: solid;
-  --co-hovercard--size-ratio: 1;
-  --co-hovercard--height: 0.75rem;
-  --co-hovercard--width: calc(var(--co-hovercard--height) / var(--co-hovercard--size-ratio));
-  position: absolute;
-  height: var(--co-hovercard--height);
-  width: var(--co-hovercard--height);
-}
-.coupdoeil--hovercard [data-hovercard-arrow]::after, .coupdoeil--hovercard [data-hovercard-arrow]::before {
-  content: "";
-  width: 0;
-  height: 0;
-  position: absolute;
-  bottom: 0;
-  border: var(--co-hovercard--base-border-width) var(--co-hovercard-border-style) transparent;
-}
-.coupdoeil--hovercard [data-hovercard-arrow]::after {
-  --co-hovercard--base-border-width: var(--co-hovercard--width);
-  border-bottom-color: var(--co-hovercard--color);
-  left: calc(50% - var(--co-hovercard--width));
-}
-.coupdoeil--hovercard [data-hovercard-arrow]::before {
-  --co-hovercard--base-border-width: calc(var(--co-hovercard--height) + var(--co-hovercard-border-size));
-  border-bottom-color: var(--co-hovercard--border-color);
-  left: calc(50% - var(--co-hovercard--width) - var(--co-hovercard-border-size));
-}
-.coupdoeil--hovercard[data-placement|=top] [data-hovercard-arrow] {
-  transform: rotate(180deg);
-}
-.coupdoeil--hovercard[data-placement|=right] [data-hovercard-arrow] {
-  transform: rotate(-90deg);
-}
-.coupdoeil--hovercard[data-placement|=left] [data-hovercard-arrow] {
-  transform: rotate(90deg);
-}

data/app/assets/stylesheets/coupdoeil/hovercard.css

@@ -1,84 +0,0 @@
-.coupdoeil--hovercard.hidden {
-  display: none;
-}
-
-.coupdoeil--hovercard[data-animation].hovercard-enter {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.coupdoeil--hovercard[data-animation].hovercard-leave {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter, .coupdoeil--hovercard[data-animation].hovercard-leave {
-  transition-property: opacity, transform;
-  transition-duration: 150ms;
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-end[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-enter-end[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-enter-end[data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-start[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-leave-start[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-start[data-animation=slide-out] {
-  opacity: 1;
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-enter-start[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-enter-start[data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-animation=fade-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-animation=slide-out] {
-  opacity: 0;
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=right][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=right][data-animation=slide-in] {
-  transform: translateX(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=right][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=right][data-animation=slide-out] {
-  transform: translateX(-1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=left][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=left][data-animation=slide-in] {
-  transform: translateX(-1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=left][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=left][data-animation=slide-out] {
-  transform: translateX(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=top][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=top][data-animation=slide-in] {
-  transform: translateY(-1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=top][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=top][data-animation=slide-out] {
-  transform: translateY(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=bottom][data-animation=slide-in], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=bottom][data-animation=slide-in] {
-  transform: translateY(1rem);
-}
-.coupdoeil--hovercard[data-animation].hovercard-enter-start[data-placement|=bottom][data-animation=slide-out], .coupdoeil--hovercard[data-animation].hovercard-leave-end[data-placement|=bottom][data-animation=slide-out] {
-  transform: translateY(-1rem);
-}
-
-.coupdoeil--hovercard [data-hovercard-arrow] {
-  --co-hovercard--color: white;
-  --co-hovercard--border-color: rgb(209 213 219);
-  --co-hovercard-border-size: 1px;
-  --co-hovercard-border-style: solid;
-  --co-hovercard--size-ratio: 1;
-  --co-hovercard--height: 0.75rem;
-  --co-hovercard--width: calc(var(--co-hovercard--height) / var(--co-hovercard--size-ratio));
-  position: absolute;
-  height: var(--co-hovercard--height);
-  width: var(--co-hovercard--height);
-}
-.coupdoeil--hovercard [data-hovercard-arrow]::after, .coupdoeil--hovercard [data-hovercard-arrow]::before {
-  content: "";
-  width: 0;
-  height: 0;
-  position: absolute;
-  bottom: 0;
-  border: var(--co-hovercard--base-border-width) var(--co-hovercard-border-style) transparent;
-}
-.coupdoeil--hovercard [data-hovercard-arrow]::after {
-  --co-hovercard--base-border-width: var(--co-hovercard--width);
-  border-bottom-color: var(--co-hovercard--color);
-  left: calc(50% - var(--co-hovercard--width));
-}
-.coupdoeil--hovercard [data-hovercard-arrow]::before {
-  --co-hovercard--base-border-width: calc(var(--co-hovercard--height) + var(--co-hovercard-border-size));
-  border-bottom-color: var(--co-hovercard--border-color);
-  left: calc(50% - var(--co-hovercard--width) - var(--co-hovercard-border-size));
-}
-.coupdoeil--hovercard[data-placement|=top] [data-hovercard-arrow] {
-  transform: rotate(180deg);
-}
-.coupdoeil--hovercard[data-placement|=right] [data-hovercard-arrow] {
-  transform: rotate(-90deg);
-}
-.coupdoeil--hovercard[data-placement|=left] [data-hovercard-arrow] {
-  transform: rotate(90deg);
-}

data/app/javascript/coupdoeil/hovercard/cache.js

@@ -1,22 +0,0 @@
-import {getParams, getType, preloadedContentElement} from './attributes'
-
-export const hovercardContentHTMLMap = new Map()
-
-function cacheMapKey(controller) {
-  if (preloadedContentElement(controller)) {
-    return controller.coupdoeilElement.uniqueId
-  }
-  return getType(controller) + getParams(controller)
-}
-
-export function getHovercardContentHTML(controller) {
-  return hovercardContentHTMLMap.get(cacheMapKey(controller))
-}
-
-export function setHovercardContentHTML(controller, value) {
-  hovercardContentHTMLMap.set(cacheMapKey(controller), value)
-}
-
-export function clearHovercardContentCache() {
-  hovercardContentHTMLMap.clear()
-}

data/app/javascript/coupdoeil/hovercard/controller.js

@@ -1,20 +0,0 @@
-export class HovercardController {
-  constructor(coupdoeilElement) {
-    this.coupdoeilElement = coupdoeilElement
-
-    this.card = null // can go on coupdoeil element, renamed 'hovercardElement'
-
-    this.children = new Set() // can go on hovercardElement
-    this.parent = null // can go on hovercardElement
-
-    this.closingRequest = null // can go on coupdoeil element
-  }
-
-  get isOpen() {
-    return !!this.coupdoeilElement.dataset.hovercardOpen
-  }
-
-  get isClosed() {
-    return !this.isOpen
-  }
-}

data/app/javascript/coupdoeil/hovercard/current.js

@@ -1,13 +0,0 @@
-export const CURRENT_HOVERCARDS_BY_ID = new Map()
-
-export function currentHovercardsById() {
-  return CURRENT_HOVERCARDS_BY_ID
-}
-
-export function addToCurrents(coupdoeilElement) {
-  CURRENT_HOVERCARDS_BY_ID.set(coupdoeilElement.uniqueId, coupdoeilElement)
-}
-
-export function removeFromCurrents(coupdoeilElement) {
-  CURRENT_HOVERCARDS_BY_ID.delete(coupdoeilElement.uniqueId)
-}