stimulus-library 0.9.2 → 0.9.4

package/dist/controllers/forms/enable_inputs_controller.js

@@ -1,5 +1,9 @@
 import { BaseController } from "../../utilities/base_controller";
 export class EnableInputsController extends BaseController {
+    static targets = ["input"];
+    static values = {
+        clear: Boolean,
+    };
     connect() {
     }
     disable() {
@@ -15,7 +19,3 @@ export class EnableInputsController extends BaseController {
         this.inputTargets.forEach((el, _) => el.disabled = false);
     }
 }
-EnableInputsController.targets = ["input"];
-EnableInputsController.values = {
-    clear: Boolean,
-};

package/dist/controllers/forms/focus_steal_controller.js

@@ -1,5 +1,8 @@
 import { BaseController } from "../../utilities/base_controller";
 export class FocusStealController extends BaseController {
+    static values = {
+        mode: String,
+    };
     get _mode() {
         const MODES = ['immediate', 'wait'];
         if (this.hasModeValue) {
@@ -23,6 +26,3 @@ export class FocusStealController extends BaseController {
         this.el.focus();
     }
 }
-FocusStealController.values = {
-    mode: String,
-};

package/dist/controllers/forms/form_rc_controller.js

@@ -1,6 +1,11 @@
 import { BaseController } from '../../utilities/base_controller';
 import { requestReset, requestSubmit } from "../../utilities/request_submit";
 export class FormRcController extends BaseController {
+    static targets = ["form"];
+    static values = {
+        formSelector: String,
+        submitMode: String,
+    };
     get _mode() {
         if (this.hasSubmitModeValue) {
             if (!["direct", "request"].includes(this.submitModeValue)) {
@@ -26,7 +31,7 @@ export class FormRcController extends BaseController {
         return form;
     }
     submit(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         let el = this.form;
         if (this._mode == 'request') {
             requestSubmit(el);
@@ -36,12 +41,7 @@ export class FormRcController extends BaseController {
         }
     }
     reset(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         requestReset(this.form);
     }
 }
-FormRcController.targets = ["form"];
-FormRcController.values = {
-    formSelector: String,
-    submitMode: String,
-};

package/dist/controllers/forms/form_save_controller.js

@@ -2,6 +2,11 @@ import { BaseController } from '../../utilities/base_controller';
 import { isHTMLFormElement, isHTMLInputElement } from "../../utilities/elements";
 import { useEventListener } from "../../mixins/use_event_listener";
 export class FormSaveController extends BaseController {
+    static values = {
+        id: String,
+        restoreOnLoad: Boolean,
+        clearOnSubmit: Boolean,
+    };
     get _formID() {
         if (this.hasIdValue) {
             return this.idValue;
@@ -66,7 +71,7 @@ export class FormSaveController extends BaseController {
         this.dispatchEvent(this.el, `form-save:cleared`);
     }
     clear(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         this._clear();
     }
     save(event) {
@@ -76,7 +81,7 @@ export class FormSaveController extends BaseController {
         this.dispatchEvent(this.el, `form-save:save:success`);
     }
     restore(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         if (localStorage.getItem(this._formIdentifier)) {
             const savedData = JSON.parse(localStorage.getItem(this._formIdentifier)); // get and parse the saved data from localStorage
             for (const element of this._formElements) {
@@ -102,8 +107,3 @@ export class FormSaveController extends BaseController {
         }
     }
 }
-FormSaveController.values = {
-    id: String,
-    restoreOnLoad: Boolean,
-    clearOnSubmit: Boolean,
-};

package/dist/controllers/forms/limited_selection_checkboxes_controller.js

@@ -1,6 +1,8 @@
 import { BaseController } from "../../utilities/base_controller";
 import { useCollectionEventListener } from "../../mixins/use_event_listener";
 export class LimitedSelectionCheckboxesController extends BaseController {
+    static targets = ["input", "error"];
+    static values = { max: Number, message: String };
     connect() {
         useCollectionEventListener(this, this.inputTargets, "change", this._handleInputs);
     }
@@ -24,5 +26,3 @@ export class LimitedSelectionCheckboxesController extends BaseController {
         }
     }
 }
-LimitedSelectionCheckboxesController.targets = ["input", "error"];
-LimitedSelectionCheckboxesController.values = { max: Number, message: String };

package/dist/controllers/forms/navigate_form_errors_controller.js

@@ -1,22 +1,16 @@
-var __awaiter = (this && this.__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 { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { BaseController } from "../../utilities/base_controller";
 import { scrollToElement } from "../../utilities/scroll";
 import clamp from "lodash-es/clamp";
 import { installClassMethods } from "../../mixins/install_class_methods";
 export class NavigateFormErrorsController extends BaseController {
-    constructor() {
-        super(...arguments);
-        this._errors = [];
-        this._firstClick = false;
-    }
+    static values = {
+        selector: String,
+        index: Number,
+    };
+    static classes = ["current"];
+    static targets = ["next", "current", "previous"];
+    _errors = [];
+    _firstClick = false;
     get defaultCurrentClasses() {
         return ["currentError"];
     }
@@ -62,44 +56,38 @@ export class NavigateFormErrorsController extends BaseController {
             this._toggleVisibility();
         });
     }
-    current(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            if (this._firstClick) {
-                this._firstClick = false;
-                this._toggleButtons();
-            }
-            yield scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
-            this._updateClasses();
-        });
+    async current(event) {
+        event?.preventDefault();
+        if (this._firstClick) {
+            this._firstClick = false;
+            this._toggleButtons();
+        }
+        await scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
+        this._updateClasses();
     }
-    next(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            if (this._firstClick) {
-                this._firstClick = false;
-                this._toggleButtons();
-            }
-            else {
-                this.indexValue = this._nextIndex;
-            }
-            yield scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
-            this._updateClasses();
-        });
+    async next(event) {
+        event?.preventDefault();
+        if (this._firstClick) {
+            this._firstClick = false;
+            this._toggleButtons();
+        }
+        else {
+            this.indexValue = this._nextIndex;
+        }
+        await scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
+        this._updateClasses();
     }
-    previous(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            if (this._firstClick) {
-                this._firstClick = false;
-                this._toggleButtons();
-            }
-            else {
-                this.indexValue = this._previousIndex;
-            }
-            yield scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
-            this._updateClasses();
-        });
+    async previous(event) {
+        event?.preventDefault();
+        if (this._firstClick) {
+            this._firstClick = false;
+            this._toggleButtons();
+        }
+        else {
+            this.indexValue = this._previousIndex;
+        }
+        await scrollToElement(this._currentError, { behavior: "smooth", block: "center", inline: "center" });
+        this._updateClasses();
     }
     indexValueChanged() {
         this._toggleButtons();
@@ -146,9 +134,3 @@ export class NavigateFormErrorsController extends BaseController {
         }
     }
 }
-NavigateFormErrorsController.values = {
-    selector: String,
-    index: Number,
-};
-NavigateFormErrorsController.classes = ["current"];
-NavigateFormErrorsController.targets = ["next", "current", "previous"];

package/dist/controllers/forms/nested_form_controller.js

@@ -1,5 +1,10 @@
 import { BaseController } from "../../utilities/base_controller";
 export class NestedFormController extends BaseController {
+    static targets = ['target', 'template'];
+    static values = {
+        insertMode: String,
+        wrapperClass: String,
+    };
     get _wrapperClass() {
         return this.hasWrapperSelectorValue ? this.wrapperClassValue : 'nested-fields';
     }
@@ -10,7 +15,7 @@ export class NestedFormController extends BaseController {
         this._checkStructure();
     }
     add(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         const content = this.templateTarget.innerHTML.replace(/NEW_RECORD/g, this._generateID());
         this.targetTarget.insertAdjacentHTML(this._insertMode, content);
     }
@@ -42,8 +47,3 @@ export class NestedFormController extends BaseController {
         }
     }
 }
-NestedFormController.targets = ['target', 'template'];
-NestedFormController.values = {
-    insertMode: String,
-    wrapperClass: String,
-};

package/dist/controllers/forms/password_confirm_controller.js

@@ -2,6 +2,8 @@ import { BaseController } from "../../utilities/base_controller";
 import { useCollectionEventListener } from "../../mixins/use_event_listener";
 import { installClassMethods } from "../../mixins/install_class_methods";
 export class PasswordConfirmController extends BaseController {
+    static targets = ["password"];
+    static classes = ["error"];
     connect() {
         installClassMethods(this);
         useCollectionEventListener(this, this.passwordTargets, "change", this._checkPasswordsMatch);
@@ -22,5 +24,3 @@ export class PasswordConfirmController extends BaseController {
         }
     }
 }
-PasswordConfirmController.targets = ["password"];
-PasswordConfirmController.classes = ["error"];

package/dist/controllers/forms/password_peek_controller.js

@@ -1,15 +1,16 @@
 import { BaseController } from "../../utilities/base_controller";
 export class PasswordPeekController extends BaseController {
+    static targets = ["password"];
     peak(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         this.passwordTarget.type = "text";
     }
     hide(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         this.passwordTarget.type = "password";
     }
     toggle(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         if (this.passwordTarget.type === "password") {
             this.peak();
         }
@@ -18,4 +19,3 @@ export class PasswordPeekController extends BaseController {
         }
     }
 }
-PasswordPeekController.targets = ["password"];

package/dist/controllers/forms/remote_form_controller.js

@@ -1,5 +1,7 @@
 import { BaseController } from "../../utilities/base_controller";
 export class RemoteFormController extends BaseController {
+    static targets = [];
+    static values = { selector: String };
     get _selector() {
         return this.hasSelectorValue ? this.selectorValue : `[data-controller~="${this.identifier}"]`;
     }
@@ -22,5 +24,3 @@ export class RemoteFormController extends BaseController {
         }
     }
 }
-RemoteFormController.targets = [];
-RemoteFormController.values = { selector: String };

package/dist/controllers/forms/sync_inputs_controller.js

@@ -4,6 +4,9 @@ import { EventBus } from "../../utilities/event_bus";
 import { useEventListener } from "../../mixins/use_event_listener";
 import { useEventBus } from "../../mixins/use_event_bus";
 export class SyncInputsController extends BaseController {
+    static values = {
+        key: String,
+    };
     get _eventName() {
         return `sync:${this._key}`;
     }
@@ -62,6 +65,3 @@ export class SyncInputsController extends BaseController {
         }
     }
 }
-SyncInputsController.values = {
-    key: String,
-};

package/dist/controllers/forms/value_warn_controller.js

@@ -2,6 +2,14 @@ import { BaseController } from "../../utilities/base_controller";
 import { useEventListener } from "../../mixins/use_event_listener";
 import { installClassMethods } from "../../mixins/install_class_methods";
 export class ValueWarnController extends BaseController {
+    static classes = ["inputWarning", "warningHide"];
+    static targets = ["input", "warning"];
+    static values = {
+        max: Number,
+        min: Number,
+        minMessage: String,
+        maxMessage: String,
+    };
     get _maxMessage() {
         return this.hasMaxMessageValue ? this.maxMessageValue : `Value must be less than ${this.maxValue}`;
     }
@@ -35,11 +43,3 @@ export class ValueWarnController extends BaseController {
         }
     }
 }
-ValueWarnController.classes = ["inputWarning", "warningHide"];
-ValueWarnController.targets = ["input", "warning"];
-ValueWarnController.values = {
-    max: Number,
-    min: Number,
-    minMessage: String,
-    maxMessage: String,
-};

package/dist/controllers/forms/word_count_controller.js

@@ -2,6 +2,9 @@ import { BaseController } from "../../utilities/base_controller";
 import { useEventListener } from "../../mixins/use_event_listener";
 import { installClassMethods } from "../../mixins/install_class_methods";
 export class WordCountController extends BaseController {
+    static targets = ["input", "output"];
+    static values = { min: Number, max: Number };
+    static classes = ["error"];
     connect() {
         installClassMethods(this);
         this._updateWordCount();
@@ -32,6 +35,3 @@ export class WordCountController extends BaseController {
         return count >= min && count <= max;
     }
 }
-WordCountController.targets = ["input", "output"];
-WordCountController.values = { min: Number, max: Number };
-WordCountController.classes = ["error"];

package/dist/controllers/media/fallback_image_controller.js

@@ -1,5 +1,7 @@
 import { BaseController } from "../../utilities/base_controller";
 export class FallbackImageController extends BaseController {
+    static values = { placeholder: String };
+    static classes = ["success", "fail"];
     initialize() {
         this._hasLoadedSuccessfully = this._hasLoadedSuccessfully.bind(this);
         this._success = this._success.bind(this);
@@ -40,5 +42,3 @@ export class FallbackImageController extends BaseController {
         return element.naturalHeight > 0 && element.naturalWidth > 0;
     }
 }
-FallbackImageController.values = { placeholder: String };
-FallbackImageController.classes = ["success", "fail"];

package/dist/controllers/media/lightbox_image_controller.js

@@ -3,10 +3,13 @@ import { BaseController } from "../../utilities/base_controller";
 import { scrollToElement } from "../../utilities/scroll";
 import { useEventListener } from "../../mixins/use_event_listener";
 export class LightboxImageController extends BaseController {
-    constructor() {
-        super(...arguments);
-        this._dialog = null;
-    }
+    static values = {
+        src: String,
+        srcSet: String,
+        sizes: String,
+    };
+    static classes = ["modal", "image"];
+    _dialog = null;
     get _src() {
         return this.hasSrcValue ? this.srcValue : this.el.src;
     }
@@ -63,9 +66,3 @@ export class LightboxImageController extends BaseController {
         }
     }
 }
-LightboxImageController.values = {
-    src: String,
-    srcSet: String,
-    sizes: String,
-};
-LightboxImageController.classes = ["modal", "image"];

package/dist/controllers/media/media_player_controller.js

@@ -1,31 +1,20 @@
-var __awaiter = (this && this.__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 { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { BaseController } from "../../utilities/base_controller";
 export class MediaPlayerController extends BaseController {
-    play(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield this.mediaTarget.play();
-        });
+    static targets = ["media"];
+    async play(event) {
+        event?.preventDefault();
+        await this.mediaTarget.play();
     }
     pause(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         this.mediaTarget.pause();
     }
     restart(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         this.mediaTarget.currentTime = 0;
     }
     seek(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         this.mediaTarget.currentTime += 5;
     }
 }
-MediaPlayerController.targets = ["media"];

package/dist/controllers/persisted_dismissable_controller.js

@@ -1,6 +1,9 @@
 import { DismissableController } from "./dismissable_controller";
 import { useLocalStorage } from "../mixins";
 export class PersistedDismissableController extends DismissableController {
+    static values = {
+        key: String,
+    };
     connect() {
         this.localStorage = useLocalStorage(this, this.keyValue, false, { writeDefaults: false });
         if (this.localStorage.value == true) {
@@ -12,8 +15,5 @@ export class PersistedDismissableController extends DismissableController {
         super.dismiss();
     }
 }
-PersistedDismissableController.values = {
-    key: String,
-};
 export class PersistedRemoveController extends PersistedDismissableController {
 }

package/dist/controllers/prefetch_controller.js

@@ -2,13 +2,13 @@ import { BaseController } from "../utilities/base_controller";
 import { useEventListener } from "../mixins/use_event_listener";
 import { warn } from "../utilities/logging";
 export class PrefetchController extends BaseController {
+    static values = { mode: String };
     get _mode() {
         return this.hasModeValue ? this.modeValue : "mouseover";
     }
     get _supportsPrefetch() {
-        var _a, _b;
         const link = document.createElement('link');
-        return ((_a = link.relList) === null || _a === void 0 ? void 0 : _a.supports) && ((_b = link.relList) === null || _b === void 0 ? void 0 : _b.supports('prefetch'));
+        return link.relList?.supports && link.relList?.supports('prefetch');
     }
     get _href() {
         return this.el.href;
@@ -71,4 +71,3 @@ export class PrefetchController extends BaseController {
         document.head.appendChild(link);
     }
 }
-PrefetchController.values = { mode: String };

package/dist/controllers/print_button_controller.js

@@ -2,6 +2,9 @@ import { PrintController } from "./utility/print_controller";
 import { useEventListener } from "../mixins/use_event_listener";
 import { installClassMethods } from "../mixins/install_class_methods";
 export class PrintButtonController extends PrintController {
+    static classes = [
+        'unsupported',
+    ];
     get defaultUnsupportedClasses() {
         return ["unsupported"];
     }
@@ -13,6 +16,3 @@ export class PrintButtonController extends PrintController {
         useEventListener(this, this.el, 'click', this.print);
     }
 }
-PrintButtonController.classes = [
-    'unsupported',
-];

package/dist/controllers/refresh_page_controller.js

@@ -1,5 +1,8 @@
 import { BaseController } from "../utilities";
 export class RefreshPageController extends BaseController {
+    static values = {
+        onLoad: Boolean,
+    };
     get onLoad() {
         return this.hasOnLoadValue ? this.onLoadValue : false;
     }
@@ -12,6 +15,3 @@ export class RefreshPageController extends BaseController {
         location.reload();
     }
 }
-RefreshPageController.values = {
-    onLoad: Boolean,
-};

package/dist/controllers/scroll/scroll_container_controller.js

@@ -1,15 +1,10 @@
-var __awaiter = (this && this.__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 { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { BaseController } from "../../utilities/base_controller";
 import { scrollAbsoluteBottom, scrollAbsoluteLeft, scrollAbsoluteTop, scrollDown, scrollLeft, scrollRight, scrollUp } from "../../utilities/scroll";
 export class ScrollContainerController extends BaseController {
+    static values = {
+        behaviour: String,
+        increment: Number,
+    };
     get _increment() {
         return this.hasIncrementValue ? this.incrementValue : 50;
     }
@@ -26,56 +21,36 @@ export class ScrollContainerController extends BaseController {
             return "auto";
         }
     }
-    scrollTop(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollAbsoluteTop(this.el, { behavior: this._behaviour });
-        });
+    async scrollTop(event) {
+        event?.preventDefault();
+        await scrollAbsoluteTop(this.el, { behavior: this._behaviour });
     }
-    scrollBottom(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollAbsoluteBottom(this.el, { behavior: this._behaviour });
-        });
+    async scrollBottom(event) {
+        event?.preventDefault();
+        await scrollAbsoluteBottom(this.el, { behavior: this._behaviour });
     }
-    scrollLeft(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollAbsoluteLeft(this.el, { behavior: this._behaviour });
-        });
+    async scrollLeft(event) {
+        event?.preventDefault();
+        await scrollAbsoluteLeft(this.el, { behavior: this._behaviour });
     }
-    scrollRight(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollAbsoluteLeft(this.el, { behavior: this._behaviour });
-        });
+    async scrollRight(event) {
+        event?.preventDefault();
+        await scrollAbsoluteLeft(this.el, { behavior: this._behaviour });
     }
-    up(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollUp(this.el, this._increment, { behavior: this._behaviour });
-        });
+    async up(event) {
+        event?.preventDefault();
+        await scrollUp(this.el, this._increment, { behavior: this._behaviour });
     }
-    down(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollDown(this.el, this._increment, { behavior: this._behaviour });
-        });
+    async down(event) {
+        event?.preventDefault();
+        await scrollDown(this.el, this._increment, { behavior: this._behaviour });
     }
-    left(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollLeft(this.el, this._increment, { behavior: this._behaviour });
-        });
+    async left(event) {
+        event?.preventDefault();
+        await scrollLeft(this.el, this._increment, { behavior: this._behaviour });
     }
-    right(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            yield scrollRight(this.el, this._increment, { behavior: this._behaviour });
-        });
+    async right(event) {
+        event?.preventDefault();
+        await scrollRight(this.el, this._increment, { behavior: this._behaviour });
     }
 }
-ScrollContainerController.values = {
-    behaviour: String,
-    increment: Number,
-};