stimulus-library 0.9.1 → 0.9.3

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,
-};

package/dist/controllers/scroll/scroll_into_focus_controller.js

@@ -1,6 +1,11 @@
 import { EphemeralController } from "../../utilities/ephemeral_controller";
 import { scrollToElement } from "../../utilities/scroll";
 export class ScrollIntoFocusController extends EphemeralController {
+    static values = {
+        behavior: String,
+        block: String,
+        inline: String,
+    };
     connect() {
         requestAnimationFrame(() => {
             // Attempt smooth scrolling, with polyfill
@@ -13,8 +18,3 @@ export class ScrollIntoFocusController extends EphemeralController {
         });
     }
 }
-ScrollIntoFocusController.values = {
-    behavior: String,
-    block: String,
-    inline: String,
-};

package/dist/controllers/scroll/scroll_to_bottom_controller.js

@@ -1,15 +1,9 @@
-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 { getScrollParent, scrollAbsoluteBottom } from "../../utilities/scroll";
 export class ScrollToBottomController extends BaseController {
+    static values = {
+        mode: String,
+    };
     get _mode() {
         return this.hasModeValue ? this.modeValue : "document";
     }
@@ -23,15 +17,10 @@ export class ScrollToBottomController extends BaseController {
         }
         return target;
     }
-    scroll(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            if (this._scrollTarget) {
-                yield scrollAbsoluteBottom(this._scrollTarget);
-            }
-        });
+    async scroll(event) {
+        event?.preventDefault();
+        if (this._scrollTarget) {
+            await scrollAbsoluteBottom(this._scrollTarget);
+        }
     }
 }
-ScrollToBottomController.values = {
-    mode: String,
-};

package/dist/controllers/scroll/scroll_to_controller.js

@@ -1,6 +1,12 @@
 import { BaseController } from "../../utilities/base_controller";
 import { scrollToElement } from "../../utilities/scroll";
 export class ScrollToController extends BaseController {
+    static values = {
+        selector: String,
+        behavior: String,
+        block: String,
+        inline: String,
+    };
     scroll() {
         let target = document.querySelector(this.selectorValue);
         if (!target) {
@@ -14,9 +20,3 @@ export class ScrollToController extends BaseController {
         }).catch(() => target.scrollIntoView()); // Fallback to snap-scrolling
     }
 }
-ScrollToController.values = {
-    selector: String,
-    behavior: String,
-    block: String,
-    inline: String,
-};

package/dist/controllers/scroll/scroll_to_top_controller.js

@@ -1,15 +1,9 @@
-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 { getScrollParent, scrollAbsoluteTop } from "../../utilities/scroll";
 export class ScrollToTopController extends BaseController {
+    static values = {
+        mode: String,
+    };
     get _mode() {
         return this.hasModeValue ? this.modeValue : "document";
     }
@@ -23,15 +17,10 @@ export class ScrollToTopController extends BaseController {
         }
         return target;
     }
-    scroll(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-            if (this._scrollTarget) {
-                yield scrollAbsoluteTop(this._scrollTarget);
-            }
-        });
+    async scroll(event) {
+        event?.preventDefault();
+        if (this._scrollTarget) {
+            await scrollAbsoluteTop(this._scrollTarget);
+        }
     }
 }
-ScrollToTopController.values = {
-    mode: String,
-};

package/dist/controllers/self_destruct_controller.js

@@ -1,6 +1,7 @@
 import { BaseController } from "../utilities/base_controller";
 import { useTimeout } from "../mixins/use_timeout";
 export class SelfDestructController extends BaseController {
+    static values = { seconds: Number };
     connect() {
         requestAnimationFrame(() => {
             // Only start countdown on first paint
@@ -8,4 +9,3 @@ export class SelfDestructController extends BaseController {
         });
     }
 }
-SelfDestructController.values = { seconds: Number };

package/dist/controllers/signal/base_controller.js

@@ -4,6 +4,9 @@ import { EventBus } from "../../utilities/event_bus";
 import { signalConnectEvent, signalValueEvent } from "./events";
 import { useEventBus } from "../../mixins/use_event_bus";
 export class SignalBaseController extends BaseController {
+    static values = {
+        name: String,
+    };
     connect() {
         EventBus.emit(signalConnectEvent(this.nameValue));
         useEventBus(this, signalValueEvent(this.nameValue), this._onSignal);
@@ -18,6 +21,3 @@ export class SignalBaseController extends BaseController {
         return this._predicates.every(predicate => predicate(value));
     }
 }
-SignalBaseController.values = {
-    name: String,
-};

package/dist/controllers/signal/signal_action_controller.js

@@ -1,6 +1,13 @@
 import { signalEventName } from "./events";
 import { SignalBaseController } from "./base_controller";
 export class SignalActionController extends SignalBaseController {
+    static values = {
+        name: String,
+        when: String,
+    };
+    get predicateString() {
+        return this.whenValue;
+    }
     _onSignal(payload) {
         let value = payload.value;
         if (!this.hasWhenValue) {
@@ -15,7 +22,3 @@ export class SignalActionController extends SignalBaseController {
         }
     }
 }
-SignalActionController.values = {
-    name: String,
-    when: String,
-};

package/dist/controllers/signal/signal_disable_controller.js

@@ -1,6 +1,13 @@
 import { signalEventName } from "./events";
 import { SignalBaseController } from "./base_controller";
 export class SignalDisableController extends SignalBaseController {
+    static values = {
+        name: String,
+        when: String,
+    };
+    get predicateString() {
+        return this.whenValue;
+    }
     disable() {
         this.el.setAttribute("disabled", "true");
     }
@@ -19,16 +26,20 @@ export class SignalDisableController extends SignalBaseController {
             return;
         }
         if (this.allPredicatesMatch(value)) {
-            this.dispatchEvent(this.el, signalEventName(this.nameValue, "disable"), { detail: { predicate: this.whenValue, value } });
+            this.dispatchEvent(this.el, signalEventName(this.nameValue, "disable"), {
+                detail: {
+                    predicate: this.whenValue, value
+                }
+            });
             this.disable();
         }
         else {
-            this.dispatchEvent(this.el, signalEventName(this.nameValue, "enable"), { detail: { predicate: this.whenValue, value } });
+            this.dispatchEvent(this.el, signalEventName(this.nameValue, "enable"), {
+                detail: {
+                    predicate: this.whenValue, value
+                }
+            });
             this.enable();
         }
     }
 }
-SignalDisableController.values = {
-    name: String,
-    when: String,
-};

package/dist/controllers/signal/signal_dom_children_controller.js

@@ -4,6 +4,10 @@ import { signalConnectEvent, signalValueEvent } from "./events";
 import { useMutationObserver } from "../../mixins/use_mutation_observer";
 import { useEventBus } from "../../mixins/use_event_bus";
 export class SignalDomChildrenController extends BaseController {
+    static values = {
+        name: String,
+        scopeSelector: String,
+    };
     get _children() {
         if (this.hasScopeSelectorValue) {
             return Array.from(this.el.querySelectorAll(this.scopeSelectorValue));
@@ -36,7 +40,3 @@ export class SignalDomChildrenController extends BaseController {
         EventBus.emit(signalValueEvent(this._name), { element: this.el, value });
     }
 }
-SignalDomChildrenController.values = {
-    name: String,
-    scopeSelector: String,
-};

package/dist/controllers/signal/signal_enable_controller.js

@@ -1,6 +1,13 @@
 import { signalEventName } from "./events";
 import { SignalBaseController } from "./base_controller";
 export class SignalEnableController extends SignalBaseController {
+    static values = {
+        name: String,
+        when: String,
+    };
+    get predicateString() {
+        return this.whenValue;
+    }
     disable() {
         this.el.setAttribute("disabled", "true");
     }
@@ -19,16 +26,22 @@ export class SignalEnableController extends SignalBaseController {
             return;
         }
         if (this.allPredicatesMatch(value)) {
-            this.dispatchEvent(this.el, signalEventName(this.nameValue, "enable"), { detail: { predicate: this.whenValue, value } });
+            this.dispatchEvent(this.el, signalEventName(this.nameValue, "enable"), {
+                detail: {
+                    predicate: this.whenValue,
+                    value
+                }
+            });
             this.enable();
         }
         else {
-            this.dispatchEvent(this.el, signalEventName(this.nameValue, "disable"), { detail: { predicate: this.whenValue, value } });
+            this.dispatchEvent(this.el, signalEventName(this.nameValue, "disable"), {
+                detail: {
+                    predicate: this.whenValue,
+                    value
+                }
+            });
             this.disable();
         }
     }
 }
-SignalEnableController.values = {
-    name: String,
-    when: String,
-};

package/dist/controllers/signal/signal_input_controller.js

@@ -5,6 +5,10 @@ import { getAllRadiosInGroup, isHTMLInputElement } from "../../utilities";
 import { signalConnectEvent, signalValueEvent } from "./events";
 import { useEventBus } from "../../mixins/use_event_bus";
 export class SignalInputController extends BaseController {
+    static values = {
+        name: String,
+        debounceInterval: Number,
+    };
     get _debounceTimeout() {
         return this.hasDebounceIntervalValue ? this.debounceIntervalValue : 1;
     }
@@ -17,20 +21,15 @@ export class SignalInputController extends BaseController {
         requestAnimationFrame(() => this.emitValue());
     }
     emitValue() {
-        var _a;
         let value = this.el.value;
         if (isHTMLInputElement(this.el) && this.el.type === "checkbox") {
             value = this.el.checked ? "true" : "false";
         }
         else if (isHTMLInputElement(this.el) && this.el.type === "radio") {
-            let selectedValue = (_a = getAllRadiosInGroup(this.el).find(el => el.checked)) === null || _a === void 0 ? void 0 : _a.value;
+            let selectedValue = getAllRadiosInGroup(this.el).find(el => el.checked)?.value;
             value = selectedValue ? selectedValue : "";
         }
         this.dispatchEvent(this.el, signalValueEvent(this._name), { detail: { value } });
         EventBus.emit(signalValueEvent(this._name), { element: this.el, value });
     }
 }
-SignalInputController.values = {
-    name: String,
-    debounceInterval: Number,
-};

package/dist/controllers/signal/signal_visibility_controller.js

@@ -1,9 +1,22 @@
 import { signalVisibilityEvent } from "./events";
 import { SignalBaseController } from "./base_controller";
+import { installClassMethods } from "../../mixins/install_class_methods";
 export class SignalVisibilityController extends SignalBaseController {
+    static values = {
+        name: String,
+        show: String,
+    };
+    static classes = ['hide'];
     get defaultHideClasses() {
         return ["hide"];
     }
+    get predicateString() {
+        return this.showValue;
+    }
+    connect() {
+        super.connect();
+        installClassMethods(this);
+    }
     _onSignal(payload) {
         let value = payload.value;
         if (this.showValue == "default") {
@@ -25,8 +38,3 @@ export class SignalVisibilityController extends SignalBaseController {
         }
     }
 }
-SignalVisibilityController.values = {
-    name: String,
-    show: String,
-};
-SignalVisibilityController.classes = ['hide'];

package/dist/controllers/sticky_controller.js

@@ -1,10 +1,9 @@
 import { BaseController } from "../utilities/base_controller";
 import { useInjectedElement } from "../mixins/use_injected_html";
 export class StickyController extends BaseController {
-    constructor() {
-        super(...arguments);
-        this._magicElement = null;
-    }
+    static classes = ["stuck"];
+    static values = { mode: String };
+    _magicElement = null;
     get defaultStuckClasses() {
         return ["stuck"];
     }
@@ -40,5 +39,3 @@ export class StickyController extends BaseController {
         observer.observe(this._magicElement);
     }
 }
-StickyController.classes = ["stuck"];
-StickyController.values = { mode: String };

package/dist/controllers/tables/table_sort_controller.js

@@ -1,11 +1,9 @@
 import { BaseController } from "../../utilities/base_controller";
 import { useCollectionEventListener } from "../../mixins/use_event_listener";
 export class TableSortController extends BaseController {
-    constructor() {
-        super(...arguments);
-        this._lastIndex = null;
-        this._reverse = false;
-    }
+    static values = { startSort: Number };
+    _lastIndex = null;
+    _reverse = false;
     get _tableHead() {
         let head = this.el.tHead;
         if (head == null) {
@@ -30,13 +28,19 @@ export class TableSortController extends BaseController {
         requestAnimationFrame(() => {
             useCollectionEventListener(this, this._tableHeaders, "click", this.sort);
             if (this.hasStartSortValue) {
-                this._sortByColumn(this.startSortValue);
+                this.sort(this._headerCellByIndex(this.startSortValue));
             }
         });
     }
-    sort(event) {
-        event.preventDefault();
-        let headerCell = event.target;
+    sort(event_or_target) {
+        let headerCell;
+        if (event_or_target instanceof Event) {
+            event_or_target.preventDefault();
+            headerCell = event_or_target.target;
+        }
+        else {
+            headerCell = event_or_target;
+        }
         let headerCellIndex = this._indexOfHeaderCell(headerCell);
         if (headerCell.dataset.sortable == "false") {
             return;
@@ -57,6 +61,13 @@ export class TableSortController extends BaseController {
     _indexOfHeaderCell(cell) {
         return this._tableHeaders.indexOf(cell);
     }
+    _headerCellByIndex(index) {
+        let cell = this._tableHeaders.at(index);
+        if (!cell) {
+            throw new Error(`No cell at index ${index}`);
+        }
+        return cell;
+    }
     _otherHeaderCells(cell) {
         return Array.from(this._tableHeaders).filter(otherCell => otherCell != cell);
     }
@@ -64,12 +75,11 @@ export class TableSortController extends BaseController {
         let frag = document.createDocumentFragment();
         let rows = this._tableRows;
         let newRows = rows.sort((row, otherRow) => {
-            var _a, _b;
             let cells = Array.from(row.cells);
             let otherCells = Array.from(otherRow.cells);
             // TODO: Handle colspans?
-            let x = ((_a = cells[index]) === null || _a === void 0 ? void 0 : _a.innerText) || "";
-            let y = ((_b = otherCells[index]) === null || _b === void 0 ? void 0 : _b.innerText) || "";
+            let x = cells[index]?.innerText || "";
+            let y = otherCells[index]?.innerText || "";
             let sortVal = x.localeCompare(y, "en", { sensitivity: "base", numeric: true, caseFirst: "upper" });
             if (row.dataset.sortTop || otherRow.dataset.sortBottom) {
                 if (row.dataset.sortTop && otherRow.dataset.sortTop) {
@@ -94,4 +104,3 @@ export class TableSortController extends BaseController {
         this._lastIndex = index;
     }
 }
-TableSortController.values = { startSort: Number };

package/dist/controllers/tables/table_truncate_controller.js

@@ -2,12 +2,24 @@ import { BaseController } from "../../utilities/base_controller";
 import { useEventListener } from "../../mixins/use_event_listener";
 import { useMutationObserver } from "../../mixins/use_mutation_observer";
 export class TableTruncateController extends BaseController {
+    static targets = ["showMore"];
+    static values = {
+        limit: Number,
+        truncated: Boolean,
+        expanded: Boolean,
+    };
     get _truncated() {
         return this.hasTruncatedValue ? this.truncatedValue : false;
     }
     set _truncated(value) {
         this.truncatedValue = value;
     }
+    get _expanded() {
+        return this.hasExpandedValue ? this.expandedValue : false;
+    }
+    set _expanded(value) {
+        this.expandedValue = value;
+    }
     get _tableBody() {
         return this.el.tBodies[0];
     }
@@ -25,9 +37,9 @@ export class TableTruncateController extends BaseController {
         });
     }
     truncate(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
-        this._truncated = true;
+        event?.preventDefault();
         if (this._tableRows.length >= this._limit) {
+            this._truncated = true;
             this._tableRows.slice(this._limit).forEach((el) => {
                 if (el !== this.showMoreTarget) {
                     this._hideElement(el);
@@ -36,12 +48,13 @@ export class TableTruncateController extends BaseController {
             this._showElement(this.showMoreTarget);
         }
         else {
+            this._truncated = false;
             this._hideElement(this.showMoreTarget);
         }
     }
     expand(event) {
-        this._truncated = false;
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        this._expanded = true;
+        event?.preventDefault();
         this._tableRows.slice(this._limit).forEach((el) => {
             if (el !== this.showMoreTarget) {
                 this._showElement(el);
@@ -50,7 +63,7 @@ export class TableTruncateController extends BaseController {
         this._hideElement(this.showMoreTarget);
     }
     mutate(entries) {
-        if (this._truncated) {
+        if (this._tableRows.length >= this._limit && !this._expanded) {
             this._reTruncate();
         }
     }
@@ -74,8 +87,3 @@ export class TableTruncateController extends BaseController {
         this._showElement(this.showMoreTarget);
     }
 }
-TableTruncateController.targets = ["showMore"];
-TableTruncateController.values = {
-    limit: Number,
-    truncated: Boolean,
-};

package/dist/controllers/teleport_controller.js

@@ -1,5 +1,6 @@
 import { EphemeralController } from "../utilities/ephemeral_controller";
 export class TeleportController extends EphemeralController {
+    static values = { target: String, insert: String, immediate: Boolean };
     connect() {
         if (!this.hasInsertValue) {
             throw new Error("`insert` value was not specified");
@@ -11,7 +12,7 @@ export class TeleportController extends EphemeralController {
         });
     }
     execute(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
+        event?.preventDefault();
         let element = this.el;
         let destination = document.querySelector(this.targetValue);
         if (destination == null) {
@@ -45,4 +46,3 @@ export class TeleportController extends EphemeralController {
         element.remove();
     }
 }
-TeleportController.values = { target: String, insert: String, immediate: Boolean };

package/dist/controllers/temporary_state_controller.js

@@ -5,10 +5,12 @@ import { EphemeralController } from "../utilities/ephemeral_controller";
 import { useTimeout } from "../mixins/use_timeout";
 import "../polyfills/string.replaceAll";
 export class TemporaryStateController extends EphemeralController {
-    constructor() {
-        super(...arguments);
-        this._previousState = {};
-    }
+    static values = {
+        attribute: String,
+        seconds: Number,
+        value: String,
+    };
+    _previousState = {};
     get _value() {
         if (this.hasValueValue) {
             return this.valueValue;
@@ -42,14 +44,8 @@ export class TemporaryStateController extends EphemeralController {
         _set(this.el, this._attribute, this._previousState[this._attribute]);
     }
 }
-TemporaryStateController.values = {
-    attribute: String,
-    seconds: Number,
-    value: String,
-};
 export function applyTemporaryState(element, propertyString, value, seconds, controllerIdentifier = "temporary-state") {
-    var _a;
-    if (!element.dataset.controller || !((_a = element.dataset.controller) === null || _a === void 0 ? void 0 : _a.includes(controllerIdentifier))) {
+    if (!element.dataset.controller || !element.dataset.controller?.includes(controllerIdentifier)) {
         let controllerName = (element.dataset.controller || '' + ` ${controllerIdentifier} `).trim();
         // @ts-ignore
         controllerName = controllerName.replaceAll('  ', ' ');