package.dist.prod.MediaRange.js.map Maven / Gradle / Ivy

Go to download
{
  "version": 3,
  "sources": ["../../src/MediaRange.ts"],
  "sourcesContent": ["type Range = Map>;\n\nconst mediaRanges = new Map();\n\nconst DEAFULT_RANGE_SET: Range = new Map>();\nDEAFULT_RANGE_SET.set(\"S\", [0, 599]);\nDEAFULT_RANGE_SET.set(\"M\", [600, 1023]);\nDEAFULT_RANGE_SET.set(\"L\", [1024, 1439]);\nDEAFULT_RANGE_SET.set(\"XL\", [1440, Infinity]);\n\n/**\n * Enumeration containing the names and settings of predefined screen width media query range sets.\n *\n * @public\n */\n enum RANGESETS {\n\t/**\n\t * A 4-step range set (S-M-L-XL).\n\t *\n\t * The ranges of this set are:\n\t *\n\t * - `\"S\"`: For screens smaller than 600 pixels.\n\t * - `\"M\"`: For screens greater than or equal to 600 pixels and smaller than 1024 pixels.\n\t * - `\"L\"`: For screens greater than or equal to 1024 pixels and smaller than 1440 pixels.\n\t * - `\"XL\"`: For screens greater than or equal to 1440 pixels.\n\t *\n\t *\n\t * @public\n\t */\n\tRANGE_4STEPS = \"4Step\",\n}\n\n/**\n * Initializes a screen width media query range set.\n *\n * This initialization step makes the range set ready to be used for one of the other functions in namespace `MediaRange`.\n *\n * A range set can be defined as shown in the following example:\n * ```\n * MediaRange.initRangeSet(\"MyRangeSet\", [200, 400], [\"Small\", \"Medium\", \"Large\"]);\n * ```\n * This example defines the following named ranges:\n *\n * - `\"Small\"`: For screens smaller than 200 pixels.\n * - `\"Medium\"`: For screens greater than or equal to 200 pixels and smaller than 400 pixels.\n * - `\"Large\"`: For screens greater than or equal to 400 pixels.\n *\n *\n * @param name The name of the range set to be initialized.\n * The name must be a valid id and consist only of letters and numeric digits.\n * @param range The given range set.\n */\nconst initRangeSet = (name: string, range: Range) => {\n\tmediaRanges.set(name, range);\n};\n\n/**\n * Returns information about the current active range of the range set with the given name.\n *\n * If the optional parameter `width` is given, the active range will be determined for that width,\n * otherwise it is determined for the current window size.\n *\n * @param name The name of the range set. The range set must be initialized beforehand ({@link MediaRange.initRangeSet})\n * @param [width] An optional width, based on which the range should be determined;\n * If `width` is not provided, the window size will be used.\n * @returns The name of the current active interval of the range set.\n * @public\n */\nconst getCurrentRange = (name: string, width = window.innerWidth): string => {\n\tlet rangeSet = mediaRanges.get(name);\n\n\tif (!rangeSet) {\n\t\trangeSet = mediaRanges.get(RANGESETS.RANGE_4STEPS)!;\n\t}\n\n\tlet currentRangeName;\n\tconst effectiveWidth = Math.floor(width);\n\n\trangeSet.forEach((value, key) => {\n\t\tif (effectiveWidth >= value[0] && effectiveWidth <= value[1]) {\n\t\t\tcurrentRangeName = key;\n\t\t}\n\t});\n\n\treturn currentRangeName || [...rangeSet.keys()][0];\n};\n\n/**\n * API for screen width changes.\n */\nconst MediaRange = {\n\tRANGESETS,\n\tinitRangeSet,\n\tgetCurrentRange,\n};\n\nMediaRange.initRangeSet(MediaRange.RANGESETS.RANGE_4STEPS, DEAFULT_RANGE_SET);\n\nexport default MediaRange;\n"],
  "mappings": "aAEA,MAAMA,EAAc,IAAI,IAElBC,EAA2B,IAAI,IACrCA,EAAkB,IAAI,IAAK,CAAC,EAAG,GAAG,CAAC,EACnCA,EAAkB,IAAI,IAAK,CAAC,IAAK,IAAI,CAAC,EACtCA,EAAkB,IAAI,IAAK,CAAC,KAAM,IAAI,CAAC,EACvCA,EAAkB,IAAI,KAAM,CAAC,KAAM,GAAQ,CAAC,EAO3C,IAAKC,OAcLA,EAAA,aAAe,QAdVA,OAAA,IAqCN,MAAMC,EAAe,CAACC,EAAcC,IAAiB,CACpDL,EAAY,IAAII,EAAMC,CAAK,CAC5B,EAcMC,EAAkB,CAACF,EAAcG,EAAQ,OAAO,aAAuB,CAC5E,IAAIC,EAAWR,EAAY,IAAII,CAAI,EAE9BI,IACJA,EAAWR,EAAY,IAAI,OAAsB,GAGlD,IAAIS,EACJ,MAAMC,EAAiB,KAAK,MAAMH,CAAK,EAEvC,OAAAC,EAAS,QAAQ,CAACG,EAAOC,IAAQ,CAC5BF,GAAkBC,EAAM,CAAC,GAAKD,GAAkBC,EAAM,CAAC,IAC1DF,EAAmBG,EAErB,CAAC,EAEMH,GAAoB,CAAC,GAAGD,EAAS,KAAK,CAAC,EAAE,CAAC,CAClD,EAKMK,EAAa,CAClB,UAAAX,EACA,aAAAC,EACA,gBAAAG,CACD,EAEAO,EAAW,aAAaA,EAAW,UAAU,aAAcZ,CAAiB,EAE5E,eAAeY",
  "names": ["mediaRanges", "DEAFULT_RANGE_SET", "RANGESETS", "initRangeSet", "name", "range", "getCurrentRange", "width", "rangeSet", "currentRangeName", "effectiveWidth", "value", "key", "MediaRange"]
}