@pechynho/stimulus-typescript 0.0.13 → 0.0.14

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as PortalController } from './portal-controller';
 export { Typed, Target, TypedObject, TypedArray } from './typed';
-export { isActionEvent, getController, getControllerAsync, addStimulusAction, removeStimulusAction } from './utils';
+export { isActionEvent, getController, getControllerAsync, addStimulusAction, removeStimulusAction, addStimulusOutlet, removeStimulusOutlet } from './utils';
 export { Resolvable } from './resolvable';
 export { Portals } from './portal';

package/dist/index.js

@@ -1,6 +1,6 @@
 // Export the main components
 export { default as PortalController } from './portal-controller';
 export { Typed, Target, TypedObject, TypedArray } from './typed';
-export { isActionEvent, getController, getControllerAsync, addStimulusAction, removeStimulusAction } from './utils';
+export { isActionEvent, getController, getControllerAsync, addStimulusAction, removeStimulusAction, addStimulusOutlet, removeStimulusOutlet } from './utils';
 export { Resolvable } from './resolvable';
 export { Portals } from './portal';

package/dist/utils.d.ts

@@ -3,6 +3,8 @@ export declare const camelCase: (value: string) => string;
 export declare const capitalize: (value: string) => string;
 export declare function addStimulusAction(element: HTMLElement, identifier: string, method: string, event?: string, params?: Record<string, object | string | number | boolean>): void;
 export declare function removeStimulusAction(element: HTMLElement, identifier: string, method: string, event?: string, removeParams?: boolean | string[]): void;
+export declare function addStimulusOutlet(element: HTMLElement, identifier: string, outlet: string, selector: string): void;
+export declare function removeStimulusOutlet(element: HTMLElement, identifier: string, outlet?: string): void;
 export declare const isActionEvent: (value: any) => value is ActionEvent;
 export declare const getController: <T extends Controller>(app: Application, element: HTMLElement, identifier: string) => T | null;
 export declare const getControllerAsync: <T extends Controller>(app: Application, element: HTMLElement, identifier: string, timeout?: number, poll?: number) => Promise<T | null>;

package/dist/utils.js

@@ -56,6 +56,21 @@ export function removeStimulusAction(element, identifier, method, event, removeP
         }
     }
 }
+export function addStimulusOutlet(element, identifier, outlet, selector) {
+    element.dataset[`${camelCase(identifier)}${capitalize(camelCase(outlet))}Outlet`] = selector;
+}
+export function removeStimulusOutlet(element, identifier, outlet) {
+    if (outlet !== undefined) {
+        delete element.dataset[`${camelCase(identifier)}${capitalize(camelCase(outlet))}Outlet`];
+        return;
+    }
+    const prefix = camelCase(identifier);
+    for (const key of Object.keys(element.dataset)) {
+        if (key.startsWith(prefix) && key.endsWith('Outlet')) {
+            delete element.dataset[key];
+        }
+    }
+}
 export const isActionEvent = (value) => {
     return value instanceof Event && 'params' in value && typeof value.params === 'object';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pechynho/stimulus-typescript",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Set of TypeScript utilities for Stimulus controllers",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -1,6 +1,6 @@
 // Export the main components
 export {default as PortalController} from './portal-controller';
 export {Typed, Target, TypedObject, TypedArray} from './typed';
-export {isActionEvent, getController, getControllerAsync, addStimulusAction, removeStimulusAction} from './utils';
+export {isActionEvent, getController, getControllerAsync, addStimulusAction, removeStimulusAction, addStimulusOutlet, removeStimulusOutlet} from './utils';
 export {Resolvable} from './resolvable';
 export {Portals} from './portal';

package/src/utils.ts

@@ -72,6 +72,32 @@ export function removeStimulusAction(
     }
 }
 
+export function addStimulusOutlet(
+    element: HTMLElement,
+    identifier: string,
+    outlet: string,
+    selector: string,
+): void {
+    element.dataset[`${camelCase(identifier)}${capitalize(camelCase(outlet))}Outlet`] = selector;
+}
+
+export function removeStimulusOutlet(
+    element: HTMLElement,
+    identifier: string,
+    outlet?: string,
+): void {
+    if (outlet !== undefined) {
+        delete element.dataset[`${camelCase(identifier)}${capitalize(camelCase(outlet))}Outlet`];
+        return;
+    }
+    const prefix = camelCase(identifier);
+    for (const key of Object.keys(element.dataset)) {
+        if (key.startsWith(prefix) && key.endsWith('Outlet')) {
+            delete element.dataset[key];
+        }
+    }
+}
+
 export const isActionEvent = (value: any): value is ActionEvent => {
     return value instanceof Event && 'params' in value && typeof value.params === 'object';
 }