jb-core 0.2.0 → 0.3.0

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.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/package.json

@@ -14,7 +14,7 @@
     "react component",
     "event"
   ],
-  "version": "0.2.0",
+  "version": "0.3.0",
   "bugs": "https://github.com/javadbat/jb-core/issues",
   "license": "MIT",
   "files": [
@@ -22,6 +22,7 @@
     "README.md",
     "lib/",
     "dist/",
+    "styles/",
     "react/",
     "react/dist/"
   ],

package/react/dist/index.cjs.js

@@ -1,27 +1,71 @@
-'use strict';
+"use strict";
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 
-var react = require('react');
+//#endregion
+const react = __toESM(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]);
+//#region web-component/jb-core/react/lib/hooks/use-event.ts
+function useEvent(ref, event, handler, passive = false) {
+	const internalHandler = (0, react.useCallback)((e) => {
+		if (ref.current && typeof handler == "function") handler(e);
+	}, [ref, handler]);
+	(0, react.useEffect)(() => {
+		const dom = ref.current;
+		if (dom) dom.addEventListener(event, internalHandler, {
+			passive,
+			capture: false
+		});
+		return function cleanup() {
+			if (dom) dom.removeEventListener(event, internalHandler, {
+				passive,
+				capture: false
+			});
+		};
+	}, [
+		ref,
+		event,
+		handler,
+		passive
+	]);
 }
 
-exports.useEvent = useEvent;
-//# sourceMappingURL=index.cjs.js.map
+//#endregion
+//#region web-component/jb-core/react/lib/hooks/useLazyRef.ts
+const useLazyRef = (initValFunc) => {
+	const ref = (0, react.useRef)(null);
+	if (ref.current === null) ref.current = initValFunc();
+	return ref;
+};
+
+//#endregion
+//#region web-component/jb-core/react/lib/hooks/useInstance.ts
+const useInstance = (Store, initializers) => {
+	const vm = useLazyRef(() => new Store(...initializers));
+	return vm.current;
+};
+
+//#endregion
+exports.useEvent = useEvent
+exports.useInstance = useInstance
+exports.useLazyRef = useLazyRef
+//# 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,MAAW;AAC9C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CAAC,KAAI,OAAQ,EAAC;AAChB,sBAAU,MAAK;EACb,MAAM,MAAM,IAAI;AAChB,MAAI,IAEF,KAAI,iBAAiB,OAAO,iBAAiB;GAAE;GAAS,SAAQ;EAAO,EAAC;AAG1E,SAAO,SAAS,UAAO;AACrB,OAAG,IACD,KAAI,oBAAoB,OAAO,iBAAiB;IAAC;IAAS,SAAQ;GAAM,EAAC;EAE5E;CACF,GAAC;EAAC;EAAI;EAAM;EAAQ;CAAQ,EAAC;AAC/B;;;;MClBY,aAAa,CAAI,gBAA2B;CACvD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCMY,cAAc,CAAmC,OAAU,iBAAkD;CACxH,MAAM,KAAK,WAAW,MAAM,IAAI,MAAM,GAAG,cAAc;AACvD,QAAO,GAAG;AACX"}

package/react/dist/index.js

@@ -1,25 +1,45 @@
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useRef } 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]);
+//#region web-component/jb-core/react/lib/hooks/use-event.ts
+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) dom.addEventListener(event, internalHandler, {
+			passive,
+			capture: false
+		});
+		return function cleanup() {
+			if (dom) dom.removeEventListener(event, internalHandler, {
+				passive,
+				capture: false
+			});
+		};
+	}, [
+		ref,
+		event,
+		handler,
+		passive
+	]);
 }
 
-export { useEvent };
-//# sourceMappingURL=index.js.map
+//#endregion
+//#region web-component/jb-core/react/lib/hooks/useLazyRef.ts
+const useLazyRef = (initValFunc) => {
+	const ref = useRef(null);
+	if (ref.current === null) ref.current = initValFunc();
+	return ref;
+};
+
+//#endregion
+//#region web-component/jb-core/react/lib/hooks/useInstance.ts
+const useInstance = (Store, initializers) => {
+	const vm = useLazyRef(() => new Store(...initializers));
+	return vm.current;
+};
+
+//#endregion
+export { useEvent, useInstance, 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,MAAW;AAC9C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CAAC,KAAI,OAAQ,EAAC;AAChB,WAAU,MAAK;EACb,MAAM,MAAM,IAAI;AAChB,MAAI,IAEF,KAAI,iBAAiB,OAAO,iBAAiB;GAAE;GAAS,SAAQ;EAAO,EAAC;AAG1E,SAAO,SAAS,UAAO;AACrB,OAAG,IACD,KAAI,oBAAoB,OAAO,iBAAiB;IAAC;IAAS,SAAQ;GAAM,EAAC;EAE5E;CACF,GAAC;EAAC;EAAI;EAAM;EAAQ;CAAQ,EAAC;AAC/B;;;;MClBY,aAAa,CAAI,gBAA2B;CACvD,MAAM,MAA4B,OAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCMY,cAAc,CAAmC,OAAU,iBAAkD;CACxH,MAAM,KAAK,WAAW,MAAM,IAAI,MAAM,GAAG,cAAc;AACvD,QAAO,GAAG;AACX"}

package/react/dist/index.umd.js

@@ -1,31 +1,77 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
+(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';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.JBCoreReact = {}), global.React));
+})(this, function(exports, react) {
+"use strict";
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 
-  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]);
-  }
+//#endregion
+react = __toESM(react);
 
-  exports.useEvent = useEvent;
+//#region web-component/jb-core/react/lib/hooks/use-event.ts
+function useEvent(ref, event, handler, passive = false) {
+	const internalHandler = (0, react.useCallback)((e) => {
+		if (ref.current && typeof handler == "function") handler(e);
+	}, [ref, handler]);
+	(0, react.useEffect)(() => {
+		const dom = ref.current;
+		if (dom) dom.addEventListener(event, internalHandler, {
+			passive,
+			capture: false
+		});
+		return function cleanup() {
+			if (dom) dom.removeEventListener(event, internalHandler, {
+				passive,
+				capture: false
+			});
+		};
+	}, [
+		ref,
+		event,
+		handler,
+		passive
+	]);
+}
 
-}));
-//# sourceMappingURL=index.umd.js.map
+//#endregion
+//#region web-component/jb-core/react/lib/hooks/useLazyRef.ts
+const useLazyRef = (initValFunc) => {
+	const ref = (0, react.useRef)(null);
+	if (ref.current === null) ref.current = initValFunc();
+	return ref;
+};
+
+//#endregion
+//#region web-component/jb-core/react/lib/hooks/useInstance.ts
+const useInstance = (Store, initializers) => {
+	const vm = useLazyRef(() => new Store(...initializers));
+	return vm.current;
+};
+
+//#endregion
+exports.useEvent = useEvent
+exports.useInstance = useInstance
+exports.useLazyRef = useLazyRef
+});
+//# 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,MAAW;AAC9C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CAAC,KAAI,OAAQ,EAAC;AAChB,sBAAU,MAAK;EACb,MAAM,MAAM,IAAI;AAChB,MAAI,IAEF,KAAI,iBAAiB,OAAO,iBAAiB;GAAE;GAAS,SAAQ;EAAO,EAAC;AAG1E,SAAO,SAAS,UAAO;AACrB,OAAG,IACD,KAAI,oBAAoB,OAAO,iBAAiB;IAAC;IAAS,SAAQ;GAAM,EAAC;EAE5E;CACF,GAAC;EAAC;EAAI;EAAM;EAAQ;CAAQ,EAAC;AAC/B;;;;MClBY,aAAa,CAAI,gBAA2B;CACvD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCMY,cAAc,CAAmC,OAAU,iBAAkD;CACxH,MAAM,KAAK,WAAW,MAAM,IAAI,MAAM,GAAG,cAAc;AACvD,QAAO,GAAG;AACX"}

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/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