coupdoeil 1.0.0.pre.beta.1 → 1.0.0.pre.beta.3

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)
-}

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

@@ -1,12 +0,0 @@
-import {HOVERCARD_CLOSE_BTN_SELECTOR} from "./config";
-
-import {currentHovercardsById} from "./current";
-
-export function isElementCloseHovercardButton(element) {
-  return element.closest(HOVERCARD_CLOSE_BTN_SELECTOR) ||
-    element.dataset.hasOwnProperty("hovercardClose")
-}
-
-export function isAnyHovercardOpened() {
-  return currentHovercardsById().size > 0
-}

data/app/models/coupdoeil/hovercard/option/offset.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-module Coupdoeil
-  class Hovercard
-    class Option
-      class Offset < Coupdoeil::Hovercard::Option
-        self.bit_size = 8 + 11 + 2
-
-        class << self
-          def parse(value)
-            float_value = value.to_f
-            return 0 if float_value.zero?
-
-            base = 0
-            base |= 1 if float_value.negative?
-            base |= 2 if value.is_a?(String) && value.end_with?("rem")
-
-            integer, decimals = float_value.abs.to_s.split(".")
-            base |= (decimals.to_i << 2)
-            base |= (integer.to_i << 2 + 11)
-
-            base
-          end
-        end
-
-        def validate!
-          return if value in Float | Integer
-          return if value.to_s.match?(/^-?\d+(\.\d{1,3})?(px|rem)?$/)
-
-          raise_invalid_option "Value should be a signed float or integer, followed or not by 'rem' or 'px'."
-        end
-      end
-    end
-  end
-end

data/app/models/coupdoeil/hovercard/setup.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-module Coupdoeil
-  class Hovercard
-    class Setup
-      attr_reader :klass, :type, :params
-
-      EMPTY_PARAMS = {}.freeze
-
-      def initialize(klass)
-        @klass = klass
-        @type = nil
-        @params = EMPTY_PARAMS
-      end
-
-      def default_options = klass.default_options_for(type)
-      def identifier = "#{type}@#{klass.hovercard_resource_name}"
-      def render_in(view_context) = klass.new(params, view_context).process(type)
-
-      def with_type(type)
-        @type = type
-        self
-      end
-
-      def with_params(**params)
-        @params = params
-        self
-      end
-
-      def method_missing(method_name, *args, &)
-        if klass.action_methods.include?(method_name.name)
-          raise ArgumentError, "expected no arguments, given #{args.size}" if args.any?
-          with_type(method_name)
-        else
-          super
-        end
-      end
-
-      def respond_to_missing?(method, include_all = false)
-        klass.action_methods.include?(method.name) || super
-      end
-    end
-  end
-end

data/app/style/hovercard-arrow.scss

@@ -1,40 +0,0 @@
-@use 'sass:list';
-
-.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);
-
-    &::after, &::before {
-      content: "";
-      width: 0;
-      height: 0;
-      position: absolute;
-      bottom: 0;
-      border: var(--co-hovercard--base-border-width) var(--co-hovercard-border-style) transparent;
-    }
-
-    &::after {
-      --co-hovercard--base-border-width: var(--co-hovercard--width);
-      border-bottom-color: var(--co-hovercard--color);
-      left: calc(50% - var(--co-hovercard--width));
-    }
-    &::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));
-    }
-  }
-  &[data-placement|="top"] [data-hovercard-arrow] { transform: rotate(180deg); }
-  &[data-placement|="right"] [data-hovercard-arrow] { transform: rotate(-90deg); }
-  &[data-placement|="left"] [data-hovercard-arrow] { transform: rotate(90deg); }
-}

data/app/style/hovercard.scss

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

data/lib/generators/coupdoeil/hovercard/USAGE

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

data/lib/generators/coupdoeil/hovercard/hovercard_generator.rb

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