stimulus-library 0.9.4 → 0.9.5

package/README.md

@@ -1,43 +1,43 @@
-# Stimulus-Library
-
-[Documentation](https://sub-xaero.github.io/stimulus-library/)  |  [Full List of Controllers](https://sub-xaero.github.io/stimulus-library/)
-
----
-![npm](https://img.shields.io/npm/dt/stimulus-library)
-![npm bundle size (version)](https://img.shields.io/bundlephobia/minzip/stimulus-library/latest?label=minified%20size)
----
-
-## Installation
-
-To get started, you'll need to add the `stimulus-library` package to your project.
-
-To do so, either add `stimulus-library` to your package.json manually
-
-```json
-{
-  "dependencies": {
-    "stimulus-library": "latest"
-  }
-}
-```
-
-or run
-`npm install --save stimulus-library` or `yarn add stimulus-library`
-
-
-Then, to get started, import and register the controllers you want to use.
-
-*Please Note* as below, that when registering the name for the controller, you should use `kebab-case` and omit the `-controller` suffix.
-
-```js
-import { Application } from "@hotwired/stimulus";
-import { AutoSubmitFormController } from "stimulus-library";
-
-const application = Application.start();
-application.register("auto-submit-form", AutoSubmitFormController);
-```
-
-## Tree-shaking
-If you use the ESM builds of the library, this library fully supports tree-shaking, 
-only the controllers you directly import will be bundled with your application.  
-
+# Stimulus-Library
+
+[Documentation](https://sub-xaero.github.io/stimulus-library/)  |  [Full List of Controllers](https://sub-xaero.github.io/stimulus-library/)
+
+---
+![npm](https://img.shields.io/npm/dt/stimulus-library)
+![npm bundle size (version)](https://img.shields.io/bundlephobia/minzip/stimulus-library/latest?label=minified%20size)
+---
+
+## Installation
+
+To get started, you'll need to add the `stimulus-library` package to your project.
+
+To do so, either add `stimulus-library` to your package.json manually
+
+```json
+{
+  "dependencies": {
+    "stimulus-library": "latest"
+  }
+}
+```
+
+or run
+`npm install --save stimulus-library` or `yarn add stimulus-library`
+
+
+Then, to get started, import and register the controllers you want to use.
+
+*Please Note* as below, that when registering the name for the controller, you should use `kebab-case` and omit the `-controller` suffix.
+
+```js
+import { Application } from "@hotwired/stimulus";
+import { AutoSubmitFormController } from "stimulus-library";
+
+const application = Application.start();
+application.register("auto-submit-form", AutoSubmitFormController);
+```
+
+## Tree-shaking
+If you use the ESM builds of the library, this library fully supports tree-shaking, 
+only the controllers you directly import will be bundled with your application.  
+

package/dist/controllers/forms/disable_inputs_controller.js

@@ -0,0 +1,21 @@
+import { BaseController } from "../../utilities/base_controller";
+export class DisableInputsController extends BaseController {
+    connect() {
+    }
+    disable() {
+        let shouldClear = this.hasClearValue && this.clearValue;
+        this.inputTargets.forEach((el, _) => {
+            if (shouldClear) {
+                el.value = "";
+            }
+            el.disabled = true;
+        });
+    }
+    enable() {
+        this.inputTargets.forEach((el, _) => el.disabled = false);
+    }
+}
+DisableInputsController.targets = ["input"];
+DisableInputsController.values = {
+    clear: Boolean,
+};

package/dist/controllers/media/fallback_iframe_controller.js

@@ -0,0 +1,44 @@
+import { BaseController } from "../../utilities/base_controller";
+export class FallbackImageController extends BaseController {
+    initialize() {
+        this._hasLoadedSuccessfully = this._hasLoadedSuccessfully.bind(this);
+        this._success = this._success.bind(this);
+        this._fail = this._fail.bind(this);
+    }
+    connect() {
+        let element = this.el;
+        element.onerror = this._fail;
+        if (element.complete && !this._hasLoadedSuccessfully()) {
+            this._fail();
+        }
+        else {
+            this._success();
+        }
+    }
+    disconnect() {
+        this.removeSuccessClasses();
+        this.removeFailClasses();
+    }
+    _success() {
+        this.addSuccessClasses();
+    }
+    _fail() {
+        let element = this.el;
+        this.addFailClasses();
+        if (this.hasPlaceholderValue && element.src !== this.placeholderValue) {
+            this.dispatchEvent(element, this.eventName("placeholder"));
+            element.src = this.placeholderValue;
+            element.onerror = this._fail;
+        }
+        else {
+            this.dispatchEvent(element, this.eventName("fail"));
+            element.style.display = "none";
+        }
+    }
+    _hasLoadedSuccessfully() {
+        let element = this.el;
+        return element.naturalHeight > 0 && element.naturalWidth > 0;
+    }
+}
+FallbackImageController.values = { placeholder: String };
+FallbackImageController.classes = ["success", "fail"];

package/dist/controllers/signal/signal_attribute_sync_controller.js

@@ -0,0 +1,10 @@
+import { SignalBaseController } from "./base_controller";
+export class SignalAttributeSyncController extends SignalBaseController {
+    _onSignal(payload) {
+        this.el.setAttribute(this.attributeValue, payload.value);
+    }
+}
+SignalAttributeSyncController.values = {
+    name: String,
+    attribute: String,
+};

package/dist/controllers/signal/signal_content_sync_controller.js

@@ -0,0 +1,9 @@
+import { SignalBaseController } from "./base_controller";
+export class SignalContentSyncController extends SignalBaseController {
+    _onSignal(payload) {
+        this.el.innerText = payload.value;
+    }
+}
+SignalContentSyncController.values = {
+    name: String,
+};

package/dist/controllers/tables/table_filter_controller.js

@@ -0,0 +1,53 @@
+import { BaseController } from "../../utilities/base_controller";
+import { useMutationObserver } from "../../mixins/use_mutation_observer";
+export class TableFilterController extends BaseController {
+    get _tableBody() {
+        return this.el.tBodies[0];
+    }
+    get _tableRows() {
+        return Array.from(this._tableBody.rows);
+    }
+    connect() {
+        useMutationObserver(this, this._tableBody, this.mutate, { childList: true });
+        requestAnimationFrame(() => {
+            this.filter();
+        });
+    }
+    filter(event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (this.searchValue == "") {
+            this._tableRows.forEach((row) => this._showElement(row));
+            return;
+        }
+        let filter = this.searchValue.toLocaleUpperCase();
+        this._tableRows.forEach((row) => {
+            this.columns(row).forEach((col) => {
+                let text = col.textContent || col.innerText;
+                if (text.includes(filter)) {
+                    this._showElement(row);
+                }
+                else {
+                    this._hideElement(row);
+                }
+            });
+        });
+    }
+    clear() {
+        this.searchValue = "";
+    }
+    columns(row) {
+        return Array.from(row.cells);
+    }
+    mutate(entries) {
+        this.filter();
+    }
+    _showElement(el) {
+        el.style.display = "";
+    }
+    _hideElement(el) {
+        el.style.display = "none";
+    }
+}
+TableFilterController.values = {
+    search: String,
+};

package/dist/mixins/index.js

@@ -2,7 +2,9 @@ export * from './use_event_listener';
 export * from './use_fullscreen';
 export * from './use_geolocation';
 export * from './use_injected_html';
+export * from './use_intersection';
 export * from './use_interval';
 export * from './use_localstorage';
+export * from './use_mutation_observer';
 export * from './use_temporary_content';
 export * from './use_timeout';

package/package.json

@@ -9,7 +9,7 @@
     "ruby on rails",
     "ruby-on-rails"
   ],
-  "version": "0.9.4",
+  "version": "0.9.5",
   "license": "MIT",
   "author": {
     "name": "Sub-Xaero",