shoelace-rails 0.4.1 → 0.6.0

data/test/helpers/translation_test.rb

@@ -0,0 +1,160 @@
+# frozen_string_literal: true
+require 'test_helper'
+
+require_relative '../../app/helpers/shoelace/form_helper'
+
+class TranslationTest < ActionView::TestCase
+  include ActionView::Helpers::TranslationHelper
+  include Shoelace::FormHelper
+
+  AUTOCOMPLETE_ATTRIBUTE = ActionView::VERSION::STRING >= '6.1.0' ? 'autocomplete="off"' : ''
+
+  setup do
+    I18n.backend.store_translations :en,
+                                    helpers: {
+                                      label: {
+                                        user: { name: "Full Name" }
+                                      }
+                                    }
+
+    view_paths = ActionController::Base.view_paths
+    view_paths.each(&:clear_cache)
+    @view = ::ActionView::Base.with_empty_template_cache.with_view_paths(view_paths, {})
+  end
+
+  teardown do
+    I18n.backend.reload!
+  end
+
+  test "Form helpers should respect label translations" do
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.text_field(:name)
+        <sl-input label="Full Name" type="text" name="user[name]" id="user_name"></sl-input>
+      HTML
+    end
+  end
+
+  test "#color_field should respect label translations" do
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.color_field(:name)
+        <sl-color-picker name="user[name]" id="user_name" label="Full Name"></sl-color-picker>
+      HTML
+    end
+  end
+
+  test "#range_field should respect label translations" do
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.range_field(:name)
+        <sl-range label="Full Name" name="user[name]" id="user_name"></sl-range>
+      HTML
+    end
+  end
+
+  test "#switch_field should respect label translations" do
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.switch_field(:name)
+        <sl-switch name="user[name]" id="user_name">Full Name</sl-switch>
+      HTML
+    end
+  end
+
+  test "#text_area should respect label translations" do
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.text_area(:name)
+        <sl-textarea label="Full Name" resize="auto" name="user[name]" id="user_name"></sl-textarea>
+      HTML
+    end
+  end
+
+  test "#check_box should respect label translations" do
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.check_box(:name)
+        <input name="user[name]" type="hidden" value="0" #{AUTOCOMPLETE_ATTRIBUTE} />
+        <sl-checkbox value="1" name="user[name]" id="user_name">Full Name</sl-checkbox>
+      HTML
+    end
+  end
+
+  test "#selec should respect label translationst" do
+    users = {
+      "Yuki Nishijima" => 1,
+      "Matz" => 2,
+      "Koichi Sasada" => 3
+    }
+
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.select(:name, users)
+        <sl-select label="Full Name" name="user[name]" id="user_name">
+          <sl-option value="1">Yuki Nishijima</sl-option>
+          <sl-option value="2">Matz</sl-option>
+          <sl-option value="3">Koichi Sasada</sl-option>
+        </sl-select>
+      HTML
+    end
+  end
+
+  test "#collection_select should respect label translations" do
+    users = {
+      1 => "Yuki Nishijima",
+      2 => "Matz",
+      3 => "Koichi Sasada",
+    }
+
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.collection_select(:name, users, :first, :last)
+        <sl-select label="Full Name" name="user[name]" id="user_name">
+          <sl-option value="1">Yuki Nishijima</sl-option>
+          <sl-option value="2">Matz</sl-option>
+          <sl-option value="3">Koichi Sasada</sl-option>
+        </sl-select>
+      HTML
+    end
+  end
+
+  test "#grouped_collection_select should respect label translations" do
+    users = [
+      OpenStruct.new(
+        group_name: "Main maintainers",
+        members: [
+          OpenStruct.new(id: 1, name: "Matz"),
+          OpenStruct.new(id: 2, name: "Koichi Sasada"),
+        ]
+      ),
+      OpenStruct.new(
+        group_name: "Default gem maintainers",
+        members: [OpenStruct.new(id: 3, name: "Yuki Nishijima")]
+      ),
+    ]
+
+    sl_form_for(User.new(name: "2"), url: "/") do |form|
+      assert_dom_equal <<~HTML, form.grouped_collection_select(:name, users, :members, :group_name, :id, :name)
+        <sl-select label="Full Name" name="user[name]" id="user_name" value="2">
+          <small>Main maintainers</small>
+          <sl-option value="1">Matz</sl-option>
+          <sl-option value="2" checked="checked">Koichi Sasada</sl-option>
+          <sl-divider></sl-divider>
+          <small>Default gem maintainers</small>
+          <sl-option value="3">Yuki Nishijima</sl-option>
+        </sl-select>
+      HTML
+    end
+  end
+
+  test "#collection_radio_buttons should respect label translations" do
+    users = {
+      1 => "Yuki Nishijima",
+      2 => "Matz",
+      3 => "Koichi Sasada",
+    }
+
+    sl_form_for(User.new, url: "/") do |form|
+      assert_dom_equal <<~HTML, form.collection_radio_buttons(:name, users, :first, :last)
+        <sl-radio-group label="Full Name" name="user[name]" id="user_name">
+          <sl-radio value="1" id="user_name_1">Yuki Nishijima</sl-radio>
+          <sl-radio value="2" id="user_name_2">Matz</sl-radio>
+          <sl-radio value="3" id="user_name_3">Koichi Sasada</sl-radio>
+        </sl-radio-group>
+      HTML
+    end
+  end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shoelace-rails
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.6.0
 platform: ruby
 authors:
 - Yuki Nishijima
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-03-21 00:00:00.000000000 Z
+date: 2024-03-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -72,14 +72,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.3
+        version: 2.2.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.3
+        version: 2.2.0
 description: The shoelace-rails gem adds useful view helper methods for using Shoalace
   Web Components.
 email:
@@ -101,14 +101,13 @@ files:
 - app/helpers/shoelace/tag_helper.rb
 - bin/console
 - bin/setup
-- dist/.keep
-- dist/types/.keep
 - gemfiles/rails_50.gemfile
 - gemfiles/rails_51.gemfile
 - gemfiles/rails_52.gemfile
 - gemfiles/rails_60.gemfile
 - gemfiles/rails_61.gemfile
 - gemfiles/rails_70.gemfile
+- gemfiles/rails_71.gemfile
 - gemfiles/rails_edge.gemfile
 - lib/shoelace/engine.rb
 - lib/shoelace/rails.rb
@@ -116,61 +115,11 @@ files:
 - lib/shoelace/railtie.rb
 - lib/shoelace/testing.rb
 - lib/tasks/shoelace.rake
-- package.json
-- rollup.config.js
 - shoelace-rails.gemspec
-- src/index.ts
-- src/turbo/index.ts
-- src/turbo/polyfills/formdata-event.js
-- src/turbo/sl-turbo-form.ts
-- src/turbolinks/features/confirm.ts
-- src/turbolinks/features/disable.ts
-- src/turbolinks/features/remote.ts
-- src/turbolinks/index.ts
-- src/turbolinks/selectors.ts
-- src/turbolinks/start.ts
-- src/turbolinks/turbolinks.ts
-- src/turbolinks/utils/ajax.ts
-- src/turbolinks/utils/csp.ts
-- src/turbolinks/utils/csrf.ts
-- src/turbolinks/utils/dom.ts
-- src/turbolinks/utils/event.ts
-- src/turbolinks/utils/form.ts
-- test/dummy_app/Gemfile
-- test/dummy_app/Rakefile
-- test/dummy_app/app/controllers/hotwire_forms_controller.rb
-- test/dummy_app/app/controllers/turbolinks_forms_controller.rb
-- test/dummy_app/app/models/user.rb
-- test/dummy_app/app/packs/entrypoints/hotwire.js
-- test/dummy_app/app/packs/entrypoints/turbolinks.js
-- test/dummy_app/app/views/hotwire_forms/form.html.erb
-- test/dummy_app/app/views/hotwire_forms/show.html.erb
-- test/dummy_app/app/views/layouts/application.html.erb
-- test/dummy_app/app/views/turbolinks_forms/form.html.erb
-- test/dummy_app/app/views/turbolinks_forms/show.html.erb
-- test/dummy_app/bin/rails
-- test/dummy_app/bin/webpack
-- test/dummy_app/bin/yarn
-- test/dummy_app/config.ru
-- test/dummy_app/config/application.rb
-- test/dummy_app/config/boot.rb
-- test/dummy_app/config/environment.rb
-- test/dummy_app/config/environments/development.rb
-- test/dummy_app/config/environments/test.rb
-- test/dummy_app/config/routes.rb
-- test/dummy_app/config/webpack/development.js
-- test/dummy_app/config/webpack/production.js
-- test/dummy_app/config/webpack/test.js
-- test/dummy_app/config/webpacker.yml
-- test/dummy_app/package.json
-- test/dummy_app/test/system/hotwire_form_test.rb
-- test/dummy_app/test/system/turbolinks_form_test.rb
-- test/dummy_app/test/test_helper.rb
 - test/helpers/form_helper_test.rb
 - test/helpers/tag_helper_test.rb
+- test/helpers/translation_test.rb
 - test/test_helper.rb
-- tsconfig.json
-- yarn.lock
 homepage: https://github.com/yuki24/shoelace-rails
 licenses:
 - MIT
@@ -193,7 +142,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.6
+rubygems_version: 3.5.3
 signing_key:
 specification_version: 4
 summary: Rails view helpers Shoelace.style, the design system.

data/package.json

@@ -1,50 +0,0 @@
-{
-  "name": "@yuki24/shoelace-rails",
-  "version": "0.1.0-beta.5",
-  "author": "Yuki Nishijima <yuki24@hey.com>",
-  "license": "MIT",
-  "description": "Unobtrusive Javascript and Turbolinks support for shoelace.style",
-  "homepage": "https://github.com/yuki24/shoelace-rails",
-  "module": "dist/shoelace-rails.es2017-esm.js",
-  "main": "dist/shoelace-rails.es2017-umd.js",
-  "types": "dist/types/index.d.ts",
-  "files": [
-    "dist/*.js",
-    "dist/*.js.map",
-    "dist/types/**/*"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/yuki24/shoelace-rails.git"
-  },
-  "bugs": {
-    "url": "https://github.com/yuki24/shoelace-rails"
-  },
-  "scripts": {
-    "build": "yarn types && rollup -c",
-    "clean": "rm -fr dist",
-    "prettier-project": "yarn run prettier-write 'src/**/*.{ts,tsx,js,jsx}'",
-    "prettier-write": "yarn run prettier --write",
-    "release": "yarn clean && yarn build && npm publish --access public",
-    "types": "tsc --noEmit false --emitDeclarationOnly true --outDir dist/types"
-  },
-  "devDependencies": {
-    "@hotwired/turbo": "^7.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "@rollup/plugin-typescript": "^8.2.5",
-    "@shoelace-style/shoelace": "^2.0.0-beta.52",
-    "prettier": "^2.3.2",
-    "rollup": "^2.56.2",
-    "tslib": "^2.3.1",
-    "turbolinks": "5.x",
-    "typescript": "^4.3.5"
-  },
-  "peerDependencies": {
-    "@hotwired/turbo": "7.x",
-    "turbolinks": "5.x"
-  },
-  "prettier": {
-    "printWidth": 120,
-    "semi": false
-  }
-}

data/rollup.config.js

@@ -1,49 +0,0 @@
-import resolve from "@rollup/plugin-node-resolve"
-import typescript from "@rollup/plugin-typescript"
-
-export default [
-  {
-    external: ['turbolinks'],
-    input: "src/index.ts",
-    output: [
-      {
-        name: "Shoelace Rails",
-        file: "dist/shoelace-rails.es5-umd.js",
-        format: "umd",
-        sourcemap: true,
-      }
-    ],
-    plugins: [
-      resolve(),
-      typescript({ target: "es5", downlevelIteration: true })
-    ],
-    watch: {
-      include: "src/**"
-    }
-  },
-
-  {
-    external: ['turbolinks'],
-    input: "src/index.ts",
-    output: [
-      {
-        name: "Shoelace Rails",
-        file: "dist/shoelace-rails.es2017-umd.js",
-        format: "umd",
-        sourcemap: true,
-      },
-      {
-        file: "dist/shoelace-rails.es2017-esm.js",
-        format: "es",
-        sourcemap: true,
-      }
-    ],
-    plugins: [
-      resolve(),
-      typescript()
-    ],
-    watch: {
-      include: "src/**"
-    }
-  }
-]

data/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./turbo"
-export * from "./turbolinks"

data/src/turbo/index.ts

@@ -1,6 +0,0 @@
-import "./polyfills/formdata-event"
-import { SlTurboFormElement } from "./sl-turbo-form"
-
-export const startTurbo = () => {
-  customElements.define("sl-turbo-form", SlTurboFormElement)
-}

data/src/turbo/polyfills/formdata-event.js

@@ -1,27 +0,0 @@
-(function(){
-/*
-
- Copyright (c) 2020 The Polymer Project Authors. All rights reserved. This
- code may only be used under the BSD style license found at
- http://polymer.github.io/LICENSE.txt The complete set of authors may be
- found at http://polymer.github.io/AUTHORS.txt The complete set of
- contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code
- distributed by Google as part of the polymer project is also subject to an
- additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-*/
-'use strict';function aa(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}}function n(a){var b="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];return b?b.call(a):{next:aa(a)}}function ba(a){for(var b,c=[];!(b=a.next()).done;)c.push(b.value);return c}var ca="function"==typeof Object.create?Object.create:function(a){function b(){}b.prototype=a;return new b};
-function da(a){a=["object"==typeof globalThis&&globalThis,a,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var b=0;b<a.length;++b){var c=a[b];if(c&&c.Math==Math)return c}throw Error("Cannot find global object");}var ea=da(this),q;
-if("function"==typeof Object.setPrototypeOf)q=Object.setPrototypeOf;else{var r;a:{var ha={a:!0},ia={};try{ia.__proto__=ha;r=ia.a;break a}catch(a){}r=!1}q=r?function(a,b){a.__proto__=b;if(a.__proto__!==b)throw new TypeError(a+" is not extensible");return a}:null}var ja=q,ka=window.Document.prototype,la=ka.createElement,ma=ka.createEvent;var t=window.Event,u=t.prototype,na=u.initEvent,oa=null===u||void 0===u?void 0:u.stopImmediatePropagation,pa=null===u||void 0===u?void 0:u.stopPropagation,w=Object.getOwnPropertyDescriptor(u,"defaultPrevented"),x=Object.getOwnPropertyDescriptor(u,"target");Object.getOwnPropertyDescriptor(u,"type");var qa=window.document;var ra=null===x||void 0===x?void 0:x.get,y=void 0!==ra?function(a){return ra.call(a)}:function(a){return a.target},sa=null===w||void 0===w?void 0:w.get,ta=void 0!==sa?function(a){return sa.call(a)}:function(a){return a.defaultPrevented};function ua(a,b,c){Object.setPrototypeOf(a,Object.getPrototypeOf(b));for(var d=n(Object.keys(b)),e=d.next();!e.done;e=d.next())e=e.value,"prototype"!==e&&Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(b,e));a.prototype=c;Object.defineProperty(c,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:c.constructor})};var va=new WeakMap,wa=new WeakMap;function z(a,b){b=void 0===b?{}:b;try{var c=new t(a,b)}catch(e){c=ma.call(qa,"Event");var d=b.bubbles;b=b.cancelable;na.call(c,a,void 0===d?!1:d,void 0===b?!1:b)}Object.setPrototypeOf(c,Object.getPrototypeOf(this));return c}ua(z,t,u);
-function xa(){z.prototype.constructor=z;Object.setPrototypeOf(z,Function.prototype);z.prototype.stopImmediatePropagation=function(){wa.set(this,!0);return oa.call(this)};z.prototype.stopPropagation=function(){va.set(this,!0);return pa.call(this)};window.Event=z};var A=window.EventTarget,B=null===A||void 0===A?void 0:A.prototype,ya=null===B||void 0===B?void 0:B.addEventListener,za=null===B||void 0===B?void 0:B.removeEventListener,Aa=null===B||void 0===B?void 0:B.dispatchEvent;var C=window.Node.prototype,E=C.addEventListener,Ba=C.appendChild,Ca=C.dispatchEvent,Da=C.getRootNode,Ea=C.insertBefore,Fa=C.removeChild,Ga=C.removeEventListener,F=Object.getOwnPropertyDescriptor(C,"parentNode");var G=window.Window.prototype,H=G.addEventListener,Ha=G.removeEventListener,Ia=G.dispatchEvent;var Ja=A?ya:function(a,b,c){if(this instanceof Node)return E.call(this,a,b,c);if(this instanceof Window)return H.call(this,a,b,c);throw new TypeError("Unsupported.");},Ka=A?za:function(a,b,c){if(this instanceof Node)return Ga.call(this,a,b,c);if(this instanceof Window)return Ha.call(this,a,b,c);throw new TypeError("Unsupported.");},Ma=A?Aa:function(a){if(this instanceof Node)return Ca.call(this,a);if(this instanceof Window)return Ia.call(this,a);throw new TypeError("Unsupported.");};var Na=null===F||void 0===F?void 0:F.get,I=void 0!==Na?function(a){return Na.call(a)}:function(a){return a.parentNode};function Oa(a){if(void 0!==Da)return Da.call(a,void 0);for(var b=I(a);null!==b;)a=b,b=I(b);return a};var J=window.HTMLInputElement.prototype,K=Object.getOwnPropertyDescriptor(J,"name"),L=Object.getOwnPropertyDescriptor(J,"type"),M=Object.getOwnPropertyDescriptor(J,"value");var N,Pa,Qa,Ra=null!==(N=(null!==L&&void 0!==L?L:{}).set)&&void 0!==N?N:function(a){this.type=a},Sa=null!==(Pa=(null!==K&&void 0!==K?K:{}).set)&&void 0!==Pa?Pa:function(a){this.name=a},Ta=null!==(Qa=(null!==M&&void 0!==M?M:{}).set)&&void 0!==Qa?Qa:function(a){this.value=a};var O=window.Element.prototype,P=O.getAttribute,Ua=O.hasAttribute,Va=O.removeAttribute,Wa=O.setAttribute;var Xa=Object.getOwnPropertyDescriptor(window.HTMLCollection.prototype,"length");var Ya,Za=null!==(Ya=(null!==Xa&&void 0!==Xa?Xa:{}).get)&&void 0!==Ya?Ya:function(){return this.length};var Q=window.HTMLFormElement.prototype,$a=Q.submit,ab=Object.getOwnPropertyDescriptor(Q,"elements");var bb=window.FormData,R=bb.prototype,cb=R.append,db=R.delete,eb=R.set;var fb=new WeakMap;function S(a,b){b=void 0===b?{}:b;a=z.call(this,a,b)||this;b=b.formData;if(!(b instanceof FormData))throw new TypeError("Failed to construct 'FormDataEvent': member formData is not of type FormData.");fb.set(a,b);return a}S.prototype=ca(z.prototype);S.prototype.constructor=S;if(ja)ja(S,z);else for(var T in z)if("prototype"!=T)if(Object.defineProperties){var gb=Object.getOwnPropertyDescriptor(z,T);gb&&Object.defineProperty(S,T,gb)}else S[T]=z[T];
-ea.Object.defineProperties(S.prototype,{formData:{configurable:!0,enumerable:!0,get:function(){return fb.get(this)}}});var U=new WeakMap;function V(a){var b=new bb(a);Object.setPrototypeOf(b,Object.getPrototypeOf(this));U.set(b,[]);a instanceof HTMLFormElement&&Ma.call(a,new S("formdata",{bubbles:!0,formData:b}));return b}ua(V,bb,R);
-function hb(){V.prototype.constructor=V;V.prototype.append=function(a,b){var c=U.get(this);if("string"!==typeof b)throw Error("Unsupported.");c.push({i:"append",name:a,value:b});return cb.call(this,a,b)};void 0!==db&&(V.prototype["delete"]=function(a){U.get(this).push({i:"delete",name:a});return db.call(this,a)});void 0!==eb&&(V.prototype.set=function(a,b){var c=U.get(this);if("string"!==typeof b)throw Error("Unsupported.");c.push({i:"set",name:a,value:b});return eb.call(this,a,b)});window.FormData=
-V};function ib(a){function b(p){for(var h=ab.get.call(a),k=Za.call(h),m=0;m<k;m++){var v=h[m],fa;if(fa=P.call(v,"name")===p)fa=!Ua.call(v,"disabled");if(fa)return v}}function c(p){for(var h=ab.get.call(a),k=Za.call(h),m=0;m<k;m++){var v=h[m];P.call(v,"name")===p&&(f.has(v)||f.set(v,P.call(v,"disabled")),Wa.call(v,"disabled",""))}}function d(p,h,k){var m=la.call(qa,"input",void 0);Ra.call(m,"hidden");Sa.call(m,p);Ta.call(m,h);void 0!==k?(p=I(k),Ea.call(p,m,k)):Ba.call(a,m);g.push(m)}var e=new V(a),g=
-[],f=new Map;e=n(U.get(e));for(var l=e.next();!l.done;l=e.next())switch(l=l.value,l.i){case "append":d(l.name,l.value);break;case "delete":c(l.name);break;case "set":var D=l;l=D.name;D=D.value;var La=b(l);void 0===La?d(l,D):(c(l),d(l,D,La));break;default:throw Error("UNREACHABLE");}setTimeout(function(){for(var p=n(g),h=p.next();!h.done;h=p.next()){h=h.value;var k=I(h);k&&Fa.call(k,h)}p=n(f);for(h=p.next();!h.done;h=p.next())k=n(h.value),h=k.next().value,k=k.next().value,P.call(h,"disabled")!==k&&
-(null===k?Va.call(h,"disabled"):Wa.call(h,"disabled",k))})};function W(){this.h=[]}W.prototype.push=function(a){for(var b=a.g,c=a.capture,d=n(this.h),e=d.next();!e.done;e=d.next())if(e=e.value,b===e.g&&c===e.capture)return;this.h.push(a)};W.prototype.delete=function(a){var b=a.g;a=a.capture;for(var c=0;c<this.h.length;c++){var d=this.h[c];if(b===d.g&&a===d.capture){this.h.splice(c,1);break}}};
-ea.Object.defineProperties(W.prototype,{length:{configurable:!0,enumerable:!0,get:function(){return this.h.length}},l:{configurable:!0,enumerable:!0,get:function(){for(var a=this.h,b=a.length-1;0<=b;b--){var c=a[b];if(c.capture)return c.g}}},j:{configurable:!0,enumerable:!0,get:function(){for(var a=this.h,b=a.length-1;0<=b;b--){var c=a[b];if(!c.capture)return c.g}}}});var X=new WeakMap;function jb(a,b,c){var d;b&&(X.has(a)||X.set(a,new W),c="boolean"===typeof c?c:null!==(d=null===c||void 0===c?void 0:c.capture)&&void 0!==d?d:!1,X.get(a).push({g:b,capture:c}))}function kb(a,b,c){var d;b&&(a=X.get(a),void 0!==a&&(c="boolean"===typeof c?c:null!==(d=null===c||void 0===c?void 0:c.capture)&&void 0!==d?d:!1,a.delete({g:b,capture:c})))};var Y=new WeakMap,lb=new WeakMap,Z=new WeakMap;function mb(a){if(!lb.has(a)){lb.set(a,!0);var b=y(a);if(b instanceof HTMLFormElement){b=Oa(b);var c=nb(function(){});Z.set(a,{target:b,g:c});Ja.call(b,"submit",c);jb(b,c)}}}
-function nb(a){return function e(c,d){for(var g=[],f=1;f<arguments.length;++f)g[f-1]=arguments[f];g="function"===typeof a?a.call.apply(a,[this,c].concat(g instanceof Array?g:ba(n(g)))):a.handleEvent.apply(a,[c].concat(g instanceof Array?g:ba(n(g))));f=y(c)instanceof HTMLFormElement;if(wa.has(c)&&f)ob(c);else if(va.has(c)&&f){f=X.get(this);var l=f.j;e!==f.l&&e!==l||ob(c)}else Z.has(c)&&(f=Z.get(c),void 0!==f&&this===f.target&&(f=X.get(this).j,e===f&&ob(c)));return g}}
-function ob(a){var b=Z.get(a);if(b){var c=b.target;b=b.g;Ka.call(c,"submit",b);kb(c,b);Z.delete(a)}ta(a)||ib(y(a))};var pb=new WeakMap;function qb(a,b){a.addEventListener=function(c,d,e){if("submit"===c&&null!==d){var g=nb(d);pb.set(d,g);d=g}g=b.call(this,c,d,e);if("formdata"===c){c=d;var f;c&&(e="boolean"===typeof e?e:null!==(f=null===e||void 0===e?void 0:e.capture)&&void 0!==f?f:!1,f=Y.get(this),void 0===f?(f=new W,f.push({g:c,capture:e}),Y.set(this,f),Ja.call(this,"submit",mb,!0)):f.push({g:c,capture:e}))}else"submit"===c&&null!==d&&jb(this,d,e);return g}}
-function rb(a,b){a.removeEventListener=function(c,d,e){var g;"submit"===c&&null!==d&&(d=null!==(g=pb.get(d))&&void 0!==g?g:d);g=b.call(this,c,d,e);if("formdata"===c){c=d;var f;c&&(d=Y.get(this),void 0!==d&&(e="boolean"===typeof e?e:null!==(f=null===e||void 0===e?void 0:e.capture)&&void 0!==f?f:!1,d.delete({g:c,capture:e}),0===d.length&&(Y.delete(this),Ka.call(this,"submit",mb,!0))))}else"submit"===c&&null!==d&&kb(this,d,e);return g}};function sb(){Q.submit=function(){ib(this);return $a.call(this)}};void 0===window.FormDataEvent&&(xa(),B&&(qb(B,ya),rb(B,za)),E&&(qb(C,E),rb(C,Ga)),H&&(qb(G,H),rb(G,Ha)),hb(),Object.defineProperty(window,"FormDataEvent",{writable:!0,enumerable:!1,configurable:!0,value:S}),Q&&sb());
-}).call(self);
-
-//# sourceMappingURL=formdata-event.min.js.map

data/src/turbo/sl-turbo-form.ts

@@ -1,110 +0,0 @@
-interface SlForm extends HTMLElement {
-  getFormData: () => FormData
-}
-
-interface SlButton extends HTMLElement {
-  submit: boolean
-}
-
-interface FormDataEvent extends Event {
-  formData: FormData
-}
-
-interface SubmitEvent extends CustomEvent {
-  submitter: Element
-}
-
-const submittersByForm: WeakMap<HTMLFormElement, HTMLElement> = new WeakMap()
-
-const cloneAttributes = (target, source) =>
-  [...source.attributes]
-    .filter(({ nodeName }) => !["id", "class"].includes(nodeName))
-    .forEach(({ nodeName, nodeValue }) => target.setAttribute(nodeName, nodeValue))
-
-const findSubmitterFromClickTarget = (target: EventTarget | null): HTMLElement => {
-  const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null
-
-  if (element?.tagName === "SL-BUTTON") {
-    const slButton = element as SlButton
-    return slButton.submit ? slButton : null
-  } else {
-    const candidate = element?.closest("input, button") as HTMLInputElement | HTMLFormElement
-    return candidate?.type === "submit" ? candidate : null
-  }
-}
-
-export class SlTurboFormElement extends HTMLElement {
-  private readonly form: HTMLFormElement
-  private called: boolean
-
-  static template = `
-    <sl-form>
-      <slot></slot>
-    </sl-form>
-  `
-
-  static get observedAttributes() {
-    return ["action", "method", "enctype", "accept-charset", "data"]
-  }
-
-  constructor() {
-    super()
-
-    // The <sl-form> component needs to be rendered within the shadow DOM so we can safely use the <slot>, which
-    // should contain shoelace form controls.
-    const shadowRoot = this.attachShadow({ mode: "open" })
-    shadowRoot.innerHTML = SlTurboFormElement.template
-
-    // The normal <form> element needs to be rendered within the light DOM so we can emit a custom 'submit' event
-    // with appropriate formdata, target, etc.
-    this.form = document.createElement("form")
-    this.form.style.display = "none"
-    cloneAttributes(this.form, this)
-    this.appendChild(this.form)
-  }
-
-  connectedCallback() {
-    this.addEventListener("click", this.clickCaptured, true)
-    this.addEventListener("sl-submit", this.handleSubmit)
-    this.addEventListener("formdata", this.handleFormData)
-  }
-
-  disconnectedCallback() {
-    this.removeEventListener("click", this.clickCaptured, true)
-    this.removeEventListener("sl-submit", this.handleSubmit)
-    this.removeEventListener("formdata", this.handleFormData)
-  }
-
-  handleFormData = (event: FormDataEvent) => {
-    const { formData, target } = event
-
-    if (this.form === target && !this.called) {
-      this.called = true
-      const slForm = this.shadowRoot.querySelector("sl-form") as SlForm
-
-      for (const [key, value] of slForm.getFormData().entries()) {
-        formData.append(key, value)
-      }
-    }
-  }
-
-  handleSubmit = (event: CustomEvent) => {
-    event.stopImmediatePropagation()
-    const submitter = submittersByForm.get(this.form)
-    const submitEvent = new CustomEvent("submit", { bubbles: true, cancelable: true }) as SubmitEvent
-    Object.defineProperty(submitEvent, "submitter", { get: () => submitter })
-
-    const cancelled = this.form.dispatchEvent(submitEvent)
-    if (cancelled) {
-      this.form.submit()
-    }
-  }
-
-  clickCaptured = (event: Event) => {
-    const submitter = findSubmitterFromClickTarget(event.target)
-
-    if (submitter) {
-      submittersByForm.set(this.form, submitter)
-    }
-  }
-}

data/src/turbolinks/features/confirm.ts

@@ -1,42 +0,0 @@
-// This code was heavily inspired by the rails-ujs project.
-// Copyright (c) 2007-2021 Rails Core team.
-import { fire, stopEverything } from "../utils/event"
-
-export const handleConfirm = (event) => {
-  const { target } = event
-
-  if (!allowAction(target)) {
-    return stopEverything(event)
-  }
-}
-
-// For 'data-confirm' attribute:
-// - Fires `confirm` event
-// - Shows the confirmation dialog
-// - Fires the `confirm:complete` event
-//
-// Returns `true` if no function stops the chain and user chose yes `false` otherwise.
-// Attaching a handler to the element's `confirm` event that returns a `falsy` value cancels the confirmation dialog.
-// Attaching a handler to the element's `confirm:complete` event that returns a `falsy` value makes this function
-// return false. The `confirm:complete` event is fired whether or not the user answered true or false to the dialog.
-const allowAction = (element) => {
-  const message = element.getAttribute("data-confirm")
-
-  if (!message) {
-    return true
-  }
-
-  let callback = null,
-    answer = false
-  if (fire(element, "confirm")) {
-    try {
-      answer = confirm(message)
-    } catch (error) {
-      // no-op...
-    }
-
-    callback = fire(element, "confirm:complete", [answer])
-  }
-
-  return answer && callback
-}