spina 2.19.0 → 2.21.0

data/app/assets/javascripts/spina/libraries/form-request-submit-polyfill@2.0.0.js

@@ -1,27 +0,0 @@
-(function(prototype) {
-  if (typeof prototype.requestSubmit == "function")
-    return;
-  prototype.requestSubmit = function(submitter) {
-    if (submitter) {
-      validateSubmitter(submitter, this);
-      submitter.click();
-    } else {
-      submitter = document.createElement("input");
-      submitter.type = "submit";
-      submitter.hidden = true;
-      this.appendChild(submitter);
-      submitter.click();
-      this.removeChild(submitter);
-    }
-  };
-  function validateSubmitter(submitter, form) {
-    submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
-    submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
-    submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
-  }
-  function raise(errorConstructor, message, name) {
-    throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name);
-  }
-})(HTMLFormElement.prototype);
-export default null;
-

data/app/assets/javascripts/spina/libraries/stimulus-data-bindings@1.3.2.js

@@ -1,234 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-/**
- * One way data and visibility bindings for inputs
- * @extends Controller
- */
-export default class DataBindingController extends Controller {
-  /**
-   * Initialize bindings on connection to the DOM
-   */
-  connect() {
-    if (this.element.dataset.bindingDebug === "true") {
-      this.debugMode = true
-    }
-
-    this._debug("stimulus-data-binding: connecting to wrapper:", this.element)
-
-    const sourceElements = Array.from(this.element.querySelectorAll('[data-binding-target]'))
-    if (this.element.dataset.bindingTarget) sourceElements.unshift(this.element)
-
-    if (sourceElements.length === 0) this._debug("No source elements found. Did you set data-binding-target on your source elements?")
-
-    for (const sourceElement of sourceElements) {
-      if (this.debugMode) console.group("stimulus-data-binding: Source element")
-      this._debug("Source element found", sourceElement)
-
-      if (sourceElement.dataset.bindingInitial !== 'false') {
-        this._debug("Running initial binding on source element")
-        this._runBindings(sourceElement)
-      } else {
-        this._debug("%cNot running initial binding on source element as binding-initial is set to false", "color: rgba(150,150,150,0.8);")
-      }
-
-      if (this.debugMode) console.groupEnd()
-    }
-  }
-
-  /**
-   * Updates bindings for the current element.
-   * @param {Event} e - an event with a currentTarget DOMElement
-   */
-  update(e) {
-    this._runBindings(e.currentTarget)
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} source
-   */
-  _runBindings(source) {
-    this._debug("Searching for targets for source: ", source)
-    for (const targetRef of source.dataset.bindingTarget.split(' ')) {
-      const targetElements = this._bindingElements(targetRef)
-
-      if (targetElements.length === 0) this._debug(`Could not find any target elements for ref ${targetRef}. Have you set data-target-ref="${targetRef}" on your target elements?`)
-
-      for (const target of targetElements) {
-        if (this.debugMode) console.group("stimulus-data-binding: Target Element")
-        this._debug("Target found. Running bindings for target: ", target)
-
-        const bindingCondition = this._getDatum('bindingCondition', source, target)
-
-        if (bindingCondition) {
-          this._debug(`Evaluating binding condition: '${bindingCondition}'`)
-        } else {
-          this._debug(`%cNo binding condition set. Evaluating as true. To add a condition set 'data-binding-condition="..."'`, "color: rgba(150,150,150,0.8);")
-        }
-
-        const conditionPassed = this._evaluate(
-          bindingCondition,
-          {
-            source,
-            target
-          }
-        )
-
-        if (conditionPassed) {
-          this._debug(`Condition evaluated to: `, conditionPassed)
-        } else {
-          this._debug(`Condition evaluated to: `, conditionPassed)
-        }
-
-        const bindingValue = this._getDatum('bindingValue', source, target)
-
-        if (bindingValue) {
-          this._debug(`Evaluating binding value: '${bindingValue}'`)
-        } else {
-          this._debug(`%cNo binding value set, evaluating as true. to set a value for the attribute / property on your target elements set 'data-binding-value="..."'`, "color: rgba(150,150,150,0.8);")
-        }
-
-        const value = this._evaluate(
-          bindingValue,
-          {
-            source,
-            target
-          }
-        )
-
-        this._debug(`Value evaluated to: '${value}'`)
-
-        const bindingAttribute = this._getDatum(
-          'bindingAttribute',
-          source,
-          target
-        )
-
-        if (!bindingAttribute) {
-          this._debug(`%cNo binding attribute set. To add attributes to your target element set 'data-binding-attribute="..."'`, "color: rgba(150,150,150,0.8);")
-        }
-
-        if (bindingAttribute) {
-          for (const attribute of bindingAttribute.split(' ')) {
-            if (conditionPassed) {
-              this._debug(`Condition passed so setting attribute '${attribute}' to '${value}'`)
-              target.setAttribute(attribute, value)
-            } else {
-              this._debug(`Condition failed so removing attribute '${attribute}'`)
-              target.removeAttribute(attribute)
-            }
-          }
-        }
-
-        const bindingProperty = this._getDatum(
-          'bindingProperty',
-          source,
-          target
-        )
-
-        if (!bindingProperty) {
-          this._debug(`%cNo binding property set. To add properties to your target element set 'data-binding-property="..."'`, "color: rgba(150,150,150,0.8);")
-        }
-
-        if (bindingProperty) {
-          for (const prop of bindingProperty.split(' ')) {
-            const propertyValue = conditionPassed ? value : ''
-            if (target[prop] != propertyValue) { target.dataset.hasChanged = true }
-
-            if (conditionPassed) {
-              this._debug(`Condition passed so setting property '${prop}' from ${target[prop]} to '${value}'`)
-            } else {
-              this._debug(`Condition failed so setting property '${prop}' from ${target[prop]} to '' (empty string)`)
-            }
-
-            target[prop] = propertyValue
-          }
-        }
-
-        const bindingClass = this._getDatum(
-          'bindingClass',
-          source,
-          target
-        )
-
-        if (!bindingClass) {
-          this._debug(`%cNo binding class set. To add classes to your target element set 'data-binding-class="..."'`, "color: rgba(150,150,150,0.8);")
-        }
-
-        if (bindingClass) {
-          for (const klass of bindingClass.split(' ')) {
-            if (conditionPassed) {
-              this._debug(`Condition passed so adding class '${klass}'`)
-              target.classList.add(klass)
-            } else {
-              this._debug(`Condition failed so removing class '${klass}'`)
-              target.classList.remove(klass)
-            }
-          }
-        }
-
-        const bindingEvent = this._getDatum('bindingEvent', source, target)
-
-        if (!bindingEvent) {
-          this._debug(`%cNo binding event set. To dispatch events on property change to your target element set 'data-binding-event="..."'`, "color: rgba(150,150,150,0.8);")
-        }
-
-        if (bindingEvent) {
-          for (const event of bindingEvent.split(' ')) {
-            if (target.dataset.hasChanged) {
-              this._debug(`Target has changed so dispatching event ${event}`)
-              target.dispatchEvent(new Event(event, { cancelable: true, bubbles: true }))
-              delete target.dataset.hasChanged
-            } else {
-              this._debug(`No changes to target properties so not dispatching '${event}'`)
-            }
-          }
-        }
-
-        if (this.debugMode) console.groupEnd()
-      }
-    }
-  }
-
-  /**
-   * @private
-   * @param {String} name - the name of the binding reference
-   */
-  _bindingElements(name) {
-    return this.element.querySelectorAll(`[data-binding-ref="${name}"]`)
-  }
-
-  /**
-   * @private
-   * @param {String} attribute - the attribute to fetch from the source / target dataaset
-   * @param {String} source - The source element to get the attribute from, only loads if target doesnt have it
-   * @param {String} target - The target element to get the attribute from, has precedence over the source
-   */
-  _getDatum(attribute, source, target) {
-    return target.dataset[attribute] || source.dataset[attribute]
-  }
-
-  /**
-   * @private
-   * @param {String} expression - expression to safe eval
-   * @param {Object} variables - variables to be present when evaluating the given expression
-   */
-  _evaluate(expression, variables = {}) {
-    if (!expression) return true
-    return new Function(
-      Object.keys(variables).map((v) => `$${v}`),
-      `return ${expression.trim()}`
-    )(...Object.values(variables))
-  }
-
-  /**
-  * @private
-  * @param {String} expression - expression to safe eval
-  * @param {Object} variables - variables to be present when evaluating the given expression
-  */
-  _debug(...args) {
-    if (this.debugMode) {
-      console.log(...args)
-    }
-  }
-}

data/app/assets/javascripts/spina/libraries/stimulus-reveal@1.4.2.js

@@ -1,424 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-/**
- * Stimulus controller to toggle element visibility
- * @extends Controller
- */
-export default class RevealController extends Controller {
-  static values = {
-    open: Boolean,
-    transitioning: Boolean,
-    targetSelector: String,
-    toggleKeys: String,
-    showKeys: String,
-    hideKeys: String,
-    away: Boolean,
-    debug: Boolean,
-  };
-
-  connect() {
-    this._initCloseKeypressListener();
-    this._initToggleKeypressListener();
-    this._initShowKeypressListener();
-    this._awayHandler = this._awayHandler.bind(this);
-  }
-
-  disconnect() {
-    this._teardown();
-  }
-
-  /**
-   * Shows elements connected to the controller.
-   * @param {Event} event - an event with a currentTarget DOMElement
-   */
-  show(event) {
-    if (this.openValue || this.transitioningValue) return;
-
-    this._init(event, true);
-  }
-
-  /**
-   * Hides elements connected to the controller.
-   * @param {Event} event - an event with a currentTarget DOMElement
-   */
-  hide(event) {
-    if (!this.openValue || this.transitioningValue) return;
-
-    this._init(event, false);
-  }
-
-  /**
-   * Toggles elements connected to the controller.
-   * @param {Event} event - an event with a currentTarget DOMElement
-   */
-  toggle(event) {
-    if (this.transitioningValue) return;
-
-    this._init(event, !this.openValue);
-  }
-
-  /**
-   * Stops event propagation of elements connected to the controller.
-   * @param {Event} event - an event with a currentTarget DOMElement
-   */
-  stop(event) {
-    event.stopPropagation();
-  }
-
-  // Private methods
-
-  /**
-   * @private
-   * @param {Event} event
-   * @param {Event} shouldOpen
-   */
-  async _init(event, shouldOpen) {
-    if (event && event.currentTarget && event.currentTarget.dataset) {
-      if ("revealPreventDefault" in event.currentTarget.dataset) {
-        event.preventDefault();
-      }
-      if ("revealStopPropagation" in event.currentTarget.dataset) {
-        event.stopPropagation();
-      }
-    }
-    // start stuff
-    const startSelector = `${this.selector}[data-${shouldOpen ? "enter" : "leave"
-      }-start]`;
-    const startPromises = this._didInitWithPromise(startSelector, shouldOpen);
-    await Promise.all(startPromises);
-
-    const defaultSelector = `${this.selector}:not([data-${shouldOpen ? "enter" : "leave"
-      }-start]):not([data-${shouldOpen ? "enter" : "leave"}-end])`;
-    const defaultPromises = this._didInitWithPromise(
-      defaultSelector,
-      shouldOpen
-    );
-    await Promise.all(defaultPromises);
-
-    // end stuff
-    const endSelector = `${this.selector}[data-${shouldOpen ? "enter" : "leave"
-      }-end]`;
-    const endPromises = this._didInitWithPromise(endSelector, shouldOpen);
-    await Promise.all(endPromises);
-  }
-
-  /**
-   * @private
-   */
-  _teardown() {
-    if (this.hasAwayValue) {
-      document.removeEventListener("click", this._awayHandler);
-    }
-  }
-
-  _didInitWithPromise(selector, shouldOpen) {
-    this._debug("selecting", selector, this._fetchElements(selector));
-    return this._fetchElements(selector).map((element) => {
-      return this._doInitTransition(element, shouldOpen);
-    });
-  }
-
-  /**
-   * @private
-   */
-  _initCloseKeypressListener() {
-    if (this.hasHideKeysValue) {
-      document.addEventListener("keydown", (event) => {
-        if (!this.openValue) return;
-        if (!this.hideKeysValue.split(",").includes(event.key.toLowerCase())) {
-          return;
-        }
-
-        event.stopPropagation();
-        this.toggle(event);
-      });
-    }
-  }
-
-  /**
-   * @private
-   */
-  _initToggleKeypressListener() {
-    if (this.hasToggleKeysValue) {
-      document.addEventListener("keydown", (event) => {
-        if (
-          !this.toggleKeysValue.split(",").includes(event.key.toLowerCase())
-        ) {
-          return;
-        }
-
-        event.stopPropagation();
-
-        this.toggle(event);
-      });
-    }
-  }
-
-  /**
-   * @private
-   */
-  _initShowKeypressListener() {
-    if (this.hasShowKeysValue) {
-      document.addEventListener("keydown", (event) => {
-        if (this.openValue) return;
-        if (!this.showKeysValue.split(",").includes(event.key.toLowerCase())) {
-          return;
-        }
-
-        event.stopPropagation();
-
-        this.toggle(event);
-      });
-    }
-  }
-
-  /**
-   * @private
-   */
-  _awayHandler(event) {
-    if (!this.element.contains(event.target)) {
-      document.removeEventListener("click", this._awayHandler);
-      this.hide(event);
-    }
-    return true;
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} target
-   * @param {boolean} openState
-   */
-  _doInitTransition(target, openState) {
-    this._debug("init transition", `${openState ? "open" : "closed"}`, target);
-    this._debug(
-      "dispatching event",
-      `reveal:${openState ? "show" : "hide"}`,
-      target
-    );
-    target.dispatchEvent(
-      new Event(`reveal:${openState ? "show" : "hide"}`, {
-        bubbles: true,
-        cancelable: false,
-      })
-    );
-
-    return new Promise((resolve, reject) => {
-      if (
-        "transition" in target.dataset &&
-        this.element.offsetParent !== null
-      ) {
-        requestAnimationFrame(() => {
-          this._transitionSetup(target, openState);
-          const _didEndTransition = this._didEndTransition.bind(this);
-
-          target.addEventListener(
-            "transitionend",
-            function _didEndTransitionHandler() {
-              _didEndTransition(target, openState);
-              target.removeEventListener(
-                "transitionend",
-                _didEndTransitionHandler
-              );
-              resolve();
-            }
-          );
-
-          requestAnimationFrame(() => {
-            this._doStartTransition(target, openState);
-          });
-        });
-      } else {
-        if (openState) {
-          this._debug(
-            "force hidden - init",
-            `${openState ? "open" : "closed"}`,
-            target
-          );
-          target.hidden = !target.hidden;
-        }
-        this._doCompleteTransition(target, openState);
-        resolve();
-      }
-    });
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} target
-   */
-  _doStartTransition(target, openState) {
-    this._debug("start transition", `${openState ? "open" : "closed"}`, target);
-    this.transitioningValue = true;
-    if (target.dataset.useTransitionClasses === "true") {
-      const transitionClasses = this._transitionClasses(
-        target,
-        this.transitionType
-      );
-      target.classList.add(...transitionClasses.end.split(" "));
-      target.classList.remove(...transitionClasses.start.split(" "));
-    } else {
-      const transitions = this._transitionDefaults(openState);
-      target.style.transformOrigin = transitions.origin;
-      target.style.transitionProperty = "opacity transform";
-      target.style.transitionDuration = `${transitions.duration / 1000}s`;
-      target.style.transitionTimingFunction = "cubic-bezier(0.4, 0.0, 0.2, 1)";
-
-      target.style.opacity = transitions.to.opacity;
-      target.style.transform = `scale(${transitions.to.scale / 100})`;
-    }
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} target
-   * @param {boolean} openState
-   */
-  _didEndTransition(target, openState) {
-    this._debug("end transition", `${openState ? "open" : "closed"}`, target);
-    if (target.dataset.useTransitionClasses === "true") {
-      const transitionClasses = this._transitionClasses(
-        target,
-        this.transitionType
-      );
-      target.classList.remove(...transitionClasses.before.split(" "));
-    } else {
-      target.style.opacity = target.dataset.opacityCache;
-      target.style.transform = target.dataset.transformCache;
-      target.style.transformOrigin = target.dataset.transformOriginCache;
-    }
-    this._doCompleteTransition(target, openState);
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} target
-   * @param {boolean} openState
-   */
-  _doCompleteTransition(target, openState) {
-    this._debug(
-      "complete transition",
-      `${openState ? "open" : "closed"}`,
-      target
-    );
-    this.transitioningValue = false;
-
-    if (!openState) {
-      this._debug(
-        "force hidden - complete",
-        `${openState ? "open" : "closed"}`,
-        target
-      );
-      target.hidden = !target.hidden;
-    }
-    this.openValue = openState;
-
-    this._debug(
-      "dispatching event",
-      `reveal:${openState ? "shown" : "hidden"}`,
-      target
-    );
-    target.dispatchEvent(
-      new Event(`reveal:${openState ? "shown" : "hidden"}`, {
-        bubbles: true,
-        cancelable: false,
-      })
-    );
-
-    if (this.hasAwayValue && openState) {
-      document.addEventListener("click", this._awayHandler);
-    }
-
-    this._debug("dispatching event", "reveal:complete", target);
-    target.dispatchEvent(
-      new Event("reveal:complete", { bubbles: true, cancelable: false })
-    );
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} target
-   * @param {boolean} openState
-   */
-  _transitionSetup(target, openState) {
-    this.transitionType = openState ? "transitionEnter" : "transitionLeave";
-
-    if (this.transitionType in target.dataset) {
-      target.dataset.useTransitionClasses = true;
-      const transitionClasses = this._transitionClasses(
-        target,
-        this.transitionType
-      );
-      target.classList.add(...transitionClasses.before.split(" "));
-      target.classList.add(...transitionClasses.start.split(" "));
-    } else {
-      target.dataset.useTransitionClasses = false;
-      const transitions = this._transitionDefaults(openState);
-      target.dataset.opacityCache = target.style.opacity;
-      target.dataset.transformCache = target.style.transform;
-      target.dataset.transformOriginCache = target.style.transformOrigin;
-
-      target.style.opacity = transitions.from.opacity;
-      target.style.transform = `scale(${transitions.from.scale / 100})`;
-    }
-    if (openState) {
-      this._debug("opening with transition", target);
-      target.hidden = !target.hidden;
-    }
-  }
-
-  /**
-   * @private
-   * @param {boolean} openState
-   */
-  _transitionDefaults(openState) {
-    return {
-      duration: openState ? 200 : 150,
-      origin: "center",
-      from: {
-        opacity: openState ? 0 : 1,
-        scale: openState ? 95 : 100,
-      },
-      to: {
-        opacity: openState ? 1 : 0,
-        scale: openState ? 100 : 95,
-      },
-    };
-  }
-
-  /**
-   * @private
-   * @param {DOMElement} target
-   * @param {string} transitionType
-   */
-  _transitionClasses(target, transitionType) {
-    return {
-      before: target.dataset[transitionType],
-      start: target.dataset[`${transitionType}Start`],
-      end: target.dataset[`${transitionType}End`],
-    };
-  }
-
-  /**
-   * @private
-   * @param {String} selector
-   */
-  _fetchElements(selector) {
-    return [this.element, ...this.element.querySelectorAll(selector)].filter(
-      (el) => el.matches(selector)
-    );
-  }
-
-  /**
-   * @private
-   * @param {Array} args
-   */
-  _debug(...args) {
-    if (this.debugValue) console.log(...args);
-  }
-
-  get selector() {
-    return this.hasTargetSelectorValue
-      ? this.targetSelectorValue
-      : "[data-reveal]";
-  }
-}

data/lib/generators/spina/templates/app/assets/config/spina/tailwind.config.js.tt

@@ -1,23 +0,0 @@
-module.exports = {
-  content: [
-    <%= Spina.config.tailwind_content.map{|path|"'#{path}'"}.join(",\n") %>
-  ],
-  theme: {
-    fontFamily: {
-      body: ['Metropolis'],
-      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', "Liberation Mono", "Courier New", 'monospace']
-    },
-    extend: {
-      colors: {
-        spina: {
-          light: '#797ab8',
-          DEFAULT: '#6865b4',
-          dark: '#3a3a70'
-        }
-      }
-    }
-  },
-  plugins: [
-    <%= Spina.config.tailwind_plugins.map {|plugin|"require('#{plugin}')"}.join(",\n\t") %>
-  ]
-}