@stimulus-library/mixins 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/index.d.ts

@@ -13,5 +13,6 @@ export * from './use_localstorage';
 export * from './use_mutation_observer';
 export * from './use_resize_observer';
 export * from './use_temporary_content';
+export * from './use_text_selection';
 export * from './use_timeout';
 export * from './use_trix_modifiers';

package/dist/index.js

@@ -13,5 +13,6 @@ export * from './use_localstorage';
 export * from './use_mutation_observer';
 export * from './use_resize_observer';
 export * from './use_temporary_content';
+export * from './use_text_selection';
 export * from './use_timeout';
 export * from './use_trix_modifiers';

package/dist/use_dirty_form_tracking.js

@@ -26,7 +26,6 @@ export function useDirtyFormTracking(controller, form) {
             restores.push(functions.restore);
         });
         useEventListener(controller, form, 'input-dirtied', () => {
-            console.log("input-dirtied");
             form.setAttribute('data-dirty', 'true');
             form.dispatchEvent(new CustomEvent('form-dirtied', {
                 bubbles: true,
@@ -37,7 +36,6 @@ export function useDirtyFormTracking(controller, form) {
             }));
         });
         useEventListener(controller, form, 'input-cleaned', () => {
-            console.log("input-cleaned");
             if (form.querySelectorAll('[data-dirty="true"]').length === 0) {
                 form.removeAttribute('data-dirty');
                 form.dispatchEvent(new CustomEvent('form-cleaned', {
@@ -94,7 +92,6 @@ function checkDirty(element) {
     if (isElementDirty(element)) {
         element.setAttribute('data-dirty', "true");
         element.form?.setAttribute('data-dirty', "true");
-        console.log("input-dirtied event");
         element.dispatchEvent(new CustomEvent('input-dirtied', {
             bubbles: true,
             cancelable: true,

package/dist/use_text_selection.d.ts

@@ -0,0 +1,4 @@
+import { Controller } from "@hotwired/stimulus";
+export declare function useTextSelection(controller: Controller, handler: (selectedString: Selection | null) => void): {
+    teardown: () => void;
+};

package/dist/use_text_selection.js

@@ -0,0 +1,15 @@
+import { useEventListener } from "./use_event_listener";
+export function useTextSelection(controller, handler) {
+    handler = handler.bind(controller);
+    let onSelectionChange = () => {
+        let selection = window.getSelection();
+        handler(selection);
+    };
+    let { teardown: unwatch } = useEventListener(controller, window.document, 'selectionchange', onSelectionChange);
+    let teardown = () => {
+        unwatch();
+    };
+    return {
+        teardown,
+    };
+}

package/package.json

@@ -9,7 +9,7 @@
     "ruby on rails",
     "ruby-on-rails"
   ],
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "license": "MIT",
   "author": {
     "name": "Sub-Xaero",
@@ -55,5 +55,5 @@
     "typescript": "^5.1.3",
     "vite": "^4.1.1"
   },
-  "gitHead": "ab34837bf603c7fce42f3d1e5b881607284568ef"
+  "gitHead": "bc482251a6b796fad8f5be7ab8b74731e602d1be"
 }