@ssv/ngx.ux 2.0.2-dev.7 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +149 -0
- package/LICENSE +21 -21
- package/README.md +297 -297
- package/bundles/ssv-ngx.ux.umd.js +1219 -0
- package/bundles/ssv-ngx.ux.umd.js.map +1 -0
- package/bundles/ssv-ngx.ux.umd.min.js +16 -0
- package/bundles/ssv-ngx.ux.umd.min.js.map +1 -0
- package/config.d.ts +7 -7
- package/esm2015/config.js +7 -0
- package/esm2015/index.js +5 -0
- package/esm2015/internal/internal.model.js +2 -0
- package/esm2015/module.js +50 -0
- package/esm2015/platform/window.js +28 -0
- package/esm2015/ssv-ngx.ux.js +7 -0
- package/esm2015/version.js +2 -0
- package/esm2015/viewport/index.js +9 -0
- package/esm2015/viewport/viewport-data/index.js +4 -0
- package/esm2015/viewport/viewport-data/viewport-data-matcher.js +108 -0
- package/esm2015/viewport/viewport-data/viewport-data.pipe.js +43 -0
- package/esm2015/viewport/viewport-data/viewport-data.service.js +38 -0
- package/esm2015/viewport/viewport-data/viewport-data.utils.js +100 -0
- package/esm2015/viewport/viewport-matcher-var.directive.js +64 -0
- package/esm2015/viewport/viewport-matcher.directive.js +134 -0
- package/esm2015/viewport/viewport-server-size.service.js +38 -0
- package/esm2015/viewport/viewport.const.js +18 -0
- package/esm2015/viewport/viewport.model.js +31 -0
- package/esm2015/viewport/viewport.service.js +69 -0
- package/esm2015/viewport/viewport.util.js +117 -0
- package/esm2020/config.mjs +7 -7
- package/esm2020/index.mjs +5 -5
- package/esm2020/internal/internal.model.mjs +2 -2
- package/esm2020/module.mjs +65 -65
- package/esm2020/platform/window.mjs +30 -30
- package/esm2020/ssv-ngx.ux.mjs +4 -4
- package/esm2020/version.mjs +2 -2
- package/esm2020/viewport/index.mjs +9 -9
- package/esm2020/viewport/viewport-data/index.mjs +4 -4
- package/esm2020/viewport/viewport-data/viewport-data-matcher.mjs +108 -108
- package/esm2020/viewport/viewport-data/viewport-data.pipe.mjs +43 -43
- package/esm2020/viewport/viewport-data/viewport-data.service.mjs +37 -37
- package/esm2020/viewport/viewport-data/viewport-data.utils.mjs +100 -100
- package/esm2020/viewport/viewport-matcher-var.directive.mjs +63 -63
- package/esm2020/viewport/viewport-matcher.directive.mjs +131 -131
- package/esm2020/viewport/viewport-server-size.service.mjs +43 -43
- package/esm2020/viewport/viewport.const.mjs +18 -18
- package/esm2020/viewport/viewport.model.mjs +31 -31
- package/esm2020/viewport/viewport.service.mjs +67 -66
- package/esm2020/viewport/viewport.util.mjs +117 -117
- package/fesm2015/ssv-ngx.ux.js +807 -0
- package/fesm2015/ssv-ngx.ux.js.map +1 -0
- package/fesm2015/ssv-ngx.ux.mjs +790 -789
- package/fesm2015/ssv-ngx.ux.mjs.map +1 -1
- package/fesm2020/ssv-ngx.ux.mjs +784 -783
- package/fesm2020/ssv-ngx.ux.mjs.map +1 -1
- package/index.d.ts +4 -4
- package/internal/internal.model.d.ts +9 -9
- package/module.d.ts +19 -19
- package/package.json +1 -1
- package/platform/window.d.ts +13 -13
- package/ssv-ngx.ux.d.ts +6 -0
- package/ssv-ngx.ux.metadata.json +1 -0
- package/version.d.ts +1 -1
- package/viewport/index.d.ts +8 -8
- package/viewport/viewport-data/index.d.ts +3 -3
- package/viewport/viewport-data/viewport-data-matcher.d.ts +32 -32
- package/viewport/viewport-data/viewport-data.pipe.d.ts +18 -18
- package/viewport/viewport-data/viewport-data.service.d.ts +20 -20
- package/viewport/viewport-data/viewport-data.utils.d.ts +21 -21
- package/viewport/viewport-matcher-var.directive.d.ts +25 -25
- package/viewport/viewport-matcher.directive.d.ts +33 -33
- package/viewport/viewport-server-size.service.d.ts +12 -12
- package/viewport/viewport.const.d.ts +5 -5
- package/viewport/viewport.model.d.ts +57 -57
- package/viewport/viewport.service.d.ts +37 -37
- package/viewport/viewport.util.d.ts +25 -25
|
@@ -1,100 +1,100 @@
|
|
|
1
|
-
import { ViewportDataMatchStrategy } from "./viewport-data-matcher";
|
|
2
|
-
/**
|
|
3
|
-
* Utility function to generate rules based on strategies.
|
|
4
|
-
*
|
|
5
|
-
* @param dataConfig Data config to generate rules based on.
|
|
6
|
-
* @param strategy Strategy to use when building rules.
|
|
7
|
-
* @param sizeTypes Available size types ordered by index type. (Can be obtained from `ViewportService`)
|
|
8
|
-
* @param sizeTypeMap Available size type map. (Can be obtained from `ViewportService`)
|
|
9
|
-
* @returns Returns a collection of rules (ordered).
|
|
10
|
-
*/
|
|
11
|
-
export function generateViewportRulesRangeFromDataMatcher(dataConfig, strategy, sizeTypes, sizeTypeMap) {
|
|
12
|
-
const ruleBuilderFn = matchStrategyHandlerMap[strategy];
|
|
13
|
-
if (!ruleBuilderFn) {
|
|
14
|
-
throw Error(`generateViewportRulesRangeFromDataMatcher: Viewport Data strategy not implemented. Strategy: '${strategy}'`);
|
|
15
|
-
}
|
|
16
|
-
let dataSizes = [];
|
|
17
|
-
for (const key in dataConfig) {
|
|
18
|
-
if (Object.prototype.hasOwnProperty.call(dataConfig, key)) {
|
|
19
|
-
const data = dataConfig[key];
|
|
20
|
-
if (data === undefined) {
|
|
21
|
-
continue;
|
|
22
|
-
}
|
|
23
|
-
const size = sizeTypeMap[key];
|
|
24
|
-
if (size) {
|
|
25
|
-
dataSizes.push(size);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
dataSizes = dataSizes.sort(({ type: typeA }, { type: typeB }) => typeA - typeB);
|
|
30
|
-
const rules = [];
|
|
31
|
-
if (dataConfig.default) {
|
|
32
|
-
rules.push({ value: dataConfig.default, min: undefined, max: undefined });
|
|
33
|
-
}
|
|
34
|
-
let prevRule;
|
|
35
|
-
for (let index = 0; index < dataSizes.length; index++) {
|
|
36
|
-
const prevDataSize = dataSizes[index - 1];
|
|
37
|
-
const nextDataSize = dataSizes[index + 1];
|
|
38
|
-
const dataSize = dataSizes[index];
|
|
39
|
-
const prevSize = sizeTypes[dataSize.type - 1];
|
|
40
|
-
// const nextSize = sizeTypes[dataSize.type + 1];
|
|
41
|
-
const data = dataConfig[dataSize.name];
|
|
42
|
-
const rule = {
|
|
43
|
-
value: data,
|
|
44
|
-
min: undefined,
|
|
45
|
-
max: undefined,
|
|
46
|
-
};
|
|
47
|
-
ruleBuilderFn(rule, dataSize, nextDataSize, prevDataSize, prevSize, prevRule, sizeTypes);
|
|
48
|
-
prevRule = rule;
|
|
49
|
-
rules.push(rule);
|
|
50
|
-
}
|
|
51
|
-
return rules;
|
|
52
|
-
}
|
|
53
|
-
const matchStrategyHandlerMap = {
|
|
54
|
-
[ViewportDataMatchStrategy.exact]: (rule, dataSize, _nextDataSize, _prevDataSize, prevSize) => {
|
|
55
|
-
rule.max = dataSize.widthThreshold;
|
|
56
|
-
if (prevSize) {
|
|
57
|
-
rule.min = prevSize.widthThreshold + 1;
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
[ViewportDataMatchStrategy.smaller]: (rule, dataSize, nextDataSize, _prevDataSize, prevSize) => {
|
|
61
|
-
if (nextDataSize) {
|
|
62
|
-
rule.max = dataSize.widthThreshold;
|
|
63
|
-
}
|
|
64
|
-
if (prevSize) {
|
|
65
|
-
rule.min = prevSize.widthThreshold + 1;
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
[ViewportDataMatchStrategy.larger]: (rule, dataSize, _nextDataSize, prevDataSize) => {
|
|
69
|
-
if (dataSize) {
|
|
70
|
-
rule.max = dataSize.widthThreshold;
|
|
71
|
-
}
|
|
72
|
-
if (prevDataSize) {
|
|
73
|
-
rule.min = prevDataSize.widthThreshold + 1;
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
[ViewportDataMatchStrategy.closestSmallerFirst]: (rule, dataSize, nextDataSize, _prevDataSize, _prevSize, prevRule, sizeTypes) => {
|
|
77
|
-
if (nextDataSize) {
|
|
78
|
-
rule.max = calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, true);
|
|
79
|
-
}
|
|
80
|
-
if (prevRule?.max) {
|
|
81
|
-
rule.min = prevRule.max + 1;
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
[ViewportDataMatchStrategy.closestLargerFirst]: (rule, dataSize, nextDataSize, _prevDataSize, _prevSize, prevRule, sizeTypes) => {
|
|
85
|
-
if (nextDataSize) {
|
|
86
|
-
rule.max = calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, false);
|
|
87
|
-
}
|
|
88
|
-
if (prevRule?.max) {
|
|
89
|
-
rule.min = prevRule.max + 1;
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
};
|
|
93
|
-
function calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, isSmallerPreferred) {
|
|
94
|
-
const fn = isSmallerPreferred ? Math.ceil : Math.floor;
|
|
95
|
-
// get closest between curr and next
|
|
96
|
-
const diffIndex = fn((nextDataSize.type - dataSize.type - 1) / 2);
|
|
97
|
-
const diffNextSize = sizeTypes[dataSize.type + diffIndex];
|
|
98
|
-
return (diffNextSize || dataSize).widthThreshold;
|
|
99
|
-
}
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQtZGF0YS51dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cG9ydC92aWV3cG9ydC1kYXRhL3ZpZXdwb3J0LWRhdGEudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFzQix5QkFBeUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBUXhGOzs7Ozs7OztHQVFHO0FBQ0gsTUFBTSxVQUFVLHlDQUF5QyxDQUN4RCxVQUFpQyxFQUNqQyxRQUFtQyxFQUNuQyxTQUFpQyxFQUNqQyxXQUE2QztJQUU3QyxNQUFNLGFBQWEsR0FBRyx1QkFBdUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxJQUFJLENBQUMsYUFBYSxFQUFFO1FBQ25CLE1BQU0sS0FBSyxDQUFDLGlHQUFpRyxRQUFRLEdBQUcsQ0FBQyxDQUFDO0tBQzFIO0lBRUQsSUFBSSxTQUFTLEdBQTJCLEVBQUUsQ0FBQztJQUMzQyxLQUFLLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRTtRQUM3QixJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLEVBQUU7WUFDMUQsTUFBTSxJQUFJLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzdCLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtnQkFDdkIsU0FBUzthQUNUO1lBQ0QsTUFBTSxJQUFJLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLElBQUksSUFBSSxFQUFFO2dCQUNULFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDckI7U0FDRDtLQUNEO0lBQ0QsU0FBUyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxHQUFH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Q0FBQyxjQUFjLENBQUM7QUFDbEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpY3Rpb25hcnkgfSBmcm9tIFwiLi4vLi4vaW50ZXJuYWwvaW50ZXJuYWwubW9kZWxcIjtcbmltcG9ydCB7IFZpZXdwb3J0U2l6ZVR5cGVJbmZvIH0gZnJvbSBcIi4uL3ZpZXdwb3J0Lm1vZGVsXCI7XG5pbXBvcnQgeyBWaWV3cG9ydERhdGFDb25maWcsIFZpZXdwb3J0RGF0YU1hdGNoU3RyYXRlZ3kgfSBmcm9tIFwiLi92aWV3cG9ydC1kYXRhLW1hdGNoZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBWaWV3cG9ydERhdGFSdWxlPFQ+IHtcblx0bWluPzogbnVtYmVyO1xuXHRtYXg/OiBudW1iZXI7XG5cdHZhbHVlOiBUO1xufVxuXG4vKipcbiAqIFV0aWxpdHkgZnVuY3Rpb24gdG8gZ2VuZXJhdGUgcnVsZXMgYmFzZWQgb24gc3RyYXRlZ2llcy5cbiAqXG4gKiBAcGFyYW0gZGF0YUNvbmZpZyBEYXRhIGNvbmZpZyB0byBnZW5lcmF0ZSBydWxlcyBiYXNlZCBvbi5cbiAqIEBwYXJhbSBzdHJhdGVneSBTdHJhdGVneSB0byB1c2Ugd2hlbiBidWlsZGluZyBydWxlcy5cbiAqIEBwYXJhbSBzaXplVHlwZXMgQXZhaWxhYmxlIHNpemUgdHlwZXMgb3JkZXJlZCBieSBpbmRleCB0eXBlLiAoQ2FuIGJlIG9idGFpbmVkIGZyb20gYFZpZXdwb3J0U2VydmljZWApXG4gKiBAcGFyYW0gc2l6ZVR5cGVNYXAgQXZhaWxhYmxlIHNpemUgdHlwZSBtYXAuIChDYW4gYmUgb2J0YWluZWQgZnJvbSBgVmlld3BvcnRTZXJ2aWNlYClcbiAqIEByZXR1cm5zIFJldHVybnMgYSBjb2xsZWN0aW9uIG9mIHJ1bGVzIChvcmRlcmVkKS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdlbmVyYXRlVmlld3BvcnRSdWxlc1JhbmdlRnJvbURhdGFNYXRjaGVyPFQ+KFxuXHRkYXRhQ29uZmlnOiBWaWV3cG9ydERhdGFDb25maWc8VD4sXG5cdHN0cmF0ZWd5OiBWaWV3cG9ydERhdGFNYXRjaFN0cmF0ZWd5LFxuXHRzaXplVHlwZXM6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvW10sXG5cdHNpemVUeXBlTWFwOiBEaWN0aW9uYXJ5PFZpZXdwb3J0U2l6ZVR5cGVJbmZvPixcbik6IFZpZXdwb3J0RGF0YVJ1bGU8VD5bXSB7XG5cdGNvbnN0IHJ1bGVCdWlsZGVyRm4gPSBtYXRjaFN0cmF0ZWd5SGFuZGxlck1hcFtzdHJhdGVneV07XG5cdGlmICghcnVsZUJ1aWxkZXJGbikge1xuXHRcdHRocm93IEVycm9yKGBnZW5lcmF0ZVZpZXdwb3J0UnVsZXNSYW5nZUZyb21EYXRhTWF0Y2hlcjogVmlld3BvcnQgRGF0YSBzdHJhdGVneSBub3QgaW1wbGVtZW50ZWQuIFN0cmF0ZWd5OiAnJHtzdHJhdGVneX0nYCk7XG5cdH1cblxuXHRsZXQgZGF0YVNpemVzOiBWaWV3cG9ydFNpemVUeXBlSW5mb1tdID0gW107XG5cdGZvciAoY29uc3Qga2V5IGluIGRhdGFDb25maWcpIHtcblx0XHRpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKGRhdGFDb25maWcsIGtleSkpIHtcblx0XHRcdGNvbnN0IGRhdGEgPSBkYXRhQ29uZmlnW2tleV07XG5cdFx0XHRpZiAoZGF0YSA9PT0gdW5kZWZpbmVkKSB7XG5cdFx0XHRcdGNvbnRpbnVlO1xuXHRcdFx0fVxuXHRcdFx0Y29uc3Qgc2l6ZSA9IHNpemVUeXBlTWFwW2tleV07XG5cdFx0XHRpZiAoc2l6ZSkge1xuXHRcdFx0XHRkYXRhU2l6ZXMucHVzaChzaXplKTtcblx0XHRcdH1cblx0XHR9XG5cdH1cblx0ZGF0YVNpemVzID0gZGF0YVNpemVzLnNvcnQoKHsgdHlwZTogdHlwZUEgfSwgeyB0eXBlOiB0eXBlQiB9KSA9PiB0eXBlQSAtIHR5cGVCKTtcblxuXHRjb25zdCBydWxlczogVmlld3BvcnREYXRhUnVsZTxUPltdID0gW107XG5cdGlmIChkYXRhQ29uZmlnLmRlZmF1bHQpIHtcblx0XHRydWxlcy5wdXNoKHsgdmFsdWU6IGRhdGFDb25maWcuZGVmYXVsdCwgbWluOiB1bmRlZmluZWQsIG1heDogdW5kZWZpbmVkIH0pO1xuXHR9XG5cblx0bGV0IHByZXZSdWxlOiBWaWV3cG9ydERhdGFSdWxlPFQ+IHwgdW5kZWZpbmVkO1xuXHRmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgZGF0YVNpemVzLmxlbmd0aDsgaW5kZXgrKykge1xuXHRcdGNvbnN0IHByZXZEYXRhU2l6ZSA9IGRhdGFTaXplc1tpbmRleCAtIDFdO1xuXHRcdGNvbnN0IG5leHREYXRhU2l6ZSA9IGRhdGFTaXplc1tpbmRleCArIDFdO1xuXHRcdGNvbnN0IGRhdGFTaXplID0gZGF0YVNpemVzW2luZGV4XTtcblx0XHRjb25zdCBwcmV2U2l6ZSA9IHNpemVUeXBlc1tkYXRhU2l6ZS50eXBlIC0gMV07XG5cdFx0Ly8gY29uc3QgbmV4dFNpemUgPSBzaXplVHlwZXNbZGF0YVNpemUudHlwZSArIDFdO1xuXHRcdGNvbnN0IGRhdGEgPSBkYXRhQ29uZmlnW2RhdGFTaXplLm5hbWVdO1xuXHRcdGNvbnN0IHJ1bGU6IFZpZXdwb3J0RGF0YVJ1bGU8VD4gPSB7XG5cdFx0XHR2YWx1ZTogZGF0YSxcblx0XHRcdG1pbjogdW5kZWZpbmVkLFxuXHRcdFx0bWF4OiB1bmRlZmluZWQsXG5cdFx0fTtcblxuXHRcdHJ1bGVCdWlsZGVyRm4ocnVsZSwgZGF0YVNpemUsIG5leHREYXRhU2l6ZSwgcHJldkRhdGFTaXplLCBwcmV2U2l6ZSwgcHJldlJ1bGUsIHNpemVUeXBlcyk7XG5cblx0XHRwcmV2UnVsZSA9IHJ1bGU7XG5cdFx0cnVsZXMucHVzaChydWxlKTtcblx0fVxuXHRyZXR1cm4gcnVsZXM7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVmlld3BvcnRSdWxlUmFuZ2VCdWlsZGVyPFQgPSB1bmtub3duPiB7XG5cdChcblx0XHRydWxlOiBWaWV3cG9ydERhdGFSdWxlPFQ+LFxuXHRcdGRhdGFTaXplOiBWaWV3cG9ydFNpemVUeXBlSW5mbyxcblx0XHRuZXh0RGF0YVNpemU6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvIHwgdW5kZWZpbmVkLFxuXHRcdHByZXZEYXRhU2l6ZTogVmlld3BvcnRTaXplVHlwZUluZm8gfCB1bmRlZmluZWQsXG5cdFx0cHJldlNpemU6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvIHwgdW5kZWZpbmVkLFxuXHRcdHByZXZSdWxlOiBWaWV3cG9ydERhdGFSdWxlPFQ+IHwgdW5kZWZpbmVkLFxuXHRcdHNpemVUeXBlczogVmlld3BvcnRTaXplVHlwZUluZm9bXSxcblx0KTogdm9pZDtcbn1cblxuY29uc3QgbWF0Y2hTdHJhdGVneUhhbmRsZXJNYXA6IERpY3Rpb25hcnk8Vmlld3BvcnRSdWxlUmFuZ2VCdWlsZGVyPiA9IHtcblx0W1ZpZXdwb3J0RGF0YU1hdGNoU3RyYXRlZ3kuZXhhY3RdOiAocnVsZSwgZGF0YVNpemUsIF9uZXh0RGF0YVNpemUsIF9wcmV2RGF0YVNpemUsIHByZXZTaXplKSA9PiB7XG5cdFx0cnVsZS5tYXggPSBkYXRhU2l6ZS53aWR0aFRocmVzaG9sZDtcblx0XHRpZiAocHJldlNpemUpIHtcblx0XHRcdHJ1bGUubWluID0gcHJldlNpemUud2lkdGhUaHJlc2hvbGQgKyAxO1xuXHRcdH1cblx0fSxcblx0W1ZpZXdwb3J0RGF0YU1hdGNoU3RyYXRlZ3kuc21hbGxlcl06IChydWxlLCBkYXRhU2l6ZSwgbmV4dERhdGFTaXplLCBfcHJldkRhdGFTaXplLCBwcmV2U2l6ZSkgPT4ge1xuXHRcdGlmIChuZXh0RGF0YVNpemUpIHtcblx0XHRcdHJ1bGUubWF4ID0gZGF0YVNpemUud2lkdGhUaHJlc2hvbGQ7XG5cdFx0fVxuXHRcdGlmIChwcmV2U2l6ZSkge1xuXHRcdFx0cnVsZS5taW4gPSBwcmV2U2l6ZS53aWR0aFRocmVzaG9sZCArIDE7XG5cdFx0fVxuXHR9LFxuXHRbVmlld3BvcnREYXRhTWF0Y2hTdHJhdGVneS5sYXJnZXJdOiAocnVsZSwgZGF0YVNpemUsIF9uZXh0RGF0YVNpemUsIHByZXZEYXRhU2l6ZSkgPT4ge1xuXHRcdGlmIChkYXRhU2l6ZSkge1xuXHRcdFx0cnVsZS5tYXggPSBkYXRhU2l6ZS53aWR0aFRocmVzaG9sZDtcblx0XHR9XG5cdFx0aWYgKHByZXZEYXRhU2l6ZSkge1xuXHRcdFx0cnVsZS5taW4gPSBwcmV2RGF0YVNpemUud2lkdGhUaHJlc2hvbGQgKyAxO1xuXHRcdH1cblx0fSxcblx0W1ZpZXdwb3J0RGF0YU1hdGNoU3RyYXRlZ3kuY2xvc2VzdFNtYWxsZXJGaXJzdF06IChydWxlLCBkYXRhU2l6ZSwgbmV4dERhdGFTaXplLCBfcHJldkRhdGFTaXplLCBfcHJldlNpemUsIHByZXZSdWxlLCBzaXplVHlwZXMpID0+IHtcblx0XHRpZiAobmV4dERhdGFTaXplKSB7XG5cdFx0XHRydWxlLm1heCA9IGNhbGN1bGF0ZUNsb3Nlc3RXaWR0aFRocmVzaG9sZChuZXh0RGF0YVNpemUsIGRhdGFTaXplLCBzaXplVHlwZXMsIHRydWUpO1xuXHRcdH1cblx0XHRpZiAocHJldlJ1bGU/Lm1heCkge1xuXHRcdFx0cnVsZS5taW4gPSBwcmV2UnVsZS5tYXggKyAxO1xuXHRcdH1cblx0fSxcblx0W1ZpZXdwb3J0RGF0YU1hdGNoU3RyYXRlZ3kuY2xvc2VzdExhcmdlckZpcnN0XTogKHJ1bGUsIGRhdGFTaXplLCBuZXh0RGF0YVNpemUsIF9wcmV2RGF0YVNpemUsIF9wcmV2U2l6ZSwgcHJldlJ1bGUsIHNpemVUeXBlcykgPT4ge1xuXHRcdGlmIChuZXh0RGF0YVNpemUpIHtcblx0XHRcdHJ1bGUubWF4ID0gY2FsY3VsYXRlQ2xvc2VzdFdpZHRoVGhyZXNob2xkKG5leHREYXRhU2l6ZSwgZGF0YVNpemUsIHNpemVUeXBlcywgZmFsc2UpO1xuXHRcdH1cblx0XHRpZiAocHJldlJ1bGU/Lm1heCkge1xuXHRcdFx0cnVsZS5taW4gPSBwcmV2UnVsZS5tYXggKyAxO1xuXHRcdH1cblx0fSxcbn07XG5cbmZ1bmN0aW9uIGNhbGN1bGF0ZUNsb3Nlc3RXaWR0aFRocmVzaG9sZChcblx0bmV4dERhdGFTaXplOiBWaWV3cG9ydFNpemVUeXBlSW5mbyxcblx0ZGF0YVNpemU6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvLFxuXHRzaXplVHlwZXM6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvW10sXG5cdGlzU21hbGxlclByZWZlcnJlZDogYm9vbGVhbixcbikge1xuXHRjb25zdCBmbiA9IGlzU21hbGxlclByZWZlcnJlZCA/IE1hdGguY2VpbCA6IE1hdGguZmxvb3I7XG5cdC8vIGdldCBjbG9zZXN0IGJldHdlZW4gY3VyciBhbmQgbmV4dFxuXHRjb25zdCBkaWZmSW5kZXggPSBmbigobmV4dERhdGFTaXplLnR5cGUgLSBkYXRhU2l6ZS50eXBlIC0gMSkgLyAyKTtcblx0Y29uc3QgZGlmZk5leHRTaXplID0gc2l6ZVR5cGVzW2RhdGFTaXplLnR5cGUgKyBkaWZmSW5kZXhdO1xuXHRyZXR1cm4gKGRpZmZOZXh0U2l6ZSB8fCBkYXRhU2l6ZSkud2lkdGhUaHJlc2hvbGQ7XG59XG4iXX0=
|
|
1
|
+
import { ViewportDataMatchStrategy } from "./viewport-data-matcher";
|
|
2
|
+
/**
|
|
3
|
+
* Utility function to generate rules based on strategies.
|
|
4
|
+
*
|
|
5
|
+
* @param dataConfig Data config to generate rules based on.
|
|
6
|
+
* @param strategy Strategy to use when building rules.
|
|
7
|
+
* @param sizeTypes Available size types ordered by index type. (Can be obtained from `ViewportService`)
|
|
8
|
+
* @param sizeTypeMap Available size type map. (Can be obtained from `ViewportService`)
|
|
9
|
+
* @returns Returns a collection of rules (ordered).
|
|
10
|
+
*/
|
|
11
|
+
export function generateViewportRulesRangeFromDataMatcher(dataConfig, strategy, sizeTypes, sizeTypeMap) {
|
|
12
|
+
const ruleBuilderFn = matchStrategyHandlerMap[strategy];
|
|
13
|
+
if (!ruleBuilderFn) {
|
|
14
|
+
throw Error(`generateViewportRulesRangeFromDataMatcher: Viewport Data strategy not implemented. Strategy: '${strategy}'`);
|
|
15
|
+
}
|
|
16
|
+
let dataSizes = [];
|
|
17
|
+
for (const key in dataConfig) {
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(dataConfig, key)) {
|
|
19
|
+
const data = dataConfig[key];
|
|
20
|
+
if (data === undefined) {
|
|
21
|
+
continue;
|
|
22
|
+
}
|
|
23
|
+
const size = sizeTypeMap[key];
|
|
24
|
+
if (size) {
|
|
25
|
+
dataSizes.push(size);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
dataSizes = dataSizes.sort(({ type: typeA }, { type: typeB }) => typeA - typeB);
|
|
30
|
+
const rules = [];
|
|
31
|
+
if (dataConfig.default) {
|
|
32
|
+
rules.push({ value: dataConfig.default, min: undefined, max: undefined });
|
|
33
|
+
}
|
|
34
|
+
let prevRule;
|
|
35
|
+
for (let index = 0; index < dataSizes.length; index++) {
|
|
36
|
+
const prevDataSize = dataSizes[index - 1];
|
|
37
|
+
const nextDataSize = dataSizes[index + 1];
|
|
38
|
+
const dataSize = dataSizes[index];
|
|
39
|
+
const prevSize = sizeTypes[dataSize.type - 1];
|
|
40
|
+
// const nextSize = sizeTypes[dataSize.type + 1];
|
|
41
|
+
const data = dataConfig[dataSize.name];
|
|
42
|
+
const rule = {
|
|
43
|
+
value: data,
|
|
44
|
+
min: undefined,
|
|
45
|
+
max: undefined,
|
|
46
|
+
};
|
|
47
|
+
ruleBuilderFn(rule, dataSize, nextDataSize, prevDataSize, prevSize, prevRule, sizeTypes);
|
|
48
|
+
prevRule = rule;
|
|
49
|
+
rules.push(rule);
|
|
50
|
+
}
|
|
51
|
+
return rules;
|
|
52
|
+
}
|
|
53
|
+
const matchStrategyHandlerMap = {
|
|
54
|
+
[ViewportDataMatchStrategy.exact]: (rule, dataSize, _nextDataSize, _prevDataSize, prevSize) => {
|
|
55
|
+
rule.max = dataSize.widthThreshold;
|
|
56
|
+
if (prevSize) {
|
|
57
|
+
rule.min = prevSize.widthThreshold + 1;
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
[ViewportDataMatchStrategy.smaller]: (rule, dataSize, nextDataSize, _prevDataSize, prevSize) => {
|
|
61
|
+
if (nextDataSize) {
|
|
62
|
+
rule.max = dataSize.widthThreshold;
|
|
63
|
+
}
|
|
64
|
+
if (prevSize) {
|
|
65
|
+
rule.min = prevSize.widthThreshold + 1;
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
[ViewportDataMatchStrategy.larger]: (rule, dataSize, _nextDataSize, prevDataSize) => {
|
|
69
|
+
if (dataSize) {
|
|
70
|
+
rule.max = dataSize.widthThreshold;
|
|
71
|
+
}
|
|
72
|
+
if (prevDataSize) {
|
|
73
|
+
rule.min = prevDataSize.widthThreshold + 1;
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
[ViewportDataMatchStrategy.closestSmallerFirst]: (rule, dataSize, nextDataSize, _prevDataSize, _prevSize, prevRule, sizeTypes) => {
|
|
77
|
+
if (nextDataSize) {
|
|
78
|
+
rule.max = calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, true);
|
|
79
|
+
}
|
|
80
|
+
if (prevRule?.max) {
|
|
81
|
+
rule.min = prevRule.max + 1;
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
[ViewportDataMatchStrategy.closestLargerFirst]: (rule, dataSize, nextDataSize, _prevDataSize, _prevSize, prevRule, sizeTypes) => {
|
|
85
|
+
if (nextDataSize) {
|
|
86
|
+
rule.max = calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, false);
|
|
87
|
+
}
|
|
88
|
+
if (prevRule?.max) {
|
|
89
|
+
rule.min = prevRule.max + 1;
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
};
|
|
93
|
+
function calculateClosestWidthThreshold(nextDataSize, dataSize, sizeTypes, isSmallerPreferred) {
|
|
94
|
+
const fn = isSmallerPreferred ? Math.ceil : Math.floor;
|
|
95
|
+
// get closest between curr and next
|
|
96
|
+
const diffIndex = fn((nextDataSize.type - dataSize.type - 1) / 2);
|
|
97
|
+
const diffNextSize = sizeTypes[dataSize.type + diffIndex];
|
|
98
|
+
return (diffNextSize || dataSize).widthThreshold;
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQtZGF0YS51dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cG9ydC92aWV3cG9ydC1kYXRhL3ZpZXdwb3J0LWRhdGEudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFzQix5QkFBeUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBUXhGOzs7Ozs7OztHQVFHO0FBQ0gsTUFBTSxVQUFVLHlDQUF5QyxDQUN4RCxVQUFpQyxFQUNqQyxRQUFtQyxFQUNuQyxTQUFpQyxFQUNqQyxXQUE2QztJQUU3QyxNQUFNLGFBQWEsR0FBRyx1QkFBdUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxJQUFJLENBQUMsYUFBYSxFQUFFO1FBQ25CLE1BQU0sS0FBSyxDQUFDLGlHQUFpRyxRQUFRLEdBQUcsQ0FBQyxDQUFDO0tBQzFIO0lBRUQsSUFBSSxTQUFTLEdBQTJCLEVBQUUsQ0FBQztJQUMzQyxLQUFLLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRTtRQUM3QixJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLEVBQUU7WUFDMUQsTUFBTSxJQUFJLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzdCLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtnQkFDdkIsU0FBUzthQUNUO1lBQ0QsTUFBTSxJQUFJLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLElBQUksSUFBSSxFQUFFO2dCQUNULFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDckI7U0FDRDtLQUNEO0lBQ0QsU0FBUyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxHQUFH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Q0FBQyxjQUFjLENBQUM7QUFDbEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpY3Rpb25hcnkgfSBmcm9tIFwiLi4vLi4vaW50ZXJuYWwvaW50ZXJuYWwubW9kZWxcIjtcclxuaW1wb3J0IHsgVmlld3BvcnRTaXplVHlwZUluZm8gfSBmcm9tIFwiLi4vdmlld3BvcnQubW9kZWxcIjtcclxuaW1wb3J0IHsgVmlld3BvcnREYXRhQ29uZmlnLCBWaWV3cG9ydERhdGFNYXRjaFN0cmF0ZWd5IH0gZnJvbSBcIi4vdmlld3BvcnQtZGF0YS1tYXRjaGVyXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFZpZXdwb3J0RGF0YVJ1bGU8VD4ge1xyXG5cdG1pbj86IG51bWJlcjtcclxuXHRtYXg/OiBudW1iZXI7XHJcblx0dmFsdWU6IFQ7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBVdGlsaXR5IGZ1bmN0aW9uIHRvIGdlbmVyYXRlIHJ1bGVzIGJhc2VkIG9uIHN0cmF0ZWdpZXMuXHJcbiAqXHJcbiAqIEBwYXJhbSBkYXRhQ29uZmlnIERhdGEgY29uZmlnIHRvIGdlbmVyYXRlIHJ1bGVzIGJhc2VkIG9uLlxyXG4gKiBAcGFyYW0gc3RyYXRlZ3kgU3RyYXRlZ3kgdG8gdXNlIHdoZW4gYnVpbGRpbmcgcnVsZXMuXHJcbiAqIEBwYXJhbSBzaXplVHlwZXMgQXZhaWxhYmxlIHNpemUgdHlwZXMgb3JkZXJlZCBieSBpbmRleCB0eXBlLiAoQ2FuIGJlIG9idGFpbmVkIGZyb20gYFZpZXdwb3J0U2VydmljZWApXHJcbiAqIEBwYXJhbSBzaXplVHlwZU1hcCBBdmFpbGFibGUgc2l6ZSB0eXBlIG1hcC4gKENhbiBiZSBvYnRhaW5lZCBmcm9tIGBWaWV3cG9ydFNlcnZpY2VgKVxyXG4gKiBAcmV0dXJucyBSZXR1cm5zIGEgY29sbGVjdGlvbiBvZiBydWxlcyAob3JkZXJlZCkuXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gZ2VuZXJhdGVWaWV3cG9ydFJ1bGVzUmFuZ2VGcm9tRGF0YU1hdGNoZXI8VD4oXHJcblx0ZGF0YUNvbmZpZzogVmlld3BvcnREYXRhQ29uZmlnPFQ+LFxyXG5cdHN0cmF0ZWd5OiBWaWV3cG9ydERhdGFNYXRjaFN0cmF0ZWd5LFxyXG5cdHNpemVUeXBlczogVmlld3BvcnRTaXplVHlwZUluZm9bXSxcclxuXHRzaXplVHlwZU1hcDogRGljdGlvbmFyeTxWaWV3cG9ydFNpemVUeXBlSW5mbz4sXHJcbik6IFZpZXdwb3J0RGF0YVJ1bGU8VD5bXSB7XHJcblx0Y29uc3QgcnVsZUJ1aWxkZXJGbiA9IG1hdGNoU3RyYXRlZ3lIYW5kbGVyTWFwW3N0cmF0ZWd5XTtcclxuXHRpZiAoIXJ1bGVCdWlsZGVyRm4pIHtcclxuXHRcdHRocm93IEVycm9yKGBnZW5lcmF0ZVZpZXdwb3J0UnVsZXNSYW5nZUZyb21EYXRhTWF0Y2hlcjogVmlld3BvcnQgRGF0YSBzdHJhdGVneSBub3QgaW1wbGVtZW50ZWQuIFN0cmF0ZWd5OiAnJHtzdHJhdGVneX0nYCk7XHJcblx0fVxyXG5cclxuXHRsZXQgZGF0YVNpemVzOiBWaWV3cG9ydFNpemVUeXBlSW5mb1tdID0gW107XHJcblx0Zm9yIChjb25zdCBrZXkgaW4gZGF0YUNvbmZpZykge1xyXG5cdFx0aWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChkYXRhQ29uZmlnLCBrZXkpKSB7XHJcblx0XHRcdGNvbnN0IGRhdGEgPSBkYXRhQ29uZmlnW2tleV07XHJcblx0XHRcdGlmIChkYXRhID09PSB1bmRlZmluZWQpIHtcclxuXHRcdFx0XHRjb250aW51ZTtcclxuXHRcdFx0fVxyXG5cdFx0XHRjb25zdCBzaXplID0gc2l6ZVR5cGVNYXBba2V5XTtcclxuXHRcdFx0aWYgKHNpemUpIHtcclxuXHRcdFx0XHRkYXRhU2l6ZXMucHVzaChzaXplKTtcclxuXHRcdFx0fVxyXG5cdFx0fVxyXG5cdH1cclxuXHRkYXRhU2l6ZXMgPSBkYXRhU2l6ZXMuc29ydCgoeyB0eXBlOiB0eXBlQSB9LCB7IHR5cGU6IHR5cGVCIH0pID0+IHR5cGVBIC0gdHlwZUIpO1xyXG5cclxuXHRjb25zdCBydWxlczogVmlld3BvcnREYXRhUnVsZTxUPltdID0gW107XHJcblx0aWYgKGRhdGFDb25maWcuZGVmYXVsdCkge1xyXG5cdFx0cnVsZXMucHVzaCh7IHZhbHVlOiBkYXRhQ29uZmlnLmRlZmF1bHQsIG1pbjogdW5kZWZpbmVkLCBtYXg6IHVuZGVmaW5lZCB9KTtcclxuXHR9XHJcblxyXG5cdGxldCBwcmV2UnVsZTogVmlld3BvcnREYXRhUnVsZTxUPiB8IHVuZGVmaW5lZDtcclxuXHRmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgZGF0YVNpemVzLmxlbmd0aDsgaW5kZXgrKykge1xyXG5cdFx0Y29uc3QgcHJldkRhdGFTaXplID0gZGF0YVNpemVzW2luZGV4IC0gMV07XHJcblx0XHRjb25zdCBuZXh0RGF0YVNpemUgPSBkYXRhU2l6ZXNbaW5kZXggKyAxXTtcclxuXHRcdGNvbnN0IGRhdGFTaXplID0gZGF0YVNpemVzW2luZGV4XTtcclxuXHRcdGNvbnN0IHByZXZTaXplID0gc2l6ZVR5cGVzW2RhdGFTaXplLnR5cGUgLSAxXTtcclxuXHRcdC8vIGNvbnN0IG5leHRTaXplID0gc2l6ZVR5cGVzW2RhdGFTaXplLnR5cGUgKyAxXTtcclxuXHRcdGNvbnN0IGRhdGEgPSBkYXRhQ29uZmlnW2RhdGFTaXplLm5hbWVdO1xyXG5cdFx0Y29uc3QgcnVsZTogVmlld3BvcnREYXRhUnVsZTxUPiA9IHtcclxuXHRcdFx0dmFsdWU6IGRhdGEsXHJcblx0XHRcdG1pbjogdW5kZWZpbmVkLFxyXG5cdFx0XHRtYXg6IHVuZGVmaW5lZCxcclxuXHRcdH07XHJcblxyXG5cdFx0cnVsZUJ1aWxkZXJGbihydWxlLCBkYXRhU2l6ZSwgbmV4dERhdGFTaXplLCBwcmV2RGF0YVNpemUsIHByZXZTaXplLCBwcmV2UnVsZSwgc2l6ZVR5cGVzKTtcclxuXHJcblx0XHRwcmV2UnVsZSA9IHJ1bGU7XHJcblx0XHRydWxlcy5wdXNoKHJ1bGUpO1xyXG5cdH1cclxuXHRyZXR1cm4gcnVsZXM7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVmlld3BvcnRSdWxlUmFuZ2VCdWlsZGVyPFQgPSB1bmtub3duPiB7XHJcblx0KFxyXG5cdFx0cnVsZTogVmlld3BvcnREYXRhUnVsZTxUPixcclxuXHRcdGRhdGFTaXplOiBWaWV3cG9ydFNpemVUeXBlSW5mbyxcclxuXHRcdG5leHREYXRhU2l6ZTogVmlld3BvcnRTaXplVHlwZUluZm8gfCB1bmRlZmluZWQsXHJcblx0XHRwcmV2RGF0YVNpemU6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvIHwgdW5kZWZpbmVkLFxyXG5cdFx0cHJldlNpemU6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvIHwgdW5kZWZpbmVkLFxyXG5cdFx0cHJldlJ1bGU6IFZpZXdwb3J0RGF0YVJ1bGU8VD4gfCB1bmRlZmluZWQsXHJcblx0XHRzaXplVHlwZXM6IFZpZXdwb3J0U2l6ZVR5cGVJbmZvW10sXHJcblx0KTogdm9pZDtcclxufVxyXG5cclxuY29uc3QgbWF0Y2hTdHJhdGVneUhhbmRsZXJNYXA6IERpY3Rpb25hcnk8Vmlld3BvcnRSdWxlUmFuZ2VCdWlsZGVyPiA9IHtcclxuXHRbVmlld3BvcnREYXRhTWF0Y2hTdHJhdGVneS5leGFjdF06IChydWxlLCBkYXRhU2l6ZSwgX25leHREYXRhU2l6ZSwgX3ByZXZEYXRhU2l6ZSwgcHJldlNpemUpID0+IHtcclxuXHRcdHJ1bGUubWF4ID0gZGF0YVNpemUud2lkdGhUaHJlc2hvbGQ7XHJcblx0XHRpZiAocHJldlNpemUpIHtcclxuXHRcdFx0cnVsZS5taW4gPSBwcmV2U2l6ZS53aWR0aFRocmVzaG9sZCArIDE7XHJcblx0XHR9XHJcblx0fSxcclxuXHRbVmlld3BvcnREYXRhTWF0Y2hTdHJhdGVneS5zbWFsbGVyXTogKHJ1bGUsIGRhdGFTaXplLCBuZXh0RGF0YVNpemUsIF9wcmV2RGF0YVNpemUsIHByZXZTaXplKSA9PiB7XHJcblx0XHRpZiAobmV4dERhdGFTaXplKSB7XHJcblx0XHRcdHJ1bGUubWF4ID0gZGF0YVNpemUud2lkdGhUaHJlc2hvbGQ7XHJcblx0XHR9XHJcblx0XHRpZiAocHJldlNpemUpIHtcclxuXHRcdFx0cnVsZS5taW4gPSBwcmV2U2l6ZS53aWR0aFRocmVzaG9sZCArIDE7XHJcblx0XHR9XHJcblx0fSxcclxuXHRbVmlld3BvcnREYXRhTWF0Y2hTdHJhdGVneS5sYXJnZXJdOiAocnVsZSwgZGF0YVNpemUsIF9uZXh0RGF0YVNpemUsIHByZXZEYXRhU2l6ZSkgPT4ge1xyXG5cdFx0aWYgKGRhdGFTaXplKSB7XHJcblx0XHRcdHJ1bGUubWF4ID0gZGF0YVNpemUud2lkdGhUaHJlc2hvbGQ7XHJcblx0XHR9XHJcblx0XHRpZiAocHJldkRhdGFTaXplKSB7XHJcblx0XHRcdHJ1bGUubWluID0gcHJldkRhdGFTaXplLndpZHRoVGhyZXNob2xkICsgMTtcclxuXHRcdH1cclxuXHR9LFxyXG5cdFtWaWV3cG9ydERhdGFNYXRjaFN0cmF0ZWd5LmNsb3Nlc3RTbWFsbGVyRmlyc3RdOiAocnVsZSwgZGF0YVNpemUsIG5leHREYXRhU2l6ZSwgX3ByZXZEYXRhU2l6ZSwgX3ByZXZTaXplLCBwcmV2UnVsZSwgc2l6ZVR5cGVzKSA9PiB7XHJcblx0XHRpZiAobmV4dERhdGFTaXplKSB7XHJcblx0XHRcdHJ1bGUubWF4ID0gY2FsY3VsYXRlQ2xvc2VzdFdpZHRoVGhyZXNob2xkKG5leHREYXRhU2l6ZSwgZGF0YVNpemUsIHNpemVUeXBlcywgdHJ1ZSk7XHJcblx0XHR9XHJcblx0XHRpZiAocHJldlJ1bGU/Lm1heCkge1xyXG5cdFx0XHRydWxlLm1pbiA9IHByZXZSdWxlLm1heCArIDE7XHJcblx0XHR9XHJcblx0fSxcclxuXHRbVmlld3BvcnREYXRhTWF0Y2hTdHJhdGVneS5jbG9zZXN0TGFyZ2VyRmlyc3RdOiAocnVsZSwgZGF0YVNpemUsIG5leHREYXRhU2l6ZSwgX3ByZXZEYXRhU2l6ZSwgX3ByZXZTaXplLCBwcmV2UnVsZSwgc2l6ZVR5cGVzKSA9PiB7XHJcblx0XHRpZiAobmV4dERhdGFTaXplKSB7XHJcblx0XHRcdHJ1bGUubWF4ID0gY2FsY3VsYXRlQ2xvc2VzdFdpZHRoVGhyZXNob2xkKG5leHREYXRhU2l6ZSwgZGF0YVNpemUsIHNpemVUeXBlcywgZmFsc2UpO1xyXG5cdFx0fVxyXG5cdFx0aWYgKHByZXZSdWxlPy5tYXgpIHtcclxuXHRcdFx0cnVsZS5taW4gPSBwcmV2UnVsZS5tYXggKyAxO1xyXG5cdFx0fVxyXG5cdH0sXHJcbn07XHJcblxyXG5mdW5jdGlvbiBjYWxjdWxhdGVDbG9zZXN0V2lkdGhUaHJlc2hvbGQoXHJcblx0bmV4dERhdGFTaXplOiBWaWV3cG9ydFNpemVUeXBlSW5mbyxcclxuXHRkYXRhU2l6ZTogVmlld3BvcnRTaXplVHlwZUluZm8sXHJcblx0c2l6ZVR5cGVzOiBWaWV3cG9ydFNpemVUeXBlSW5mb1tdLFxyXG5cdGlzU21hbGxlclByZWZlcnJlZDogYm9vbGVhbixcclxuKSB7XHJcblx0Y29uc3QgZm4gPSBpc1NtYWxsZXJQcmVmZXJyZWQgPyBNYXRoLmNlaWwgOiBNYXRoLmZsb29yO1xyXG5cdC8vIGdldCBjbG9zZXN0IGJldHdlZW4gY3VyciBhbmQgbmV4dFxyXG5cdGNvbnN0IGRpZmZJbmRleCA9IGZuKChuZXh0RGF0YVNpemUudHlwZSAtIGRhdGFTaXplLnR5cGUgLSAxKSAvIDIpO1xyXG5cdGNvbnN0IGRpZmZOZXh0U2l6ZSA9IHNpemVUeXBlc1tkYXRhU2l6ZS50eXBlICsgZGlmZkluZGV4XTtcclxuXHRyZXR1cm4gKGRpZmZOZXh0U2l6ZSB8fCBkYXRhU2l6ZSkud2lkdGhUaHJlc2hvbGQ7XHJcbn1cclxuIl19
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
import { Directive, Input, } from "@angular/core";
|
|
2
|
-
import { combineLatest, ReplaySubject, Subject } from "rxjs";
|
|
3
|
-
import { tap, map, takeUntil } from "rxjs/operators";
|
|
4
|
-
import { isViewportSizeMatcherExpression, isViewportSizeMatcherTupleExpression, isViewportConditionMatch } from "./viewport.util";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./viewport.service";
|
|
7
|
-
const NAME_CAMEL = "ssvViewportMatcherVar";
|
|
8
|
-
export class SsvViewportMatcherVarContext {
|
|
9
|
-
constructor($implicit = false) {
|
|
10
|
-
this.$implicit = $implicit;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
export class SsvViewportMatcherVarDirective {
|
|
14
|
-
constructor(viewport, viewContainer, templateRef) {
|
|
15
|
-
this.viewport = viewport;
|
|
16
|
-
this.viewContainer = viewContainer;
|
|
17
|
-
this.templateRef = templateRef;
|
|
18
|
-
this._matchConditions = {};
|
|
19
|
-
this._context = new SsvViewportMatcherVarContext();
|
|
20
|
-
this._destroy$ = new Subject();
|
|
21
|
-
this._update$ = new ReplaySubject(1);
|
|
22
|
-
}
|
|
23
|
-
set condition(value) {
|
|
24
|
-
if (isViewportSizeMatcherExpression(value)) {
|
|
25
|
-
this._matchConditions.expression = value;
|
|
26
|
-
}
|
|
27
|
-
else if (isViewportSizeMatcherTupleExpression(value)) {
|
|
28
|
-
const [op, size] = value;
|
|
29
|
-
this._matchConditions.expression = {
|
|
30
|
-
operation: op,
|
|
31
|
-
size
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
this._matchConditions.sizeType = value;
|
|
36
|
-
}
|
|
37
|
-
this._update$.next();
|
|
38
|
-
}
|
|
39
|
-
ngOnInit() {
|
|
40
|
-
this.updateView();
|
|
41
|
-
combineLatest([this.viewport.sizeType$, this._update$]).pipe(map(([sizeType]) => isViewportConditionMatch(sizeType, this._matchConditions, this.viewport.sizeTypeMap)), tap(x => this._context.$implicit = x), tap(() => this._viewRef.markForCheck()), takeUntil(this._destroy$)).subscribe();
|
|
42
|
-
}
|
|
43
|
-
ngOnDestroy() {
|
|
44
|
-
this._destroy$.next();
|
|
45
|
-
this._destroy$.complete();
|
|
46
|
-
}
|
|
47
|
-
updateView() {
|
|
48
|
-
this.viewContainer.clear();
|
|
49
|
-
this._viewRef = this.viewContainer.createEmbeddedView(this.templateRef, this._context);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
SsvViewportMatcherVarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SsvViewportMatcherVarDirective, deps: [{ token: i1.ViewportService }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
53
|
-
SsvViewportMatcherVarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SsvViewportMatcherVarDirective, selector: "[ssvViewportMatcherVar]", inputs: { condition: ["ssvViewportMatcherVarWhen", "condition"] }, ngImport: i0 });
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SsvViewportMatcherVarDirective, decorators: [{
|
|
55
|
-
type: Directive,
|
|
56
|
-
args: [{
|
|
57
|
-
selector: `[${NAME_CAMEL}]`,
|
|
58
|
-
}]
|
|
59
|
-
}], ctorParameters: function () { return [{ type: i1.ViewportService }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { condition: [{
|
|
60
|
-
type: Input,
|
|
61
|
-
args: [`${NAME_CAMEL}When`]
|
|
62
|
-
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Directive, Input, } from "@angular/core";
|
|
2
|
+
import { combineLatest, ReplaySubject, Subject } from "rxjs";
|
|
3
|
+
import { tap, map, takeUntil } from "rxjs/operators";
|
|
4
|
+
import { isViewportSizeMatcherExpression, isViewportSizeMatcherTupleExpression, isViewportConditionMatch } from "./viewport.util";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./viewport.service";
|
|
7
|
+
const NAME_CAMEL = "ssvViewportMatcherVar";
|
|
8
|
+
export class SsvViewportMatcherVarContext {
|
|
9
|
+
constructor($implicit = false) {
|
|
10
|
+
this.$implicit = $implicit;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
export class SsvViewportMatcherVarDirective {
|
|
14
|
+
constructor(viewport, viewContainer, templateRef) {
|
|
15
|
+
this.viewport = viewport;
|
|
16
|
+
this.viewContainer = viewContainer;
|
|
17
|
+
this.templateRef = templateRef;
|
|
18
|
+
this._matchConditions = {};
|
|
19
|
+
this._context = new SsvViewportMatcherVarContext();
|
|
20
|
+
this._destroy$ = new Subject();
|
|
21
|
+
this._update$ = new ReplaySubject(1);
|
|
22
|
+
}
|
|
23
|
+
set condition(value) {
|
|
24
|
+
if (isViewportSizeMatcherExpression(value)) {
|
|
25
|
+
this._matchConditions.expression = value;
|
|
26
|
+
}
|
|
27
|
+
else if (isViewportSizeMatcherTupleExpression(value)) {
|
|
28
|
+
const [op, size] = value;
|
|
29
|
+
this._matchConditions.expression = {
|
|
30
|
+
operation: op,
|
|
31
|
+
size
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
this._matchConditions.sizeType = value;
|
|
36
|
+
}
|
|
37
|
+
this._update$.next();
|
|
38
|
+
}
|
|
39
|
+
ngOnInit() {
|
|
40
|
+
this.updateView();
|
|
41
|
+
combineLatest([this.viewport.sizeType$, this._update$]).pipe(map(([sizeType]) => isViewportConditionMatch(sizeType, this._matchConditions, this.viewport.sizeTypeMap)), tap(x => this._context.$implicit = x), tap(() => this._viewRef.markForCheck()), takeUntil(this._destroy$)).subscribe();
|
|
42
|
+
}
|
|
43
|
+
ngOnDestroy() {
|
|
44
|
+
this._destroy$.next();
|
|
45
|
+
this._destroy$.complete();
|
|
46
|
+
}
|
|
47
|
+
updateView() {
|
|
48
|
+
this.viewContainer.clear();
|
|
49
|
+
this._viewRef = this.viewContainer.createEmbeddedView(this.templateRef, this._context);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
SsvViewportMatcherVarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SsvViewportMatcherVarDirective, deps: [{ token: i1.ViewportService }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
53
|
+
SsvViewportMatcherVarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SsvViewportMatcherVarDirective, selector: "[ssvViewportMatcherVar]", inputs: { condition: ["ssvViewportMatcherVarWhen", "condition"] }, ngImport: i0 });
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SsvViewportMatcherVarDirective, decorators: [{
|
|
55
|
+
type: Directive,
|
|
56
|
+
args: [{
|
|
57
|
+
selector: `[${NAME_CAMEL}]`,
|
|
58
|
+
}]
|
|
59
|
+
}], ctorParameters: function () { return [{ type: i1.ViewportService }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, propDecorators: { condition: [{
|
|
60
|
+
type: Input,
|
|
61
|
+
args: [`${NAME_CAMEL}When`]
|
|
62
|
+
}] } });
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlld3BvcnQtbWF0Y2hlci12YXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXdwb3J0L3ZpZXdwb3J0LW1hdGNoZXItdmFyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR04sU0FBUyxFQUNULEtBQUssR0FJTCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDN0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHckQsT0FBTyxFQUNOLCtCQUErQixFQUMvQixvQ0FBb0MsRUFDcEMsd0JBQXdCLEVBQ3hCLE1BQU0saUJBQWlCLENBQUM7OztBQUd6QixNQUFNLFVBQVUsR0FBRyx1QkFBdUIsQ0FBQztBQUUzQyxNQUFNLE9BQU8sNEJBQTRCO0lBRXhDLFlBQ1EsWUFBWSxLQUFLO1FBQWpCLGNBQVMsR0FBVCxTQUFTLENBQVE7SUFDckIsQ0FBQztDQUVMO0FBS0QsTUFBTSxPQUFPLDhCQUE4QjtJQXdCMUMsWUFDUyxRQUF5QixFQUN6QixhQUErQixFQUMvQixXQUFzRDtRQUZ0RCxhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQUN6QixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDL0IsZ0JBQVcsR0FBWCxXQUFXLENBQTJDO1FBekJ2RCxxQkFBZ0IsR0FBNEIsRUFBRSxDQUFDO1FBQy9DLGFBQVEsR0FBRyxJQUFJLDRCQUE0QixFQUFFLENBQUM7UUFDckMsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDaEMsYUFBUSxHQUFHLElBQUksYUFBYSxDQUFPLENBQUMsQ0FBQyxDQUFDO0lBd0J2RCxDQUFDO0lBckJELElBQWdDLFNBQVMsQ0FBQyxLQUF3RDtRQUNqRyxJQUFJLCtCQUErQixDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzNDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1NBQ3pDO2FBQU0sSUFBSSxvQ0FBb0MsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN2RCxNQUFNLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxHQUFHO2dCQUNsQyxTQUFTLEVBQUUsRUFBRTtnQkFDYixJQUFJO2FBQ0osQ0FBQztTQUNGO2FBQU07WUFDTixJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUN2QztRQUVELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQVNELFFBQVE7UUFDUCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUMzRCxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDekcsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLEVBQ3JDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksRUFBRSxDQUFDLEVBQ3ZDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQ3pCLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sVUFBVTtRQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RixDQUFDOzsySEFqRFcsOEJBQThCOytHQUE5Qiw4QkFBOEI7MkZBQTlCLDhCQUE4QjtrQkFIMUMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsSUFBSSxVQUFVLEdBQUc7aUJBQzNCOytKQVNnQyxTQUFTO3NCQUF4QyxLQUFLO3VCQUFDLEdBQUcsVUFBVSxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuXHRPbkluaXQsXHJcblx0T25EZXN0cm95LFxyXG5cdERpcmVjdGl2ZSxcclxuXHRJbnB1dCxcclxuXHRUZW1wbGF0ZVJlZixcclxuXHRWaWV3Q29udGFpbmVyUmVmLFxyXG5cdEVtYmVkZGVkVmlld1JlZixcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBSZXBsYXlTdWJqZWN0LCBTdWJqZWN0IH0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHsgdGFwLCBtYXAsIHRha2VVbnRpbCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xyXG5cclxuaW1wb3J0IHsgVmlld3BvcnRTZXJ2aWNlIH0gZnJvbSBcIi4vdmlld3BvcnQuc2VydmljZVwiO1xyXG5pbXBvcnQge1xyXG5cdGlzVmlld3BvcnRTaXplTWF0Y2hlckV4cHJlc3Npb24sXHJcblx0aXNWaWV3cG9ydFNpemVNYXRjaGVyVHVwbGVFeHByZXNzaW9uLFxyXG5cdGlzVmlld3BvcnRDb25kaXRpb25NYXRjaFxyXG59IGZyb20gXCIuL3ZpZXdwb3J0LnV0aWxcIjtcclxuaW1wb3J0IHsgVmlld3BvcnRNYXRjaENvbmRpdGlvbnMsIFZpZXdwb3J0U2l6ZU1hdGNoZXJFeHByZXNzaW9uIH0gZnJvbSBcIi4vdmlld3BvcnQubW9kZWxcIjtcclxuXHJcbmNvbnN0IE5BTUVfQ0FNRUwgPSBcInNzdlZpZXdwb3J0TWF0Y2hlclZhclwiO1xyXG5cclxuZXhwb3J0IGNsYXNzIFNzdlZpZXdwb3J0TWF0Y2hlclZhckNvbnRleHQge1xyXG5cclxuXHRjb25zdHJ1Y3RvcihcclxuXHRcdHB1YmxpYyAkaW1wbGljaXQgPSBmYWxzZSxcclxuXHQpIHsgfVxyXG5cclxufVxyXG5cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6IGBbJHtOQU1FX0NBTUVMfV1gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3N2Vmlld3BvcnRNYXRjaGVyVmFyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuXHRwcml2YXRlIF9tYXRjaENvbmRpdGlvbnM6IFZpZXdwb3J0TWF0Y2hDb25kaXRpb25zID0ge307XHJcblx0cHJpdmF0ZSBfY29udGV4dCA9IG5ldyBTc3ZWaWV3cG9ydE1hdGNoZXJWYXJDb250ZXh0KCk7XHJcblx0cHJpdmF0ZSByZWFkb25seSBfZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG5cdHByaXZhdGUgcmVhZG9ubHkgX3VwZGF0ZSQgPSBuZXcgUmVwbGF5U3ViamVjdDx2b2lkPigxKTtcclxuXHRwcml2YXRlIF92aWV3UmVmITogRW1iZWRkZWRWaWV3UmVmPFNzdlZpZXdwb3J0TWF0Y2hlclZhckNvbnRleHQ+O1xyXG5cclxuXHRASW5wdXQoYCR7TkFNRV9DQU1FTH1XaGVuYCkgc2V0IGNvbmRpdGlvbih2YWx1ZTogc3RyaW5nIHwgc3RyaW5nW10gfCBWaWV3cG9ydFNpemVNYXRjaGVyRXhwcmVzc2lvbikge1xyXG5cdFx0aWYgKGlzVmlld3BvcnRTaXplTWF0Y2hlckV4cHJlc3Npb24odmFsdWUpKSB7XHJcblx0XHRcdHRoaXMuX21hdGNoQ29uZGl0aW9ucy5leHByZXNzaW9uID0gdmFsdWU7XHJcblx0XHR9IGVsc2UgaWYgKGlzVmlld3BvcnRTaXplTWF0Y2hlclR1cGxlRXhwcmVzc2lvbih2YWx1ZSkpIHtcclxuXHRcdFx0Y29uc3QgW29wLCBzaXplXSA9IHZhbHVlO1xyXG5cdFx0XHR0aGlzLl9tYXRjaENvbmRpdGlvbnMuZXhwcmVzc2lvbiA9IHtcclxuXHRcdFx0XHRvcGVyYXRpb246IG9wLFxyXG5cdFx0XHRcdHNpemVcclxuXHRcdFx0fTtcclxuXHRcdH0gZWxzZSB7XHJcblx0XHRcdHRoaXMuX21hdGNoQ29uZGl0aW9ucy5zaXplVHlwZSA9IHZhbHVlO1xyXG5cdFx0fVxyXG5cclxuXHRcdHRoaXMuX3VwZGF0ZSQubmV4dCgpO1xyXG5cdH1cclxuXHJcblx0Y29uc3RydWN0b3IoXHJcblx0XHRwcml2YXRlIHZpZXdwb3J0OiBWaWV3cG9ydFNlcnZpY2UsXHJcblx0XHRwcml2YXRlIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWYsXHJcblx0XHRwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxTc3ZWaWV3cG9ydE1hdGNoZXJWYXJDb250ZXh0PixcclxuXHQpIHtcclxuXHR9XHJcblxyXG5cdG5nT25Jbml0KCk6IHZvaWQge1xyXG5cdFx0dGhpcy51cGRhdGVWaWV3KCk7XHJcblx0XHRjb21iaW5lTGF0ZXN0KFt0aGlzLnZpZXdwb3J0LnNpemVUeXBlJCwgdGhpcy5fdXBkYXRlJF0pLnBpcGUoXHJcblx0XHRcdG1hcCgoW3NpemVUeXBlXSkgPT4gaXNWaWV3cG9ydENvbmRpdGlvbk1hdGNoKHNpemVUeXBlLCB0aGlzLl9tYXRjaENvbmRpdGlvbnMsIHRoaXMudmlld3BvcnQuc2l6ZVR5cGVNYXApKSxcclxuXHRcdFx0dGFwKHggPT4gdGhpcy5fY29udGV4dC4kaW1wbGljaXQgPSB4KSxcclxuXHRcdFx0dGFwKCgpID0+IHRoaXMuX3ZpZXdSZWYubWFya0ZvckNoZWNrKCkpLFxyXG5cdFx0XHR0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxyXG5cdFx0KS5zdWJzY3JpYmUoKTtcclxuXHR9XHJcblxyXG5cdG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG5cdFx0dGhpcy5fZGVzdHJveSQubmV4dCgpO1xyXG5cdFx0dGhpcy5fZGVzdHJveSQuY29tcGxldGUoKTtcclxuXHR9XHJcblxyXG5cdHByaXZhdGUgdXBkYXRlVmlldygpOiB2b2lkIHtcclxuXHRcdHRoaXMudmlld0NvbnRhaW5lci5jbGVhcigpO1xyXG5cdFx0dGhpcy5fdmlld1JlZiA9IHRoaXMudmlld0NvbnRhaW5lci5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy50ZW1wbGF0ZVJlZiwgdGhpcy5fY29udGV4dCk7XHJcblx0fVxyXG5cclxufVxyXG4iXX0=
|