@salla.sa/twilight 2.0.254 → 2.0.255

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight",
-  "version": "2.0.254",
+  "version": "2.0.255",
   "description": "Salla Theme Toolkit, Webcomponents, Events, Requests, Utils",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/types/event/document.d.ts

@@ -1,4 +1,4 @@
-import { RequestError} from "../common";
+import {RequestError} from "../common";
 
 export interface requestPayload {
     namespace: string | 'cart';
@@ -10,6 +10,7 @@ export interface requestPayload {
     headers?: {};
 }
 
+
 export default interface DocumentEvent {
     onClick: (selector: string | ((event) => void), callback?: (event) => void) => void;
     onChange: (selector: string | ((event) => void), callback?: (event) => void) => void;
@@ -18,4 +19,11 @@ export default interface DocumentEvent {
     onLeaving: (event: BeforeUnloadEvent) => boolean; //return false to show alert 'Changes you made may not be saved.'
     onRequest: (payload: requestPayload) => void; //💡handy when there is need to prevent request by throwing an error `throw 'stop the request';`.
     onRequestFailed: (payload: requestPayload, error?: RequestError) => void;
+    /**
+     * Helper method to fake firing event on element, for
+     * @example someInput.addEventListener("change",()=>{...});
+     * we want to fire this event programmatically, we can do that by:
+     * @example salla.document.event.fireEvent(someInput, 'change', {'bubbles': true})
+     */
+    fireEvent: (element: HTMLElement, eventName: 'click' | 'change' | string, payload: undefined | Object) => void;
 }