building files

Author: weaverryan

src/Autocomplete/assets/dist/controller.js

@@ -1,25 +1,25 @@
 import { Controller } from '@hotwired/stimulus';
 import TomSelect from 'tom-select';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __classPrivateFieldGet(receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 }
 
 var _instances, _getCommonConfig, _createAutocomplete, _createAutocompleteWithHtmlContents, _createAutocompleteWithRemoteData, _stripTags, _mergeObjects, _createTomSelect, _dispatchEvent;

src/LiveComponent/assets/dist/live_controller.js

@@ -1200,6 +1200,7 @@ class default_1 extends Controller {
         this.originalDataJSON = '{}';
         this.mutationObserver = null;
         this.childComponentControllers = [];
+        this.pendingActionTriggerModelElement = null;
         this.markAsWindowUnloaded = () => {
             this.isWindowUnloaded = true;
         };
@@ -1230,7 +1231,6 @@ class default_1 extends Controller {
         this.element.addEventListener('input', this.handleInputEvent);
         this.element.addEventListener('change', this.handleChangeEvent);
         this.element.addEventListener('live:connect', this.handleConnectedControllerEvent);
-        this.element.addEventListener('live:disconnect', this.handleDisconnectedControllerEvent);
         this._dispatchEvent('live:connect', { controller: this });
     }
     disconnect() {
@@ -1249,6 +1249,9 @@ class default_1 extends Controller {
         }
     }
     update(event) {
+        if (event.type === 'input' || event.type === 'change') {
+            throw new Error(`Since LiveComponents 2.3, you no longer need data-action="live#update" on form elements. Found on element: ${getElementAsTagText(event.target)}`);
+        }
         this._updateModelFromElement(event.target, null);
     }
     action(event) {
@@ -1274,7 +1277,7 @@ class default_1 extends Controller {
                         }
                         break;
                     case 'debounce': {
-                        const length = modifier.value ? parseInt(modifier.value) : DEFAULT_DEBOUNCE;
+                        const length = modifier.value ? parseInt(modifier.value) : this.getDefaultDebounce();
                         if (this.actionDebounceTimeout) {
                             clearTimeout(this.actionDebounceTimeout);
                             this.actionDebounceTimeout = null;
@@ -1291,6 +1294,14 @@ class default_1 extends Controller {
                 }
             });
             if (!handled) {
+                if (getModelDirectiveFromInput(event.currentTarget, false)) {
+                    this.pendingActionTriggerModelElement = event.currentTarget;
+                    window.setTimeout(() => {
+                        this.pendingActionTriggerModelElement = null;
+                        _executeAction();
+                    }, 10);
+                    return;
+                }
                 _executeAction();
             }
         });
@@ -1316,6 +1327,7 @@ class default_1 extends Controller {
         }
         let shouldRender = true;
         let targetEventName = 'input';
+        let debounce = null;
         modelDirective.modifiers.forEach((modifier) => {
             switch (modifier.name) {
                 case 'on':
@@ -1330,15 +1342,31 @@ class default_1 extends Controller {
                 case 'norender':
                     shouldRender = false;
                     break;
+                case 'debounce':
+                    debounce = modifier.value ? parseInt(modifier.value) : this.getDefaultDebounce();
+                    break;
                 default:
                     console.warn(`Unknown modifier "${modifier.name}" in data-model="${modelDirective.getString()}".`);
             }
         });
+        if (this.pendingActionTriggerModelElement === element) {
+            shouldRender = false;
+        }
         if (eventName && targetEventName !== eventName) {
             return;
         }
+        if (null === debounce) {
+            if (targetEventName === 'input') {
+                debounce = this.getDefaultDebounce();
+            }
+            else {
+                debounce = 0;
+            }
+        }
         const finalValue = getValueFromInput(element, this.valueStore);
-        this.$updateModel(modelDirective.action, finalValue, shouldRender, element.hasAttribute('name') ? element.getAttribute('name') : null, {});
+        this.$updateModel(modelDirective.action, finalValue, shouldRender, element.hasAttribute('name') ? element.getAttribute('name') : null, {
+            debounce
+        });
     }
     $updateModel(model, value, shouldRender = true, extraModelName = null, options = {}) {
         const modelName = normalizeModelName(model);
@@ -1361,10 +1389,14 @@ class default_1 extends Controller {
         this.unsyncedInputs.remove(modelName);
         if (shouldRender) {
             this._clearWaitingDebouncedRenders();
+            let debounce = this.getDefaultDebounce();
+            if (options.debounce !== undefined && options.debounce !== null) {
+                debounce = options.debounce;
+            }
             this.renderDebounceTimeout = window.setTimeout(() => {
                 this.renderDebounceTimeout = null;
                 this.$render();
-            }, this.hasDebounceValue ? this.debounceValue : DEFAULT_DEBOUNCE);
+            }, debounce);
         }
     }
     _makeRequest(action, args) {
@@ -1602,6 +1634,7 @@ class default_1 extends Controller {
             return;
         }
         this.childComponentControllers.push(event.detail.controller);
+        event.detail.controller.element.addEventListener('live:disconnect', this.handleDisconnectedControllerEvent);
     }
     handleDisconnectedControllerEvent(event) {
         if (event.target === this.element) {
@@ -1767,6 +1800,9 @@ class default_1 extends Controller {
             attributes: true
         });
     }
+    getDefaultDebounce() {
+        return this.hasDebounceValue ? this.debounceValue : DEFAULT_DEBOUNCE;
+    }
 }
 default_1.values = {
     url: String,