super 0.0.4 → 0.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0d378212920c122d95175cc4b4ecfdf55c1070368357f8b817d38b68ab97e778
-  data.tar.gz: f8a33da48b4e35e39fe77d2ffb9c8793e10dd0b2b72f2b5400bc8e3fa99f7c65
+  metadata.gz: 7b01ea90f28d8e14b5a5f4bd454e2a15676b9c95623200a17d1a2ed2fb71d87f
+  data.tar.gz: 753365f90dcc880f4249ab60d9eea04034189fd221ecb03d500a8fc78f02a7a9
 SHA512:
-  metadata.gz: a375ce9eed4870662bd5b0a7a09cd15b90157f11ec3c484e7e48661720e2b5e8fe55e87eb718c42a208aba30391bc436a41b62d68d144ecd153671415ac97ebc
-  data.tar.gz: 911915c22fd97c1d4378b3e25a8b59b1244fe271592a9caeb06adb1ad69b131059611690792822ed141dce25cfba78a9eb383761bdca3cd75e9588872b0f2410
+  metadata.gz: ec08f45761eefc5645daa6f4976b9b3844fba97c04b81ddbee3217dfd6392666c30eabb7e7a2eca0516f2dad861b4f8a5f85ac8ac36ed583baa6dcb38d7fb4f2
+  data.tar.gz: ed215af314d49cc4454ba98cb8fd84d351ca32808de1eceaa4c079b2199f18bfbd6ebfc1aa8d388738012868b764482741d933e1e232ac1cf30bf02f3effe26f

data/.yardopts

@@ -0,0 +1,13 @@
+--exclude lib/generators
+--markup markdown
+--load ./docs/yard_customizations.rb
+-
+CONTRIBUTING.md
+STABILITY.md
+LICENSE
+docs/quick_start.md
+docs/installation.md
+docs/webpacker.md
+docs/action_text.md
+docs/cheat.md
+docs/faq.md

data/CONTRIBUTING.md

@@ -0,0 +1,56 @@
+# Contributing
+
+Thank you for thinking about contributing to Super!
+
+
+## General guidelines
+
+There are a few ground rules that to adhere to:
+
+* be friendly and patient,
+* be welcoming,
+* be considerate,
+* be respectful,
+* be careful in the words that you choose and be kind to others,
+* when we disagree, try to understand why.
+
+This isn't an exhaustive list of things that you can't do. Rather, take it in
+the spirit in which it's intended - a guide to make it easier to communicate and
+participate in the community.
+
+This applies to all spaces managed by the Super project.
+
+If you believe someone is violating the code of conduct, we ask that you report
+it by emailing: super+conduct at zachahn.com
+
+Offenders may be banned, asked to apologize, etc.
+
+(These guidelines are based on the [FreeBSD CoC][FreeBSD CoC], which in turn is
+based on [LLVM Project's draft CoC][LLVM CoC], which in turn is based on the
+[Django Project Code of Conduct][Django CoC], which is in turn based on wording
+from the Speak Up! project.)
+
+
+## Bug reports / issues
+
+1. Please tell us what version of Super, Ruby, and Rails you are using
+1. Please search the issues before posting your problem
+1. Please ask questions in a public place to benefit all Super users
+1. Please email security-related problems to super+security [at] zachahn.com
+
+
+## Feature requests / pull requests
+
+Contributors will need to sign a CLA. This isn't set up yet, so I won't be able
+to accept contributions.
+
+1. Please note that pull requests may be closed/denied for any reason.
+   Your feature may be better as its own repository. If so, I will link to your
+   project from the README!
+1. Please allow Super's contributors to modify your PR before merging.
+   It might make the process a bit smoother, but this isn't a necessity.
+
+
+[FreeBSD CoC]: https://www.freebsd.org/internal/code-of-conduct.html
+[LLVM CoC]: https://llvm.org/docs/CodeOfConduct.html
+[Django CoC]: https://www.djangoproject.com/conduct/

data/README.md

@@ -1,116 +1,92 @@
 # Super
 
-Super is a zero\* dependency admin framework for Ruby on Rails applications.
+![Unit tests status](https://github.com/zachahn/super/workflows/Unit%20tests/badge.svg?branch=master)
+[![Gem](https://img.shields.io/gem/v/super)][gem]
+[![Try the demo](https://img.shields.io/badge/try-demo-blue)][demo]
 
-Its mission: to evade dependencies, to improve developer productivity and admin
-efficiency, to go where no one has gone before. Most of the alternatives I tried
-were either too limited or required a large and complicated DSL for
-configuration.
 
-Super is built be powerful but to stay out of your way; it should be easier to
-maintain relative to other admin frameworks. Because of its lack of
-dependencies, for example, it'll stay out of your way when you have to upgrade
-your application's Rails version or any other gem.
+Super is an admin framework for Ruby on Rails applications. Super helps you make
+powerful admin pages quickly so that you can concentrate on the parts of your
+app that make it great.
 
-\* Super depends on Rails
+Super strives to let engineers build great admin pages quickly and easily by:
 
+* Providing a configurable CRUD interface with usable defaults
+* Building on top of standard Rails controllers and ERB views
+* Preferring plain Ruby objects and initializers instead of DSLs
 
-## Features
 
-* Sprockets and Webpacker compatibility
-    * Note: Webpacker support depends on one additional NPM package for parsing
-      ERB
-* Pagination
-* Configurable forms (new and edit forms)
-* Configurable display (index and show tables)
-* Supports Rails 5.0+, Ruby 2.3+
-* Configurable without a DSL
-* Looks reasonably nice and modern
-* Pre-built frontend assets (doesn't require Sass, PostCSS, Babel, etc)
-    * Vendored assets include
-        * Stimulus JS
-        * Tailwind CSS
-        * Feather icons
+Super's distinguishing feature is that it's easy to maintain in your
+application. It does this by:
 
-Super was inspired in part by the admin frameworks [ActiveAdmin][activeadmin]
-and [Administrate][administrate]. If Super doesn't quite fit your requirements
-at this moment, one of those might meet your needs better.
+* Supporting a wide range of Ruby (2.3–3.0+) and Rails (5.0–6.1+) versions,
+  which makes it easy to upgrade your Ruby and Rails versions without breaking
+  your admin pages
+* Having zero dependencies, so that you can upgrade your app's dependencies
+  without affecting your admin pages (or upgrade your admin pages without
+  worrying it might break your app)
 
 
-## Professional edition
+Note: There may be lots of breaking changes since Super is still fairly young.
+See the [stability doc](./STABILITY.md) for an idea of what might be changed.
 
-Super Professional is a paid add-on and provides additional benefits:
-
-* Feature: Filtering by column values
-* Priority email support
-* Supporting long term development of Super
-* An LGPL exemption
 
-It will be available soon. Subscribe to the [newsletter][newsletter] to be
-notified of its availability or for brief, occasional updates.
+## Features
 
+* Responsive and mobile-friendly
+* Compatible with Sprockets and Webpacker
+* Configurable forms
+    * Supports nested attributes `accepts_nested_attributes_for`
+* Configurable display (index and show tables)
+* Advanced filtering for ActiveRecord
+* Pre-built frontend assets (doesn't require Sass, PostCSS, Babel, etc)
+    * Vendored assets include
+        * Stimulus JS
+        * Tailwind CSS
+        * Rails UJS
+* Supports Rails 5.0+, Ruby 2.3+
 
-## Demos
 
-* [Super Demo][super_demo]
-    * [Super Demo source][super_demo_source]
-* [Super Professional Demo][super_professional]
+See the [demo][demo] and its [source][demo_source] for an example of some of its
+features.
 
 
-## Usage
+## Installation and Usage
 
-### Creating new admin pages
+See [Installation](./docs/quick_start.md) and
+[Quick start](./docs/quick_start.md)
 
-```bash
-$ bundle exec rails g super:resource Thing # check out the `--help` option!
-```
 
-The example above will create the appropriate admin controller. It generates a
-`Controls` class inside the controller as well; it's where most configuration
-lives. You generally won't need to edit the controller actions themselves.
+## Editions
 
-In addition, you'll have to manually update your routes file. It'll probably
-look something like the following:
+There are several editions to consider.
 
-```ruby
-namespace :admin do
-  resources :things
-end
-```
+**Super FOSS** provides:
 
+* A great admin framework that's free and easy to maintain
+* Community support, see the [discussion forum][discussions]
 
-## Installation
+**Super Premium** (not available yet) provides:
 
-Add this line to your application's Gemfile:
+* Private email support
+* Ensuring long term development of Super
 
-```ruby
-gem "super"
-```
+**Super Professional** (not available yet) provides everything in Premium and:
 
-And then execute:
+* Productivity improvements and quality of life features for admins
+* An LGPL exemption
 
-```bash
-$ bundle install
-$ bundle exec rails g super:install # check out the `--help` option!
-```
+Subscribe to the [newsletter][newsletter] to be notified of their availabilities
+and for brief, quarterly-at-most updates to Super.
 
-Super supports using Webpacker instead of Sprockets. Note though that you need
-to set up ERB templates under Webpacker. There are no other requirements or
-dependencies.
 
-```bash
-$ bundle exec rails webpacker:install:erb # if you haven't already
-$ bundle exec rails g super:webpacker
-```
+## Super doesn't fit my needs. What are some alternatives?
 
-Lastly, update your Super initializer
+[ActiveAdmin](https://github.com/activeadmin/activeadmin) is great if you need
+lots of features. It relies heavily on DSLs but is flexible and popular.
 
-```ruby
-Super.configuration do |c|
-  # ...
-  c.asset_handler = Super::Assets.webpacker
-end
-```
+[Administrate](https://github.com/thoughtbot/administrate) doesn't have as many
+features as ActiveAdmin, but it feels like developing a normal Rails app.
 
 
 ## Contributing
@@ -123,9 +99,8 @@ See [CONTRIBUTING](./CONTRIBUTING.md)
 The gem is available under the terms of the [GNU LGPLv3](./LICENSE).
 
 
-[administrate]: https://github.com/thoughtbot/administrate
-[activeadmin]: https://github.com/activeadmin/activeadmin
+[gem]: https://rubygems.org/gems/super
+[discussions]: https://github.com/zachahn/super/discussions
 [newsletter]: https://tinyletter.com/zachahn
-[super_demo]: https://demo-super.herokuapp.com/admin/members
-[super_demo_source]: https://github.com/zachahn/super_demo
-[super_professional]: https://demo-super-professional.herokuapp.com/admin/members
+[demo]: https://demo-super.herokuapp.com/admin/members
+[demo_source]: https://github.com/zachahn/super_demo

data/STABILITY.md

@@ -0,0 +1,50 @@
+# Stability
+
+The table below shows the current progress towards API stability and the release
+of version 1.0.
+
+Note though that it is neither a comprehensive list nor a guarantee of
+stability.
+
+
+<table>
+<thead>
+<tr><th>Feature</th><th>Status</th></tr>
+</thead>
+<tbody>
+<tr><td>UI</td>                                             <td>❌</td></tr>
+<tr><td>Frontend JS</td>                                    <td>❌</td></tr>
+<tr><td><code>Super::ActionInquirer</code></td>             <td>✅</td></tr>
+<tr><td><code>Super::ApplicationController</code></td>      <td>✅</td></tr>
+<tr><td><code>Super::Assets</code></td>                     <td>🚧</td></tr>
+<tr><td><code>Super::ClientError</code></td>                <td>✅</td></tr>
+<tr><td><code>Super::Compatability</code></td>              <td>🙈</td></tr>
+<tr><td><code>Super::Configuration</code></td>              <td>🚧</td></tr>
+<tr><td><code>Super::Controls::Optional</code></td>         <td>✅</td></tr>
+<tr><td><code>Super::Controls::Required</code></td>         <td>✅</td></tr>
+<tr><td><code>Super::Controls::Steps</code></td>            <td>🚧</td></tr>
+<tr><td><code>Super::Controls</code></td>                   <td>✅</td></tr>
+<tr><td><code>Super::Display</code></td>                    <td>🤔</td></tr>
+<tr><td><code>Super::Engine</code></td>                     <td>🙈</td></tr>
+<tr><td><code>Super::Error</code></td>                      <td>✅</td></tr>
+<tr><td><code>Super::Filter</code></td>                     <td>❌</td></tr>
+<tr><td><code>Super::Form</code></td>                       <td>🤔</td></tr>
+<tr><td><code>Super::Layout</code></td>                     <td>🤔</td></tr>
+<tr><td><code>Super::Link</code></td>                       <td>✅</td></tr>
+<tr><td><code>Super::Navigation</code></td>                 <td>🤔</td></tr>
+<tr><td><code>Super::Pagination</code></td>                 <td>🤔</td></tr>
+<tr><td><code>Super::Panel</code></td>                      <td>🤔</td></tr>
+<tr><td><code>Super::Partial</code></td>                    <td>🤔</td></tr>
+<tr><td><code>Super::Plugin</code></td>                     <td>✅</td></tr>
+<tr><td><code>Super::ViewHelper</code></td>                 <td>❌</td></tr>
+</tbody>
+</table>
+
+
+### Legend
+
+* ✅ Tentatively stable. Further changes will probably be additive
+* 🚧 Likely upcoming breaking changes
+* ❌ Planned upcoming breaking changes
+* 🤔 Undecided
+* 🙈 Private API

data/app/assets/javascripts/super/application.js

@@ -866,7 +866,7 @@ Released under the MIT license
   }
 }).call(this);
 
-},{}],"../node_modules/@stimulus/core/dist/src/event_listener.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/core/dist/event_listener.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -877,18 +877,19 @@ exports.EventListener = void 0;
 var EventListener =
 /** @class */
 function () {
-  function EventListener(eventTarget, eventName) {
+  function EventListener(eventTarget, eventName, eventOptions) {
     this.eventTarget = eventTarget;
     this.eventName = eventName;
+    this.eventOptions = eventOptions;
     this.unorderedBindings = new Set();
   }
 
   EventListener.prototype.connect = function () {
-    this.eventTarget.addEventListener(this.eventName, this, false);
+    this.eventTarget.addEventListener(this.eventName, this, this.eventOptions);
   };
 
   EventListener.prototype.disconnect = function () {
-    this.eventTarget.removeEventListener(this.eventName, this, false);
+    this.eventTarget.removeEventListener(this.eventName, this, this.eventOptions);
   }; // Binding observer delegate
 
   /** @hidden */
@@ -926,7 +927,7 @@ function () {
         return leftIndex < rightIndex ? -1 : leftIndex > rightIndex ? 1 : 0;
       });
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   return EventListener;
@@ -948,7 +949,7 @@ function extendEvent(event) {
     });
   }
 }
-},{}],"../node_modules/@stimulus/core/dist/src/dispatcher.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/core/dist/dispatcher.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -991,7 +992,7 @@ function () {
         return listeners.concat(Array.from(map.values()));
       }, []);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   }); // Binding observer delegate
 
@@ -1018,24 +1019,26 @@ function () {
 
   Dispatcher.prototype.fetchEventListenerForBinding = function (binding) {
     var eventTarget = binding.eventTarget,
-        eventName = binding.eventName;
-    return this.fetchEventListener(eventTarget, eventName);
+        eventName = binding.eventName,
+        eventOptions = binding.eventOptions;
+    return this.fetchEventListener(eventTarget, eventName, eventOptions);
   };
 
-  Dispatcher.prototype.fetchEventListener = function (eventTarget, eventName) {
+  Dispatcher.prototype.fetchEventListener = function (eventTarget, eventName, eventOptions) {
     var eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);
-    var eventListener = eventListenerMap.get(eventName);
+    var cacheKey = this.cacheKey(eventName, eventOptions);
+    var eventListener = eventListenerMap.get(cacheKey);
 
     if (!eventListener) {
-      eventListener = this.createEventListener(eventTarget, eventName);
-      eventListenerMap.set(eventName, eventListener);
+      eventListener = this.createEventListener(eventTarget, eventName, eventOptions);
+      eventListenerMap.set(cacheKey, eventListener);
     }
 
     return eventListener;
   };
 
-  Dispatcher.prototype.createEventListener = function (eventTarget, eventName) {
-    var eventListener = new _event_listener.EventListener(eventTarget, eventName);
+  Dispatcher.prototype.createEventListener = function (eventTarget, eventName, eventOptions) {
+    var eventListener = new _event_listener.EventListener(eventTarget, eventName, eventOptions);
 
     if (this.started) {
       eventListener.connect();
@@ -1055,27 +1058,36 @@ function () {
     return eventListenerMap;
   };
 
+  Dispatcher.prototype.cacheKey = function (eventName, eventOptions) {
+    var parts = [eventName];
+    Object.keys(eventOptions).sort().forEach(function (key) {
+      parts.push("" + (eventOptions[key] ? "" : "!") + key);
+    });
+    return parts.join(":");
+  };
+
   return Dispatcher;
 }();
 
 exports.Dispatcher = Dispatcher;
-},{"./event_listener":"../node_modules/@stimulus/core/dist/src/event_listener.js"}],"../node_modules/@stimulus/core/dist/src/action_descriptor.js":[function(require,module,exports) {
+},{"./event_listener":"../node_modules/@stimulus/core/dist/event_listener.js"}],"../node_modules/@stimulus/core/dist/action_descriptor.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseDescriptorString = parseDescriptorString;
+exports.parseActionDescriptorString = parseActionDescriptorString;
 exports.stringifyEventTarget = stringifyEventTarget;
-// capture nos.:            12   23 4               43   1 5   56 7  76
-var descriptorPattern = /^((.+?)(@(window|document))?->)?(.+?)(#(.+))?$/;
+// capture nos.:            12   23 4               43   1 5   56 7      768 9  98
+var descriptorPattern = /^((.+?)(@(window|document))?->)?(.+?)(#([^:]+?))(:(.+))?$/;
 
-function parseDescriptorString(descriptorString) {
+function parseActionDescriptorString(descriptorString) {
   var source = descriptorString.trim();
   var matches = source.match(descriptorPattern) || [];
   return {
     eventTarget: parseEventTarget(matches[4]),
     eventName: matches[2],
+    eventOptions: matches[9] ? parseEventOptions(matches[9]) : {},
     identifier: matches[5],
     methodName: matches[7]
   };
@@ -1089,6 +1101,14 @@ function parseEventTarget(eventTargetName) {
   }
 }
 
+function parseEventOptions(eventOptions) {
+  return eventOptions.split(":").reduce(function (options, token) {
+    var _a;
+
+    return Object.assign(options, (_a = {}, _a[token.replace(/^!/, "")] = !/^!/.test(token), _a));
+  }, {});
+}
+
 function stringifyEventTarget(eventTarget) {
   if (eventTarget == window) {
     return "window";
@@ -1096,7 +1116,7 @@ function stringifyEventTarget(eventTarget) {
     return "document";
   }
 }
-},{}],"../node_modules/@stimulus/core/dist/src/action.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/core/dist/action.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1115,12 +1135,13 @@ function () {
     this.index = index;
     this.eventTarget = descriptor.eventTarget || element;
     this.eventName = descriptor.eventName || getDefaultEventNameForElement(element) || error("missing event name");
+    this.eventOptions = descriptor.eventOptions || {};
     this.identifier = descriptor.identifier || error("missing identifier");
     this.methodName = descriptor.methodName || error("missing method name");
   }
 
   Action.forToken = function (token) {
-    return new this(token.element, token.index, (0, _action_descriptor.parseDescriptorString)(token.content));
+    return new this(token.element, token.index, (0, _action_descriptor.parseActionDescriptorString)(token.content));
   };
 
   Action.prototype.toString = function () {
@@ -1132,7 +1153,7 @@ function () {
     get: function () {
       return (0, _action_descriptor.stringifyEventTarget)(this.eventTarget);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   return Action;
@@ -1150,13 +1171,13 @@ var defaultEventNames = {
     return "submit";
   },
   "input": function (e) {
-    return e.getAttribute("type") == "submit" ? "click" : "change";
+    return e.getAttribute("type") == "submit" ? "click" : "input";
   },
   "select": function (e) {
     return "change";
   },
   "textarea": function (e) {
-    return "change";
+    return "input";
   }
 };
 
@@ -1171,7 +1192,7 @@ function getDefaultEventNameForElement(element) {
 function error(message) {
   throw new Error(message);
 }
-},{"./action_descriptor":"../node_modules/@stimulus/core/dist/src/action_descriptor.js"}],"../node_modules/@stimulus/core/dist/src/binding.js":[function(require,module,exports) {
+},{"./action_descriptor":"../node_modules/@stimulus/core/dist/action_descriptor.js"}],"../node_modules/@stimulus/core/dist/binding.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1191,21 +1212,28 @@ function () {
     get: function () {
       return this.action.index;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Binding.prototype, "eventTarget", {
     get: function () {
       return this.action.eventTarget;
     },
-    enumerable: true,
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(Binding.prototype, "eventOptions", {
+    get: function () {
+      return this.action.eventOptions;
+    },
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Binding.prototype, "identifier", {
     get: function () {
       return this.context.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1219,7 +1247,7 @@ function () {
     get: function () {
       return this.action.eventName;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Binding.prototype, "method", {
@@ -1232,7 +1260,7 @@ function () {
 
       throw new Error("Action \"" + this.action + "\" references undefined method \"" + this.methodName + "\"");
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1265,7 +1293,7 @@ function () {
     } else if (eventTarget instanceof Element && this.element.contains(eventTarget)) {
       return this.scope.containsElement(eventTarget);
     } else {
-      return true;
+      return this.scope.containsElement(this.action.element);
     }
   };
 
@@ -1273,35 +1301,35 @@ function () {
     get: function () {
       return this.context.controller;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Binding.prototype, "methodName", {
     get: function () {
       return this.action.methodName;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Binding.prototype, "element", {
     get: function () {
       return this.scope.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Binding.prototype, "scope", {
     get: function () {
       return this.context.scope;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   return Binding;
 }();
 
 exports.Binding = Binding;
-},{}],"../node_modules/@stimulus/mutation-observers/dist/src/element_observer.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/mutation-observers/dist/element_observer.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1479,7 +1507,7 @@ function () {
 }();
 
 exports.ElementObserver = ElementObserver;
-},{}],"../node_modules/@stimulus/mutation-observers/dist/src/attribute_observer.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/mutation-observers/dist/attribute_observer.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1502,14 +1530,14 @@ function () {
     get: function () {
       return this.elementObserver.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(AttributeObserver.prototype, "selector", {
     get: function () {
       return "[" + this.attributeName + "]";
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1529,7 +1557,7 @@ function () {
     get: function () {
       return this.elementObserver.started;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   }); // Element observer delegate
 
@@ -1565,7 +1593,144 @@ function () {
 }();
 
 exports.AttributeObserver = AttributeObserver;
-},{"./element_observer":"../node_modules/@stimulus/mutation-observers/dist/src/element_observer.js"}],"../node_modules/@stimulus/multimap/dist/src/set_operations.js":[function(require,module,exports) {
+},{"./element_observer":"../node_modules/@stimulus/mutation-observers/dist/element_observer.js"}],"../node_modules/@stimulus/mutation-observers/dist/string_map_observer.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StringMapObserver = void 0;
+
+var StringMapObserver =
+/** @class */
+function () {
+  function StringMapObserver(element, delegate) {
+    var _this = this;
+
+    this.element = element;
+    this.delegate = delegate;
+    this.started = false;
+    this.stringMap = new Map();
+    this.mutationObserver = new MutationObserver(function (mutations) {
+      return _this.processMutations(mutations);
+    });
+  }
+
+  StringMapObserver.prototype.start = function () {
+    if (!this.started) {
+      this.started = true;
+      this.mutationObserver.observe(this.element, {
+        attributes: true
+      });
+      this.refresh();
+    }
+  };
+
+  StringMapObserver.prototype.stop = function () {
+    if (this.started) {
+      this.mutationObserver.takeRecords();
+      this.mutationObserver.disconnect();
+      this.started = false;
+    }
+  };
+
+  StringMapObserver.prototype.refresh = function () {
+    if (this.started) {
+      for (var _i = 0, _a = this.knownAttributeNames; _i < _a.length; _i++) {
+        var attributeName = _a[_i];
+        this.refreshAttribute(attributeName);
+      }
+    }
+  }; // Mutation record processing
+
+
+  StringMapObserver.prototype.processMutations = function (mutations) {
+    if (this.started) {
+      for (var _i = 0, mutations_1 = mutations; _i < mutations_1.length; _i++) {
+        var mutation = mutations_1[_i];
+        this.processMutation(mutation);
+      }
+    }
+  };
+
+  StringMapObserver.prototype.processMutation = function (mutation) {
+    var attributeName = mutation.attributeName;
+
+    if (attributeName) {
+      this.refreshAttribute(attributeName);
+    }
+  }; // State tracking
+
+
+  StringMapObserver.prototype.refreshAttribute = function (attributeName) {
+    var key = this.delegate.getStringMapKeyForAttribute(attributeName);
+
+    if (key != null) {
+      if (!this.stringMap.has(attributeName)) {
+        this.stringMapKeyAdded(key, attributeName);
+      }
+
+      var value = this.element.getAttribute(attributeName);
+
+      if (this.stringMap.get(attributeName) != value) {
+        this.stringMapValueChanged(value, key);
+      }
+
+      if (value == null) {
+        this.stringMap.delete(attributeName);
+        this.stringMapKeyRemoved(key, attributeName);
+      } else {
+        this.stringMap.set(attributeName, value);
+      }
+    }
+  };
+
+  StringMapObserver.prototype.stringMapKeyAdded = function (key, attributeName) {
+    if (this.delegate.stringMapKeyAdded) {
+      this.delegate.stringMapKeyAdded(key, attributeName);
+    }
+  };
+
+  StringMapObserver.prototype.stringMapValueChanged = function (value, key) {
+    if (this.delegate.stringMapValueChanged) {
+      this.delegate.stringMapValueChanged(value, key);
+    }
+  };
+
+  StringMapObserver.prototype.stringMapKeyRemoved = function (key, attributeName) {
+    if (this.delegate.stringMapKeyRemoved) {
+      this.delegate.stringMapKeyRemoved(key, attributeName);
+    }
+  };
+
+  Object.defineProperty(StringMapObserver.prototype, "knownAttributeNames", {
+    get: function () {
+      return Array.from(new Set(this.currentAttributeNames.concat(this.recordedAttributeNames)));
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(StringMapObserver.prototype, "currentAttributeNames", {
+    get: function () {
+      return Array.from(this.element.attributes).map(function (attribute) {
+        return attribute.name;
+      });
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(StringMapObserver.prototype, "recordedAttributeNames", {
+    get: function () {
+      return Array.from(this.stringMap.keys());
+    },
+    enumerable: false,
+    configurable: true
+  });
+  return StringMapObserver;
+}();
+
+exports.StringMapObserver = StringMapObserver;
+},{}],"../node_modules/@stimulus/multimap/dist/set_operations.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1603,7 +1768,7 @@ function prune(map, key) {
     map.delete(key);
   }
 }
-},{}],"../node_modules/@stimulus/multimap/dist/src/multimap.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/multimap/dist/multimap.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1627,7 +1792,7 @@ function () {
         return values.concat(Array.from(set));
       }, []);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Multimap.prototype, "size", {
@@ -1637,7 +1802,7 @@ function () {
         return size + set.size;
       }, 0);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1686,7 +1851,7 @@ function () {
 }();
 
 exports.Multimap = Multimap;
-},{"./set_operations":"../node_modules/@stimulus/multimap/dist/src/set_operations.js"}],"../node_modules/@stimulus/multimap/dist/src/indexed_multimap.js":[function(require,module,exports) {
+},{"./set_operations":"../node_modules/@stimulus/multimap/dist/set_operations.js"}],"../node_modules/@stimulus/multimap/dist/indexed_multimap.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1699,12 +1864,16 @@ var _multimap = require("./multimap");
 var _set_operations = require("./set_operations");
 
 var __extends = void 0 && (void 0).__extends || function () {
-  var extendStatics = Object.setPrototypeOf || {
-    __proto__: []
-  } instanceof Array && function (d, b) {
-    d.__proto__ = b;
-  } || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+  var extendStatics = function (d, b) {
+    extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    };
+
+    return extendStatics(d, b);
   };
 
   return function (d, b) {
@@ -1734,7 +1903,7 @@ function (_super) {
     get: function () {
       return Array.from(this.keysByValue.keys());
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1763,17 +1932,31 @@ function (_super) {
 }(_multimap.Multimap);
 
 exports.IndexedMultimap = IndexedMultimap;
-},{"./multimap":"../node_modules/@stimulus/multimap/dist/src/multimap.js","./set_operations":"../node_modules/@stimulus/multimap/dist/src/set_operations.js"}],"../node_modules/@stimulus/multimap/dist/index.js":[function(require,module,exports) {
+},{"./multimap":"../node_modules/@stimulus/multimap/dist/multimap.js","./set_operations":"../node_modules/@stimulus/multimap/dist/set_operations.js"}],"../node_modules/@stimulus/multimap/dist/index.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _multimap = require("./src/multimap");
+var _indexed_multimap = require("./indexed_multimap");
+
+Object.keys(_indexed_multimap).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _indexed_multimap[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _indexed_multimap[key];
+    }
+  });
+});
+
+var _multimap = require("./multimap");
 
 Object.keys(_multimap).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _multimap[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
@@ -1782,18 +1965,19 @@ Object.keys(_multimap).forEach(function (key) {
   });
 });
 
-var _indexed_multimap = require("./src/indexed_multimap");
+var _set_operations = require("./set_operations");
 
-Object.keys(_indexed_multimap).forEach(function (key) {
+Object.keys(_set_operations).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _set_operations[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexed_multimap[key];
+      return _set_operations[key];
     }
   });
 });
-},{"./src/multimap":"../node_modules/@stimulus/multimap/dist/src/multimap.js","./src/indexed_multimap":"../node_modules/@stimulus/multimap/dist/src/indexed_multimap.js"}],"../node_modules/@stimulus/mutation-observers/dist/src/token_list_observer.js":[function(require,module,exports) {
+},{"./indexed_multimap":"../node_modules/@stimulus/multimap/dist/indexed_multimap.js","./multimap":"../node_modules/@stimulus/multimap/dist/multimap.js","./set_operations":"../node_modules/@stimulus/multimap/dist/set_operations.js"}],"../node_modules/@stimulus/mutation-observers/dist/token_list_observer.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1818,7 +2002,7 @@ function () {
     get: function () {
       return this.attributeObserver.started;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1838,14 +2022,14 @@ function () {
     get: function () {
       return this.attributeObserver.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(TokenListObserver.prototype, "attributeName", {
     get: function () {
       return this.attributeObserver.attributeName;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   }); // Attribute observer delegate
 
@@ -1944,7 +2128,7 @@ function zip(left, right) {
 function tokensAreEqual(left, right) {
   return left && right && left.index == right.index && left.content == right.content;
 }
-},{"./attribute_observer":"../node_modules/@stimulus/mutation-observers/dist/src/attribute_observer.js","@stimulus/multimap":"../node_modules/@stimulus/multimap/dist/index.js"}],"../node_modules/@stimulus/mutation-observers/dist/src/value_list_observer.js":[function(require,module,exports) {
+},{"./attribute_observer":"../node_modules/@stimulus/mutation-observers/dist/attribute_observer.js","@stimulus/multimap":"../node_modules/@stimulus/multimap/dist/index.js"}],"../node_modules/@stimulus/mutation-observers/dist/value_list_observer.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -1968,7 +2152,7 @@ function () {
     get: function () {
       return this.tokenListObserver.started;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -1988,14 +2172,14 @@ function () {
     get: function () {
       return this.tokenListObserver.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(ValueListObserver.prototype, "attributeName", {
     get: function () {
       return this.tokenListObserver.attributeName;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -2058,17 +2242,18 @@ function () {
 }();
 
 exports.ValueListObserver = ValueListObserver;
-},{"./token_list_observer":"../node_modules/@stimulus/mutation-observers/dist/src/token_list_observer.js"}],"../node_modules/@stimulus/mutation-observers/dist/index.js":[function(require,module,exports) {
+},{"./token_list_observer":"../node_modules/@stimulus/mutation-observers/dist/token_list_observer.js"}],"../node_modules/@stimulus/mutation-observers/dist/index.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _attribute_observer = require("./src/attribute_observer");
+var _attribute_observer = require("./attribute_observer");
 
 Object.keys(_attribute_observer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _attribute_observer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
@@ -2077,10 +2262,11 @@ Object.keys(_attribute_observer).forEach(function (key) {
   });
 });
 
-var _element_observer = require("./src/element_observer");
+var _element_observer = require("./element_observer");
 
 Object.keys(_element_observer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _element_observer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
@@ -2089,10 +2275,24 @@ Object.keys(_element_observer).forEach(function (key) {
   });
 });
 
-var _token_list_observer = require("./src/token_list_observer");
+var _string_map_observer = require("./string_map_observer");
+
+Object.keys(_string_map_observer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _string_map_observer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _string_map_observer[key];
+    }
+  });
+});
+
+var _token_list_observer = require("./token_list_observer");
 
 Object.keys(_token_list_observer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _token_list_observer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
@@ -2101,10 +2301,11 @@ Object.keys(_token_list_observer).forEach(function (key) {
   });
 });
 
-var _value_list_observer = require("./src/value_list_observer");
+var _value_list_observer = require("./value_list_observer");
 
 Object.keys(_value_list_observer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _value_list_observer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
@@ -2112,7 +2313,7 @@ Object.keys(_value_list_observer).forEach(function (key) {
     }
   });
 });
-},{"./src/attribute_observer":"../node_modules/@stimulus/mutation-observers/dist/src/attribute_observer.js","./src/element_observer":"../node_modules/@stimulus/mutation-observers/dist/src/element_observer.js","./src/token_list_observer":"../node_modules/@stimulus/mutation-observers/dist/src/token_list_observer.js","./src/value_list_observer":"../node_modules/@stimulus/mutation-observers/dist/src/value_list_observer.js"}],"../node_modules/@stimulus/core/dist/src/binding_observer.js":[function(require,module,exports) {
+},{"./attribute_observer":"../node_modules/@stimulus/mutation-observers/dist/attribute_observer.js","./element_observer":"../node_modules/@stimulus/mutation-observers/dist/element_observer.js","./string_map_observer":"../node_modules/@stimulus/mutation-observers/dist/string_map_observer.js","./token_list_observer":"../node_modules/@stimulus/mutation-observers/dist/token_list_observer.js","./value_list_observer":"../node_modules/@stimulus/mutation-observers/dist/value_list_observer.js"}],"../node_modules/@stimulus/core/dist/binding_observer.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2154,35 +2355,35 @@ function () {
     get: function () {
       return this.context.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(BindingObserver.prototype, "identifier", {
     get: function () {
       return this.context.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(BindingObserver.prototype, "actionAttribute", {
     get: function () {
       return this.schema.actionAttribute;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(BindingObserver.prototype, "schema", {
     get: function () {
       return this.context.schema;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(BindingObserver.prototype, "bindings", {
     get: function () {
       return Array.from(this.bindingsByAction.values());
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -2231,7 +2432,98 @@ function () {
 }();
 
 exports.BindingObserver = BindingObserver;
-},{"./action":"../node_modules/@stimulus/core/dist/src/action.js","./binding":"../node_modules/@stimulus/core/dist/src/binding.js","@stimulus/mutation-observers":"../node_modules/@stimulus/mutation-observers/dist/index.js"}],"../node_modules/@stimulus/core/dist/src/context.js":[function(require,module,exports) {
+},{"./action":"../node_modules/@stimulus/core/dist/action.js","./binding":"../node_modules/@stimulus/core/dist/binding.js","@stimulus/mutation-observers":"../node_modules/@stimulus/mutation-observers/dist/index.js"}],"../node_modules/@stimulus/core/dist/value_observer.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueObserver = void 0;
+
+var _mutationObservers = require("@stimulus/mutation-observers");
+
+var ValueObserver =
+/** @class */
+function () {
+  function ValueObserver(context, receiver) {
+    this.context = context;
+    this.receiver = receiver;
+    this.stringMapObserver = new _mutationObservers.StringMapObserver(this.element, this);
+    this.valueDescriptorMap = this.controller.valueDescriptorMap;
+    this.invokeChangedCallbacksForDefaultValues();
+  }
+
+  ValueObserver.prototype.start = function () {
+    this.stringMapObserver.start();
+  };
+
+  ValueObserver.prototype.stop = function () {
+    this.stringMapObserver.stop();
+  };
+
+  Object.defineProperty(ValueObserver.prototype, "element", {
+    get: function () {
+      return this.context.element;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(ValueObserver.prototype, "controller", {
+    get: function () {
+      return this.context.controller;
+    },
+    enumerable: false,
+    configurable: true
+  }); // String map observer delegate
+
+  ValueObserver.prototype.getStringMapKeyForAttribute = function (attributeName) {
+    if (attributeName in this.valueDescriptorMap) {
+      return this.valueDescriptorMap[attributeName].name;
+    }
+  };
+
+  ValueObserver.prototype.stringMapValueChanged = function (attributeValue, name) {
+    this.invokeChangedCallbackForValue(name);
+  };
+
+  ValueObserver.prototype.invokeChangedCallbacksForDefaultValues = function () {
+    for (var _i = 0, _a = this.valueDescriptors; _i < _a.length; _i++) {
+      var _b = _a[_i],
+          key = _b.key,
+          name_1 = _b.name,
+          defaultValue = _b.defaultValue;
+
+      if (defaultValue != undefined && !this.controller.data.has(key)) {
+        this.invokeChangedCallbackForValue(name_1);
+      }
+    }
+  };
+
+  ValueObserver.prototype.invokeChangedCallbackForValue = function (name) {
+    var methodName = name + "Changed";
+    var method = this.receiver[methodName];
+
+    if (typeof method == "function") {
+      var value = this.receiver[name];
+      method.call(this.receiver, value);
+    }
+  };
+
+  Object.defineProperty(ValueObserver.prototype, "valueDescriptors", {
+    get: function () {
+      var valueDescriptorMap = this.valueDescriptorMap;
+      return Object.keys(valueDescriptorMap).map(function (key) {
+        return valueDescriptorMap[key];
+      });
+    },
+    enumerable: false,
+    configurable: true
+  });
+  return ValueObserver;
+}();
+
+exports.ValueObserver = ValueObserver;
+},{"@stimulus/mutation-observers":"../node_modules/@stimulus/mutation-observers/dist/index.js"}],"../node_modules/@stimulus/core/dist/context.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2241,6 +2533,8 @@ exports.Context = void 0;
 
 var _binding_observer = require("./binding_observer");
 
+var _value_observer = require("./value_observer");
+
 var Context =
 /** @class */
 function () {
@@ -2249,6 +2543,7 @@ function () {
     this.scope = scope;
     this.controller = new module.controllerConstructor(this);
     this.bindingObserver = new _binding_observer.BindingObserver(this, this.dispatcher);
+    this.valueObserver = new _value_observer.ValueObserver(this, this.controller);
 
     try {
       this.controller.initialize();
@@ -2259,6 +2554,7 @@ function () {
 
   Context.prototype.connect = function () {
     this.bindingObserver.start();
+    this.valueObserver.start();
 
     try {
       this.controller.connect();
@@ -2274,6 +2570,7 @@ function () {
       this.handleError(error, "disconnecting controller");
     }
 
+    this.valueObserver.stop();
     this.bindingObserver.stop();
   };
 
@@ -2281,42 +2578,42 @@ function () {
     get: function () {
       return this.module.application;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Context.prototype, "identifier", {
     get: function () {
       return this.module.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Context.prototype, "schema", {
     get: function () {
       return this.application.schema;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Context.prototype, "dispatcher", {
     get: function () {
       return this.application.dispatcher;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Context.prototype, "element", {
     get: function () {
       return this.scope.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Context.prototype, "parentElement", {
     get: function () {
       return this.element.parentElement;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   }); // Error handling
 
@@ -2342,21 +2639,76 @@ function () {
 }();
 
 exports.Context = Context;
-},{"./binding_observer":"../node_modules/@stimulus/core/dist/src/binding_observer.js"}],"../node_modules/@stimulus/core/dist/src/definition.js":[function(require,module,exports) {
+},{"./binding_observer":"../node_modules/@stimulus/core/dist/binding_observer.js","./value_observer":"../node_modules/@stimulus/core/dist/value_observer.js"}],"../node_modules/@stimulus/core/dist/inheritable_statics.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.blessDefinition = blessDefinition;
+exports.readInheritableStaticArrayValues = readInheritableStaticArrayValues;
+exports.readInheritableStaticObjectPairs = readInheritableStaticObjectPairs;
+
+function readInheritableStaticArrayValues(constructor, propertyName) {
+  var ancestors = getAncestorsForConstructor(constructor);
+  return Array.from(ancestors.reduce(function (values, constructor) {
+    getOwnStaticArrayValues(constructor, propertyName).forEach(function (name) {
+      return values.add(name);
+    });
+    return values;
+  }, new Set()));
+}
+
+function readInheritableStaticObjectPairs(constructor, propertyName) {
+  var ancestors = getAncestorsForConstructor(constructor);
+  return ancestors.reduce(function (pairs, constructor) {
+    pairs.push.apply(pairs, getOwnStaticObjectPairs(constructor, propertyName));
+    return pairs;
+  }, []);
+}
+
+function getAncestorsForConstructor(constructor) {
+  var ancestors = [];
+
+  while (constructor) {
+    ancestors.push(constructor);
+    constructor = Object.getPrototypeOf(constructor);
+  }
+
+  return ancestors.reverse();
+}
+
+function getOwnStaticArrayValues(constructor, propertyName) {
+  var definition = constructor[propertyName];
+  return Array.isArray(definition) ? definition : [];
+}
+
+function getOwnStaticObjectPairs(constructor, propertyName) {
+  var definition = constructor[propertyName];
+  return definition ? Object.keys(definition).map(function (key) {
+    return [key, definition[key]];
+  }) : [];
+}
+},{}],"../node_modules/@stimulus/core/dist/blessing.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bless = bless;
+
+var _inheritable_statics = require("./inheritable_statics");
 
 var __extends = void 0 && (void 0).__extends || function () {
-  var extendStatics = Object.setPrototypeOf || {
-    __proto__: []
-  } instanceof Array && function (d, b) {
-    d.__proto__ = b;
-  } || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+  var extendStatics = function (d, b) {
+    extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    };
+
+    return extendStatics(d, b);
   };
 
   return function (d, b) {
@@ -2369,37 +2721,96 @@ var __extends = void 0 && (void 0).__extends || function () {
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-/** @hidden */
 
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
 
-function blessDefinition(definition) {
-  return {
-    identifier: definition.identifier,
-    controllerConstructor: blessControllerConstructor(definition.controllerConstructor)
-  };
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];
+
+  return r;
+};
+
+/** @hidden */
+function bless(constructor) {
+  return shadow(constructor, getBlessedProperties(constructor));
 }
 
-function blessControllerConstructor(controllerConstructor) {
-  var constructor = extend(controllerConstructor);
-  constructor.bless();
-  return constructor;
+function shadow(constructor, properties) {
+  var shadowConstructor = extend(constructor);
+  var shadowProperties = getShadowProperties(constructor.prototype, properties);
+  Object.defineProperties(shadowConstructor.prototype, shadowProperties);
+  return shadowConstructor;
 }
 
+function getBlessedProperties(constructor) {
+  var blessings = (0, _inheritable_statics.readInheritableStaticArrayValues)(constructor, "blessings");
+  return blessings.reduce(function (blessedProperties, blessing) {
+    var properties = blessing(constructor);
+
+    for (var key in properties) {
+      var descriptor = blessedProperties[key] || {};
+      blessedProperties[key] = Object.assign(descriptor, properties[key]);
+    }
+
+    return blessedProperties;
+  }, {});
+}
+
+function getShadowProperties(prototype, properties) {
+  return getOwnKeys(properties).reduce(function (shadowProperties, key) {
+    var _a;
+
+    var descriptor = getShadowedDescriptor(prototype, properties, key);
+
+    if (descriptor) {
+      Object.assign(shadowProperties, (_a = {}, _a[key] = descriptor, _a));
+    }
+
+    return shadowProperties;
+  }, {});
+}
+
+function getShadowedDescriptor(prototype, properties, key) {
+  var shadowingDescriptor = Object.getOwnPropertyDescriptor(prototype, key);
+  var shadowedByValue = shadowingDescriptor && "value" in shadowingDescriptor;
+
+  if (!shadowedByValue) {
+    var descriptor = Object.getOwnPropertyDescriptor(properties, key).value;
+
+    if (shadowingDescriptor) {
+      descriptor.get = shadowingDescriptor.get || descriptor.get;
+      descriptor.set = shadowingDescriptor.set || descriptor.set;
+    }
+
+    return descriptor;
+  }
+}
+
+var getOwnKeys = function () {
+  if (typeof Object.getOwnPropertySymbols == "function") {
+    return function (object) {
+      return __spreadArrays(Object.getOwnPropertyNames(object), Object.getOwnPropertySymbols(object));
+    };
+  } else {
+    return Object.getOwnPropertyNames;
+  }
+}();
+
 var extend = function () {
   function extendWithReflect(constructor) {
-    function Controller() {
-      var _newTarget = this && this instanceof Controller ? this.constructor : void 0;
+    function extended() {
+      var _newTarget = this && this instanceof extended ? this.constructor : void 0;
 
       return Reflect.construct(constructor, arguments, _newTarget);
     }
 
-    Controller.prototype = Object.create(constructor.prototype, {
+    extended.prototype = Object.create(constructor.prototype, {
       constructor: {
-        value: Controller
+        value: extended
       }
     });
-    Reflect.setPrototypeOf(Controller, constructor);
-    return Controller;
+    Reflect.setPrototypeOf(extended, constructor);
+    return extended;
   }
 
   function testReflectExtension() {
@@ -2422,19 +2833,36 @@ var extend = function () {
       return (
         /** @class */
         function (_super) {
-          __extends(Controller, _super);
+          __extends(extended, _super);
 
-          function Controller() {
+          function extended() {
             return _super !== null && _super.apply(this, arguments) || this;
           }
 
-          return Controller;
+          return extended;
         }(constructor)
       );
     };
   }
 }();
-},{}],"../node_modules/@stimulus/core/dist/src/module.js":[function(require,module,exports) {
+},{"./inheritable_statics":"../node_modules/@stimulus/core/dist/inheritable_statics.js"}],"../node_modules/@stimulus/core/dist/definition.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blessDefinition = blessDefinition;
+
+var _blessing = require("./blessing");
+
+/** @hidden */
+function blessDefinition(definition) {
+  return {
+    identifier: definition.identifier,
+    controllerConstructor: (0, _blessing.bless)(definition.controllerConstructor)
+  };
+}
+},{"./blessing":"../node_modules/@stimulus/core/dist/blessing.js"}],"../node_modules/@stimulus/core/dist/module.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2460,21 +2888,21 @@ function () {
     get: function () {
       return this.definition.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Module.prototype, "controllerConstructor", {
     get: function () {
       return this.definition.controllerConstructor;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Module.prototype, "contexts", {
     get: function () {
       return Array.from(this.connectedContexts);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -2508,7 +2936,74 @@ function () {
 }();
 
 exports.Module = Module;
-},{"./context":"../node_modules/@stimulus/core/dist/src/context.js","./definition":"../node_modules/@stimulus/core/dist/src/definition.js"}],"../node_modules/@stimulus/core/dist/src/data_map.js":[function(require,module,exports) {
+},{"./context":"../node_modules/@stimulus/core/dist/context.js","./definition":"../node_modules/@stimulus/core/dist/definition.js"}],"../node_modules/@stimulus/core/dist/class_map.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClassMap = void 0;
+
+var ClassMap =
+/** @class */
+function () {
+  function ClassMap(scope) {
+    this.scope = scope;
+  }
+
+  ClassMap.prototype.has = function (name) {
+    return this.data.has(this.getDataKey(name));
+  };
+
+  ClassMap.prototype.get = function (name) {
+    return this.data.get(this.getDataKey(name));
+  };
+
+  ClassMap.prototype.getAttributeName = function (name) {
+    return this.data.getAttributeNameForKey(this.getDataKey(name));
+  };
+
+  ClassMap.prototype.getDataKey = function (name) {
+    return name + "-class";
+  };
+
+  Object.defineProperty(ClassMap.prototype, "data", {
+    get: function () {
+      return this.scope.data;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  return ClassMap;
+}();
+
+exports.ClassMap = ClassMap;
+},{}],"../node_modules/@stimulus/core/dist/string_helpers.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.camelize = camelize;
+exports.capitalize = capitalize;
+exports.dasherize = dasherize;
+
+function camelize(value) {
+  return value.replace(/(?:[_-])([a-z0-9])/g, function (_, char) {
+    return char.toUpperCase();
+  });
+}
+
+function capitalize(value) {
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+
+function dasherize(value) {
+  return value.replace(/([A-Z])/g, function (_, char) {
+    return "-" + char.toLowerCase();
+  });
+}
+},{}],"../node_modules/@stimulus/core/dist/data_map.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2516,6 +3011,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DataMap = void 0;
 
+var _string_helpers = require("./string_helpers");
+
 var DataMap =
 /** @class */
 function () {
@@ -2527,58 +3024,86 @@ function () {
     get: function () {
       return this.scope.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(DataMap.prototype, "identifier", {
     get: function () {
       return this.scope.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
   DataMap.prototype.get = function (key) {
-    key = this.getFormattedKey(key);
-    return this.element.getAttribute(key);
+    var name = this.getAttributeNameForKey(key);
+    return this.element.getAttribute(name);
   };
 
   DataMap.prototype.set = function (key, value) {
-    key = this.getFormattedKey(key);
-    this.element.setAttribute(key, value);
+    var name = this.getAttributeNameForKey(key);
+    this.element.setAttribute(name, value);
     return this.get(key);
   };
 
   DataMap.prototype.has = function (key) {
-    key = this.getFormattedKey(key);
-    return this.element.hasAttribute(key);
+    var name = this.getAttributeNameForKey(key);
+    return this.element.hasAttribute(name);
   };
 
   DataMap.prototype.delete = function (key) {
     if (this.has(key)) {
-      key = this.getFormattedKey(key);
-      this.element.removeAttribute(key);
+      var name_1 = this.getAttributeNameForKey(key);
+      this.element.removeAttribute(name_1);
       return true;
     } else {
       return false;
     }
   };
 
-  DataMap.prototype.getFormattedKey = function (key) {
-    return "data-" + this.identifier + "-" + dasherize(key);
+  DataMap.prototype.getAttributeNameForKey = function (key) {
+    return "data-" + this.identifier + "-" + (0, _string_helpers.dasherize)(key);
   };
 
   return DataMap;
 }();
 
 exports.DataMap = DataMap;
+},{"./string_helpers":"../node_modules/@stimulus/core/dist/string_helpers.js"}],"../node_modules/@stimulus/core/dist/guide.js":[function(require,module,exports) {
+"use strict";
 
-function dasherize(value) {
-  return value.replace(/([A-Z])/g, function (_, char) {
-    return "-" + char.toLowerCase();
-  });
-}
-},{}],"../node_modules/@stimulus/core/dist/src/selectors.js":[function(require,module,exports) {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Guide = void 0;
+
+var Guide =
+/** @class */
+function () {
+  function Guide(logger) {
+    this.warnedKeysByObject = new WeakMap();
+    this.logger = logger;
+  }
+
+  Guide.prototype.warn = function (object, key, message) {
+    var warnedKeys = this.warnedKeysByObject.get(object);
+
+    if (!warnedKeys) {
+      warnedKeys = new Set();
+      this.warnedKeysByObject.set(object, warnedKeys);
+    }
+
+    if (!warnedKeys.has(key)) {
+      warnedKeys.add(key);
+      this.logger.warn(message, object);
+    }
+  };
+
+  return Guide;
+}();
+
+exports.Guide = Guide;
+},{}],"../node_modules/@stimulus/core/dist/selectors.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2590,7 +3115,7 @@ exports.attributeValueContainsToken = attributeValueContainsToken;
 function attributeValueContainsToken(attributeName, token) {
   return "[" + attributeName + "~=\"" + token + "\"]";
 }
-},{}],"../node_modules/@stimulus/core/dist/src/target_set.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/core/dist/target_set.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2600,6 +3125,14 @@ exports.TargetSet = void 0;
 
 var _selectors = require("./selectors");
 
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];
+
+  return r;
+};
+
 var TargetSet =
 /** @class */
 function () {
@@ -2611,21 +3144,21 @@ function () {
     get: function () {
       return this.scope.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(TargetSet.prototype, "identifier", {
     get: function () {
       return this.scope.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(TargetSet.prototype, "schema", {
     get: function () {
       return this.scope.schema;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -2634,45 +3167,89 @@ function () {
   };
 
   TargetSet.prototype.find = function () {
+    var _this = this;
+
     var targetNames = [];
 
     for (var _i = 0; _i < arguments.length; _i++) {
       targetNames[_i] = arguments[_i];
     }
 
-    var selector = this.getSelectorForTargetNames(targetNames);
-    return this.scope.findElement(selector);
+    return targetNames.reduce(function (target, targetName) {
+      return target || _this.findTarget(targetName) || _this.findLegacyTarget(targetName);
+    }, undefined);
   };
 
   TargetSet.prototype.findAll = function () {
+    var _this = this;
+
     var targetNames = [];
 
     for (var _i = 0; _i < arguments.length; _i++) {
       targetNames[_i] = arguments[_i];
     }
 
-    var selector = this.getSelectorForTargetNames(targetNames);
+    return targetNames.reduce(function (targets, targetName) {
+      return __spreadArrays(targets, _this.findAllTargets(targetName), _this.findAllLegacyTargets(targetName));
+    }, []);
+  };
+
+  TargetSet.prototype.findTarget = function (targetName) {
+    var selector = this.getSelectorForTargetName(targetName);
+    return this.scope.findElement(selector);
+  };
+
+  TargetSet.prototype.findAllTargets = function (targetName) {
+    var selector = this.getSelectorForTargetName(targetName);
     return this.scope.findAllElements(selector);
   };
 
-  TargetSet.prototype.getSelectorForTargetNames = function (targetNames) {
+  TargetSet.prototype.getSelectorForTargetName = function (targetName) {
+    var attributeName = "data-" + this.identifier + "-target";
+    return (0, _selectors.attributeValueContainsToken)(attributeName, targetName);
+  };
+
+  TargetSet.prototype.findLegacyTarget = function (targetName) {
+    var selector = this.getLegacySelectorForTargetName(targetName);
+    return this.deprecate(this.scope.findElement(selector), targetName);
+  };
+
+  TargetSet.prototype.findAllLegacyTargets = function (targetName) {
     var _this = this;
 
-    return targetNames.map(function (targetName) {
-      return _this.getSelectorForTargetName(targetName);
-    }).join(", ");
+    var selector = this.getLegacySelectorForTargetName(targetName);
+    return this.scope.findAllElements(selector).map(function (element) {
+      return _this.deprecate(element, targetName);
+    });
   };
 
-  TargetSet.prototype.getSelectorForTargetName = function (targetName) {
+  TargetSet.prototype.getLegacySelectorForTargetName = function (targetName) {
     var targetDescriptor = this.identifier + "." + targetName;
     return (0, _selectors.attributeValueContainsToken)(this.schema.targetAttribute, targetDescriptor);
   };
 
+  TargetSet.prototype.deprecate = function (element, targetName) {
+    if (element) {
+      var identifier = this.identifier;
+      var attributeName = this.schema.targetAttribute;
+      this.guide.warn(element, "target:" + targetName, "Please replace " + attributeName + "=\"" + identifier + "." + targetName + "\" with data-" + identifier + "-target=\"" + targetName + "\". " + ("The " + attributeName + " attribute is deprecated and will be removed in a future version of Stimulus."));
+    }
+
+    return element;
+  };
+
+  Object.defineProperty(TargetSet.prototype, "guide", {
+    get: function () {
+      return this.scope.guide;
+    },
+    enumerable: false,
+    configurable: true
+  });
   return TargetSet;
 }();
 
 exports.TargetSet = TargetSet;
-},{"./selectors":"../node_modules/@stimulus/core/dist/src/selectors.js"}],"../node_modules/@stimulus/core/dist/src/scope.js":[function(require,module,exports) {
+},{"./selectors":"../node_modules/@stimulus/core/dist/selectors.js"}],"../node_modules/@stimulus/core/dist/scope.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2680,57 +3257,68 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Scope = void 0;
 
+var _class_map = require("./class_map");
+
 var _data_map = require("./data_map");
 
-var _target_set = require("./target_set");
+var _guide = require("./guide");
 
 var _selectors = require("./selectors");
 
+var _target_set = require("./target_set");
+
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];
+
+  return r;
+};
+
 var Scope =
 /** @class */
 function () {
-  function Scope(schema, identifier, element) {
-    this.schema = schema;
-    this.identifier = identifier;
-    this.element = element;
+  function Scope(schema, element, identifier, logger) {
+    var _this = this;
+
     this.targets = new _target_set.TargetSet(this);
+    this.classes = new _class_map.ClassMap(this);
     this.data = new _data_map.DataMap(this);
+
+    this.containsElement = function (element) {
+      return element.closest(_this.controllerSelector) === _this.element;
+    };
+
+    this.schema = schema;
+    this.element = element;
+    this.identifier = identifier;
+    this.guide = new _guide.Guide(logger);
   }
 
   Scope.prototype.findElement = function (selector) {
-    return this.findAllElements(selector)[0];
+    return this.element.matches(selector) ? this.element : this.queryElements(selector).find(this.containsElement);
   };
 
   Scope.prototype.findAllElements = function (selector) {
-    var head = this.element.matches(selector) ? [this.element] : [];
-    var tail = this.filterElements(Array.from(this.element.querySelectorAll(selector)));
-    return head.concat(tail);
-  };
-
-  Scope.prototype.filterElements = function (elements) {
-    var _this = this;
-
-    return elements.filter(function (element) {
-      return _this.containsElement(element);
-    });
+    return __spreadArrays(this.element.matches(selector) ? [this.element] : [], this.queryElements(selector).filter(this.containsElement));
   };
 
-  Scope.prototype.containsElement = function (element) {
-    return element.closest(this.controllerSelector) === this.element;
+  Scope.prototype.queryElements = function (selector) {
+    return Array.from(this.element.querySelectorAll(selector));
   };
 
   Object.defineProperty(Scope.prototype, "controllerSelector", {
     get: function () {
       return (0, _selectors.attributeValueContainsToken)(this.schema.controllerAttribute, this.identifier);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   return Scope;
 }();
 
 exports.Scope = Scope;
-},{"./data_map":"../node_modules/@stimulus/core/dist/src/data_map.js","./target_set":"../node_modules/@stimulus/core/dist/src/target_set.js","./selectors":"../node_modules/@stimulus/core/dist/src/selectors.js"}],"../node_modules/@stimulus/core/dist/src/scope_observer.js":[function(require,module,exports) {
+},{"./class_map":"../node_modules/@stimulus/core/dist/class_map.js","./data_map":"../node_modules/@stimulus/core/dist/data_map.js","./guide":"../node_modules/@stimulus/core/dist/guide.js","./selectors":"../node_modules/@stimulus/core/dist/selectors.js","./target_set":"../node_modules/@stimulus/core/dist/target_set.js"}],"../node_modules/@stimulus/core/dist/scope_observer.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2738,8 +3326,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ScopeObserver = void 0;
 
-var _scope = require("./scope");
-
 var _mutationObservers = require("@stimulus/mutation-observers");
 
 var ScopeObserver =
@@ -2766,7 +3352,7 @@ function () {
     get: function () {
       return this.schema.controllerAttribute;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   }); // Value observer delegate
 
@@ -2779,7 +3365,7 @@ function () {
     var scope = scopesByIdentifier.get(identifier);
 
     if (!scope) {
-      scope = new _scope.Scope(this.schema, identifier, element);
+      scope = this.delegate.createScopeForElementAndIdentifier(element, identifier);
       scopesByIdentifier.set(identifier, scope);
     }
 
@@ -2826,7 +3412,7 @@ function () {
 }();
 
 exports.ScopeObserver = ScopeObserver;
-},{"./scope":"../node_modules/@stimulus/core/dist/src/scope.js","@stimulus/mutation-observers":"../node_modules/@stimulus/mutation-observers/dist/index.js"}],"../node_modules/@stimulus/core/dist/src/router.js":[function(require,module,exports) {
+},{"@stimulus/mutation-observers":"../node_modules/@stimulus/mutation-observers/dist/index.js"}],"../node_modules/@stimulus/core/dist/router.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2838,6 +3424,8 @@ var _module = require("./module");
 
 var _multimap = require("@stimulus/multimap");
 
+var _scope = require("./scope");
+
 var _scope_observer = require("./scope_observer");
 
 var Router =
@@ -2854,28 +3442,35 @@ function () {
     get: function () {
       return this.application.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Router.prototype, "schema", {
     get: function () {
       return this.application.schema;
     },
-    enumerable: true,
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(Router.prototype, "logger", {
+    get: function () {
+      return this.application.logger;
+    },
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Router.prototype, "controllerAttribute", {
     get: function () {
       return this.schema.controllerAttribute;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Router.prototype, "modules", {
     get: function () {
       return Array.from(this.modulesByIdentifier.values());
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Router.prototype, "contexts", {
@@ -2884,7 +3479,7 @@ function () {
         return contexts.concat(module.contexts);
       }, []);
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -2930,6 +3525,12 @@ function () {
   /** @hidden */
 
 
+  Router.prototype.createScopeForElementAndIdentifier = function (element, identifier) {
+    return new _scope.Scope(this.schema, element, identifier, this.logger);
+  };
+  /** @hidden */
+
+
   Router.prototype.scopeConnected = function (scope) {
     this.scopesByIdentifier.add(scope.identifier, scope);
     var module = this.modulesByIdentifier.get(scope.identifier);
@@ -2971,7 +3572,7 @@ function () {
 }();
 
 exports.Router = Router;
-},{"./module":"../node_modules/@stimulus/core/dist/src/module.js","@stimulus/multimap":"../node_modules/@stimulus/multimap/dist/index.js","./scope_observer":"../node_modules/@stimulus/core/dist/src/scope_observer.js"}],"../node_modules/@stimulus/core/dist/src/schema.js":[function(require,module,exports) {
+},{"./module":"../node_modules/@stimulus/core/dist/module.js","@stimulus/multimap":"../node_modules/@stimulus/multimap/dist/index.js","./scope":"../node_modules/@stimulus/core/dist/scope.js","./scope_observer":"../node_modules/@stimulus/core/dist/scope_observer.js"}],"../node_modules/@stimulus/core/dist/schema.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2984,7 +3585,7 @@ var defaultSchema = {
   targetAttribute: "data-target"
 };
 exports.defaultSchema = defaultSchema;
-},{}],"../node_modules/@stimulus/core/dist/src/application.js":[function(require,module,exports) {
+},{}],"../node_modules/@stimulus/core/dist/application.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2999,6 +3600,12 @@ var _router = require("./router");
 var _schema = require("./schema");
 
 var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -3017,9 +3624,7 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
     }
 
     function step(result) {
-      result.done ? resolve(result.value) : new P(function (resolve) {
-        resolve(result.value);
-      }).then(fulfilled, rejected);
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
 
     step((generator = generator.apply(thisArg, _arguments || [])).next());
@@ -3058,8 +3663,8 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
     if (f) throw new TypeError("Generator is already executing.");
 
     while (_) try {
-      if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;
-      if (y = 0, t) op = [0, t.value];
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
 
       switch (op[0]) {
         case 0:
@@ -3135,6 +3740,14 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j];
+
+  return r;
+};
+
 var Application =
 /** @class */
 function () {
@@ -3147,6 +3760,7 @@ function () {
       schema = _schema.defaultSchema;
     }
 
+    this.logger = console;
     this.element = element;
     this.schema = schema;
     this.dispatcher = new _dispatcher.Dispatcher(this);
@@ -3171,8 +3785,8 @@ function () {
           case 1:
             _a.sent();
 
-            this.router.start();
             this.dispatcher.start();
+            this.router.start();
             return [2
             /*return*/
             ];
@@ -3182,8 +3796,8 @@ function () {
   };
 
   Application.prototype.stop = function () {
-    this.router.stop();
     this.dispatcher.stop();
+    this.router.stop();
   };
 
   Application.prototype.register = function (identifier, controllerConstructor) {
@@ -3202,7 +3816,7 @@ function () {
       rest[_i - 1] = arguments[_i];
     }
 
-    var definitions = Array.isArray(head) ? head : [head].concat(rest);
+    var definitions = Array.isArray(head) ? head : __spreadArrays([head], rest);
     definitions.forEach(function (definition) {
       return _this.router.loadDefinition(definition);
     });
@@ -3217,7 +3831,7 @@ function () {
       rest[_i - 1] = arguments[_i];
     }
 
-    var identifiers = Array.isArray(head) ? head : [head].concat(rest);
+    var identifiers = Array.isArray(head) ? head : __spreadArrays([head], rest);
     identifiers.forEach(function (identifier) {
       return _this.router.unloadIdentifier(identifier);
     });
@@ -3230,7 +3844,7 @@ function () {
         return context.controller;
       });
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -3241,7 +3855,7 @@ function () {
 
 
   Application.prototype.handleError = function (error, message, detail) {
-    console.error("%s\n\n%o\n\n%o", message, error, detail);
+    this.logger.error("%s\n\n%o\n\n%o", message, error, detail);
   };
 
   return Application;
@@ -3258,82 +3872,262 @@ function domReady() {
     }
   });
 }
-},{"./dispatcher":"../node_modules/@stimulus/core/dist/src/dispatcher.js","./router":"../node_modules/@stimulus/core/dist/src/router.js","./schema":"../node_modules/@stimulus/core/dist/src/schema.js"}],"../node_modules/@stimulus/core/dist/src/target_properties.js":[function(require,module,exports) {
+},{"./dispatcher":"../node_modules/@stimulus/core/dist/dispatcher.js","./router":"../node_modules/@stimulus/core/dist/router.js","./schema":"../node_modules/@stimulus/core/dist/schema.js"}],"../node_modules/@stimulus/core/dist/class_properties.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defineTargetProperties = defineTargetProperties;
+exports.ClassPropertiesBlessing = ClassPropertiesBlessing;
+
+var _inheritable_statics = require("./inheritable_statics");
+
+var _string_helpers = require("./string_helpers");
 
 /** @hidden */
-function defineTargetProperties(constructor) {
-  var prototype = constructor.prototype;
-  var targetNames = getTargetNamesForConstructor(constructor);
-  targetNames.forEach(function (name) {
-    var _a;
+function ClassPropertiesBlessing(constructor) {
+  var classes = (0, _inheritable_statics.readInheritableStaticArrayValues)(constructor, "classes");
+  return classes.reduce(function (properties, classDefinition) {
+    return Object.assign(properties, propertiesForClassDefinition(classDefinition));
+  }, {});
+}
 
-    return defineLinkedProperties(prototype, (_a = {}, _a[name + "Target"] = {
-      get: function () {
-        var target = this.targets.find(name);
+function propertiesForClassDefinition(key) {
+  var _a;
 
-        if (target) {
-          return target;
-        } else {
-          throw new Error("Missing target element \"" + this.identifier + "." + name + "\"");
-        }
+  var name = key + "Class";
+  return _a = {}, _a[name] = {
+    get: function () {
+      var classes = this.classes;
+
+      if (classes.has(key)) {
+        return classes.get(key);
+      } else {
+        var attribute = classes.getAttributeName(key);
+        throw new Error("Missing attribute \"" + attribute + "\"");
       }
-    }, _a[name + "Targets"] = {
-      get: function () {
-        return this.targets.findAll(name);
+    }
+  }, _a["has" + (0, _string_helpers.capitalize)(name)] = {
+    get: function () {
+      return this.classes.has(key);
+    }
+  }, _a;
+}
+},{"./inheritable_statics":"../node_modules/@stimulus/core/dist/inheritable_statics.js","./string_helpers":"../node_modules/@stimulus/core/dist/string_helpers.js"}],"../node_modules/@stimulus/core/dist/target_properties.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TargetPropertiesBlessing = TargetPropertiesBlessing;
+
+var _inheritable_statics = require("./inheritable_statics");
+
+var _string_helpers = require("./string_helpers");
+
+/** @hidden */
+function TargetPropertiesBlessing(constructor) {
+  var targets = (0, _inheritable_statics.readInheritableStaticArrayValues)(constructor, "targets");
+  return targets.reduce(function (properties, targetDefinition) {
+    return Object.assign(properties, propertiesForTargetDefinition(targetDefinition));
+  }, {});
+}
+
+function propertiesForTargetDefinition(name) {
+  var _a;
+
+  return _a = {}, _a[name + "Target"] = {
+    get: function () {
+      var target = this.targets.find(name);
+
+      if (target) {
+        return target;
+      } else {
+        throw new Error("Missing target element \"" + this.identifier + "." + name + "\"");
       }
-    }, _a["has" + capitalize(name) + "Target"] = {
+    }
+  }, _a[name + "Targets"] = {
+    get: function () {
+      return this.targets.findAll(name);
+    }
+  }, _a["has" + (0, _string_helpers.capitalize)(name) + "Target"] = {
+    get: function () {
+      return this.targets.has(name);
+    }
+  }, _a;
+}
+},{"./inheritable_statics":"../node_modules/@stimulus/core/dist/inheritable_statics.js","./string_helpers":"../node_modules/@stimulus/core/dist/string_helpers.js"}],"../node_modules/@stimulus/core/dist/value_properties.js":[function(require,module,exports) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValuePropertiesBlessing = ValuePropertiesBlessing;
+exports.propertiesForValueDefinitionPair = propertiesForValueDefinitionPair;
+
+var _inheritable_statics = require("./inheritable_statics");
+
+var _string_helpers = require("./string_helpers");
+
+/** @hidden */
+function ValuePropertiesBlessing(constructor) {
+  var valueDefinitionPairs = (0, _inheritable_statics.readInheritableStaticObjectPairs)(constructor, "values");
+  var propertyDescriptorMap = {
+    valueDescriptorMap: {
       get: function () {
-        return this.targets.has(name);
+        var _this = this;
+
+        return valueDefinitionPairs.reduce(function (result, valueDefinitionPair) {
+          var _a;
+
+          var valueDescriptor = parseValueDefinitionPair(valueDefinitionPair);
+
+          var attributeName = _this.data.getAttributeNameForKey(valueDescriptor.key);
+
+          return Object.assign(result, (_a = {}, _a[attributeName] = valueDescriptor, _a));
+        }, {});
       }
-    }, _a));
-  });
+    }
+  };
+  return valueDefinitionPairs.reduce(function (properties, valueDefinitionPair) {
+    return Object.assign(properties, propertiesForValueDefinitionPair(valueDefinitionPair));
+  }, propertyDescriptorMap);
 }
+/** @hidden */
 
-function getTargetNamesForConstructor(constructor) {
-  var ancestors = getAncestorsForConstructor(constructor);
-  return Array.from(ancestors.reduce(function (targetNames, constructor) {
-    getOwnTargetNamesForConstructor(constructor).forEach(function (name) {
-      return targetNames.add(name);
-    });
-    return targetNames;
-  }, new Set()));
+
+function propertiesForValueDefinitionPair(valueDefinitionPair) {
+  var _a;
+
+  var definition = parseValueDefinitionPair(valueDefinitionPair);
+  var type = definition.type,
+      key = definition.key,
+      name = definition.name;
+  var read = readers[type],
+      write = writers[type] || writers.default;
+  return _a = {}, _a[name] = {
+    get: function () {
+      var value = this.data.get(key);
+
+      if (value !== null) {
+        return read(value);
+      } else {
+        return definition.defaultValue;
+      }
+    },
+    set: function (value) {
+      if (value === undefined) {
+        this.data.delete(key);
+      } else {
+        this.data.set(key, write(value));
+      }
+    }
+  }, _a["has" + (0, _string_helpers.capitalize)(name)] = {
+    get: function () {
+      return this.data.has(key);
+    }
+  }, _a;
 }
 
-function getAncestorsForConstructor(constructor) {
-  var ancestors = [];
+function parseValueDefinitionPair(_a) {
+  var token = _a[0],
+      typeConstant = _a[1];
+  var type = parseValueTypeConstant(typeConstant);
+  return valueDescriptorForTokenAndType(token, type);
+}
 
-  while (constructor) {
-    ancestors.push(constructor);
-    constructor = Object.getPrototypeOf(constructor);
+function parseValueTypeConstant(typeConstant) {
+  switch (typeConstant) {
+    case Array:
+      return "array";
+
+    case Boolean:
+      return "boolean";
+
+    case Number:
+      return "number";
+
+    case Object:
+      return "object";
+
+    case String:
+      return "string";
   }
 
-  return ancestors;
+  throw new Error("Unknown value type constant \"" + typeConstant + "\"");
 }
 
-function getOwnTargetNamesForConstructor(constructor) {
-  var definition = constructor["targets"];
-  return Array.isArray(definition) ? definition : [];
+function valueDescriptorForTokenAndType(token, type) {
+  var key = (0, _string_helpers.dasherize)(token) + "-value";
+  return {
+    type: type,
+    key: key,
+    name: (0, _string_helpers.camelize)(key),
+
+    get defaultValue() {
+      return defaultValuesByType[type];
+    }
+
+  };
 }
 
-function defineLinkedProperties(object, properties) {
-  Object.keys(properties).forEach(function (name) {
-    if (!(name in object)) {
-      var descriptor = properties[name];
-      Object.defineProperty(object, name, descriptor);
+var defaultValuesByType = {
+  get array() {
+    return [];
+  },
+
+  boolean: false,
+  number: 0,
+
+  get object() {
+    return {};
+  },
+
+  string: ""
+};
+var readers = {
+  array: function (value) {
+    var array = JSON.parse(value);
+
+    if (!Array.isArray(array)) {
+      throw new TypeError("Expected array");
     }
-  });
+
+    return array;
+  },
+  boolean: function (value) {
+    return !(value == "0" || value == "false");
+  },
+  number: function (value) {
+    return parseFloat(value);
+  },
+  object: function (value) {
+    var object = JSON.parse(value);
+
+    if (object === null || typeof object != "object" || Array.isArray(object)) {
+      throw new TypeError("Expected object");
+    }
+
+    return object;
+  },
+  string: function (value) {
+    return value;
+  }
+};
+var writers = {
+  default: writeString,
+  array: writeJSON,
+  object: writeJSON
+};
+
+function writeJSON(value) {
+  return JSON.stringify(value);
 }
 
-function capitalize(name) {
-  return name.charAt(0).toUpperCase() + name.slice(1);
+function writeString(value) {
+  return "" + value;
 }
-},{}],"../node_modules/@stimulus/core/dist/src/controller.js":[function(require,module,exports) {
+},{"./inheritable_statics":"../node_modules/@stimulus/core/dist/inheritable_statics.js","./string_helpers":"../node_modules/@stimulus/core/dist/string_helpers.js"}],"../node_modules/@stimulus/core/dist/controller.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3341,8 +4135,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Controller = void 0;
 
+var _class_properties = require("./class_properties");
+
 var _target_properties = require("./target_properties");
 
+var _value_properties = require("./value_properties");
+
 var Controller =
 /** @class */
 function () {
@@ -3350,50 +4148,53 @@ function () {
     this.context = context;
   }
 
-  Controller.bless = function () {
-    (0, _target_properties.defineTargetProperties)(this);
-  };
-
   Object.defineProperty(Controller.prototype, "application", {
     get: function () {
       return this.context.application;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Controller.prototype, "scope", {
     get: function () {
       return this.context.scope;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Controller.prototype, "element", {
     get: function () {
       return this.scope.element;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Controller.prototype, "identifier", {
     get: function () {
       return this.scope.identifier;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Controller.prototype, "targets", {
     get: function () {
       return this.scope.targets;
     },
-    enumerable: true,
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(Controller.prototype, "classes", {
+    get: function () {
+      return this.scope.classes;
+    },
+    enumerable: false,
     configurable: true
   });
   Object.defineProperty(Controller.prototype, "data", {
     get: function () {
       return this.scope.data;
     },
-    enumerable: true,
+    enumerable: false,
     configurable: true
   });
 
@@ -3406,12 +4207,14 @@ function () {
   Controller.prototype.disconnect = function () {// Override in your subclass to respond when the controller is disconnected from the DOM
   };
 
+  Controller.blessings = [_class_properties.ClassPropertiesBlessing, _target_properties.TargetPropertiesBlessing, _value_properties.ValuePropertiesBlessing];
   Controller.targets = [];
+  Controller.values = {};
   return Controller;
 }();
 
 exports.Controller = Controller;
-},{"./target_properties":"../node_modules/@stimulus/core/dist/src/target_properties.js"}],"../node_modules/@stimulus/core/dist/index.js":[function(require,module,exports) {
+},{"./class_properties":"../node_modules/@stimulus/core/dist/class_properties.js","./target_properties":"../node_modules/@stimulus/core/dist/target_properties.js","./value_properties":"../node_modules/@stimulus/core/dist/value_properties.js"}],"../node_modules/@stimulus/core/dist/index.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3442,14 +4245,14 @@ Object.defineProperty(exports, "defaultSchema", {
   }
 });
 
-var _application = require("./src/application");
+var _application = require("./application");
 
-var _context = require("./src/context");
+var _context = require("./context");
 
-var _controller = require("./src/controller");
+var _controller = require("./controller");
 
-var _schema = require("./src/schema");
-},{"./src/application":"../node_modules/@stimulus/core/dist/src/application.js","./src/context":"../node_modules/@stimulus/core/dist/src/context.js","./src/controller":"../node_modules/@stimulus/core/dist/src/controller.js","./src/schema":"../node_modules/@stimulus/core/dist/src/schema.js"}],"../node_modules/stimulus/index.js":[function(require,module,exports) {
+var _schema = require("./schema");
+},{"./application":"../node_modules/@stimulus/core/dist/application.js","./context":"../node_modules/@stimulus/core/dist/context.js","./controller":"../node_modules/@stimulus/core/dist/controller.js","./schema":"../node_modules/@stimulus/core/dist/schema.js"}],"../node_modules/stimulus/index.js":[function(require,module,exports) {
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3460,6 +4263,7 @@ var _core = require("@stimulus/core");
 
 Object.keys(_core).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _core[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
@@ -3467,152 +4271,158 @@ Object.keys(_core).forEach(function (key) {
     }
   });
 });
-},{"@stimulus/core":"../node_modules/@stimulus/core/dist/index.js"}],"javascripts/super/apply_template_controller.ts":[function(require,module,exports) {
+},{"@stimulus/core":"../node_modules/@stimulus/core/dist/index.js"}],"javascripts/super/apply_template_controller.js":[function(require,module,exports) {
 "use strict";
 
-var __extends = this && this.__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-    return _extendStatics(d, b);
-  };
+var _stimulus = require("stimulus");
 
-  return function (d, b) {
-    _extendStatics(d, b);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-    function __() {
-      this.constructor = d;
-    }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-var stimulus_1 = require("stimulus");
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-var default_1 =
-/** @class */
-function (_super) {
-  __extends(default_1, _super);
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-  function default_1() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = /*#__PURE__*/function (_Controller) {
+  _inherits(_default, _Controller);
+
+  var _super = _createSuper(_default);
 
-  default_1.prototype.call = function (event) {
-    event.preventDefault();
+  function _default() {
+    _classCallCheck(this, _default);
 
-    if (this.templateTarget) {
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(_default, [{
+    key: "call",
+    value: function call(event) {
+      event.preventDefault();
       var unixtime = new Date().getTime();
       var content = this.templateTarget.innerHTML.replace(/TEMPLATEINDEX/g, unixtime.toString());
       this.templateTarget.insertAdjacentHTML("beforebegin", content);
     }
-  };
+  }]);
+
+  return _default;
+}(_stimulus.Controller);
 
-  default_1.targets = ["template"];
-  return default_1;
-}(stimulus_1.Controller);
+exports.default = _default;
 
-exports.default = default_1;
-},{"stimulus":"../node_modules/stimulus/index.js"}],"javascripts/super/toggle_pending_destruction_controller.ts":[function(require,module,exports) {
+_defineProperty(_default, "targets", ["template"]);
+},{"stimulus":"../node_modules/stimulus/index.js"}],"javascripts/super/toggle_pending_destruction_controller.js":[function(require,module,exports) {
 "use strict";
 
-var __extends = this && this.__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-    return _extendStatics(d, b);
-  };
+var _stimulus = require("stimulus");
 
-  return function (d, b) {
-    _extendStatics(d, b);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-    function __() {
-      this.constructor = d;
-    }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-var stimulus_1 = require("stimulus");
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-var default_1 =
-/** @class */
-function (_super) {
-  __extends(default_1, _super);
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-  function default_1() {
-    return _super !== null && _super.apply(this, arguments) || this;
+var _default = /*#__PURE__*/function (_Controller) {
+  _inherits(_default, _Controller);
+
+  var _super = _createSuper(_default);
+
+  function _default() {
+    _classCallCheck(this, _default);
+
+    return _super.apply(this, arguments);
   }
 
-  default_1.prototype.call = function (event) {
-    var target = event.target;
+  _createClass(_default, [{
+    key: "call",
+    value: function call(event) {
+      var target = event.target;
 
-    if (target) {
-      if (target.checked) {
-        this.element.classList.add("opacity-75", "bg-gray-100");
-      } else {
-        this.element.classList.remove("opacity-75", "bg-gray-100");
+      if (target) {
+        if (target.checked) {
+          this.element.classList.add("opacity-75", "bg-gray-100");
+        } else {
+          this.element.classList.remove("opacity-75", "bg-gray-100");
+        }
       }
     }
-  };
+  }]);
 
-  return default_1;
-}(stimulus_1.Controller);
+  return _default;
+}(_stimulus.Controller);
 
-exports.default = default_1;
-},{"stimulus":"../node_modules/stimulus/index.js"}],"javascripts/super/application.ts":[function(require,module,exports) {
+exports.default = _default;
+},{"stimulus":"../node_modules/stimulus/index.js"}],"javascripts/super/application.js":[function(require,module,exports) {
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "StimulusController", {
+  enumerable: true,
+  get: function () {
+    return _stimulus.Controller;
+  }
+});
+exports.StimulusApplication = void 0;
 
-var ujs_1 = __importDefault(require("@rails/ujs"));
+var _ujs = _interopRequireDefault(require("@rails/ujs"));
 
-var stimulus_1 = require("stimulus");
+var _stimulus = require("stimulus");
 
-var apply_template_controller_1 = __importDefault(require("./apply_template_controller"));
+var _apply_template_controller = _interopRequireDefault(require("./apply_template_controller"));
 
-var toggle_pending_destruction_controller_1 = __importDefault(require("./toggle_pending_destruction_controller"));
+var _toggle_pending_destruction_controller = _interopRequireDefault(require("./toggle_pending_destruction_controller"));
 
-ujs_1.default.start();
-var application = stimulus_1.Application.start();
-application.register("apply-template", apply_template_controller_1.default);
-application.register("toggle-pending-destruction", toggle_pending_destruction_controller_1.default);
-exports.default = {
-  StimulusApplication: application,
-  StimulusController: stimulus_1.Controller
-};
-},{"@rails/ujs":"../node_modules/@rails/ujs/lib/assets/compiled/rails-ujs.js","stimulus":"../node_modules/stimulus/index.js","./apply_template_controller":"javascripts/super/apply_template_controller.ts","./toggle_pending_destruction_controller":"javascripts/super/toggle_pending_destruction_controller.ts"}]},{},["javascripts/super/application.ts"], "Super")
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_ujs.default.start();
+
+var StimulusApplication = _stimulus.Application.start();
+
+exports.StimulusApplication = StimulusApplication;
+StimulusApplication.register("apply-template", _apply_template_controller.default);
+StimulusApplication.register("toggle-pending-destruction", _toggle_pending_destruction_controller.default);
+},{"@rails/ujs":"../node_modules/@rails/ujs/lib/assets/compiled/rails-ujs.js","stimulus":"../node_modules/stimulus/index.js","./apply_template_controller":"javascripts/super/apply_template_controller.js","./toggle_pending_destruction_controller":"javascripts/super/toggle_pending_destruction_controller.js"}]},{},["javascripts/super/application.js"], "Super")