@jaisocx/responsive-sizes 1.2.2 → 1.3.3
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/index.preview.html +203 -0
- package/package.json +7 -1
- package/transpiled/CommonJS/ResponsiveSizes.d.ts +15 -12
- package/transpiled/CommonJS/ResponsiveSizes.d.ts.map +1 -1
- package/transpiled/CommonJS/ResponsiveSizes.js +102 -33
- package/transpiled/CommonJS/ResponsiveSizes.js.map +1 -1
- package/transpiled/CommonJS/ResponsiveSizesInterface.d.ts +15 -12
- package/transpiled/CommonJS/ResponsiveSizesInterface.d.ts.map +1 -1
- package/transpiled/ESNext/ResponsiveSizes.d.ts +15 -12
- package/transpiled/ESNext/ResponsiveSizes.d.ts.map +1 -1
- package/transpiled/ESNext/ResponsiveSizes.js +100 -31
- package/transpiled/ESNext/ResponsiveSizes.js.map +1 -1
- package/transpiled/ESNext/ResponsiveSizesInterface.d.ts +15 -12
- package/transpiled/ESNext/ResponsiveSizesInterface.d.ts.map +1 -1
- package/transpiled/Simple/ResponsiveSizes.js +133 -31
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" class="jsx example_responsive_sizes">
|
|
3
|
+
<head>
|
|
4
|
+
|
|
5
|
+
<title> Responsive Sizes </title>
|
|
6
|
+
|
|
7
|
+
<base href="./">
|
|
8
|
+
|
|
9
|
+
<meta charset="utf-8" />
|
|
10
|
+
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
<!--# FAVICON -->
|
|
15
|
+
<!-- <link
|
|
16
|
+
rel="icon"
|
|
17
|
+
type="image/x-icon"
|
|
18
|
+
href="https://sandbox.brightday.email/cdn/www/media/images/favicon/Icon_Jaisocx.ico"
|
|
19
|
+
href-fallback="favicon/Icon_Jaisocx.ico"
|
|
20
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
21
|
+
/> -->
|
|
22
|
+
|
|
23
|
+
<link
|
|
24
|
+
rel="icon"
|
|
25
|
+
type="image/x-icon"
|
|
26
|
+
href="node_modules/@jaisocx/css-clean-start-2/favicon/Icon_Sandbox_Brightday.ico"
|
|
27
|
+
href-fallback="../css-clean-start-2/favicon/Icon_Sandbox_Brightday.ico"
|
|
28
|
+
onerror="javascript: ( () => { console.log( this ); this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
|
|
29
|
+
/>
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
<!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
|
|
34
|
+
|
|
35
|
+
<!--# importing @jaisocx/css-clean-start-2 IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
|
|
36
|
+
<!-- <link
|
|
37
|
+
rel="stylesheet"
|
|
38
|
+
type="text/css"
|
|
39
|
+
charset="utf-8"
|
|
40
|
+
href="MediaAndStyles/CssCleanStart_2_main_relative.css"
|
|
41
|
+
/> -->
|
|
42
|
+
|
|
43
|
+
<!--# PROD MODE -->
|
|
44
|
+
<!--#
|
|
45
|
+
ALTERNATIVELY,
|
|
46
|
+
ONE .CSS FILE ( ca. 6_000 lines of size ca. 76 KB),
|
|
47
|
+
PACKED WITH CSS IMPORTER CSS FILES OF THE RESPONSIVE CSS FILES SET,
|
|
48
|
+
SAME TRAFFIC, HOWEVER IN THE DEV CONSOLE JUST ONE CSS FILE IS SEEN.
|
|
49
|
+
-->
|
|
50
|
+
<!--# THE SAME importing @jaisocx/css-clean-start-2 IN PROD MODE, PACKED BY @jaisocx/css-importer TOOL -->
|
|
51
|
+
<link
|
|
52
|
+
rel="stylesheet"
|
|
53
|
+
type="text/css"
|
|
54
|
+
charset="utf-8"
|
|
55
|
+
href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved.css"
|
|
56
|
+
href-fallback="../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved.css"
|
|
57
|
+
onerror="javascript: ( () => { console.log( this ); this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
|
|
58
|
+
/>
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
<style>
|
|
63
|
+
|
|
64
|
+
.jsx.example_responsive_sizes {
|
|
65
|
+
|
|
66
|
+
--jsx--css-clean-start-2--body-tag--background: white;
|
|
67
|
+
--jsx--css-clean-start-2--site--background: #eafee5;
|
|
68
|
+
|
|
69
|
+
--jsx--css-clean-start-2--h--font-weight: 600;
|
|
70
|
+
--jsx--css-clean-start-2--h--color: #524232;
|
|
71
|
+
--jsx--css-clean-start-2--h--margin: 0 0 0 0;
|
|
72
|
+
--jsx--css-clean-start-2--h--padding: 0 0 0 0;
|
|
73
|
+
|
|
74
|
+
--jsx--css-clean-start-2--h1--font-size: 2.0rem;
|
|
75
|
+
--jsx--css-clean-start-2--h1--line-height: 2.95rem;
|
|
76
|
+
|
|
77
|
+
--jsx--css-clean-start-2--h2--font-size: 1.4rem;
|
|
78
|
+
--jsx--css-clean-start-2--h2--line-height: 2.7rem;
|
|
79
|
+
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
#info {
|
|
83
|
+
display: block;
|
|
84
|
+
height: auto;
|
|
85
|
+
|
|
86
|
+
padding: 2rem;
|
|
87
|
+
|
|
88
|
+
font-size: 1.2rem;
|
|
89
|
+
line-height: 1.9rem;
|
|
90
|
+
|
|
91
|
+
font-family: var(--css-clean-start-2--sans--font-family);
|
|
92
|
+
letter-spacing: 1px;
|
|
93
|
+
|
|
94
|
+
color: #f5f5f5;
|
|
95
|
+
|
|
96
|
+
background: #0F2027; /* fallback for old browsers */
|
|
97
|
+
background: -webkit-linear-gradient(to left, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */
|
|
98
|
+
background: linear-gradient(to left, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
99
|
+
|
|
100
|
+
overflow-y: visible;
|
|
101
|
+
overflow-x: scroll;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
</style>
|
|
105
|
+
</head>
|
|
106
|
+
<body>
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
<main>
|
|
110
|
+
|
|
111
|
+
<h1> Responsive Sizes </h1>
|
|
112
|
+
<h2> @jaisocx/responsive-sizes </h2>
|
|
113
|
+
|
|
114
|
+
<description>
|
|
115
|
+
You get know the .css file where the @media query is set,
|
|
116
|
+
relevant to the currently opened browser's tab with the site being tested.
|
|
117
|
+
</description>
|
|
118
|
+
|
|
119
|
+
<h2 id="size_name">Tests</h2>
|
|
120
|
+
|
|
121
|
+
<pre id="info"></pre>
|
|
122
|
+
|
|
123
|
+
</main>
|
|
124
|
+
|
|
125
|
+
</body>
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
<script src="transpiled/Simple/ResponsiveSizesConstants.js"></script>
|
|
130
|
+
<script src="transpiled/Simple/ResponsiveSizes.js"></script>
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
<script>
|
|
135
|
+
|
|
136
|
+
let globResponsiveSizesConstants = new Object();
|
|
137
|
+
let globResponsiveSizesInstance = new Object();
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
function setOnSite( id, html ) {
|
|
142
|
+
let info = document.getElementById( id );
|
|
143
|
+
info.innerHTML = html;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
function responsiveSizeNameTestJson( recalcMediaQueriesVariables ) {
|
|
147
|
+
// globResponsiveSizesInstance = new ResponsiveSizes();
|
|
148
|
+
let getInfoShortAsArray_true = true;
|
|
149
|
+
let notToUpdate = false;
|
|
150
|
+
|
|
151
|
+
let sizeName = globResponsiveSizesInstance.getInfoShort (
|
|
152
|
+
getInfoShortAsArray_true,
|
|
153
|
+
recalcMediaQueriesVariables
|
|
154
|
+
).join( " " );
|
|
155
|
+
|
|
156
|
+
let responsiveSizeJsonText = globResponsiveSizesInstance.toString (
|
|
157
|
+
notToUpdate
|
|
158
|
+
);
|
|
159
|
+
|
|
160
|
+
setOnSite( "size_name", sizeName );
|
|
161
|
+
setOnSite( "info", responsiveSizeJsonText );
|
|
162
|
+
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
function addResizeEventHandler() {
|
|
166
|
+
window.addEventListener (
|
|
167
|
+
"resize",
|
|
168
|
+
() => {
|
|
169
|
+
let recalcMediaQueriesVariables_true = true;
|
|
170
|
+
responsiveSizeNameTestJson ( recalcMediaQueriesVariables_true );
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
function assignEventsHandlers() {
|
|
176
|
+
addResizeEventHandler();
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
// Call the function to load remote data when the DOM is fully loaded
|
|
180
|
+
// This ensures that the function is called after the HTML content is loaded
|
|
181
|
+
// and the DOM is ready for manipulation
|
|
182
|
+
document.addEventListener (
|
|
183
|
+
"DOMContentLoaded",
|
|
184
|
+
() => {
|
|
185
|
+
|
|
186
|
+
globResponsiveSizesConstants = new ResponsiveSizesConstants();
|
|
187
|
+
globResponsiveSizesInstance = new ResponsiveSizes();
|
|
188
|
+
|
|
189
|
+
globResponsiveSizesInstance
|
|
190
|
+
.setResponsiveSizeConstantName( "--responsive_size" )
|
|
191
|
+
.setResponsiveSizeSelector( "html.jsx" );
|
|
192
|
+
|
|
193
|
+
assignEventsHandlers();
|
|
194
|
+
|
|
195
|
+
let recalcMediaQueriesVariables_true = true;
|
|
196
|
+
responsiveSizeNameTestJson ( recalcMediaQueriesVariables_true );
|
|
197
|
+
|
|
198
|
+
}
|
|
199
|
+
);
|
|
200
|
+
</script>
|
|
201
|
+
</html>
|
|
202
|
+
|
|
203
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jaisocx/responsive-sizes",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"author": "Jaisocx",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"private": false,
|
|
@@ -14,11 +14,17 @@
|
|
|
14
14
|
"import": "./transpiled/ESNext/index.js"
|
|
15
15
|
},
|
|
16
16
|
"files": [
|
|
17
|
+
"index.preview.html",
|
|
18
|
+
|
|
17
19
|
"transpiled/CommonJS",
|
|
18
20
|
"transpiled/ESNext",
|
|
19
21
|
"transpiled/Simple",
|
|
22
|
+
|
|
20
23
|
"README.md"
|
|
21
24
|
],
|
|
25
|
+
"optionalDependencies": {
|
|
26
|
+
"@jaisocx/css-clean-start-2": "~1.2.3"
|
|
27
|
+
},
|
|
22
28
|
"publishConfig": {
|
|
23
29
|
"access": "public"
|
|
24
30
|
}
|
|
@@ -16,17 +16,20 @@ export declare class ResponsiveSizes implements ResponsiveSizesInterface {
|
|
|
16
16
|
setResponsiveSizeSelector(selector: string): ResponsiveSizesInterface;
|
|
17
17
|
getCssValueByHtmlNode(htmlNode: HTMLElement, cssVariableName: string): string;
|
|
18
18
|
getCssValueBySelector(htmlNodeSelector: string, cssVariableName: string): string;
|
|
19
|
-
getResponsiveSizeName(
|
|
20
|
-
getCssVariableArray(
|
|
21
|
-
getResponsiveSizes(
|
|
22
|
-
mobilePortrait(
|
|
23
|
-
mobile(
|
|
24
|
-
tablet(
|
|
25
|
-
desktop(
|
|
26
|
-
matchOrientation(keywords: string[],
|
|
27
|
-
orientationPortrait(
|
|
28
|
-
orientationLandscape(
|
|
29
|
-
|
|
30
|
-
|
|
19
|
+
getResponsiveSizeName(toUpdate: boolean): string;
|
|
20
|
+
getCssVariableArray(toUpdate: boolean): string[];
|
|
21
|
+
getResponsiveSizes(toUpdate: boolean): object;
|
|
22
|
+
mobilePortrait(toUpdate: boolean): boolean;
|
|
23
|
+
mobile(toUpdate: boolean): boolean;
|
|
24
|
+
tablet(toUpdate: boolean): boolean;
|
|
25
|
+
desktop(toUpdate: boolean): boolean;
|
|
26
|
+
matchOrientation(keywords: string[], toUpdate: boolean): boolean;
|
|
27
|
+
orientationPortrait(toUpdate: boolean): boolean;
|
|
28
|
+
orientationLandscape(toUpdate: boolean): boolean;
|
|
29
|
+
getInfoShort(asArray: boolean, toUpdate: boolean): any;
|
|
30
|
+
getInfoLong(toUpdate: boolean): any;
|
|
31
|
+
toJson(toUpdate: boolean): any;
|
|
32
|
+
json(asShortInfo: boolean, shortInfoAsArray: boolean, toUpdate: boolean): any;
|
|
33
|
+
toString(toUpdate: boolean): string;
|
|
31
34
|
}
|
|
32
35
|
//# sourceMappingURL=ResponsiveSizes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizes.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIzE,qBAAa,eAAgB,YAAW,wBAAwB;;
|
|
1
|
+
{"version":3,"file":"ResponsiveSizes.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIzE,qBAAa,eAAgB,YAAW,wBAAwB;;IAiB9D,SAAS,CAAC,yBAAyB,EAAE,wBAAwB,CAAC;IAC9D,SAAS,CAAC,2BAA2B,EAAE,MAAM,CAAC;IAC9C,SAAS,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACtC,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACvC,SAAS,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;;IAuC/B,6BAA6B,IAAI,MAAM;IAUvC,6BAA6B,CAAE,IAAI,EAAE,MAAM,GAAI,wBAAwB;IAS9E,yBAAyB,IAAK,MAAM;IAMpC,yBAAyB,CAAE,QAAQ,EAAE,MAAM,GAAG,wBAAwB;IAS/D,qBAAqB,CAC1B,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,MAAM,GACtB,MAAM;IAWF,qBAAqB,CAC1B,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,GACtB,MAAM;IAiBF,qBAAqB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM;IAoBnD,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,EAAE;IAWnD,kBAAkB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM;IAiDhD,cAAc,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAc7C,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAUrC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAUrC,OAAO,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IA6BtC,gBAAgB,CACrB,QAAQ,EAAE,MAAM,EAAE,EAClB,QAAQ,EAAE,OAAO,GAChB,OAAO;IAcH,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAYlD,oBAAoB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAYnD,YAAY,CACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GAChB,GAAG;IA4DC,WAAW,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG;IA+CtC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG;IASjC,IAAI,CACT,WAAW,EAAE,OAAO,EACpB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,OAAO,GAChB,GAAG;IAeC,QAAQ,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM;CAQ9C"}
|
|
@@ -10,7 +10,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
10
10
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11
11
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
12
12
|
};
|
|
13
|
-
var _ResponsiveSizes_KEYWORDS_ORIENTATION_PORTRAIT, _ResponsiveSizes_KEYWORDS_ORIENTATION_LANDSCAPE, _ResponsiveSizes_KEYWORD_MOBILE, _ResponsiveSizes_KEYWORD_TABLET, _ResponsiveSizes_KEYWORD_DESKTOP, _ResponsiveSizes_CSS_VARIABLE_NAME, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL, _ResponsiveSizes_SELECTOR;
|
|
13
|
+
var _ResponsiveSizes_KEYWORDS_ORIENTATION_PORTRAIT, _ResponsiveSizes_KEYWORDS_ORIENTATION_LANDSCAPE, _ResponsiveSizes_KEYWORD_MOBILE, _ResponsiveSizes_KEYWORD_TABLET, _ResponsiveSizes_KEYWORD_DESKTOP, _ResponsiveSizes_CSS_VARIABLE_NAME, _ResponsiveSizes_CSS_VARIABLE_NAME__MIN_HEIGHT, _ResponsiveSizes_CSS_VARIABLE_NAME__MAX_HEIGHT, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL, _ResponsiveSizes_SELECTOR;
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
15
|
exports.ResponsiveSizes = void 0;
|
|
16
16
|
const ResponsiveSizesConstants_js_1 = require("./ResponsiveSizesConstants.js");
|
|
@@ -22,6 +22,8 @@ class ResponsiveSizes {
|
|
|
22
22
|
_ResponsiveSizes_KEYWORD_TABLET.set(this, void 0);
|
|
23
23
|
_ResponsiveSizes_KEYWORD_DESKTOP.set(this, void 0);
|
|
24
24
|
_ResponsiveSizes_CSS_VARIABLE_NAME.set(this, void 0);
|
|
25
|
+
_ResponsiveSizes_CSS_VARIABLE_NAME__MIN_HEIGHT.set(this, void 0);
|
|
26
|
+
_ResponsiveSizes_CSS_VARIABLE_NAME__MAX_HEIGHT.set(this, void 0);
|
|
25
27
|
_ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM.set(this, void 0);
|
|
26
28
|
_ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL.set(this, void 0);
|
|
27
29
|
_ResponsiveSizes_SELECTOR.set(this, void 0);
|
|
@@ -29,6 +31,8 @@ class ResponsiveSizes {
|
|
|
29
31
|
__classPrivateFieldSet(this, _ResponsiveSizes_KEYWORD_TABLET, "tablet", "f");
|
|
30
32
|
__classPrivateFieldSet(this, _ResponsiveSizes_KEYWORD_DESKTOP, "desktop", "f");
|
|
31
33
|
__classPrivateFieldSet(this, _ResponsiveSizes_CSS_VARIABLE_NAME, "--responsive_size", "f");
|
|
34
|
+
__classPrivateFieldSet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__MIN_HEIGHT, "--responsive_size__min-height", "f");
|
|
35
|
+
__classPrivateFieldSet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__MAX_HEIGHT, "--responsive_size__max-height", "f");
|
|
32
36
|
__classPrivateFieldSet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM, "--responsive_size__min-width", "f");
|
|
33
37
|
__classPrivateFieldSet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL, "--responsive_size__max-width", "f");
|
|
34
38
|
__classPrivateFieldSet(this, _ResponsiveSizes_SELECTOR, "html.workspace", "f");
|
|
@@ -79,8 +83,8 @@ class ResponsiveSizes {
|
|
|
79
83
|
let cssValue = this.getCssValueByHtmlNode(htmlNode, cssVariableName);
|
|
80
84
|
return cssValue;
|
|
81
85
|
}
|
|
82
|
-
getResponsiveSizeName(
|
|
83
|
-
if (!
|
|
86
|
+
getResponsiveSizeName(toUpdate) {
|
|
87
|
+
if (!toUpdate && this._responsiveSizeName.length != 0) {
|
|
84
88
|
return this._responsiveSizeName;
|
|
85
89
|
}
|
|
86
90
|
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
@@ -89,45 +93,51 @@ class ResponsiveSizes {
|
|
|
89
93
|
this._cssVariableArray = responsiveSizeName.split("_");
|
|
90
94
|
return this._responsiveSizeName;
|
|
91
95
|
}
|
|
92
|
-
getCssVariableArray(
|
|
93
|
-
if (
|
|
94
|
-
this.getResponsiveSizeName(
|
|
96
|
+
getCssVariableArray(toUpdate) {
|
|
97
|
+
if (toUpdate) {
|
|
98
|
+
this.getResponsiveSizeName(toUpdate);
|
|
95
99
|
}
|
|
96
100
|
return this._cssVariableArray;
|
|
97
101
|
}
|
|
98
|
-
getResponsiveSizes(
|
|
102
|
+
getResponsiveSizes(toUpdate) {
|
|
99
103
|
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
100
|
-
if (!
|
|
104
|
+
if (!toUpdate && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
101
105
|
return this._responsive_sizes;
|
|
102
106
|
}
|
|
107
|
+
let cssVariable_MinHeight = this.getCssValueBySelector(this._responsiveSizeSelector, __classPrivateFieldGet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__MIN_HEIGHT, "f"));
|
|
108
|
+
let cssVariable_MaxHeight = this.getCssValueBySelector(this._responsiveSizeSelector, __classPrivateFieldGet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__MAX_HEIGHT, "f"));
|
|
103
109
|
let cssVariable_SizeFrom = this.getCssValueBySelector(this._responsiveSizeSelector, __classPrivateFieldGet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM, "f"));
|
|
104
110
|
let cssVariable_SizeTil = this.getCssValueBySelector(this._responsiveSizeSelector, __classPrivateFieldGet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL, "f"));
|
|
105
111
|
// @ts-ignore
|
|
112
|
+
this._responsive_sizes["min-height"] = cssVariable_MinHeight;
|
|
113
|
+
// @ts-ignore
|
|
114
|
+
this._responsive_sizes["max-height"] = cssVariable_MaxHeight;
|
|
115
|
+
// @ts-ignore
|
|
106
116
|
this._responsive_sizes["min-width"] = cssVariable_SizeFrom;
|
|
107
117
|
// @ts-ignore
|
|
108
118
|
this._responsive_sizes["max-width"] = cssVariable_SizeTil;
|
|
109
119
|
return this._responsive_sizes;
|
|
110
120
|
}
|
|
111
121
|
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
112
|
-
mobilePortrait(
|
|
113
|
-
let mobile = this.mobile(
|
|
114
|
-
let
|
|
115
|
-
let orientationPortrait = this.orientationPortrait(
|
|
122
|
+
mobilePortrait(toUpdate) {
|
|
123
|
+
let mobile = this.mobile(toUpdate);
|
|
124
|
+
let notToUpdate = false;
|
|
125
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
116
126
|
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
117
127
|
return mobileAndPortrait;
|
|
118
128
|
}
|
|
119
|
-
mobile(
|
|
120
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
129
|
+
mobile(toUpdate) {
|
|
130
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
121
131
|
let responsiveSizeNameMatches = responsiveSizeName.includes(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_MOBILE, "f"));
|
|
122
132
|
return responsiveSizeNameMatches;
|
|
123
133
|
}
|
|
124
|
-
tablet(
|
|
125
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
134
|
+
tablet(toUpdate) {
|
|
135
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
126
136
|
let responsiveSizeNameMatches = responsiveSizeName.includes(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_TABLET, "f"));
|
|
127
137
|
return responsiveSizeNameMatches;
|
|
128
138
|
}
|
|
129
|
-
desktop(
|
|
130
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
139
|
+
desktop(toUpdate) {
|
|
140
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
131
141
|
let keywordsDesktopNotMatching = [
|
|
132
142
|
__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_MOBILE, "f"),
|
|
133
143
|
__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_TABLET, "f")
|
|
@@ -143,28 +153,74 @@ class ResponsiveSizes {
|
|
|
143
153
|
let isResponsiveSizeDesktop = (responsiveSizeNameMatches === false);
|
|
144
154
|
return isResponsiveSizeDesktop;
|
|
145
155
|
}
|
|
146
|
-
matchOrientation(keywords,
|
|
147
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
156
|
+
matchOrientation(keywords, toUpdate) {
|
|
157
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
148
158
|
let matchFound = keywords
|
|
149
159
|
.find((keyword) => {
|
|
150
|
-
return responsiveSizeName.
|
|
160
|
+
return responsiveSizeName.includes(keyword);
|
|
151
161
|
});
|
|
152
162
|
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
153
163
|
return responsiveSizeNameMatches;
|
|
154
164
|
}
|
|
155
|
-
orientationPortrait(
|
|
156
|
-
let responsiveSizeNameMatches = this.matchOrientation(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORDS_ORIENTATION_PORTRAIT, "f"),
|
|
165
|
+
orientationPortrait(toUpdate) {
|
|
166
|
+
let responsiveSizeNameMatches = this.matchOrientation(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORDS_ORIENTATION_PORTRAIT, "f"), toUpdate);
|
|
157
167
|
return responsiveSizeNameMatches;
|
|
158
168
|
}
|
|
159
|
-
orientationLandscape(
|
|
160
|
-
let responsiveSizeNameMatches = this.matchOrientation(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORDS_ORIENTATION_LANDSCAPE, "f"),
|
|
169
|
+
orientationLandscape(toUpdate) {
|
|
170
|
+
let responsiveSizeNameMatches = this.matchOrientation(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORDS_ORIENTATION_LANDSCAPE, "f"), toUpdate);
|
|
161
171
|
return responsiveSizeNameMatches;
|
|
162
172
|
}
|
|
163
|
-
|
|
164
|
-
let
|
|
165
|
-
let
|
|
173
|
+
getInfoShort(asArray, toUpdate) {
|
|
174
|
+
let retInfoShort = new Object();
|
|
175
|
+
let notToUpdate = false;
|
|
176
|
+
let locSizeMobile = this.mobile(toUpdate);
|
|
177
|
+
let locSizeTablet = this.tablet(notToUpdate);
|
|
178
|
+
let locSizeDesktop = this.desktop(notToUpdate);
|
|
179
|
+
let locSize = this.getCssVariableArray(notToUpdate)[4];
|
|
180
|
+
let locOrientationPortrait = this.orientationPortrait(notToUpdate);
|
|
181
|
+
let locOrientationLandscape = this.orientationLandscape(notToUpdate);
|
|
182
|
+
let locDeviceName = "";
|
|
183
|
+
if (locSizeMobile) {
|
|
184
|
+
locDeviceName = "mobile";
|
|
185
|
+
}
|
|
186
|
+
else if (locSizeTablet) {
|
|
187
|
+
locDeviceName = "tablet";
|
|
188
|
+
}
|
|
189
|
+
else if (locSizeDesktop) {
|
|
190
|
+
locDeviceName = "display";
|
|
191
|
+
}
|
|
192
|
+
let locOrientationName = "";
|
|
193
|
+
if (locOrientationPortrait) {
|
|
194
|
+
locOrientationName = "portrait";
|
|
195
|
+
}
|
|
196
|
+
else if (locOrientationLandscape) {
|
|
197
|
+
locOrientationName = "landscape";
|
|
198
|
+
}
|
|
199
|
+
let arrInfoShort = new Array(0);
|
|
200
|
+
let objInfoShort = new Object();
|
|
201
|
+
if (asArray) {
|
|
202
|
+
arrInfoShort = [
|
|
203
|
+
locDeviceName,
|
|
204
|
+
locSize,
|
|
205
|
+
locOrientationName
|
|
206
|
+
];
|
|
207
|
+
retInfoShort = arrInfoShort;
|
|
208
|
+
}
|
|
209
|
+
else {
|
|
210
|
+
objInfoShort = {
|
|
211
|
+
"device": locDeviceName,
|
|
212
|
+
"size": locSize,
|
|
213
|
+
"orientation": locOrientationName
|
|
214
|
+
};
|
|
215
|
+
retInfoShort = objInfoShort;
|
|
216
|
+
}
|
|
217
|
+
return retInfoShort;
|
|
218
|
+
}
|
|
219
|
+
getInfoLong(toUpdate) {
|
|
220
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
221
|
+
let responsiveSizes = this.getResponsiveSizes(toUpdate);
|
|
166
222
|
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
167
|
-
if (!
|
|
223
|
+
if (!toUpdate && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
168
224
|
return this._responsiveSizesJson;
|
|
169
225
|
}
|
|
170
226
|
let notToUpdate = false;
|
|
@@ -193,13 +249,26 @@ class ResponsiveSizes {
|
|
|
193
249
|
};
|
|
194
250
|
return this._responsiveSizesJson;
|
|
195
251
|
}
|
|
196
|
-
|
|
197
|
-
let
|
|
198
|
-
|
|
252
|
+
toJson(toUpdate) {
|
|
253
|
+
let retVal = this.getInfoLong(toUpdate);
|
|
254
|
+
return retVal;
|
|
255
|
+
}
|
|
256
|
+
json(asShortInfo, shortInfoAsArray, toUpdate) {
|
|
257
|
+
let retVal = new Object();
|
|
258
|
+
if (asShortInfo) {
|
|
259
|
+
retVal = this.getInfoShort(shortInfoAsArray, toUpdate);
|
|
260
|
+
}
|
|
261
|
+
else {
|
|
262
|
+
retVal = this.getInfoLong(toUpdate);
|
|
263
|
+
}
|
|
264
|
+
return retVal;
|
|
265
|
+
}
|
|
266
|
+
toString(toUpdate) {
|
|
267
|
+
let responsiveSizesJson = this.toJson(toUpdate);
|
|
199
268
|
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
200
269
|
return jsonString;
|
|
201
270
|
}
|
|
202
271
|
}
|
|
203
272
|
exports.ResponsiveSizes = ResponsiveSizes;
|
|
204
|
-
_ResponsiveSizes_KEYWORDS_ORIENTATION_PORTRAIT = new WeakMap(), _ResponsiveSizes_KEYWORDS_ORIENTATION_LANDSCAPE = new WeakMap(), _ResponsiveSizes_KEYWORD_MOBILE = new WeakMap(), _ResponsiveSizes_KEYWORD_TABLET = new WeakMap(), _ResponsiveSizes_KEYWORD_DESKTOP = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL = new WeakMap(), _ResponsiveSizes_SELECTOR = new WeakMap();
|
|
273
|
+
_ResponsiveSizes_KEYWORDS_ORIENTATION_PORTRAIT = new WeakMap(), _ResponsiveSizes_KEYWORDS_ORIENTATION_LANDSCAPE = new WeakMap(), _ResponsiveSizes_KEYWORD_MOBILE = new WeakMap(), _ResponsiveSizes_KEYWORD_TABLET = new WeakMap(), _ResponsiveSizes_KEYWORD_DESKTOP = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME__MIN_HEIGHT = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME__MAX_HEIGHT = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_FROM = new WeakMap(), _ResponsiveSizes_CSS_VARIABLE_NAME__SIZE_TIL = new WeakMap(), _ResponsiveSizes_SELECTOR = new WeakMap();
|
|
205
274
|
//# sourceMappingURL=ResponsiveSizes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizes.js","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+EAAyE;AAKzE,MAAa,eAAe;
|
|
1
|
+
{"version":3,"file":"ResponsiveSizes.js","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,17 +5,20 @@ export interface ResponsiveSizesInterface {
|
|
|
5
5
|
setResponsiveSizeSelector(selector: string): ResponsiveSizesInterface;
|
|
6
6
|
getCssValueByHtmlNode(htmlNode: HTMLElement, cssVariableName: string): string;
|
|
7
7
|
getCssValueBySelector(htmlNodeSelector: string, cssVariableName: string): string;
|
|
8
|
-
getResponsiveSizeName(
|
|
9
|
-
getCssVariableArray(
|
|
10
|
-
getResponsiveSizes(
|
|
11
|
-
mobilePortrait(
|
|
12
|
-
mobile(
|
|
13
|
-
tablet(
|
|
14
|
-
desktop(
|
|
15
|
-
matchOrientation(keywords: string[],
|
|
16
|
-
orientationPortrait(
|
|
17
|
-
orientationLandscape(
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
getResponsiveSizeName(toUpdate: boolean): string;
|
|
9
|
+
getCssVariableArray(toUpdate: boolean): string[];
|
|
10
|
+
getResponsiveSizes(toUpdate: boolean): object;
|
|
11
|
+
mobilePortrait(toUpdate: boolean): boolean;
|
|
12
|
+
mobile(toUpdate: boolean): boolean;
|
|
13
|
+
tablet(toUpdate: boolean): boolean;
|
|
14
|
+
desktop(toUpdate: boolean): boolean;
|
|
15
|
+
matchOrientation(keywords: string[], toUpdate: boolean): boolean;
|
|
16
|
+
orientationPortrait(toUpdate: boolean): boolean;
|
|
17
|
+
orientationLandscape(toUpdate: boolean): boolean;
|
|
18
|
+
getInfoShort(asArray: boolean, toUpdate: boolean): any;
|
|
19
|
+
getInfoLong(toUpdate: boolean): any;
|
|
20
|
+
toJson(toUpdate: boolean): any;
|
|
21
|
+
json(asShortInfo: boolean, shortInfoAsArray: boolean, toUpdate: boolean): any;
|
|
22
|
+
toString(toUpdate: boolean): string;
|
|
20
23
|
}
|
|
21
24
|
//# sourceMappingURL=ResponsiveSizesInterface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizesInterface.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizesInterface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IAEvC,6BAA6B,IAAK,MAAM,CAAC;IACzC,6BAA6B,
|
|
1
|
+
{"version":3,"file":"ResponsiveSizesInterface.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizesInterface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IAEvC,6BAA6B,IAAK,MAAM,CAAC;IACzC,6BAA6B,CAAG,IAAI,EAAE,MAAM,GAAI,wBAAwB,CAAC;IAEzE,yBAAyB,IAAK,MAAM,CAAC;IACrC,yBAAyB,CAAG,QAAQ,EAAE,MAAM,GAAI,wBAAwB,CAAC;IAEzE,qBAAqB,CACnB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,MAAM,GACtB,MAAM,CAAC;IAEV,qBAAqB,CACnB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,GACtB,MAAM,CAAC;IAEV,qBAAqB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,CAAC;IAEpD,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,EAAE,CAAC;IAEpD,kBAAkB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,CAAC;IAEjD,cAAc,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAE9C,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEtC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEtC,OAAO,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEvC,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAAE,EAClB,QAAQ,EAAE,OAAO,GAChB,OAAO,CAAC;IAEX,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEnD,oBAAoB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEpD,YAAY,CAAG,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAI,GAAG,CAAC;IAC1D,WAAW,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG,CAAC;IAIvC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG,CAAC;IAIlC,IAAI,CACA,WAAW,EAAE,OAAO,EACpB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,OAAO,GAChB,GAAG,CAAC;IAET,QAAQ,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,CAAC;CAExC"}
|
|
@@ -16,17 +16,20 @@ export declare class ResponsiveSizes implements ResponsiveSizesInterface {
|
|
|
16
16
|
setResponsiveSizeSelector(selector: string): ResponsiveSizesInterface;
|
|
17
17
|
getCssValueByHtmlNode(htmlNode: HTMLElement, cssVariableName: string): string;
|
|
18
18
|
getCssValueBySelector(htmlNodeSelector: string, cssVariableName: string): string;
|
|
19
|
-
getResponsiveSizeName(
|
|
20
|
-
getCssVariableArray(
|
|
21
|
-
getResponsiveSizes(
|
|
22
|
-
mobilePortrait(
|
|
23
|
-
mobile(
|
|
24
|
-
tablet(
|
|
25
|
-
desktop(
|
|
26
|
-
matchOrientation(keywords: string[],
|
|
27
|
-
orientationPortrait(
|
|
28
|
-
orientationLandscape(
|
|
29
|
-
|
|
30
|
-
|
|
19
|
+
getResponsiveSizeName(toUpdate: boolean): string;
|
|
20
|
+
getCssVariableArray(toUpdate: boolean): string[];
|
|
21
|
+
getResponsiveSizes(toUpdate: boolean): object;
|
|
22
|
+
mobilePortrait(toUpdate: boolean): boolean;
|
|
23
|
+
mobile(toUpdate: boolean): boolean;
|
|
24
|
+
tablet(toUpdate: boolean): boolean;
|
|
25
|
+
desktop(toUpdate: boolean): boolean;
|
|
26
|
+
matchOrientation(keywords: string[], toUpdate: boolean): boolean;
|
|
27
|
+
orientationPortrait(toUpdate: boolean): boolean;
|
|
28
|
+
orientationLandscape(toUpdate: boolean): boolean;
|
|
29
|
+
getInfoShort(asArray: boolean, toUpdate: boolean): any;
|
|
30
|
+
getInfoLong(toUpdate: boolean): any;
|
|
31
|
+
toJson(toUpdate: boolean): any;
|
|
32
|
+
json(asShortInfo: boolean, shortInfoAsArray: boolean, toUpdate: boolean): any;
|
|
33
|
+
toString(toUpdate: boolean): string;
|
|
31
34
|
}
|
|
32
35
|
//# sourceMappingURL=ResponsiveSizes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizes.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIzE,qBAAa,eAAgB,YAAW,wBAAwB;;
|
|
1
|
+
{"version":3,"file":"ResponsiveSizes.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIzE,qBAAa,eAAgB,YAAW,wBAAwB;;IAiB9D,SAAS,CAAC,yBAAyB,EAAE,wBAAwB,CAAC;IAC9D,SAAS,CAAC,2BAA2B,EAAE,MAAM,CAAC;IAC9C,SAAS,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACtC,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACvC,SAAS,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;;IAuC/B,6BAA6B,IAAI,MAAM;IAUvC,6BAA6B,CAAE,IAAI,EAAE,MAAM,GAAI,wBAAwB;IAS9E,yBAAyB,IAAK,MAAM;IAMpC,yBAAyB,CAAE,QAAQ,EAAE,MAAM,GAAG,wBAAwB;IAS/D,qBAAqB,CAC1B,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,MAAM,GACtB,MAAM;IAWF,qBAAqB,CAC1B,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,GACtB,MAAM;IAiBF,qBAAqB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM;IAoBnD,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,EAAE;IAWnD,kBAAkB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM;IAiDhD,cAAc,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAc7C,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAUrC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAUrC,OAAO,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IA6BtC,gBAAgB,CACrB,QAAQ,EAAE,MAAM,EAAE,EAClB,QAAQ,EAAE,OAAO,GAChB,OAAO;IAcH,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAYlD,oBAAoB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO;IAYnD,YAAY,CACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GAChB,GAAG;IA4DC,WAAW,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG;IA+CtC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG;IASjC,IAAI,CACT,WAAW,EAAE,OAAO,EACpB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,OAAO,GAChB,GAAG;IAeC,QAAQ,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM;CAQ9C"}
|
|
@@ -6,6 +6,8 @@ export class ResponsiveSizes {
|
|
|
6
6
|
#KEYWORD_TABLET;
|
|
7
7
|
#KEYWORD_DESKTOP;
|
|
8
8
|
#CSS_VARIABLE_NAME;
|
|
9
|
+
#CSS_VARIABLE_NAME__MIN_HEIGHT;
|
|
10
|
+
#CSS_VARIABLE_NAME__MAX_HEIGHT;
|
|
9
11
|
#CSS_VARIABLE_NAME__SIZE_FROM;
|
|
10
12
|
#CSS_VARIABLE_NAME__SIZE_TIL;
|
|
11
13
|
#SELECTOR;
|
|
@@ -21,6 +23,8 @@ export class ResponsiveSizes {
|
|
|
21
23
|
this.#KEYWORD_TABLET = "tablet";
|
|
22
24
|
this.#KEYWORD_DESKTOP = "desktop";
|
|
23
25
|
this.#CSS_VARIABLE_NAME = "--responsive_size";
|
|
26
|
+
this.#CSS_VARIABLE_NAME__MIN_HEIGHT = "--responsive_size__min-height";
|
|
27
|
+
this.#CSS_VARIABLE_NAME__MAX_HEIGHT = "--responsive_size__max-height";
|
|
24
28
|
this.#CSS_VARIABLE_NAME__SIZE_FROM = "--responsive_size__min-width";
|
|
25
29
|
this.#CSS_VARIABLE_NAME__SIZE_TIL = "--responsive_size__max-width";
|
|
26
30
|
this.#SELECTOR = "html.workspace";
|
|
@@ -71,8 +75,8 @@ export class ResponsiveSizes {
|
|
|
71
75
|
let cssValue = this.getCssValueByHtmlNode(htmlNode, cssVariableName);
|
|
72
76
|
return cssValue;
|
|
73
77
|
}
|
|
74
|
-
getResponsiveSizeName(
|
|
75
|
-
if (!
|
|
78
|
+
getResponsiveSizeName(toUpdate) {
|
|
79
|
+
if (!toUpdate && this._responsiveSizeName.length != 0) {
|
|
76
80
|
return this._responsiveSizeName;
|
|
77
81
|
}
|
|
78
82
|
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
@@ -81,45 +85,51 @@ export class ResponsiveSizes {
|
|
|
81
85
|
this._cssVariableArray = responsiveSizeName.split("_");
|
|
82
86
|
return this._responsiveSizeName;
|
|
83
87
|
}
|
|
84
|
-
getCssVariableArray(
|
|
85
|
-
if (
|
|
86
|
-
this.getResponsiveSizeName(
|
|
88
|
+
getCssVariableArray(toUpdate) {
|
|
89
|
+
if (toUpdate) {
|
|
90
|
+
this.getResponsiveSizeName(toUpdate);
|
|
87
91
|
}
|
|
88
92
|
return this._cssVariableArray;
|
|
89
93
|
}
|
|
90
|
-
getResponsiveSizes(
|
|
94
|
+
getResponsiveSizes(toUpdate) {
|
|
91
95
|
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
92
|
-
if (!
|
|
96
|
+
if (!toUpdate && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
93
97
|
return this._responsive_sizes;
|
|
94
98
|
}
|
|
99
|
+
let cssVariable_MinHeight = this.getCssValueBySelector(this._responsiveSizeSelector, this.#CSS_VARIABLE_NAME__MIN_HEIGHT);
|
|
100
|
+
let cssVariable_MaxHeight = this.getCssValueBySelector(this._responsiveSizeSelector, this.#CSS_VARIABLE_NAME__MAX_HEIGHT);
|
|
95
101
|
let cssVariable_SizeFrom = this.getCssValueBySelector(this._responsiveSizeSelector, this.#CSS_VARIABLE_NAME__SIZE_FROM);
|
|
96
102
|
let cssVariable_SizeTil = this.getCssValueBySelector(this._responsiveSizeSelector, this.#CSS_VARIABLE_NAME__SIZE_TIL);
|
|
97
103
|
// @ts-ignore
|
|
104
|
+
this._responsive_sizes["min-height"] = cssVariable_MinHeight;
|
|
105
|
+
// @ts-ignore
|
|
106
|
+
this._responsive_sizes["max-height"] = cssVariable_MaxHeight;
|
|
107
|
+
// @ts-ignore
|
|
98
108
|
this._responsive_sizes["min-width"] = cssVariable_SizeFrom;
|
|
99
109
|
// @ts-ignore
|
|
100
110
|
this._responsive_sizes["max-width"] = cssVariable_SizeTil;
|
|
101
111
|
return this._responsive_sizes;
|
|
102
112
|
}
|
|
103
113
|
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
104
|
-
mobilePortrait(
|
|
105
|
-
let mobile = this.mobile(
|
|
106
|
-
let
|
|
107
|
-
let orientationPortrait = this.orientationPortrait(
|
|
114
|
+
mobilePortrait(toUpdate) {
|
|
115
|
+
let mobile = this.mobile(toUpdate);
|
|
116
|
+
let notToUpdate = false;
|
|
117
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
108
118
|
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
109
119
|
return mobileAndPortrait;
|
|
110
120
|
}
|
|
111
|
-
mobile(
|
|
112
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
121
|
+
mobile(toUpdate) {
|
|
122
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
113
123
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_MOBILE);
|
|
114
124
|
return responsiveSizeNameMatches;
|
|
115
125
|
}
|
|
116
|
-
tablet(
|
|
117
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
126
|
+
tablet(toUpdate) {
|
|
127
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
118
128
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_TABLET);
|
|
119
129
|
return responsiveSizeNameMatches;
|
|
120
130
|
}
|
|
121
|
-
desktop(
|
|
122
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
131
|
+
desktop(toUpdate) {
|
|
132
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
123
133
|
let keywordsDesktopNotMatching = [
|
|
124
134
|
this.#KEYWORD_MOBILE,
|
|
125
135
|
this.#KEYWORD_TABLET
|
|
@@ -135,28 +145,74 @@ export class ResponsiveSizes {
|
|
|
135
145
|
let isResponsiveSizeDesktop = (responsiveSizeNameMatches === false);
|
|
136
146
|
return isResponsiveSizeDesktop;
|
|
137
147
|
}
|
|
138
|
-
matchOrientation(keywords,
|
|
139
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
148
|
+
matchOrientation(keywords, toUpdate) {
|
|
149
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
140
150
|
let matchFound = keywords
|
|
141
151
|
.find((keyword) => {
|
|
142
|
-
return responsiveSizeName.
|
|
152
|
+
return responsiveSizeName.includes(keyword);
|
|
143
153
|
});
|
|
144
154
|
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
145
155
|
return responsiveSizeNameMatches;
|
|
146
156
|
}
|
|
147
|
-
orientationPortrait(
|
|
148
|
-
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_PORTRAIT,
|
|
157
|
+
orientationPortrait(toUpdate) {
|
|
158
|
+
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_PORTRAIT, toUpdate);
|
|
149
159
|
return responsiveSizeNameMatches;
|
|
150
160
|
}
|
|
151
|
-
orientationLandscape(
|
|
152
|
-
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_LANDSCAPE,
|
|
161
|
+
orientationLandscape(toUpdate) {
|
|
162
|
+
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_LANDSCAPE, toUpdate);
|
|
153
163
|
return responsiveSizeNameMatches;
|
|
154
164
|
}
|
|
155
|
-
|
|
156
|
-
let
|
|
157
|
-
let
|
|
165
|
+
getInfoShort(asArray, toUpdate) {
|
|
166
|
+
let retInfoShort = new Object();
|
|
167
|
+
let notToUpdate = false;
|
|
168
|
+
let locSizeMobile = this.mobile(toUpdate);
|
|
169
|
+
let locSizeTablet = this.tablet(notToUpdate);
|
|
170
|
+
let locSizeDesktop = this.desktop(notToUpdate);
|
|
171
|
+
let locSize = this.getCssVariableArray(notToUpdate)[4];
|
|
172
|
+
let locOrientationPortrait = this.orientationPortrait(notToUpdate);
|
|
173
|
+
let locOrientationLandscape = this.orientationLandscape(notToUpdate);
|
|
174
|
+
let locDeviceName = "";
|
|
175
|
+
if (locSizeMobile) {
|
|
176
|
+
locDeviceName = "mobile";
|
|
177
|
+
}
|
|
178
|
+
else if (locSizeTablet) {
|
|
179
|
+
locDeviceName = "tablet";
|
|
180
|
+
}
|
|
181
|
+
else if (locSizeDesktop) {
|
|
182
|
+
locDeviceName = "display";
|
|
183
|
+
}
|
|
184
|
+
let locOrientationName = "";
|
|
185
|
+
if (locOrientationPortrait) {
|
|
186
|
+
locOrientationName = "portrait";
|
|
187
|
+
}
|
|
188
|
+
else if (locOrientationLandscape) {
|
|
189
|
+
locOrientationName = "landscape";
|
|
190
|
+
}
|
|
191
|
+
let arrInfoShort = new Array(0);
|
|
192
|
+
let objInfoShort = new Object();
|
|
193
|
+
if (asArray) {
|
|
194
|
+
arrInfoShort = [
|
|
195
|
+
locDeviceName,
|
|
196
|
+
locSize,
|
|
197
|
+
locOrientationName
|
|
198
|
+
];
|
|
199
|
+
retInfoShort = arrInfoShort;
|
|
200
|
+
}
|
|
201
|
+
else {
|
|
202
|
+
objInfoShort = {
|
|
203
|
+
"device": locDeviceName,
|
|
204
|
+
"size": locSize,
|
|
205
|
+
"orientation": locOrientationName
|
|
206
|
+
};
|
|
207
|
+
retInfoShort = objInfoShort;
|
|
208
|
+
}
|
|
209
|
+
return retInfoShort;
|
|
210
|
+
}
|
|
211
|
+
getInfoLong(toUpdate) {
|
|
212
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
213
|
+
let responsiveSizes = this.getResponsiveSizes(toUpdate);
|
|
158
214
|
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
159
|
-
if (!
|
|
215
|
+
if (!toUpdate && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
160
216
|
return this._responsiveSizesJson;
|
|
161
217
|
}
|
|
162
218
|
let notToUpdate = false;
|
|
@@ -185,9 +241,22 @@ export class ResponsiveSizes {
|
|
|
185
241
|
};
|
|
186
242
|
return this._responsiveSizesJson;
|
|
187
243
|
}
|
|
188
|
-
|
|
189
|
-
let
|
|
190
|
-
|
|
244
|
+
toJson(toUpdate) {
|
|
245
|
+
let retVal = this.getInfoLong(toUpdate);
|
|
246
|
+
return retVal;
|
|
247
|
+
}
|
|
248
|
+
json(asShortInfo, shortInfoAsArray, toUpdate) {
|
|
249
|
+
let retVal = new Object();
|
|
250
|
+
if (asShortInfo) {
|
|
251
|
+
retVal = this.getInfoShort(shortInfoAsArray, toUpdate);
|
|
252
|
+
}
|
|
253
|
+
else {
|
|
254
|
+
retVal = this.getInfoLong(toUpdate);
|
|
255
|
+
}
|
|
256
|
+
return retVal;
|
|
257
|
+
}
|
|
258
|
+
toString(toUpdate) {
|
|
259
|
+
let responsiveSizesJson = this.toJson(toUpdate);
|
|
191
260
|
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
192
261
|
return jsonString;
|
|
193
262
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizes.js","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAKzE,MAAM,OAAO,eAAe;IAE1B,8BAA8B,
|
|
1
|
+
{"version":3,"file":"ResponsiveSizes.js","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,17 +5,20 @@ export interface ResponsiveSizesInterface {
|
|
|
5
5
|
setResponsiveSizeSelector(selector: string): ResponsiveSizesInterface;
|
|
6
6
|
getCssValueByHtmlNode(htmlNode: HTMLElement, cssVariableName: string): string;
|
|
7
7
|
getCssValueBySelector(htmlNodeSelector: string, cssVariableName: string): string;
|
|
8
|
-
getResponsiveSizeName(
|
|
9
|
-
getCssVariableArray(
|
|
10
|
-
getResponsiveSizes(
|
|
11
|
-
mobilePortrait(
|
|
12
|
-
mobile(
|
|
13
|
-
tablet(
|
|
14
|
-
desktop(
|
|
15
|
-
matchOrientation(keywords: string[],
|
|
16
|
-
orientationPortrait(
|
|
17
|
-
orientationLandscape(
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
getResponsiveSizeName(toUpdate: boolean): string;
|
|
9
|
+
getCssVariableArray(toUpdate: boolean): string[];
|
|
10
|
+
getResponsiveSizes(toUpdate: boolean): object;
|
|
11
|
+
mobilePortrait(toUpdate: boolean): boolean;
|
|
12
|
+
mobile(toUpdate: boolean): boolean;
|
|
13
|
+
tablet(toUpdate: boolean): boolean;
|
|
14
|
+
desktop(toUpdate: boolean): boolean;
|
|
15
|
+
matchOrientation(keywords: string[], toUpdate: boolean): boolean;
|
|
16
|
+
orientationPortrait(toUpdate: boolean): boolean;
|
|
17
|
+
orientationLandscape(toUpdate: boolean): boolean;
|
|
18
|
+
getInfoShort(asArray: boolean, toUpdate: boolean): any;
|
|
19
|
+
getInfoLong(toUpdate: boolean): any;
|
|
20
|
+
toJson(toUpdate: boolean): any;
|
|
21
|
+
json(asShortInfo: boolean, shortInfoAsArray: boolean, toUpdate: boolean): any;
|
|
22
|
+
toString(toUpdate: boolean): string;
|
|
20
23
|
}
|
|
21
24
|
//# sourceMappingURL=ResponsiveSizesInterface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizesInterface.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizesInterface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IAEvC,6BAA6B,IAAK,MAAM,CAAC;IACzC,6BAA6B,
|
|
1
|
+
{"version":3,"file":"ResponsiveSizesInterface.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizesInterface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IAEvC,6BAA6B,IAAK,MAAM,CAAC;IACzC,6BAA6B,CAAG,IAAI,EAAE,MAAM,GAAI,wBAAwB,CAAC;IAEzE,yBAAyB,IAAK,MAAM,CAAC;IACrC,yBAAyB,CAAG,QAAQ,EAAE,MAAM,GAAI,wBAAwB,CAAC;IAEzE,qBAAqB,CACnB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,MAAM,GACtB,MAAM,CAAC;IAEV,qBAAqB,CACnB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,GACtB,MAAM,CAAC;IAEV,qBAAqB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,CAAC;IAEpD,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,EAAE,CAAC;IAEpD,kBAAkB,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,CAAC;IAEjD,cAAc,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAE9C,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEtC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEtC,OAAO,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEvC,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAAE,EAClB,QAAQ,EAAE,OAAO,GAChB,OAAO,CAAC;IAEX,mBAAmB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEnD,oBAAoB,CAAG,QAAQ,EAAE,OAAO,GAAI,OAAO,CAAC;IAEpD,YAAY,CAAG,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAI,GAAG,CAAC;IAC1D,WAAW,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG,CAAC;IAIvC,MAAM,CAAG,QAAQ,EAAE,OAAO,GAAI,GAAG,CAAC;IAIlC,IAAI,CACA,WAAW,EAAE,OAAO,EACpB,gBAAgB,EAAE,OAAO,EACzB,QAAQ,EAAE,OAAO,GAChB,GAAG,CAAC;IAET,QAAQ,CAAG,QAAQ,EAAE,OAAO,GAAI,MAAM,CAAC;CAExC"}
|
|
@@ -5,6 +5,8 @@ class ResponsiveSizes {
|
|
|
5
5
|
#KEYWORD_TABLET;
|
|
6
6
|
#KEYWORD_DESKTOP;
|
|
7
7
|
#CSS_VARIABLE_NAME;
|
|
8
|
+
#CSS_VARIABLE_NAME__MIN_HEIGHT;
|
|
9
|
+
#CSS_VARIABLE_NAME__MAX_HEIGHT;
|
|
8
10
|
#CSS_VARIABLE_NAME__SIZE_FROM;
|
|
9
11
|
#CSS_VARIABLE_NAME__SIZE_TIL;
|
|
10
12
|
#SELECTOR;
|
|
@@ -23,6 +25,8 @@ class ResponsiveSizes {
|
|
|
23
25
|
this.#KEYWORD_TABLET = "tablet";
|
|
24
26
|
this.#KEYWORD_DESKTOP = "desktop";
|
|
25
27
|
this.#CSS_VARIABLE_NAME = "--responsive_size";
|
|
28
|
+
this.#CSS_VARIABLE_NAME__MIN_HEIGHT = "--responsive_size__min-height";
|
|
29
|
+
this.#CSS_VARIABLE_NAME__MAX_HEIGHT = "--responsive_size__max-height";
|
|
26
30
|
this.#CSS_VARIABLE_NAME__SIZE_FROM = "--responsive_size__min-width";
|
|
27
31
|
this.#CSS_VARIABLE_NAME__SIZE_TIL = "--responsive_size__max-width";
|
|
28
32
|
this.#SELECTOR = "html.workspace";
|
|
@@ -107,9 +111,9 @@ class ResponsiveSizes {
|
|
|
107
111
|
|
|
108
112
|
|
|
109
113
|
|
|
110
|
-
getResponsiveSizeName(
|
|
114
|
+
getResponsiveSizeName(toUpdate) {
|
|
111
115
|
|
|
112
|
-
if (!
|
|
116
|
+
if (!toUpdate && this._responsiveSizeName.length != 0) {
|
|
113
117
|
return this._responsiveSizeName;
|
|
114
118
|
}
|
|
115
119
|
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
@@ -126,10 +130,10 @@ class ResponsiveSizes {
|
|
|
126
130
|
|
|
127
131
|
|
|
128
132
|
|
|
129
|
-
getCssVariableArray(
|
|
133
|
+
getCssVariableArray(toUpdate) {
|
|
130
134
|
|
|
131
|
-
if (
|
|
132
|
-
this.getResponsiveSizeName(
|
|
135
|
+
if (toUpdate) {
|
|
136
|
+
this.getResponsiveSizeName(toUpdate);
|
|
133
137
|
}
|
|
134
138
|
|
|
135
139
|
|
|
@@ -138,12 +142,20 @@ class ResponsiveSizes {
|
|
|
138
142
|
|
|
139
143
|
|
|
140
144
|
|
|
141
|
-
getResponsiveSizes(
|
|
145
|
+
getResponsiveSizes(toUpdate) {
|
|
142
146
|
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
143
147
|
|
|
144
|
-
if (!
|
|
148
|
+
if (!toUpdate && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
145
149
|
return this._responsive_sizes;
|
|
146
150
|
}
|
|
151
|
+
let cssVariable_MinHeight = this.getCssValueBySelector(
|
|
152
|
+
this._responsiveSizeSelector,
|
|
153
|
+
this.#CSS_VARIABLE_NAME__MIN_HEIGHT
|
|
154
|
+
);
|
|
155
|
+
let cssVariable_MaxHeight = this.getCssValueBySelector(
|
|
156
|
+
this._responsiveSizeSelector,
|
|
157
|
+
this.#CSS_VARIABLE_NAME__MAX_HEIGHT
|
|
158
|
+
);
|
|
147
159
|
let cssVariable_SizeFrom = this.getCssValueBySelector(
|
|
148
160
|
this._responsiveSizeSelector,
|
|
149
161
|
this.#CSS_VARIABLE_NAME__SIZE_FROM
|
|
@@ -154,6 +166,14 @@ class ResponsiveSizes {
|
|
|
154
166
|
);
|
|
155
167
|
|
|
156
168
|
|
|
169
|
+
// @ts-ignore
|
|
170
|
+
this._responsive_sizes["min-height"] = cssVariable_MinHeight;
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
// @ts-ignore
|
|
174
|
+
this._responsive_sizes["max-height"] = cssVariable_MaxHeight;
|
|
175
|
+
|
|
176
|
+
|
|
157
177
|
// @ts-ignore
|
|
158
178
|
this._responsive_sizes["min-width"] = cssVariable_SizeFrom;
|
|
159
179
|
|
|
@@ -167,10 +187,10 @@ class ResponsiveSizes {
|
|
|
167
187
|
|
|
168
188
|
|
|
169
189
|
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
170
|
-
mobilePortrait(
|
|
171
|
-
let mobile = this.mobile(
|
|
172
|
-
let
|
|
173
|
-
let orientationPortrait = this.orientationPortrait(
|
|
190
|
+
mobilePortrait(toUpdate) {
|
|
191
|
+
let mobile = this.mobile(toUpdate);
|
|
192
|
+
let notToUpdate = false;
|
|
193
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
174
194
|
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
175
195
|
|
|
176
196
|
|
|
@@ -179,8 +199,8 @@ class ResponsiveSizes {
|
|
|
179
199
|
|
|
180
200
|
|
|
181
201
|
|
|
182
|
-
mobile(
|
|
183
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
202
|
+
mobile(toUpdate) {
|
|
203
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
184
204
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_MOBILE);
|
|
185
205
|
|
|
186
206
|
|
|
@@ -189,8 +209,8 @@ class ResponsiveSizes {
|
|
|
189
209
|
|
|
190
210
|
|
|
191
211
|
|
|
192
|
-
tablet(
|
|
193
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
212
|
+
tablet(toUpdate) {
|
|
213
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
194
214
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_TABLET);
|
|
195
215
|
|
|
196
216
|
|
|
@@ -199,8 +219,8 @@ class ResponsiveSizes {
|
|
|
199
219
|
|
|
200
220
|
|
|
201
221
|
|
|
202
|
-
desktop(
|
|
203
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
222
|
+
desktop(toUpdate) {
|
|
223
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
204
224
|
let keywordsDesktopNotMatching = [
|
|
205
225
|
this.#KEYWORD_MOBILE,
|
|
206
226
|
this.#KEYWORD_TABLET
|
|
@@ -227,11 +247,11 @@ class ResponsiveSizes {
|
|
|
227
247
|
|
|
228
248
|
|
|
229
249
|
|
|
230
|
-
matchOrientation(keywords,
|
|
231
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
250
|
+
matchOrientation(keywords, toUpdate) {
|
|
251
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
232
252
|
let matchFound = keywords
|
|
233
253
|
.find((keyword) => {
|
|
234
|
-
return responsiveSizeName.
|
|
254
|
+
return responsiveSizeName.includes(keyword);
|
|
235
255
|
});
|
|
236
256
|
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
237
257
|
|
|
@@ -241,10 +261,10 @@ class ResponsiveSizes {
|
|
|
241
261
|
|
|
242
262
|
|
|
243
263
|
|
|
244
|
-
orientationPortrait(
|
|
264
|
+
orientationPortrait(toUpdate) {
|
|
245
265
|
let responsiveSizeNameMatches = this.matchOrientation(
|
|
246
266
|
this.#KEYWORDS_ORIENTATION_PORTRAIT,
|
|
247
|
-
|
|
267
|
+
toUpdate
|
|
248
268
|
);
|
|
249
269
|
|
|
250
270
|
|
|
@@ -253,10 +273,10 @@ class ResponsiveSizes {
|
|
|
253
273
|
|
|
254
274
|
|
|
255
275
|
|
|
256
|
-
orientationLandscape(
|
|
276
|
+
orientationLandscape(toUpdate) {
|
|
257
277
|
let responsiveSizeNameMatches = this.matchOrientation(
|
|
258
278
|
this.#KEYWORDS_ORIENTATION_LANDSCAPE,
|
|
259
|
-
|
|
279
|
+
toUpdate
|
|
260
280
|
);
|
|
261
281
|
|
|
262
282
|
|
|
@@ -265,12 +285,66 @@ class ResponsiveSizes {
|
|
|
265
285
|
|
|
266
286
|
|
|
267
287
|
|
|
268
|
-
|
|
269
|
-
let
|
|
270
|
-
let
|
|
288
|
+
getInfoShort(asArray, toUpdate) {
|
|
289
|
+
let retInfoShort = new Object();
|
|
290
|
+
let notToUpdate = false;
|
|
291
|
+
let locSizeMobile = this.mobile(toUpdate);
|
|
292
|
+
let locSizeTablet = this.tablet(notToUpdate);
|
|
293
|
+
let locSizeDesktop = this.desktop(notToUpdate);
|
|
294
|
+
let locSize = this.getCssVariableArray(notToUpdate)[4];
|
|
295
|
+
let locOrientationPortrait = this.orientationPortrait(notToUpdate);
|
|
296
|
+
let locOrientationLandscape = this.orientationLandscape(notToUpdate);
|
|
297
|
+
let locDeviceName = "";
|
|
298
|
+
|
|
299
|
+
if (locSizeMobile) {
|
|
300
|
+
locDeviceName = "mobile";
|
|
301
|
+
}
|
|
302
|
+
else if (locSizeTablet) {
|
|
303
|
+
locDeviceName = "tablet";
|
|
304
|
+
}
|
|
305
|
+
else if (locSizeDesktop) {
|
|
306
|
+
locDeviceName = "display";
|
|
307
|
+
}
|
|
308
|
+
let locOrientationName = "";
|
|
309
|
+
|
|
310
|
+
if (locOrientationPortrait) {
|
|
311
|
+
locOrientationName = "portrait";
|
|
312
|
+
}
|
|
313
|
+
else if (locOrientationLandscape) {
|
|
314
|
+
locOrientationName = "landscape";
|
|
315
|
+
}
|
|
316
|
+
let arrInfoShort = new Array(0);
|
|
317
|
+
let objInfoShort = new Object();
|
|
318
|
+
|
|
319
|
+
if (asArray) {
|
|
320
|
+
arrInfoShort = [
|
|
321
|
+
locDeviceName,
|
|
322
|
+
locSize,
|
|
323
|
+
locOrientationName
|
|
324
|
+
];
|
|
325
|
+
retInfoShort = arrInfoShort;
|
|
326
|
+
}
|
|
327
|
+
else {
|
|
328
|
+
objInfoShort = {
|
|
329
|
+
"device": locDeviceName,
|
|
330
|
+
"size": locSize,
|
|
331
|
+
"orientation": locOrientationName
|
|
332
|
+
};
|
|
333
|
+
retInfoShort = objInfoShort;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
return retInfoShort;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
|
|
342
|
+
getInfoLong(toUpdate) {
|
|
343
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
344
|
+
let responsiveSizes = this.getResponsiveSizes(toUpdate);
|
|
271
345
|
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
272
346
|
|
|
273
|
-
if (!
|
|
347
|
+
if (!toUpdate && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
274
348
|
return this._responsiveSizesJson;
|
|
275
349
|
}
|
|
276
350
|
let notToUpdate = false;
|
|
@@ -306,9 +380,37 @@ class ResponsiveSizes {
|
|
|
306
380
|
|
|
307
381
|
|
|
308
382
|
|
|
309
|
-
|
|
310
|
-
let
|
|
311
|
-
|
|
383
|
+
toJson(toUpdate) {
|
|
384
|
+
let retVal = this.getInfoLong(toUpdate);
|
|
385
|
+
|
|
386
|
+
|
|
387
|
+
return retVal;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
json(
|
|
393
|
+
asShortInfo,
|
|
394
|
+
shortInfoAsArray,
|
|
395
|
+
toUpdate
|
|
396
|
+
) {
|
|
397
|
+
let retVal = new Object();
|
|
398
|
+
|
|
399
|
+
if (asShortInfo) {
|
|
400
|
+
retVal = this.getInfoShort(shortInfoAsArray, toUpdate);
|
|
401
|
+
}
|
|
402
|
+
else {
|
|
403
|
+
retVal = this.getInfoLong(toUpdate);
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
return retVal;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
|
|
411
|
+
|
|
412
|
+
toString(toUpdate) {
|
|
413
|
+
let responsiveSizesJson = this.toJson(toUpdate);
|
|
312
414
|
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
313
415
|
|
|
314
416
|
|