jb-core 0.2.0 → 0.4.0

package/configs/global.d.ts

@@ -0,0 +1,15 @@
+type FileStringModules = {
+    readonly default: string;
+}
+declare module '*.scss' {
+    const value: FileStringModules;
+    export default value;
+}
+declare module '*.html' {
+    const value: FileStringModules;
+    export default value.default;
+}
+declare module '*.svg' {
+    const value: string;
+    export default value;
+}

package/configs/tsconfig-base.json

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "jsx": "react",
+        "noImplicitAny": true,
+        "removeComments": false,
+        "sourceMap": true,
+        "allowJs": true,
+        "composite": true,
+        "target": "ES2020",
+    },
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+    ]
+}

package/configs/tsconfig-react.json

@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "removeComments": false,
+        "preserveConstEnums": true,
+        "sourceMap": true,
+        "allowJs": true,
+        "target": "ES2020",
+        "allowSyntheticDefaultImports": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "noImplicitAny": false,
+        "noLib": false,
+        "esModuleInterop": false,
+        "declaration": true,
+        "declarationDir": "./",
+        "declarationMap": false,
+        "jsx": "react",
+        "typeRoots" : ["../node_modules/@types", "./global.d.ts"],
+    },
+    "include": [
+        "global.d.ts",
+    ],
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+    ],
+    "extends":"./tsconfig-base.json"
+}

package/configs/tsconfig-web-component.json

@@ -0,0 +1,27 @@
+{
+    "useTsconfigDeclarationDir": true,
+    "compilerOptions": {
+        "baseUrl": ".",
+        "module": "ES2020",
+        "noImplicitAny": true,
+        "removeComments": false,
+        "preserveConstEnums": true,
+        "moduleResolution": "node",
+        "sourceMap": true,
+        "allowJs": true,
+        "target": "ES2020",
+        "typeRoots" : ["../node_modules/@types", "./global.d.ts"],
+        "composite": true,
+        "declaration": true,
+        "declarationDir": "./",
+        "declarationMap": false,
+    },
+    "include": [
+        "global.d.ts",
+    ],
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+    ],
+    "extends":"./tsconfig-base.json"
+}

package/dist/device-detection.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => boolean;

package/dist/events.d.ts

@@ -0,0 +1,22 @@
+/**
+ * add type to event target for easier access to target
+ */
+export type EventTypeWithTarget<TEvent, TTarget> = TEvent & {
+    target: TTarget;
+};
+/**
+ * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element
+ */
+export declare function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e: TEvent) => void, options?: AddEventListenerOptions): void;
+/**
+ * create a keyboardEvent based on `e` value and replace them with initObj
+ */
+export declare function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit): KeyboardEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit): InputEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit): FocusEvent;

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
 "use strict";exports.createFocusEvent=function(e,t,n){const o={bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed,detail:t.detail,view:t.view,which:t.which,relatedTarget:t.relatedTarget,...n};return new FocusEvent(e,o)},exports.createInputEvent=function(e,t,n){const o={bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed,detail:t.detail,isComposing:t.isComposing,view:t.view,which:t.which,data:t.data,dataTransfer:t.dataTransfer,inputType:t.inputType,targetRanges:"function"==typeof t.getTargetRanges()?t.getTargetRanges():[],...n};return new InputEvent(e,o)},exports.createKeyboardEvent=function(e,t,n){const o={altKey:t.altKey,bubbles:t.bubbles,cancelable:t.cancelable,code:t.code,composed:t.composed,ctrlKey:t.ctrlKey,detail:t.detail,isComposing:t.isComposing,key:t.key,location:t.location,metaKey:t.metaKey,repeat:t.repeat,shiftKey:t.shiftKey,view:t.view,charCode:t.charCode,keyCode:t.keyCode,which:t.which,...n};return new KeyboardEvent(e,o)},exports.enToFaDigits=function(e){return"string"!=typeof e&&isNaN(e)?"":e.toString().replace(/[0-9]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)+1728)}))},exports.faToEnDigits=function(e){return"string"!=typeof e?"":e.replace(/[۰-۹]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)-1728)}))},exports.isMobile=()=>/Mobi/i.test(window.navigator.userAgent),exports.listenAndSilentEvent=function(e,t,n,o={}){document.addEventListener(t,(t=>{t.composedPath().includes(e)&&(t.stopPropagation(),t.stopImmediatePropagation(),n(t))}),{capture:!0,...o})};
-//# sourceMappingURL=index.cjs.js.map
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../lib/events.ts","../lib/persian-tools.ts","../lib/device-detection.ts"],"sourcesContent":["/**\r\n * add type to event target for easier access to target\r\n */\r\nexport type EventTypeWithTarget<TEvent, TTarget> = TEvent & {\r\n  target: TTarget;\r\n};\r\n/**\r\n * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element\r\n */\r\nexport function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e:TEvent) => void, options: AddEventListenerOptions = {}) {\r\n  document.addEventListener(eventName, (e: TEvent) => {\r\n    if (e.composedPath().includes(element as unknown as EventTarget)) {\r\n      e.stopPropagation();\r\n      e.stopImmediatePropagation();\r\n      handler(e);\r\n    }\r\n  },{capture:true,...options});\r\n}\r\n/**\r\n * create a keyboardEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit) {\r\n  const initialObject: KeyboardEventInit = {\r\n    altKey: e.altKey,\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    code: e.code,\r\n    composed: e.composed,\r\n    ctrlKey: e.ctrlKey,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    key: e.key,\r\n    location: e.location,\r\n    metaKey: e.metaKey,\r\n    repeat: e.repeat,\r\n    shiftKey: e.shiftKey,\r\n    view: e.view,\r\n    charCode: e.charCode,\r\n    keyCode: e.keyCode,\r\n    which: e.which,\r\n    ...initObj\r\n  };\r\n  const event = new KeyboardEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit) {\r\n  const initialObject: InputEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    view: e.view,\r\n    which: e.which,\r\n    data: e.data,\r\n    dataTransfer: e.dataTransfer,\r\n    inputType: e.inputType,\r\n    targetRanges: typeof e.getTargetRanges() == \"function\" ? e.getTargetRanges() : [],\r\n    ...initObj\r\n  };\r\n  const event = new InputEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit) {\r\n  const initialObject: FocusEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    view: e.view,\r\n    which: e.which,\r\n    relatedTarget: e.relatedTarget,\r\n    ...initObj\r\n  };\r\n  const event = new FocusEvent(eventName, initialObject);\r\n  return event;\r\n}","function faToEnDigits(input:string | number):string{\r\n  if (typeof input !== \"string\"){\r\n    return '';\r\n  }\r\n  const regex = /[۰-۹]/g;\r\n  const result = input.replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) - 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\n\r\nfunction enToFaDigits(input:string | number):string{\r\n  if (typeof input !== \"string\" && isNaN(input)){\r\n    return '';\r\n  }\r\n  const regex = /[0-9]/g;\r\n  const result = input.toString().replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) + 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\nexport {enToFaDigits, faToEnDigits};","export const isMobile = ()=>{\r\n  return /Mobi/i.test(window.navigator.userAgent);\r\n};"],"names":["eventName","e","initObj","initialObject","bubbles","cancelable","composed","detail","view","which","relatedTarget","FocusEvent","isComposing","data","dataTransfer","inputType","targetRanges","getTargetRanges","InputEvent","altKey","code","ctrlKey","key","location","metaKey","repeat","shiftKey","charCode","keyCode","KeyboardEvent","input","isNaN","toString","replace","w","String","fromCharCode","charCodeAt","test","window","navigator","userAgent","element","handler","options","document","addEventListener","composedPath","includes","stopPropagation","stopImmediatePropagation","capture"],"mappings":"+CAsEiCA,EAAmBC,EAAeC,GACjE,MAAMC,EAAgC,CACpCC,QAASH,EAAEG,QACXC,WAAYJ,EAAEI,WACdC,SAAUL,EAAEK,SACZC,OAAQN,EAAEM,OACVC,KAAMP,EAAEO,KACRC,MAAOR,EAAEQ,MACTC,cAAeT,EAAES,iBACdR,GAGL,OADc,IAAIS,WAAWX,EAAWG,EAE1C,oCAnCiCH,EAAmBC,EAAeC,GACjE,MAAMC,EAAgC,CACpCC,QAASH,EAAEG,QACXC,WAAYJ,EAAEI,WACdC,SAAUL,EAAEK,SACZC,OAAQN,EAAEM,OACVK,YAAaX,EAAEW,YACfJ,KAAMP,EAAEO,KACRC,MAAOR,EAAEQ,MACTI,KAAMZ,EAAEY,KACRC,aAAcb,EAAEa,aAChBC,UAAWd,EAAEc,UACbC,aAA4C,mBAAvBf,EAAEgB,kBAAkChB,EAAEgB,kBAAoB,MAC5Ef,GAGL,OADc,IAAIgB,WAAWlB,EAAWG,EAE1C,uCA5CoCH,EAAmBC,EAAkBC,GACvE,MAAMC,EAAmC,CACvCgB,OAAQlB,EAAEkB,OACVf,QAASH,EAAEG,QACXC,WAAYJ,EAAEI,WACde,KAAMnB,EAAEmB,KACRd,SAAUL,EAAEK,SACZe,QAASpB,EAAEoB,QACXd,OAAQN,EAAEM,OACVK,YAAaX,EAAEW,YACfU,IAAKrB,EAAEqB,IACPC,SAAUtB,EAAEsB,SACZC,QAASvB,EAAEuB,QACXC,OAAQxB,EAAEwB,OACVC,SAAUzB,EAAEyB,SACZlB,KAAMP,EAAEO,KACRmB,SAAU1B,EAAE0B,SACZC,QAAS3B,EAAE2B,QACXnB,MAAOR,EAAEQ,SACNP,GAGL,OADc,IAAI2B,cAAc7B,EAAWG,EAE7C,uBChCA,SAAsB2B,GACpB,MAAqB,iBAAVA,GAAsBC,MAAMD,GAC9B,GAGMA,EAAME,WAAWC,QADlB,UACiC,SAAUC,GACvD,OAAOC,OAAOC,aAAaF,EAAEG,WAAW,GAAK,KAC/C,GAGF,uBAtBA,SAAsBP,GACpB,MAAqB,iBAAVA,EACF,GAGMA,EAAMG,QADP,UACsB,SAAUC,GAC5C,OAAOC,OAAOC,aAAaF,EAAEG,WAAW,GAAK,KAC/C,GAGF,mBCVwB,IACf,QAAQC,KAAKC,OAAOC,UAAUC,wCFQjC,SAA8DC,EAAkB1C,EAAmB2C,EAA6BC,EAAmC,CAAA,GACvKC,SAASC,iBAAiB9C,GAAYC,IAChCA,EAAE8C,eAAeC,SAASN,KAC5BzC,EAAEgD,kBACFhD,EAAEiD,2BACFP,EAAQ1C,GACT,GACD,CAACkD,SAAQ,KAAQP,GACrB"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/events.ts","../lib/device-detection.ts","../lib/persian-tools.ts"],"sourcesContent":["/**\r\n * add type to event target for easier access to target\r\n */\r\nexport type EventTypeWithTarget<TEvent, TTarget> = TEvent & {\r\n  target: TTarget;\r\n};\r\n/**\r\n * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element\r\n */\r\nexport function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e:TEvent) => void, options: AddEventListenerOptions = {}) {\r\n  document.addEventListener(eventName, (e: TEvent) => {\r\n    if (e.composedPath().includes(element as unknown as EventTarget)) {\r\n      e.stopPropagation();\r\n      e.stopImmediatePropagation();\r\n      handler(e);\r\n    }\r\n  },{capture:true,...options});\r\n}\r\n/**\r\n * create a keyboardEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit) {\r\n  const initialObject: KeyboardEventInit = {\r\n    altKey: e.altKey,\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    code: e.code,\r\n    composed: e.composed,\r\n    ctrlKey: e.ctrlKey,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    key: e.key,\r\n    location: e.location,\r\n    metaKey: e.metaKey,\r\n    repeat: e.repeat,\r\n    shiftKey: e.shiftKey,\r\n    view: e.view,\r\n    charCode: e.charCode,\r\n    keyCode: e.keyCode,\r\n    which: e.which,\r\n    ...initObj\r\n  };\r\n  const event = new KeyboardEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit) {\r\n  const initialObject: InputEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    view: e.view,\r\n    which: e.which,\r\n    data: e.data,\r\n    dataTransfer: e.dataTransfer,\r\n    inputType: e.inputType,\r\n    targetRanges: typeof e.getTargetRanges() == \"function\" ? e.getTargetRanges() : [],\r\n    ...initObj\r\n  };\r\n  const event = new InputEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit) {\r\n  const initialObject: FocusEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    view: e.view,\r\n    which: e.which,\r\n    relatedTarget: e.relatedTarget,\r\n    ...initObj\r\n  };\r\n  const event = new FocusEvent(eventName, initialObject);\r\n  return event;\r\n}","export const isMobile = ()=>{\r\n  return /Mobi/i.test(window.navigator.userAgent);\r\n};","function faToEnDigits(input:string | number):string{\r\n  if (typeof input !== \"string\"){\r\n    return '';\r\n  }\r\n  const regex = /[۰-۹]/g;\r\n  const result = input.replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) - 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\n\r\nfunction enToFaDigits(input:string | number):string{\r\n  if (typeof input !== \"string\" && isNaN(input)){\r\n    return '';\r\n  }\r\n  const regex = /[0-9]/g;\r\n  const result = input.toString().replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) + 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\nexport {enToFaDigits, faToEnDigits};"],"mappings":"sCAsEM,SAA2B,EAAmB,EAAe,GACjE,MAAM,EAAgC,CACpC,QAAS,EAAE,QACX,WAAY,EAAE,WACd,SAAU,EAAE,SACZ,OAAQ,EAAE,OACV,KAAM,EAAE,KACR,MAAO,EAAE,MACT,cAAe,EAAE,iBACd,GAGL,OADc,IAAI,WAAW,EAAW,EAEzC,2BAnCK,SAA2B,EAAmB,EAAe,GACjE,MAAM,EAAgC,CACpC,QAAS,EAAE,QACX,WAAY,EAAE,WACd,SAAU,EAAE,SACZ,OAAQ,EAAE,OACV,YAAa,EAAE,YACf,KAAM,EAAE,KACR,MAAO,EAAE,MACT,KAAM,EAAE,KACR,aAAc,EAAE,aAChB,UAAW,EAAE,UACb,aAA4C,mBAAvB,EAAE,kBAAkC,EAAE,kBAAoB,MAC5E,GAGL,OADc,IAAI,WAAW,EAAW,EAEzC,8BA5CK,SAA8B,EAAmB,EAAkB,GACvE,MAAM,EAAmC,CACvC,OAAQ,EAAE,OACV,QAAS,EAAE,QACX,WAAY,EAAE,WACd,KAAM,EAAE,KACR,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,OAAQ,EAAE,OACV,YAAa,EAAE,YACf,IAAK,EAAE,IACP,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,OAAQ,EAAE,OACV,SAAU,EAAE,SACZ,KAAM,EAAE,KACR,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,MAAO,EAAE,SACN,GAGL,OADc,IAAI,cAAc,EAAW,EAE5C,uBEhCD,SAAsB,GACpB,MAAqB,iBAAV,GAAsB,MAAM,GAC9B,GAGM,EAAM,WAAW,QADlB,UACiC,SAAU,GACvD,OAAO,OAAO,aAAa,EAAE,WAAW,GAAK,KAC9C,GAGF,uBAtBD,SAAsB,GACpB,MAAqB,iBAAV,EACF,GAGM,EAAM,QADP,UACsB,SAAU,GAC5C,OAAO,OAAO,aAAa,EAAE,WAAW,GAAK,KAC9C,GAGF,mBDVuB,IACf,QAAQ,KAAK,OAAO,UAAU,wCDQjC,SAA8D,EAAkB,EAAmB,EAA6B,EAAmC,CAAE,GACzK,SAAS,iBAAiB,GAAY,IAChC,EAAE,eAAe,SAAS,KAC5B,EAAE,kBACF,EAAE,2BACF,EAAQ,GACT,GACD,CAAC,SAAQ,KAAQ,GACpB"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./events.js";
+export * from "./device-detection.js";
+export * from "./persian-tools.js";

package/dist/index.js

@@ -1,2 +1,2 @@
 function e(e,t,n,o={}){document.addEventListener(t,(t=>{t.composedPath().includes(e)&&(t.stopPropagation(),t.stopImmediatePropagation(),n(t))}),{capture:!0,...o})}function t(e,t,n){const o={altKey:t.altKey,bubbles:t.bubbles,cancelable:t.cancelable,code:t.code,composed:t.composed,ctrlKey:t.ctrlKey,detail:t.detail,isComposing:t.isComposing,key:t.key,location:t.location,metaKey:t.metaKey,repeat:t.repeat,shiftKey:t.shiftKey,view:t.view,charCode:t.charCode,keyCode:t.keyCode,which:t.which,...n};return new KeyboardEvent(e,o)}function n(e,t,n){const o={bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed,detail:t.detail,isComposing:t.isComposing,view:t.view,which:t.which,data:t.data,dataTransfer:t.dataTransfer,inputType:t.inputType,targetRanges:"function"==typeof t.getTargetRanges()?t.getTargetRanges():[],...n};return new InputEvent(e,o)}function o(e,t,n){const o={bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed,detail:t.detail,view:t.view,which:t.which,relatedTarget:t.relatedTarget,...n};return new FocusEvent(e,o)}const a=()=>/Mobi/i.test(window.navigator.userAgent);function i(e){if("string"!=typeof e)return"";return e.replace(/[۰-۹]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)-1728)}))}function r(e){if("string"!=typeof e&&isNaN(e))return"";return e.toString().replace(/[0-9]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)+1728)}))}export{o as createFocusEvent,n as createInputEvent,t as createKeyboardEvent,r as enToFaDigits,i as faToEnDigits,a as isMobile,e as listenAndSilentEvent};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../lib/events.ts","../lib/device-detection.ts","../lib/persian-tools.ts"],"sourcesContent":["/**\r\n * add type to event target for easier access to target\r\n */\r\nexport type EventTypeWithTarget<TEvent, TTarget> = TEvent & {\r\n  target: TTarget;\r\n};\r\n/**\r\n * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element\r\n */\r\nexport function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e:TEvent) => void, options: AddEventListenerOptions = {}) {\r\n  document.addEventListener(eventName, (e: TEvent) => {\r\n    if (e.composedPath().includes(element as unknown as EventTarget)) {\r\n      e.stopPropagation();\r\n      e.stopImmediatePropagation();\r\n      handler(e);\r\n    }\r\n  },{capture:true,...options});\r\n}\r\n/**\r\n * create a keyboardEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit) {\r\n  const initialObject: KeyboardEventInit = {\r\n    altKey: e.altKey,\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    code: e.code,\r\n    composed: e.composed,\r\n    ctrlKey: e.ctrlKey,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    key: e.key,\r\n    location: e.location,\r\n    metaKey: e.metaKey,\r\n    repeat: e.repeat,\r\n    shiftKey: e.shiftKey,\r\n    view: e.view,\r\n    charCode: e.charCode,\r\n    keyCode: e.keyCode,\r\n    which: e.which,\r\n    ...initObj\r\n  };\r\n  const event = new KeyboardEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit) {\r\n  const initialObject: InputEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    view: e.view,\r\n    which: e.which,\r\n    data: e.data,\r\n    dataTransfer: e.dataTransfer,\r\n    inputType: e.inputType,\r\n    targetRanges: typeof e.getTargetRanges() == \"function\" ? e.getTargetRanges() : [],\r\n    ...initObj\r\n  };\r\n  const event = new InputEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit) {\r\n  const initialObject: FocusEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    view: e.view,\r\n    which: e.which,\r\n    relatedTarget: e.relatedTarget,\r\n    ...initObj\r\n  };\r\n  const event = new FocusEvent(eventName, initialObject);\r\n  return event;\r\n}","export const isMobile = ()=>{\r\n  return /Mobi/i.test(window.navigator.userAgent);\r\n};","function faToEnDigits(input:string | number):string{\r\n  if (typeof input !== \"string\"){\r\n    return '';\r\n  }\r\n  const regex = /[۰-۹]/g;\r\n  const result = input.replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) - 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\n\r\nfunction enToFaDigits(input:string | number):string{\r\n  if (typeof input !== \"string\" && isNaN(input)){\r\n    return '';\r\n  }\r\n  const regex = /[0-9]/g;\r\n  const result = input.toString().replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) + 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\nexport {enToFaDigits, faToEnDigits};"],"names":["listenAndSilentEvent","element","eventName","handler","options","document","addEventListener","e","composedPath","includes","stopPropagation","stopImmediatePropagation","capture","createKeyboardEvent","initObj","initialObject","altKey","bubbles","cancelable","code","composed","ctrlKey","detail","isComposing","key","location","metaKey","repeat","shiftKey","view","charCode","keyCode","which","KeyboardEvent","createInputEvent","data","dataTransfer","inputType","targetRanges","getTargetRanges","InputEvent","createFocusEvent","relatedTarget","FocusEvent","isMobile","test","window","navigator","userAgent","faToEnDigits","input","replace","w","String","fromCharCode","charCodeAt","enToFaDigits","isNaN","toString"],"mappings":"AASM,SAAUA,EAAoDC,EAAkBC,EAAmBC,EAA6BC,EAAmC,CAAA,GACvKC,SAASC,iBAAiBJ,GAAYK,IAChCA,EAAEC,eAAeC,SAASR,KAC5BM,EAAEG,kBACFH,EAAEI,2BACFR,EAAQI,GACT,GACD,CAACK,SAAQ,KAAQR,GACrB,UAIgBS,EAAoBX,EAAmBK,EAAkBO,GACvE,MAAMC,EAAmC,CACvCC,OAAQT,EAAES,OACVC,QAASV,EAAEU,QACXC,WAAYX,EAAEW,WACdC,KAAMZ,EAAEY,KACRC,SAAUb,EAAEa,SACZC,QAASd,EAAEc,QACXC,OAAQf,EAAEe,OACVC,YAAahB,EAAEgB,YACfC,IAAKjB,EAAEiB,IACPC,SAAUlB,EAAEkB,SACZC,QAASnB,EAAEmB,QACXC,OAAQpB,EAAEoB,OACVC,SAAUrB,EAAEqB,SACZC,KAAMtB,EAAEsB,KACRC,SAAUvB,EAAEuB,SACZC,QAASxB,EAAEwB,QACXC,MAAOzB,EAAEyB,SACNlB,GAGL,OADc,IAAImB,cAAc/B,EAAWa,EAE7C,UAIgBmB,EAAiBhC,EAAmBK,EAAeO,GACjE,MAAMC,EAAgC,CACpCE,QAASV,EAAEU,QACXC,WAAYX,EAAEW,WACdE,SAAUb,EAAEa,SACZE,OAAQf,EAAEe,OACVC,YAAahB,EAAEgB,YACfM,KAAMtB,EAAEsB,KACRG,MAAOzB,EAAEyB,MACTG,KAAM5B,EAAE4B,KACRC,aAAc7B,EAAE6B,aAChBC,UAAW9B,EAAE8B,UACbC,aAA4C,mBAAvB/B,EAAEgC,kBAAkChC,EAAEgC,kBAAoB,MAC5EzB,GAGL,OADc,IAAI0B,WAAWtC,EAAWa,EAE1C,UAKgB0B,EAAiBvC,EAAmBK,EAAeO,GACjE,MAAMC,EAAgC,CACpCE,QAASV,EAAEU,QACXC,WAAYX,EAAEW,WACdE,SAAUb,EAAEa,SACZE,OAAQf,EAAEe,OACVO,KAAMtB,EAAEsB,KACRG,MAAOzB,EAAEyB,MACTU,cAAenC,EAAEmC,iBACd5B,GAGL,OADc,IAAI6B,WAAWzC,EAAWa,EAE1C,CCnFO,MAAM6B,EAAW,IACf,QAAQC,KAAKC,OAAOC,UAAUC,WCDvC,SAASC,EAAaC,GACpB,GAAqB,iBAAVA,EACT,MAAO,GAOT,OAJeA,EAAMC,QADP,UACsB,SAAUC,GAC5C,OAAOC,OAAOC,aAAaF,EAAEG,WAAW,GAAK,KAC/C,GAGF,CAEA,SAASC,EAAaN,GACpB,GAAqB,iBAAVA,GAAsBO,MAAMP,GACrC,MAAO,GAOT,OAJeA,EAAMQ,WAAWP,QADlB,UACiC,SAAUC,GACvD,OAAOC,OAAOC,aAAaF,EAAEG,WAAW,GAAK,KAC/C,GAGF"}
+{"version":3,"file":"index.js","names":[],"sources":["../lib/events.ts","../lib/device-detection.ts","../lib/persian-tools.ts"],"sourcesContent":["/**\r\n * add type to event target for easier access to target\r\n */\r\nexport type EventTypeWithTarget<TEvent, TTarget> = TEvent & {\r\n  target: TTarget;\r\n};\r\n/**\r\n * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element\r\n */\r\nexport function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e:TEvent) => void, options: AddEventListenerOptions = {}) {\r\n  document.addEventListener(eventName, (e: TEvent) => {\r\n    if (e.composedPath().includes(element as unknown as EventTarget)) {\r\n      e.stopPropagation();\r\n      e.stopImmediatePropagation();\r\n      handler(e);\r\n    }\r\n  },{capture:true,...options});\r\n}\r\n/**\r\n * create a keyboardEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit) {\r\n  const initialObject: KeyboardEventInit = {\r\n    altKey: e.altKey,\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    code: e.code,\r\n    composed: e.composed,\r\n    ctrlKey: e.ctrlKey,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    key: e.key,\r\n    location: e.location,\r\n    metaKey: e.metaKey,\r\n    repeat: e.repeat,\r\n    shiftKey: e.shiftKey,\r\n    view: e.view,\r\n    charCode: e.charCode,\r\n    keyCode: e.keyCode,\r\n    which: e.which,\r\n    ...initObj\r\n  };\r\n  const event = new KeyboardEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit) {\r\n  const initialObject: InputEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    view: e.view,\r\n    which: e.which,\r\n    data: e.data,\r\n    dataTransfer: e.dataTransfer,\r\n    inputType: e.inputType,\r\n    targetRanges: typeof e.getTargetRanges() == \"function\" ? e.getTargetRanges() : [],\r\n    ...initObj\r\n  };\r\n  const event = new InputEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit) {\r\n  const initialObject: FocusEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    view: e.view,\r\n    which: e.which,\r\n    relatedTarget: e.relatedTarget,\r\n    ...initObj\r\n  };\r\n  const event = new FocusEvent(eventName, initialObject);\r\n  return event;\r\n}","export const isMobile = ()=>{\r\n  return /Mobi/i.test(window.navigator.userAgent);\r\n};","function faToEnDigits(input:string | number):string{\r\n  if (typeof input !== \"string\"){\r\n    return '';\r\n  }\r\n  const regex = /[۰-۹]/g;\r\n  const result = input.replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) - 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\n\r\nfunction enToFaDigits(input:string | number):string{\r\n  if (typeof input !== \"string\" && isNaN(input)){\r\n    return '';\r\n  }\r\n  const regex = /[0-9]/g;\r\n  const result = input.toString().replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) + 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\nexport {enToFaDigits, faToEnDigits};"],"mappings":"AASM,SAAU,EAAoD,EAAkB,EAAmB,EAA6B,EAAmC,CAAE,GACzK,SAAS,iBAAiB,GAAY,IAChC,EAAE,eAAe,SAAS,KAC5B,EAAE,kBACF,EAAE,2BACF,EAAQ,GACT,GACD,CAAC,SAAQ,KAAQ,GACpB,CAIK,SAAU,EAAoB,EAAmB,EAAkB,GACvE,MAAM,EAAmC,CACvC,OAAQ,EAAE,OACV,QAAS,EAAE,QACX,WAAY,EAAE,WACd,KAAM,EAAE,KACR,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,OAAQ,EAAE,OACV,YAAa,EAAE,YACf,IAAK,EAAE,IACP,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,OAAQ,EAAE,OACV,SAAU,EAAE,SACZ,KAAM,EAAE,KACR,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,MAAO,EAAE,SACN,GAGL,OADc,IAAI,cAAc,EAAW,EAE5C,CAIK,SAAU,EAAiB,EAAmB,EAAe,GACjE,MAAM,EAAgC,CACpC,QAAS,EAAE,QACX,WAAY,EAAE,WACd,SAAU,EAAE,SACZ,OAAQ,EAAE,OACV,YAAa,EAAE,YACf,KAAM,EAAE,KACR,MAAO,EAAE,MACT,KAAM,EAAE,KACR,aAAc,EAAE,aAChB,UAAW,EAAE,UACb,aAA4C,mBAAvB,EAAE,kBAAkC,EAAE,kBAAoB,MAC5E,GAGL,OADc,IAAI,WAAW,EAAW,EAEzC,CAKK,SAAU,EAAiB,EAAmB,EAAe,GACjE,MAAM,EAAgC,CACpC,QAAS,EAAE,QACX,WAAY,EAAE,WACd,SAAU,EAAE,SACZ,OAAQ,EAAE,OACV,KAAM,EAAE,KACR,MAAO,EAAE,MACT,cAAe,EAAE,iBACd,GAGL,OADc,IAAI,WAAW,EAAW,EAEzC,OCnFY,EAAW,IACf,QAAQ,KAAK,OAAO,UAAU,WCDvC,SAAS,EAAa,GACpB,GAAqB,iBAAV,EACT,MAAO,GAOT,OAJe,EAAM,QADP,UACsB,SAAU,GAC5C,OAAO,OAAO,aAAa,EAAE,WAAW,GAAK,KAC9C,GAGF,CAED,SAAS,EAAa,GACpB,GAAqB,iBAAV,GAAsB,MAAM,GACrC,MAAO,GAOT,OAJe,EAAM,WAAW,QADlB,UACiC,SAAU,GACvD,OAAO,OAAO,aAAa,EAAE,WAAW,GAAK,KAC9C,GAGF"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBCore={})}(this,(function(e){"use strict";e.createFocusEvent=function(e,t,n){const o={bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed,detail:t.detail,view:t.view,which:t.which,relatedTarget:t.relatedTarget,...n};return new FocusEvent(e,o)},e.createInputEvent=function(e,t,n){const o={bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed,detail:t.detail,isComposing:t.isComposing,view:t.view,which:t.which,data:t.data,dataTransfer:t.dataTransfer,inputType:t.inputType,targetRanges:"function"==typeof t.getTargetRanges()?t.getTargetRanges():[],...n};return new InputEvent(e,o)},e.createKeyboardEvent=function(e,t,n){const o={altKey:t.altKey,bubbles:t.bubbles,cancelable:t.cancelable,code:t.code,composed:t.composed,ctrlKey:t.ctrlKey,detail:t.detail,isComposing:t.isComposing,key:t.key,location:t.location,metaKey:t.metaKey,repeat:t.repeat,shiftKey:t.shiftKey,view:t.view,charCode:t.charCode,keyCode:t.keyCode,which:t.which,...n};return new KeyboardEvent(e,o)},e.enToFaDigits=function(e){return"string"!=typeof e&&isNaN(e)?"":e.toString().replace(/[0-9]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)+1728)}))},e.faToEnDigits=function(e){return"string"!=typeof e?"":e.replace(/[۰-۹]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)-1728)}))},e.isMobile=()=>/Mobi/i.test(window.navigator.userAgent),e.listenAndSilentEvent=function(e,t,n,o={}){document.addEventListener(t,(t=>{t.composedPath().includes(e)&&(t.stopPropagation(),t.stopImmediatePropagation(),n(t))}),{capture:!0,...o})}}));
-//# sourceMappingURL=index.umd.js.map
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../lib/events.ts","../lib/persian-tools.ts","../lib/device-detection.ts"],"sourcesContent":["/**\r\n * add type to event target for easier access to target\r\n */\r\nexport type EventTypeWithTarget<TEvent, TTarget> = TEvent & {\r\n  target: TTarget;\r\n};\r\n/**\r\n * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element\r\n */\r\nexport function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e:TEvent) => void, options: AddEventListenerOptions = {}) {\r\n  document.addEventListener(eventName, (e: TEvent) => {\r\n    if (e.composedPath().includes(element as unknown as EventTarget)) {\r\n      e.stopPropagation();\r\n      e.stopImmediatePropagation();\r\n      handler(e);\r\n    }\r\n  },{capture:true,...options});\r\n}\r\n/**\r\n * create a keyboardEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit) {\r\n  const initialObject: KeyboardEventInit = {\r\n    altKey: e.altKey,\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    code: e.code,\r\n    composed: e.composed,\r\n    ctrlKey: e.ctrlKey,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    key: e.key,\r\n    location: e.location,\r\n    metaKey: e.metaKey,\r\n    repeat: e.repeat,\r\n    shiftKey: e.shiftKey,\r\n    view: e.view,\r\n    charCode: e.charCode,\r\n    keyCode: e.keyCode,\r\n    which: e.which,\r\n    ...initObj\r\n  };\r\n  const event = new KeyboardEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit) {\r\n  const initialObject: InputEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    view: e.view,\r\n    which: e.which,\r\n    data: e.data,\r\n    dataTransfer: e.dataTransfer,\r\n    inputType: e.inputType,\r\n    targetRanges: typeof e.getTargetRanges() == \"function\" ? e.getTargetRanges() : [],\r\n    ...initObj\r\n  };\r\n  const event = new InputEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit) {\r\n  const initialObject: FocusEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    view: e.view,\r\n    which: e.which,\r\n    relatedTarget: e.relatedTarget,\r\n    ...initObj\r\n  };\r\n  const event = new FocusEvent(eventName, initialObject);\r\n  return event;\r\n}","function faToEnDigits(input:string | number):string{\r\n  if (typeof input !== \"string\"){\r\n    return '';\r\n  }\r\n  const regex = /[۰-۹]/g;\r\n  const result = input.replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) - 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\n\r\nfunction enToFaDigits(input:string | number):string{\r\n  if (typeof input !== \"string\" && isNaN(input)){\r\n    return '';\r\n  }\r\n  const regex = /[0-9]/g;\r\n  const result = input.toString().replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) + 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\nexport {enToFaDigits, faToEnDigits};","export const isMobile = ()=>{\r\n  return /Mobi/i.test(window.navigator.userAgent);\r\n};"],"names":["eventName","e","initObj","initialObject","bubbles","cancelable","composed","detail","view","which","relatedTarget","FocusEvent","isComposing","data","dataTransfer","inputType","targetRanges","getTargetRanges","InputEvent","altKey","code","ctrlKey","key","location","metaKey","repeat","shiftKey","charCode","keyCode","KeyboardEvent","input","isNaN","toString","replace","w","String","fromCharCode","charCodeAt","test","window","navigator","userAgent","element","handler","options","document","addEventListener","composedPath","includes","stopPropagation","stopImmediatePropagation","capture"],"mappings":"0QAsEiCA,EAAmBC,EAAeC,GACjE,MAAMC,EAAgC,CACpCC,QAASH,EAAEG,QACXC,WAAYJ,EAAEI,WACdC,SAAUL,EAAEK,SACZC,OAAQN,EAAEM,OACVC,KAAMP,EAAEO,KACRC,MAAOR,EAAEQ,MACTC,cAAeT,EAAES,iBACdR,GAGL,OADc,IAAIS,WAAWX,EAAWG,EAE1C,8BAnCiCH,EAAmBC,EAAeC,GACjE,MAAMC,EAAgC,CACpCC,QAASH,EAAEG,QACXC,WAAYJ,EAAEI,WACdC,SAAUL,EAAEK,SACZC,OAAQN,EAAEM,OACVK,YAAaX,EAAEW,YACfJ,KAAMP,EAAEO,KACRC,MAAOR,EAAEQ,MACTI,KAAMZ,EAAEY,KACRC,aAAcb,EAAEa,aAChBC,UAAWd,EAAEc,UACbC,aAA4C,mBAAvBf,EAAEgB,kBAAkChB,EAAEgB,kBAAoB,MAC5Ef,GAGL,OADc,IAAIgB,WAAWlB,EAAWG,EAE1C,iCA5CoCH,EAAmBC,EAAkBC,GACvE,MAAMC,EAAmC,CACvCgB,OAAQlB,EAAEkB,OACVf,QAASH,EAAEG,QACXC,WAAYJ,EAAEI,WACde,KAAMnB,EAAEmB,KACRd,SAAUL,EAAEK,SACZe,QAASpB,EAAEoB,QACXd,OAAQN,EAAEM,OACVK,YAAaX,EAAEW,YACfU,IAAKrB,EAAEqB,IACPC,SAAUtB,EAAEsB,SACZC,QAASvB,EAAEuB,QACXC,OAAQxB,EAAEwB,OACVC,SAAUzB,EAAEyB,SACZlB,KAAMP,EAAEO,KACRmB,SAAU1B,EAAE0B,SACZC,QAAS3B,EAAE2B,QACXnB,MAAOR,EAAEQ,SACNP,GAGL,OADc,IAAI2B,cAAc7B,EAAWG,EAE7C,iBChCA,SAAsB2B,GACpB,MAAqB,iBAAVA,GAAsBC,MAAMD,GAC9B,GAGMA,EAAME,WAAWC,QADlB,UACiC,SAAUC,GACvD,OAAOC,OAAOC,aAAaF,EAAEG,WAAW,GAAK,KAC/C,GAGF,iBAtBA,SAAsBP,GACpB,MAAqB,iBAAVA,EACF,GAGMA,EAAMG,QADP,UACsB,SAAUC,GAC5C,OAAOC,OAAOC,aAAaF,EAAEG,WAAW,GAAK,KAC/C,GAGF,aCVwB,IACf,QAAQC,KAAKC,OAAOC,UAAUC,kCFQjC,SAA8DC,EAAkB1C,EAAmB2C,EAA6BC,EAAmC,CAAA,GACvKC,SAASC,iBAAiB9C,GAAYC,IAChCA,EAAE8C,eAAeC,SAASN,KAC5BzC,EAAEgD,kBACFhD,EAAEiD,2BACFP,EAAQ1C,GACT,GACD,CAACkD,SAAQ,KAAQP,GACrB"}
+{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/events.ts","../lib/device-detection.ts","../lib/persian-tools.ts"],"sourcesContent":["/**\r\n * add type to event target for easier access to target\r\n */\r\nexport type EventTypeWithTarget<TEvent, TTarget> = TEvent & {\r\n  target: TTarget;\r\n};\r\n/**\r\n * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element\r\n */\r\nexport function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e:TEvent) => void, options: AddEventListenerOptions = {}) {\r\n  document.addEventListener(eventName, (e: TEvent) => {\r\n    if (e.composedPath().includes(element as unknown as EventTarget)) {\r\n      e.stopPropagation();\r\n      e.stopImmediatePropagation();\r\n      handler(e);\r\n    }\r\n  },{capture:true,...options});\r\n}\r\n/**\r\n * create a keyboardEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit) {\r\n  const initialObject: KeyboardEventInit = {\r\n    altKey: e.altKey,\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    code: e.code,\r\n    composed: e.composed,\r\n    ctrlKey: e.ctrlKey,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    key: e.key,\r\n    location: e.location,\r\n    metaKey: e.metaKey,\r\n    repeat: e.repeat,\r\n    shiftKey: e.shiftKey,\r\n    view: e.view,\r\n    charCode: e.charCode,\r\n    keyCode: e.keyCode,\r\n    which: e.which,\r\n    ...initObj\r\n  };\r\n  const event = new KeyboardEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit) {\r\n  const initialObject: InputEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    isComposing: e.isComposing,\r\n    view: e.view,\r\n    which: e.which,\r\n    data: e.data,\r\n    dataTransfer: e.dataTransfer,\r\n    inputType: e.inputType,\r\n    targetRanges: typeof e.getTargetRanges() == \"function\" ? e.getTargetRanges() : [],\r\n    ...initObj\r\n  };\r\n  const event = new InputEvent(eventName, initialObject);\r\n  return event;\r\n}\r\n\r\n/**\r\n * create a InputEvent based on `e` value and replace them with initObj\r\n */\r\nexport function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit) {\r\n  const initialObject: FocusEventInit = {\r\n    bubbles: e.bubbles,\r\n    cancelable: e.cancelable,\r\n    composed: e.composed,\r\n    detail: e.detail,\r\n    view: e.view,\r\n    which: e.which,\r\n    relatedTarget: e.relatedTarget,\r\n    ...initObj\r\n  };\r\n  const event = new FocusEvent(eventName, initialObject);\r\n  return event;\r\n}","export const isMobile = ()=>{\r\n  return /Mobi/i.test(window.navigator.userAgent);\r\n};","function faToEnDigits(input:string | number):string{\r\n  if (typeof input !== \"string\"){\r\n    return '';\r\n  }\r\n  const regex = /[۰-۹]/g;\r\n  const result = input.replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) - 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\n\r\nfunction enToFaDigits(input:string | number):string{\r\n  if (typeof input !== \"string\" && isNaN(input)){\r\n    return '';\r\n  }\r\n  const regex = /[0-9]/g;\r\n  const result = input.toString().replace(regex, function (w) {\r\n    return String.fromCharCode(w.charCodeAt(0) + 1728);\r\n  }\r\n  );\r\n  return result;\r\n}\r\nexport {enToFaDigits, faToEnDigits};"],"mappings":"iQAsEM,SAA2B,EAAmB,EAAe,GACjE,MAAM,EAAgC,CACpC,QAAS,EAAE,QACX,WAAY,EAAE,WACd,SAAU,EAAE,SACZ,OAAQ,EAAE,OACV,KAAM,EAAE,KACR,MAAO,EAAE,MACT,cAAe,EAAE,iBACd,GAGL,OADc,IAAI,WAAW,EAAW,EAEzC,qBAnCK,SAA2B,EAAmB,EAAe,GACjE,MAAM,EAAgC,CACpC,QAAS,EAAE,QACX,WAAY,EAAE,WACd,SAAU,EAAE,SACZ,OAAQ,EAAE,OACV,YAAa,EAAE,YACf,KAAM,EAAE,KACR,MAAO,EAAE,MACT,KAAM,EAAE,KACR,aAAc,EAAE,aAChB,UAAW,EAAE,UACb,aAA4C,mBAAvB,EAAE,kBAAkC,EAAE,kBAAoB,MAC5E,GAGL,OADc,IAAI,WAAW,EAAW,EAEzC,wBA5CK,SAA8B,EAAmB,EAAkB,GACvE,MAAM,EAAmC,CACvC,OAAQ,EAAE,OACV,QAAS,EAAE,QACX,WAAY,EAAE,WACd,KAAM,EAAE,KACR,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,OAAQ,EAAE,OACV,YAAa,EAAE,YACf,IAAK,EAAE,IACP,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,OAAQ,EAAE,OACV,SAAU,EAAE,SACZ,KAAM,EAAE,KACR,SAAU,EAAE,SACZ,QAAS,EAAE,QACX,MAAO,EAAE,SACN,GAGL,OADc,IAAI,cAAc,EAAW,EAE5C,iBEhCD,SAAsB,GACpB,MAAqB,iBAAV,GAAsB,MAAM,GAC9B,GAGM,EAAM,WAAW,QADlB,UACiC,SAAU,GACvD,OAAO,OAAO,aAAa,EAAE,WAAW,GAAK,KAC9C,GAGF,iBAtBD,SAAsB,GACpB,MAAqB,iBAAV,EACF,GAGM,EAAM,QADP,UACsB,SAAU,GAC5C,OAAO,OAAO,aAAa,EAAE,WAAW,GAAK,KAC9C,GAGF,aDVuB,IACf,QAAQ,KAAK,OAAO,UAAU,kCDQjC,SAA8D,EAAkB,EAAmB,EAA6B,EAAmC,CAAE,GACzK,SAAS,iBAAiB,GAAY,IAChC,EAAE,eAAe,SAAS,KAC5B,EAAE,kBACF,EAAE,2BACF,EAAQ,GACT,GACD,CAAC,SAAQ,KAAQ,GACpB"}

package/dist/lib/device-detection.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => boolean;

package/dist/lib/events.d.ts

@@ -0,0 +1,22 @@
+/**
+ * add type to event target for easier access to target
+ */
+export type EventTypeWithTarget<TEvent, TTarget> = TEvent & {
+    target: TTarget;
+};
+/**
+ * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element
+ */
+export declare function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e: TEvent) => void, options?: AddEventListenerOptions): void;
+/**
+ * create a keyboardEvent based on `e` value and replace them with initObj
+ */
+export declare function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit): KeyboardEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit): InputEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit): FocusEvent;

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./events.js";
+export * from "./device-detection.js";
+export * from "./persian-tools.js";

package/dist/lib/persian-tools.d.ts

@@ -0,0 +1,3 @@
+declare function faToEnDigits(input: string | number): string;
+declare function enToFaDigits(input: string | number): string;
+export { enToFaDigits, faToEnDigits };

package/dist/persian-tools.d.ts

@@ -0,0 +1,3 @@
+declare function faToEnDigits(input: string | number): string;
+declare function enToFaDigits(input: string | number): string;
+export { enToFaDigits, faToEnDigits };

package/package.json

@@ -14,7 +14,7 @@
     "react component",
     "event"
   ],
-  "version": "0.2.0",
+  "version": "0.4.0",
   "bugs": "https://github.com/javadbat/jb-core/issues",
   "license": "MIT",
   "files": [
@@ -22,11 +22,13 @@
     "README.md",
     "lib/",
     "dist/",
+    "styles/",
+    "configs/",
     "react/",
     "react/dist/"
   ],
   "main": "index.js",
-  "types": "./dist/web-component/jb-core/lib/index.d.ts",
+  "types": "./dist/index.d.ts",
   "repository": {
 		"type": "git",
 		"url": "git@github.com:javadbat/jb-core.git"

package/react/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-event.js';
+export * from './useInstance.js';
+export * from './useLazyRef.js';

package/react/dist/hooks/use-event.d.ts

@@ -0,0 +1 @@
+export declare function useEvent<TRef extends React.MutableRefObject<any | null>, TEvent>(ref: TRef, event: string, handler?: (e: TEvent) => void, passive?: boolean): void;

package/react/dist/hooks/useInstance.d.ts

@@ -0,0 +1,10 @@
+type BaseConstructableClass<T = any> = new (...args: any[]) => T;
+type Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;
+/**
+ * create a instance of an class with lazy initialization
+ * @param Store class to create instance of
+ * @param initializers initializers to pass to the class constructor
+ * @returns instance of the class
+ */
+export declare const useInstance: <T extends BaseConstructableClass<any>>(Store: T, initializers: ConstructorParameters<T>) => InstanceType<T>;
+export {};

package/react/dist/hooks/useLazyRef.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+type InitFunc<T> = () => T;
+export declare const useLazyRef: <T>(initValFunc: InitFunc<T>) => MutableRefObject<any>;
+export {};

package/react/dist/index.cjs.js

@@ -1,27 +1,2 @@
-'use strict';
-
-var react = require('react');
-
-function useEvent(ref, event, handler, passive = false) {
-    const internalHandler = react.useCallback((e) => {
-        if (ref.current && typeof handler == "function") {
-            handler(e);
-        }
-    }, [ref, handler]);
-    react.useEffect(() => {
-        const dom = ref.current;
-        if (dom) {
-            // initiate the event handler
-            dom.addEventListener(event, internalHandler, { passive, capture: false });
-        }
-        // this will clean up the event every time the component is re-rendered
-        return function cleanup() {
-            if (dom) {
-                dom.removeEventListener(event, internalHandler, { passive, capture: false });
-            }
-        };
-    }, [ref, event, handler, passive]);
-}
-
-exports.useEvent = useEvent;
-//# sourceMappingURL=index.cjs.js.map
+"use strict";let e,t;var r=Object.create,n=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,o=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;const a=(t=null!=(e=require("react"))?r(o(e)):{},((e,t,r,o)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var a,s=c(t),f=0,p=s.length;f<p;f++)a=s[f],l.call(e,a)||void 0===a||n(e,a,{get:(e=>t[e]).bind(null,a),enumerable:!(o=u(t,a))||o.enumerable});return e})(e&&e.__esModule?t:n(t,"default",{value:e,enumerable:!0}),e)),s=e=>{let t=(0,a.useRef)(null);return null===t.current&&(t.current=e()),t};exports.useEvent=function(e,t,r,n=!1){let u=(0,a.useCallback)(t=>{e.current&&"function"==typeof r&&r(t)},[e,r]);(0,a.useEffect)(()=>{let r=e.current;return r&&r.addEventListener(t,u,{passive:n,capture:!1}),function(){r&&r.removeEventListener(t,u,{passive:n,capture:!1})}},[e,t,r,n])},exports.useInstance=(e,t)=>s(()=>new e(...t)).current,exports.useLazyRef=s;
+//# sourceMappingURL=index.cjs.js.map

package/react/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../lib/use-event.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}"],"names":["useCallback","useEffect"],"mappings":";;;;AAEM,SAAU,QAAQ,CAAuD,GAAQ,EAAE,KAAY,EAAE,OAAyB,EAAE,OAAO,GAAG,KAAK,EAAA;AAC/I,IAAA,MAAM,eAAe,GAAGA,iBAAW,CAAC,CAAC,CAAQ,KAAG;QAC9C,IAAG,GAAG,CAAC,OAAO,IAAI,OAAO,OAAO,IAAI,UAAU,EAAC;YAC7C,OAAO,CAAC,CAAC,CAAC,CAAC;AACZ,SAAA;AACH,KAAC,EAAC,CAAC,GAAG,EAAC,OAAO,CAAC,CAAC,CAAC;IACjBC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;AACxB,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC;AAC1E,SAAA;;AAED,QAAA,OAAO,SAAS,OAAO,GAAA;AACrB,YAAA,IAAG,GAAG,EAAC;AACL,gBAAA,GAAG,CAAC,mBAAmB,CAAC,KAAK,EAAE,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,KAAK,EAAC,CAAC,CAAC;AAC3E,aAAA;AACH,SAAC,CAAC;KACH,EAAC,CAAC,GAAG,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,CAAC,CAAC,CAAC;AACjC;;;;"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,uBAAY,CAAC,MAAS;AAC5C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CACF,KACE;sBAEE,MAAA;QACA,MAAI,IAAA;MACL,IAED,KAAO,iBAAgB,OAAA,iBAAA;GAClB;GACD,SAAI;EACL,EAAA;AAGN,SAAA,SAAA,UAAA;;;;;;;;;;;;;;;;MClBY,aAAa,CAAI,gBAAyB;CACrD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCKE,cAAA,CAAA,OAAA,iBAAA;CACH,MAAO,KAAM,WAAW,MAAsC,IAAQ,MAAE,GAAA,cAAkD;AACxH,QAAM,GAAE"}

package/react/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks/index.js';

package/react/dist/index.js

@@ -1,25 +1,2 @@
-import { useCallback, useEffect } from 'react';
-
-function useEvent(ref, event, handler, passive = false) {
-    const internalHandler = useCallback((e) => {
-        if (ref.current && typeof handler == "function") {
-            handler(e);
-        }
-    }, [ref, handler]);
-    useEffect(() => {
-        const dom = ref.current;
-        if (dom) {
-            // initiate the event handler
-            dom.addEventListener(event, internalHandler, { passive, capture: false });
-        }
-        // this will clean up the event every time the component is re-rendered
-        return function cleanup() {
-            if (dom) {
-                dom.removeEventListener(event, internalHandler, { passive, capture: false });
-            }
-        };
-    }, [ref, event, handler, passive]);
-}
-
-export { useEvent };
-//# sourceMappingURL=index.js.map
+import{useCallback as e,useEffect as t,useRef as n}from"react";function r(n,u,c,l=!1){let o=e(e=>{n.current&&"function"==typeof c&&c(e)},[n,c]);t(()=>{let e=n.current;return e&&e.addEventListener(u,o,{passive:l,capture:!1}),function(){e&&e.removeEventListener(u,o,{passive:l,capture:!1})}},[n,u,c,l])}let u=e=>{let t=n(null);return null===t.current&&(t.current=e()),t},c=(e,t)=>u(()=>new e(...t)).current;export{r as useEvent,c as useInstance,u as useLazyRef};
+//# sourceMappingURL=index.js.map

package/react/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../lib/use-event.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}"],"names":[],"mappings":";;AAEM,SAAU,QAAQ,CAAuD,GAAQ,EAAE,KAAY,EAAE,OAAyB,EAAE,OAAO,GAAG,KAAK,EAAA;AAC/I,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAQ,KAAG;QAC9C,IAAG,GAAG,CAAC,OAAO,IAAI,OAAO,OAAO,IAAI,UAAU,EAAC;YAC7C,OAAO,CAAC,CAAC,CAAC,CAAC;AACZ,SAAA;AACH,KAAC,EAAC,CAAC,GAAG,EAAC,OAAO,CAAC,CAAC,CAAC;IACjB,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;AACxB,QAAA,IAAI,GAAG,EAAE;;AAEP,YAAA,GAAG,CAAC,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC;AAC1E,SAAA;;AAED,QAAA,OAAO,SAAS,OAAO,GAAA;AACrB,YAAA,IAAG,GAAG,EAAC;AACL,gBAAA,GAAG,CAAC,mBAAmB,CAAC,KAAK,EAAE,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,KAAK,EAAC,CAAC,CAAC;AAC3E,aAAA;AACH,SAAC,CAAC;KACH,EAAC,CAAC,GAAG,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,CAAC,CAAC,CAAC;AACjC;;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,YAAY,CAAC,MAAS;AAC5C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CACF,KACE;WAEE,MAAA;QACA,MAAI,IAAA;MACL,IAED,KAAO,iBAAgB,OAAA,iBAAA;GAClB;GACD,SAAI;EACL,EAAA;AAGN,SAAA,SAAA,UAAA;;;;;;;;;;;;;;;;MClBY,aAAa,CAAI,gBAAyB;CACrD,MAAM,MAA4B,OAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCKE,cAAA,CAAA,OAAA,iBAAA;CACH,MAAO,KAAM,WAAW,MAAsC,IAAQ,MAAE,GAAA,cAAkD;AACxH,QAAM,GAAE"}

package/react/dist/index.umd.js

@@ -1,31 +1,2 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JBCoreReact = {}, global.React));
-})(this, (function (exports, react) { 'use strict';
-
-  function useEvent(ref, event, handler, passive = false) {
-      const internalHandler = react.useCallback((e) => {
-          if (ref.current && typeof handler == "function") {
-              handler(e);
-          }
-      }, [ref, handler]);
-      react.useEffect(() => {
-          const dom = ref.current;
-          if (dom) {
-              // initiate the event handler
-              dom.addEventListener(event, internalHandler, { passive, capture: false });
-          }
-          // this will clean up the event every time the component is re-rendered
-          return function cleanup() {
-              if (dom) {
-                  dom.removeEventListener(event, internalHandler, { passive, capture: false });
-              }
-          };
-      }, [ref, event, handler, passive]);
-  }
-
-  exports.useEvent = useEvent;
-
-}));
-//# sourceMappingURL=index.umd.js.map
+var e,t;e=this,t=function(e,t){"use strict";let r,n;var u=Object.create,o=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,f=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty;n=null!=(r=t)?u(f(r)):{},t=((e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var u,f=l(t),i=0,s=f.length;i<s;i++)u=f[i],a.call(e,u)||void 0===u||o(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(n=c(t,u))||n.enumerable});return e})(r&&r.__esModule?n:o(n,"default",{value:r,enumerable:!0}),r);let i=e=>{let r=(0,t.useRef)(null);return null===r.current&&(r.current=e()),r};e.useEvent=function(e,r,n,u=!1){let o=(0,t.useCallback)(t=>{e.current&&"function"==typeof n&&n(t)},[e,n]);(0,t.useEffect)(()=>{let t=e.current;return t&&t.addEventListener(r,o,{passive:u,capture:!1}),function(){t&&t.removeEventListener(r,o,{passive:u,capture:!1})}},[e,r,n,u])},e.useInstance=(e,t)=>i(()=>new e(...t)).current,e.useLazyRef=i},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBCoreReact={},e.React);
+//# sourceMappingURL=index.umd.js.map

package/react/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../lib/use-event.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}"],"names":["useCallback","useEffect"],"mappings":";;;;;;EAEM,SAAU,QAAQ,CAAuD,GAAQ,EAAE,KAAY,EAAE,OAAyB,EAAE,OAAO,GAAG,KAAK,EAAA;EAC/I,IAAA,MAAM,eAAe,GAAGA,iBAAW,CAAC,CAAC,CAAQ,KAAG;UAC9C,IAAG,GAAG,CAAC,OAAO,IAAI,OAAO,OAAO,IAAI,UAAU,EAAC;cAC7C,OAAO,CAAC,CAAC,CAAC,CAAC;EACZ,SAAA;EACH,KAAC,EAAC,CAAC,GAAG,EAAC,OAAO,CAAC,CAAC,CAAC;MACjBC,eAAS,CAAC,MAAK;EACb,QAAA,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;EACxB,QAAA,IAAI,GAAG,EAAE;;EAEP,YAAA,GAAG,CAAC,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAC,KAAK,EAAE,CAAC,CAAC;EAC1E,SAAA;;EAED,QAAA,OAAO,SAAS,OAAO,GAAA;EACrB,YAAA,IAAG,GAAG,EAAC;EACL,gBAAA,GAAG,CAAC,mBAAmB,CAAC,KAAK,EAAE,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC,KAAK,EAAC,CAAC,CAAC;EAC3E,aAAA;EACH,SAAC,CAAC;OACH,EAAC,CAAC,GAAG,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,CAAC,CAAC,CAAC;EACjC;;;;;;;;"}
+{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,uBAAY,CAAC,MAAS;AAC5C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CACF,KACE;sBAEE,MAAA;QACA,MAAI,IAAA;MACL,IAED,KAAO,iBAAgB,OAAA,iBAAA;GAClB;GACD,SAAI;EACL,EAAA;AAGN,SAAA,SAAA,UAAA;;;;;;;;;;;;;;;;MClBY,aAAa,CAAI,gBAAyB;CACrD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCKE,cAAA,CAAA,OAAA,iBAAA;CACH,MAAO,KAAM,WAAW,MAAsC,IAAQ,MAAE,GAAA,cAAkD;AACxH,QAAM,GAAE"}

package/react/dist/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-event.js';
+export * from './useInstance.js';
+export * from './useLazyRef.js';

package/react/dist/lib/hooks/use-event.d.ts

@@ -0,0 +1 @@
+export declare function useEvent<TRef extends React.MutableRefObject<any | null>, TEvent>(ref: TRef, event: string, handler?: (e: TEvent) => void, passive?: boolean): void;

package/react/dist/lib/hooks/useInstance.d.ts

@@ -0,0 +1,10 @@
+type BaseConstructableClass<T = any> = new (...args: any[]) => T;
+type Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;
+/**
+ * create a instance of an class with lazy initialization
+ * @param Store class to create instance of
+ * @param initializers initializers to pass to the class constructor
+ * @returns instance of the class
+ */
+export declare const useInstance: <T extends BaseConstructableClass<any>>(Store: T, initializers: ConstructorParameters<T>) => InstanceType<T>;
+export {};

package/react/dist/lib/hooks/useLazyRef.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+type InitFunc<T> = () => T;
+export declare const useLazyRef: <T>(initValFunc: InitFunc<T>) => MutableRefObject<any>;
+export {};

package/react/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks/index.js';

package/react/dist/web-component/jb-core/react/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-event.js';
+export * from './useInstance.js';
+export * from './useLazyRef.js';

package/react/dist/web-component/jb-core/react/lib/hooks/use-event.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useEvent<TRef extends React.MutableRefObject<any | null>, TEvent>(ref: TRef, event: string, handler?: (e: TEvent) => void, passive?: boolean): void;

package/react/dist/web-component/jb-core/react/lib/hooks/useInstance.d.ts

@@ -0,0 +1,10 @@
+type BaseConstructableClass<T = any> = new (...args: any[]) => T;
+type Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;
+/**
+ * create a instance of an class with lazy initialization
+ * @param Store class to create instance of
+ * @param initializers initializers to pass to the class constructor
+ * @returns instance of the class
+ */
+export declare const useInstance: <T extends BaseConstructableClass<any>>(Store: T, initializers: ConstructorParameters<T>) => InstanceType<T>;
+export {};

package/react/dist/web-component/jb-core/react/lib/hooks/useLazyRef.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+type InitFunc<T> = () => T;
+export declare const useLazyRef: <T>(initValFunc: InitFunc<T>) => MutableRefObject<any>;
+export {};

package/react/dist/web-component/jb-core/react/lib/index.d.ts

@@ -1 +1 @@
-export * from './use-event.js';
+export * from './hooks/index.js';

package/react/package.json

@@ -19,7 +19,7 @@
     "dist/"
   ],
   "main": "index.js",
-  "types": "./dist/web-component/jb-core/react/lib/index.d.ts",
+  "types": "./dist/index.d.ts",
   "repository": {
 		"type": "git",
 		"url": "git@github.com:javadbat/jb-core.git"

package/react/tsconfig.json

@@ -1,6 +1,7 @@
 {
     "compilerOptions": {
         "baseUrl": ".",
+        "rootDir": "./lib",
     },
     "include": [
         "lib/**/*.ts",
@@ -11,5 +12,5 @@
         "**/*.spec.ts",
         "dist",
     ],
-    "extends":"../../tsconfig-react.json"
+    "extends":"../configs/tsconfig-react.json"
 }

package/styles/colors.scss

@@ -0,0 +1,14 @@
+root{
+  //recommended by teammate
+  --primary-c:blue,
+  --secondary-c:red,
+  --grey-c:#888,
+  // status
+  --error-c,
+  --success-c,
+  --warning-c,
+  --info-c
+  //and about shade
+  --primary-c-100:#44000000;
+  // we must have this color but use semantic color name in our code base
+}

package/styles/medias.scss

@@ -0,0 +1,38 @@
+//TODO: try to remove this after migration to lightning css
+$desktop-large-width: 1200px;
+$desktop-width: 1024px;
+$tablet-width: 768px;
+$mobile-width: 480px;
+$mobile-small-width:320px;
+@mixin large-desktop {
+    //for defualt our pages style is in this scale but for some cases we define it
+    @media (min-width: #{$desktop-large-width}){
+      @content;
+    }
+  }
+@mixin desktop {
+  @media (min-width: #{$desktop-width}) and (max-width: #{$desktop-large-width - 1px}){
+    @content;
+  }
+}
+@mixin small-desktop {
+    @media (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
+      @content;
+    }
+}
+@mixin tablet {
+    @media (min-width: #{$mobile-width}) and (max-width: #{$tablet-width - 1px}) {
+      @content;
+    }
+}
+@mixin mobile {
+    @media (min-width: #{$mobile-small-width}) and (max-width: #{$mobile-width - 1px}) {
+      @content;
+    }
+}
+@mixin mobile-tablet {
+    @media (min-width: #{$mobile-small-width}) and (max-width: #{$tablet-width - 1px}) {
+      @content;
+    }
+}
+//if it smaller than 320 i think he must change device :D