{"version":3,"names":["MediaTypes","getBreakpoints","Object","keys","config","breakpoints","getBreakpointInPixels","breakpoint","parseInt","getBreakpointFromPixels","pixels","values","map","bp","findIndex","bpPixels","mediaQueryLists","addMatchMedia","mediaType","listenerFunction","foundMatchMedia","find","m","media","isNullOrUndefined","addEventListener","newMatchMedia","window","matchMedia","push","removeMatchMedia","_a","removeEventListener","mediaMatchingBreakpoint","matches","defaultTimeout","callbacks","onresize","cb","timeout","callback","setTimeout","duration","subscribeToWindowResize","timeoutDuration","unSubscribeToWindowResize","index","clearTimeout","splice"],"sources":["src/utils/breakpointHelper.ts","src/utils/resizeHelper.ts"],"sourcesContent":["import { Breakpoint } from '../components/core/types/globalTypes';\nimport { isNullOrUndefined } from './collection';\nimport config from './../styles/settings/configs/breakpoints-config.json';\n\n/**\n * Match media types\n */\nexport enum MediaTypes {\n  minWidth = 'min-width',\n  maxWidth = 'max-width',\n}\n\n/**\n * Returns the list all of breakpoint keys\n * @returns {Breakpoint[]} The list of breakpoints\n */\nexport const getBreakpoints = (): Breakpoint[] => Object.keys(config.breakpoints) as Breakpoint[];\n\n/**\n * Returns the breakpoint in pixels\n * @param {Breakpoint} breakpoint The breakpoint\n * @returns {number} The breakpoint value in pixels\n */\nexport const getBreakpointInPixels = (breakpoint: Breakpoint): number => parseInt(config.breakpoints[breakpoint], 10);\n\n/**\n * Returns the breakpoint key for given pixels\n * @param {number} pixels The pixels of the breakpoint\n * @returns {Breakpoint} The breakpoint key\n */\nexport const getBreakpointFromPixels = (pixels: number): Breakpoint =>\n  Object.keys(config.breakpoints)[\n    Object.values(config.breakpoints)\n      .map((bp) => parseInt(bp, 10))\n      .findIndex((bpPixels) => bpPixels === pixels)\n  ] as Breakpoint;\n\nconst mediaQueryLists: MediaQueryList[] = [];\n\n/**\n * Adds matchMedia to window with the given properties.\n * @param {MediaTypes} mediaType The type of media\n * @param {Sizes} breakpoint The media size\n * @param {Function} listenerFunction Callback function for the listener\n */\nexport const addMatchMedia = (\n  mediaType: MediaTypes,\n  breakpoint: Breakpoint,\n  listenerFunction: (this: MediaQueryList, ev: MediaQueryListEvent) => unknown\n): void => {\n  const foundMatchMedia = mediaQueryLists.find((m) => m.media === `(${mediaType}: ${config.breakpoints[breakpoint]})`);\n  if (!isNullOrUndefined(foundMatchMedia)) {\n    foundMatchMedia.addEventListener('change', listenerFunction);\n  } else {\n    const newMatchMedia = window.matchMedia(`(${mediaType}: ${config.breakpoints[breakpoint]})`);\n    mediaQueryLists.push(newMatchMedia);\n    newMatchMedia.addEventListener('change', listenerFunction);\n  }\n};\n\n/**\n * Removes matchMedia from window with the given properties.\n * @param {MediaTypes} mediaType The type of media\n * @param {Sizes} breakpoint The media size\n * @param {Function} listenerFunction Callback function to be removed from the listener\n */\nexport const removeMatchMedia = (\n  mediaType: MediaTypes,\n  breakpoint: Breakpoint,\n  listenerFunction: (this: MediaQueryList, ev: MediaQueryListEvent) => unknown\n): void => {\n  mediaQueryLists.find((m) => m.media === `(${mediaType}: ${config.breakpoints[breakpoint]})`)?.removeEventListener('change', listenerFunction);\n};\n\n/**\n * Matches the current window with the given media type and breakpoint\n * @param {MediaTypes} mediaType The media type\n * @param {Breakpoint} breakpoint The breakpoint\n * @returns {boolean} True if it matches, false otherwise\n */\nexport const mediaMatchingBreakpoint = (mediaType: MediaTypes, breakpoint: Breakpoint): boolean => {\n  const foundMatchMedia = mediaQueryLists.find((m) => m.media === `(${mediaType}: ${config.breakpoints[breakpoint]})`);\n  if (!isNullOrUndefined(foundMatchMedia)) {\n    return foundMatchMedia.matches;\n  }\n  const newMatchMedia = window.matchMedia(`(${mediaType}: ${config.breakpoints[breakpoint]})`);\n  mediaQueryLists.push(newMatchMedia);\n  return newMatchMedia.matches;\n};\n","import { isNullOrUndefined } from './collection';\n\ninterface ResizeCallback {\n  callback: () => void;\n  duration: number;\n  timeout?: NodeJS.Timeout;\n}\n\nconst defaultTimeout = 50;\n\nconst callbacks: ResizeCallback[] = [];\n\nwindow.onresize = () => {\n  callbacks.map((cb: ResizeCallback) => {\n    if (isNullOrUndefined(cb.timeout)) {\n      cb.callback();\n      cb.timeout = setTimeout(() => {\n        cb.timeout = null;\n      }, cb.duration);\n    }\n  });\n};\n\n/**\n * Subscribe to the resize listener\n * @param {function} callback The callback function to run on resize\n * @param {number} timeoutDuration The throttle timeout duration\n */\nexport const subscribeToWindowResize = (callback: () => void, timeoutDuration: number = defaultTimeout): void => {\n  callbacks.push({ callback, duration: timeoutDuration });\n};\n\n/**\n * Unsubscribe to the resize listener\n * @param {function} callback The callback function to unsubscribe\n */\nexport const unSubscribeToWindowResize = (callback: () => void): void => {\n  const index = callbacks.findIndex((cb: ResizeCallback) => cb.callback === callback);\n  if (index >= 0) {\n    if (!isNullOrUndefined(callbacks[index].timeout)) {\n      clearTimeout(callbacks[index].timeout);\n    }\n    callbacks.splice(index, 1);\n  }\n};\n"],"mappings":"4NAOYA,GAAZ,SAAYA,GACVA,EAAA,wBACAA,EAAA,uBACD,EAHD,CAAYA,MAAU,K,MASTC,EAAiB,IAAoBC,OAAOC,KAAKC,EAAOC,a,MAOxDC,EAAyBC,GAAmCC,SAASJ,EAAOC,YAAYE,GAAa,I,MAOrGE,EAA2BC,GACtCR,OAAOC,KAAKC,EAAOC,aACjBH,OAAOS,OAAOP,EAAOC,aAClBO,KAAKC,GAAOL,SAASK,EAAI,MACzBC,WAAWC,GAAaA,IAAaL,KAG5C,MAAMM,EAAoC,G,MAQ7BC,EAAgB,CAC3BC,EACAX,EACAY,KAEA,MAAMC,EAAkBJ,EAAgBK,MAAMC,GAAMA,EAAEC,QAAU,IAAIL,MAAcd,EAAOC,YAAYE,QACrG,IAAKiB,EAAkBJ,GAAkB,CACvCA,EAAgBK,iBAAiB,SAAUN,E,KACtC,CACL,MAAMO,EAAgBC,OAAOC,WAAW,IAAIV,MAAcd,EAAOC,YAAYE,OAC7ES,EAAgBa,KAAKH,GACrBA,EAAcD,iBAAiB,SAAUN,E,SAUhCW,EAAmB,CAC9BZ,EACAX,EACAY,K,OAEAY,EAAAf,EAAgBK,MAAMC,GAAMA,EAAEC,QAAU,IAAIL,MAAcd,EAAOC,YAAYE,WAAe,MAAAwB,SAAA,SAAAA,EAAEC,oBAAoB,SAAUb,EAAiB,E,MASlIc,EAA0B,CAACf,EAAuBX,KAC7D,MAAMa,EAAkBJ,EAAgBK,MAAMC,GAAMA,EAAEC,QAAU,IAAIL,MAAcd,EAAOC,YAAYE,QACrG,IAAKiB,EAAkBJ,GAAkB,CACvC,OAAOA,EAAgBc,O,CAEzB,MAAMR,EAAgBC,OAAOC,WAAW,IAAIV,MAAcd,EAAOC,YAAYE,OAC7ES,EAAgBa,KAAKH,GACrB,OAAOA,EAAcQ,OAAO,E,mMC/E9B,MAAMC,EAAiB,GAEvB,MAAMC,EAA8B,GAEpCT,OAAOU,SAAW,KAChBD,EAAUxB,KAAK0B,IACb,GAAId,EAAkBc,EAAGC,SAAU,CACjCD,EAAGE,WACHF,EAAGC,QAAUE,YAAW,KACtBH,EAAGC,QAAU,IAAI,GAChBD,EAAGI,S,IAER,E,MAQSC,EAA0B,CAACH,EAAsBI,EAA0BT,KACtFC,EAAUP,KAAK,CAAEW,WAAUE,SAAUE,GAAkB,E,MAO5CC,EAA6BL,IACxC,MAAMM,EAAQV,EAAUtB,WAAWwB,GAAuBA,EAAGE,WAAaA,IAC1E,GAAIM,GAAS,EAAG,CACd,IAAKtB,EAAkBY,EAAUU,GAAOP,SAAU,CAChDQ,aAAaX,EAAUU,GAAOP,Q,CAEhCH,EAAUY,OAAOF,EAAO,E"}