stimulus-library 0.9.6 → 0.9.8

package/dist/controllers/index.js

@@ -5,6 +5,7 @@ export * from './media';
 export * from './scroll';
 export * from './signal';
 export * from './tables';
+export * from './turbo';
 export * from './utility';
 export * from './visual';
 // Controllers
@@ -30,5 +31,3 @@ export * from './teleport_controller';
 export * from './temporary_state_controller';
 export * from './toggle_class_controller';
 export * from './trix_modifier_controller';
-export * from './turbo_frame_rc_controller';
-export * from './turbo_frame_refresh_controller';

package/dist/controllers/tables/table_sort_controller.js

@@ -78,8 +78,8 @@ export class TableSortController extends BaseController {
             let cells = Array.from(row.cells);
             let otherCells = Array.from(otherRow.cells);
             // TODO: Handle colspans?
-            let x = cells[index]?.innerText || "";
-            let y = otherCells[index]?.innerText || "";
+            let x = cells[index]?.dataset?.sortValue || cells[index]?.innerText || "";
+            let y = otherCells[index]?.dataset?.sortValue || 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) {

package/dist/controllers/turbo/index.js

@@ -0,0 +1,3 @@
+export * from './turbo_frame_history_controller';
+export * from './turbo_frame_refresh_controller';
+export * from './turbo_frame_rc_controller';

package/dist/controllers/turbo/turbo_frame_history_controller.js

@@ -0,0 +1,27 @@
+import { BaseController } from "../../utilities";
+import { useMutationObserver } from "../../mixins";
+export default class TurboFrameHistoryController extends BaseController {
+    initialize() {
+        this.mutate = this.mutate.bind(this);
+    }
+    connect() {
+        // @ts-ignore
+        if (!window.Turbo) {
+            throw new Error('Expected Turbo to be defined on the window.');
+        }
+        // @ts-ignore
+        const { navigator } = window.Turbo;
+        this.navigator = navigator;
+        useMutationObserver(this, this.el, this.mutate, { attributes: true });
+    }
+    mutate(entries) {
+        entries.forEach((mutation) => {
+            if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
+                const src = this.element.getAttribute('src');
+                if (src != null) {
+                    this.navigator.history.push(new URL(src));
+                }
+            }
+        });
+    }
+}

package/dist/controllers/turbo/turbo_frame_rc_controller.js

@@ -0,0 +1,65 @@
+import { BaseController } from "../../utilities/base_controller";
+import { isHTMLAnchorElement } from "../../utilities/elements";
+import { isTurboFrame } from "../../utilities/turbo";
+export class TurboFrameRCController extends BaseController {
+    static values = {
+        frameId: String,
+        src: String,
+        loadingMessage: String,
+    };
+    toggle(event) {
+        event?.preventDefault();
+        let frame = this._getFrame();
+        let frameSrc = frame.src;
+        if (frameSrc == null || frameSrc !== this._getSrc()) {
+            this._setSrc();
+        }
+        else {
+            this._clear();
+        }
+    }
+    setSrc(event) {
+        event?.preventDefault();
+        this._setSrc();
+    }
+    clear(event) {
+        event?.preventDefault();
+        this._clear();
+    }
+    _setSrc() {
+        let frame = this._getFrame();
+        if (this.hasLoadingMessageValue) {
+            frame.innerHTML = this.loadingMessageValue;
+        }
+        frame.src = this._getSrc();
+    }
+    _clear() {
+        let frame = this._getFrame();
+        frame.src = "";
+        frame.innerHTML = "";
+    }
+    _getFrame() {
+        let frame = document.getElementById(`${this.frameIdValue}`);
+        if (frame == null) {
+            throw new Error(`Could not find frame with ID '${this.frameIdValue}'`);
+        }
+        if (!isTurboFrame(frame)) {
+            throw new Error(`Element targeted by ID '${this.frameIdValue}'`);
+        }
+        else {
+            return frame;
+        }
+    }
+    _getSrc() {
+        let element = this.el;
+        if (this.hasSrcValue) {
+            return this.srcValue;
+        }
+        else if (isHTMLAnchorElement(element)) {
+            return element.href;
+        }
+        else {
+            throw new Error("No link given to drive frame to");
+        }
+    }
+}

package/dist/controllers/turbo/turbo_frame_refresh_controller.js

@@ -0,0 +1,33 @@
+import { BaseController } from "../../utilities/base_controller";
+import { isTurboFrame } from "../../utilities/turbo";
+import { useTimeout } from "../../mixins/use_timeout";
+// noinspection SillyAssignmentJS
+export class TurboFrameRefreshController extends BaseController {
+    static values = {
+        interval: Number,
+        poll: Boolean,
+    };
+    get _poll() {
+        return this.hasPollValue ? this.pollValue : false;
+    }
+    connect() {
+        let element = this.el;
+        if (isTurboFrame(element)) {
+            if (!!element.src) {
+                throw new Error('The provided <turbo-frame> element has no `src` attribute.');
+            }
+        }
+        else {
+            throw new Error('Expected controller to be mounted on a <turbo-frame> element.');
+        }
+        if (this._poll) {
+            requestAnimationFrame(() => useTimeout(this, this.refresh, this.intervalValue));
+        }
+    }
+    refresh(event) {
+        event?.preventDefault();
+        let element = this.el;
+        // @ts-ignore
+        element.reload();
+    }
+}

package/dist/controllers/visual/countdown_controller.js

@@ -7,15 +7,19 @@ export class CountdownController extends BaseController {
     static targets = ["years", "months", "days", "hours", "minutes", "seconds"];
     static classes = ["countingDown", "ended"];
     // Instance Data
-    _interval = null;
+    _timeout = null;
     get _removeUnused() {
         return this.hasRemoveUnusedValue ? this.removeUnusedValue : false;
     }
     get _deadlineDate() {
         return new Date(this.deadlineValue);
     }
+    initialize() {
+        this._tick = this._tick.bind(this);
+    }
     connect() {
-        this._interval = setInterval(this._tick.bind(this), 1000);
+        this._timeout = setTimeout(this._tick, 1000);
+        console.log(this._timeout);
         installClassMethods(this);
         this.addCountingDownClasses();
     }
@@ -26,8 +30,8 @@ export class CountdownController extends BaseController {
     }
     deadlineValueChanged() {
         // Countdown had previously ended, restart ticking. Updating mid-tick will just work.
-        if (this._interval == null) {
-            this._interval = setInterval(this._tick.bind(this), 1000);
+        if (this._timeout == null) {
+            this._timeout = setTimeout(this._tick, 1000);
         }
     }
     _tick() {
@@ -41,9 +45,11 @@ export class CountdownController extends BaseController {
                 this.removeCountingDownClasses();
                 this.addEndedClasses();
                 this.dispatchEvent(this.el, "countdown:ended");
+                return;
             }
             else {
                 distance = intervalToDuration({ start: this._deadlineDate, end: now });
+                this._timeout = setTimeout(this._tick, 1000);
             }
             if (this.hasYearsTarget) {
                 this._updateTarget(this.yearsTarget, this._years(distance));
@@ -70,9 +76,9 @@ export class CountdownController extends BaseController {
         }
     }
     _clearTick() {
-        if (this._interval) {
-            clearInterval(this._interval);
-            this._interval = null;
+        if (this._timeout) {
+            clearTimeout(this._timeout);
+            this._timeout = null;
         }
     }
     _updateTarget(target, value) {

package/dist/mixins/index.js

@@ -6,5 +6,6 @@ export * from './use_intersection';
 export * from './use_interval';
 export * from './use_localstorage';
 export * from './use_mutation_observer';
+export * from './use_resize_observer';
 export * from './use_temporary_content';
 export * from './use_timeout';

package/dist/mixins/use_resize_observer.js

@@ -0,0 +1,9 @@
+import { useMixin } from "./create_mixin";
+export function useResizeObserver(controller, element, handler, options) {
+    handler = handler.bind(controller);
+    let observer = new ResizeObserver(handler);
+    let setup = () => observer.observe(element, options);
+    let teardown = () => observer.disconnect();
+    useMixin(controller, setup, teardown);
+    return teardown;
+}

package/package.json

@@ -9,7 +9,7 @@
     "ruby on rails",
     "ruby-on-rails"
   ],
-  "version": "0.9.6",
+  "version": "0.9.8",
   "license": "MIT",
   "author": {
     "name": "Sub-Xaero",
@@ -34,7 +34,7 @@
     "test:treeshake": "agadoo dist"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.6",
+    "@babel/runtime": "^7.20.13",
     "@hotwired/stimulus": "^3.2.1",
     "date-fns": "^2.29.3",
     "dialog-polyfill": "^0.5.6",
@@ -46,11 +46,11 @@
     "@types/lodash-es": "^4.17.6",
     "@types/smoothscroll-polyfill": "^0.3.1",
     "agadoo": "^3.0.0",
-    "cypress": "^12.1.0",
+    "cypress": "^12.5.1",
     "fast-glob": "^3.2.12",
-    "rimraf": "^3.0.2",
+    "rimraf": "^4.1.2",
     "standard-version": "^9.5.0",
-    "typescript": "^4.7.3",
-    "vite": "^4.0.2"
+    "typescript": "^4.9.5",
+    "vite": "^4.1.1"
   }
 }