@jaisocx/responsive-sizes 1.3.1 → 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 +90 -31
- 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 +90 -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 +113 -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.
|
|
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;;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,
|
|
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"}
|
|
@@ -83,8 +83,8 @@ class ResponsiveSizes {
|
|
|
83
83
|
let cssValue = this.getCssValueByHtmlNode(htmlNode, cssVariableName);
|
|
84
84
|
return cssValue;
|
|
85
85
|
}
|
|
86
|
-
getResponsiveSizeName(
|
|
87
|
-
if (!
|
|
86
|
+
getResponsiveSizeName(toUpdate) {
|
|
87
|
+
if (!toUpdate && this._responsiveSizeName.length != 0) {
|
|
88
88
|
return this._responsiveSizeName;
|
|
89
89
|
}
|
|
90
90
|
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
@@ -93,15 +93,15 @@ class ResponsiveSizes {
|
|
|
93
93
|
this._cssVariableArray = responsiveSizeName.split("_");
|
|
94
94
|
return this._responsiveSizeName;
|
|
95
95
|
}
|
|
96
|
-
getCssVariableArray(
|
|
97
|
-
if (
|
|
98
|
-
this.getResponsiveSizeName(
|
|
96
|
+
getCssVariableArray(toUpdate) {
|
|
97
|
+
if (toUpdate) {
|
|
98
|
+
this.getResponsiveSizeName(toUpdate);
|
|
99
99
|
}
|
|
100
100
|
return this._cssVariableArray;
|
|
101
101
|
}
|
|
102
|
-
getResponsiveSizes(
|
|
102
|
+
getResponsiveSizes(toUpdate) {
|
|
103
103
|
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
104
|
-
if (!
|
|
104
|
+
if (!toUpdate && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
105
105
|
return this._responsive_sizes;
|
|
106
106
|
}
|
|
107
107
|
let cssVariable_MinHeight = this.getCssValueBySelector(this._responsiveSizeSelector, __classPrivateFieldGet(this, _ResponsiveSizes_CSS_VARIABLE_NAME__MIN_HEIGHT, "f"));
|
|
@@ -119,25 +119,25 @@ class ResponsiveSizes {
|
|
|
119
119
|
return this._responsive_sizes;
|
|
120
120
|
}
|
|
121
121
|
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
122
|
-
mobilePortrait(
|
|
123
|
-
let mobile = this.mobile(
|
|
124
|
-
let
|
|
125
|
-
let orientationPortrait = this.orientationPortrait(
|
|
122
|
+
mobilePortrait(toUpdate) {
|
|
123
|
+
let mobile = this.mobile(toUpdate);
|
|
124
|
+
let notToUpdate = false;
|
|
125
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
126
126
|
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
127
127
|
return mobileAndPortrait;
|
|
128
128
|
}
|
|
129
|
-
mobile(
|
|
130
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
129
|
+
mobile(toUpdate) {
|
|
130
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
131
131
|
let responsiveSizeNameMatches = responsiveSizeName.includes(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_MOBILE, "f"));
|
|
132
132
|
return responsiveSizeNameMatches;
|
|
133
133
|
}
|
|
134
|
-
tablet(
|
|
135
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
134
|
+
tablet(toUpdate) {
|
|
135
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
136
136
|
let responsiveSizeNameMatches = responsiveSizeName.includes(__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_TABLET, "f"));
|
|
137
137
|
return responsiveSizeNameMatches;
|
|
138
138
|
}
|
|
139
|
-
desktop(
|
|
140
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
139
|
+
desktop(toUpdate) {
|
|
140
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
141
141
|
let keywordsDesktopNotMatching = [
|
|
142
142
|
__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_MOBILE, "f"),
|
|
143
143
|
__classPrivateFieldGet(this, _ResponsiveSizes_KEYWORD_TABLET, "f")
|
|
@@ -153,28 +153,74 @@ class ResponsiveSizes {
|
|
|
153
153
|
let isResponsiveSizeDesktop = (responsiveSizeNameMatches === false);
|
|
154
154
|
return isResponsiveSizeDesktop;
|
|
155
155
|
}
|
|
156
|
-
matchOrientation(keywords,
|
|
157
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
156
|
+
matchOrientation(keywords, toUpdate) {
|
|
157
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
158
158
|
let matchFound = keywords
|
|
159
159
|
.find((keyword) => {
|
|
160
|
-
return responsiveSizeName.
|
|
160
|
+
return responsiveSizeName.includes(keyword);
|
|
161
161
|
});
|
|
162
162
|
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
163
163
|
return responsiveSizeNameMatches;
|
|
164
164
|
}
|
|
165
|
-
orientationPortrait(
|
|
166
|
-
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);
|
|
167
167
|
return responsiveSizeNameMatches;
|
|
168
168
|
}
|
|
169
|
-
orientationLandscape(
|
|
170
|
-
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);
|
|
171
171
|
return responsiveSizeNameMatches;
|
|
172
172
|
}
|
|
173
|
-
|
|
174
|
-
let
|
|
175
|
-
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);
|
|
176
222
|
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
177
|
-
if (!
|
|
223
|
+
if (!toUpdate && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
178
224
|
return this._responsiveSizesJson;
|
|
179
225
|
}
|
|
180
226
|
let notToUpdate = false;
|
|
@@ -203,9 +249,22 @@ class ResponsiveSizes {
|
|
|
203
249
|
};
|
|
204
250
|
return this._responsiveSizesJson;
|
|
205
251
|
}
|
|
206
|
-
|
|
207
|
-
let
|
|
208
|
-
|
|
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);
|
|
209
268
|
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
210
269
|
return jsonString;
|
|
211
270
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveSizes.js","sourceRoot":"","sources":["../../src/ResponsiveSizes.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+EAAyE;AAKzE,MAAa,eAAe;IA2B1B;QAzBA,iEAA0C;QAC1C,kEAA0C;QAE1C,kDAAyB;QACzB,kDAAyB;QACzB,mDAAyB;QAEzB,qDAA2B;QAC3B,iEAAuC;QACvC,iEAAuC;QACvC,gEAAuC;QACvC,+DAAuC;QAEvC,4CAAkB;QAahB,uBAAA,IAAI,mCAAoB,QAAQ,MAAA,CAAC;QACjC,uBAAA,IAAI,mCAAoB,QAAQ,MAAA,CAAC;QACjC,uBAAA,IAAI,oCAAoB,SAAS,MAAA,CAAC;QAElC,uBAAA,IAAI,sCAAkC,mBAAmB,MAAA,CAAC;QAC1D,uBAAA,IAAI,kDAAkC,+BAA+B,MAAA,CAAC;QACtE,uBAAA,IAAI,kDAAkC,+BAA+B,MAAA,CAAC;QACtE,uBAAA,IAAI,iDAAkC,8BAA8B,MAAA,CAAC;QACrE,uBAAA,IAAI,gDAAkC,8BAA8B,MAAA,CAAC;QAErE,uBAAA,IAAI,6BAAa,gBAAgB,MAAA,CAAC;QAGlC,uBAAA,IAAI,kDAAkC;YACpC,WAAW;YACX,WAAW;SACZ,MAAA,CAAC;QAEF,uBAAA,IAAI,mDAAmC;YACrC,YAAY;YACZ,aAAa;SACd,MAAA,CAAC;QAEF,IAAI,CAAC,yBAAyB,GAAG,IAAI,sDAAwB,EAAE,CAAC;QAChE,IAAI,CAAC,2BAA2B,GAAG,uBAAA,IAAI,0CAAmB,CAAC;QAC3D,IAAI,CAAC,uBAAuB,GAAG,uBAAA,IAAI,iCAAU,CAAC;QAC9C,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,iBAAiB,GAAG,IAAI,MAAM,EAAE,CAAC;QACtC,IAAI,CAAC,oBAAoB,GAAG,IAAI,MAAM,EAAE,CAAC;QACzC,IAAI,CAAC,iBAAiB,GAAG,IAAI,KAAK,EAAc,CAAC;IACnD,CAAC;IAIM,6BAA6B;QAElC,yDAAyD;QACzD,4EAA4E;QAC5E,oDAAoD;QACpD,OAAO,IAAI,CAAC,2BAA2B,CAAC;IAC1C,CAAC;IAIM,6BAA6B,
|
|
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;;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,
|
|
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"}
|
|
@@ -75,8 +75,8 @@ export class ResponsiveSizes {
|
|
|
75
75
|
let cssValue = this.getCssValueByHtmlNode(htmlNode, cssVariableName);
|
|
76
76
|
return cssValue;
|
|
77
77
|
}
|
|
78
|
-
getResponsiveSizeName(
|
|
79
|
-
if (!
|
|
78
|
+
getResponsiveSizeName(toUpdate) {
|
|
79
|
+
if (!toUpdate && this._responsiveSizeName.length != 0) {
|
|
80
80
|
return this._responsiveSizeName;
|
|
81
81
|
}
|
|
82
82
|
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
@@ -85,15 +85,15 @@ export class ResponsiveSizes {
|
|
|
85
85
|
this._cssVariableArray = responsiveSizeName.split("_");
|
|
86
86
|
return this._responsiveSizeName;
|
|
87
87
|
}
|
|
88
|
-
getCssVariableArray(
|
|
89
|
-
if (
|
|
90
|
-
this.getResponsiveSizeName(
|
|
88
|
+
getCssVariableArray(toUpdate) {
|
|
89
|
+
if (toUpdate) {
|
|
90
|
+
this.getResponsiveSizeName(toUpdate);
|
|
91
91
|
}
|
|
92
92
|
return this._cssVariableArray;
|
|
93
93
|
}
|
|
94
|
-
getResponsiveSizes(
|
|
94
|
+
getResponsiveSizes(toUpdate) {
|
|
95
95
|
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
96
|
-
if (!
|
|
96
|
+
if (!toUpdate && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
97
97
|
return this._responsive_sizes;
|
|
98
98
|
}
|
|
99
99
|
let cssVariable_MinHeight = this.getCssValueBySelector(this._responsiveSizeSelector, this.#CSS_VARIABLE_NAME__MIN_HEIGHT);
|
|
@@ -111,25 +111,25 @@ export class ResponsiveSizes {
|
|
|
111
111
|
return this._responsive_sizes;
|
|
112
112
|
}
|
|
113
113
|
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
114
|
-
mobilePortrait(
|
|
115
|
-
let mobile = this.mobile(
|
|
116
|
-
let
|
|
117
|
-
let orientationPortrait = this.orientationPortrait(
|
|
114
|
+
mobilePortrait(toUpdate) {
|
|
115
|
+
let mobile = this.mobile(toUpdate);
|
|
116
|
+
let notToUpdate = false;
|
|
117
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
118
118
|
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
119
119
|
return mobileAndPortrait;
|
|
120
120
|
}
|
|
121
|
-
mobile(
|
|
122
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
121
|
+
mobile(toUpdate) {
|
|
122
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
123
123
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_MOBILE);
|
|
124
124
|
return responsiveSizeNameMatches;
|
|
125
125
|
}
|
|
126
|
-
tablet(
|
|
127
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
126
|
+
tablet(toUpdate) {
|
|
127
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
128
128
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_TABLET);
|
|
129
129
|
return responsiveSizeNameMatches;
|
|
130
130
|
}
|
|
131
|
-
desktop(
|
|
132
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
131
|
+
desktop(toUpdate) {
|
|
132
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
133
133
|
let keywordsDesktopNotMatching = [
|
|
134
134
|
this.#KEYWORD_MOBILE,
|
|
135
135
|
this.#KEYWORD_TABLET
|
|
@@ -145,28 +145,74 @@ export class ResponsiveSizes {
|
|
|
145
145
|
let isResponsiveSizeDesktop = (responsiveSizeNameMatches === false);
|
|
146
146
|
return isResponsiveSizeDesktop;
|
|
147
147
|
}
|
|
148
|
-
matchOrientation(keywords,
|
|
149
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
148
|
+
matchOrientation(keywords, toUpdate) {
|
|
149
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
150
150
|
let matchFound = keywords
|
|
151
151
|
.find((keyword) => {
|
|
152
|
-
return responsiveSizeName.
|
|
152
|
+
return responsiveSizeName.includes(keyword);
|
|
153
153
|
});
|
|
154
154
|
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
155
155
|
return responsiveSizeNameMatches;
|
|
156
156
|
}
|
|
157
|
-
orientationPortrait(
|
|
158
|
-
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_PORTRAIT,
|
|
157
|
+
orientationPortrait(toUpdate) {
|
|
158
|
+
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_PORTRAIT, toUpdate);
|
|
159
159
|
return responsiveSizeNameMatches;
|
|
160
160
|
}
|
|
161
|
-
orientationLandscape(
|
|
162
|
-
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_LANDSCAPE,
|
|
161
|
+
orientationLandscape(toUpdate) {
|
|
162
|
+
let responsiveSizeNameMatches = this.matchOrientation(this.#KEYWORDS_ORIENTATION_LANDSCAPE, toUpdate);
|
|
163
163
|
return responsiveSizeNameMatches;
|
|
164
164
|
}
|
|
165
|
-
|
|
166
|
-
let
|
|
167
|
-
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);
|
|
168
214
|
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
169
|
-
if (!
|
|
215
|
+
if (!toUpdate && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
170
216
|
return this._responsiveSizesJson;
|
|
171
217
|
}
|
|
172
218
|
let notToUpdate = false;
|
|
@@ -195,9 +241,22 @@ export class ResponsiveSizes {
|
|
|
195
241
|
};
|
|
196
242
|
return this._responsiveSizesJson;
|
|
197
243
|
}
|
|
198
|
-
|
|
199
|
-
let
|
|
200
|
-
|
|
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);
|
|
201
260
|
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
202
261
|
return jsonString;
|
|
203
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,CAAY;IAC1C,+BAA+B,CAAW;IAE1C,eAAe,CAAU;IACzB,eAAe,CAAU;IACzB,gBAAgB,CAAS;IAEzB,kBAAkB,CAAS;IAC3B,8BAA8B,CAAS;IACvC,8BAA8B,CAAS;IACvC,6BAA6B,CAAU;IACvC,4BAA4B,CAAW;IAEvC,SAAS,CAAS;IAER,yBAAyB,CAA2B;IACpD,2BAA2B,CAAS;IACpC,uBAAuB,CAAS;IAChC,mBAAmB,CAAS;IAC5B,iBAAiB,CAAS;IAC1B,oBAAoB,CAAS;IAC7B,iBAAiB,CAAW;IAItC;QACE,IAAI,CAAC,eAAe,GAAI,QAAQ,CAAC;QACjC,IAAI,CAAC,eAAe,GAAI,QAAQ,CAAC;QACjC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAElC,IAAI,CAAC,kBAAkB,GAAe,mBAAmB,CAAC;QAC1D,IAAI,CAAC,8BAA8B,GAAG,+BAA+B,CAAC;QACtE,IAAI,CAAC,8BAA8B,GAAG,+BAA+B,CAAC;QACtE,IAAI,CAAC,6BAA6B,GAAI,8BAA8B,CAAC;QACrE,IAAI,CAAC,4BAA4B,GAAK,8BAA8B,CAAC;QAErE,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAGlC,IAAI,CAAC,8BAA8B,GAAG;YACpC,WAAW;YACX,WAAW;SACZ,CAAC;QAEF,IAAI,CAAC,+BAA+B,GAAG;YACrC,YAAY;YACZ,aAAa;SACd,CAAC;QAEF,IAAI,CAAC,yBAAyB,GAAG,IAAI,wBAAwB,EAAE,CAAC;QAChE,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAC3D,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9C,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,iBAAiB,GAAG,IAAI,MAAM,EAAE,CAAC;QACtC,IAAI,CAAC,oBAAoB,GAAG,IAAI,MAAM,EAAE,CAAC;QACzC,IAAI,CAAC,iBAAiB,GAAG,IAAI,KAAK,EAAc,CAAC;IACnD,CAAC;IAIM,6BAA6B;QAElC,yDAAyD;QACzD,4EAA4E;QAC5E,oDAAoD;QACpD,OAAO,IAAI,CAAC,2BAA2B,CAAC;IAC1C,CAAC;IAIM,6BAA6B,
|
|
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"}
|
|
@@ -111,9 +111,9 @@ class ResponsiveSizes {
|
|
|
111
111
|
|
|
112
112
|
|
|
113
113
|
|
|
114
|
-
getResponsiveSizeName(
|
|
114
|
+
getResponsiveSizeName(toUpdate) {
|
|
115
115
|
|
|
116
|
-
if (!
|
|
116
|
+
if (!toUpdate && this._responsiveSizeName.length != 0) {
|
|
117
117
|
return this._responsiveSizeName;
|
|
118
118
|
}
|
|
119
119
|
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
@@ -130,10 +130,10 @@ class ResponsiveSizes {
|
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
getCssVariableArray(
|
|
133
|
+
getCssVariableArray(toUpdate) {
|
|
134
134
|
|
|
135
|
-
if (
|
|
136
|
-
this.getResponsiveSizeName(
|
|
135
|
+
if (toUpdate) {
|
|
136
|
+
this.getResponsiveSizeName(toUpdate);
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
|
|
@@ -142,10 +142,10 @@ class ResponsiveSizes {
|
|
|
142
142
|
|
|
143
143
|
|
|
144
144
|
|
|
145
|
-
getResponsiveSizes(
|
|
145
|
+
getResponsiveSizes(toUpdate) {
|
|
146
146
|
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
147
147
|
|
|
148
|
-
if (!
|
|
148
|
+
if (!toUpdate && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
149
149
|
return this._responsive_sizes;
|
|
150
150
|
}
|
|
151
151
|
let cssVariable_MinHeight = this.getCssValueBySelector(
|
|
@@ -187,10 +187,10 @@ class ResponsiveSizes {
|
|
|
187
187
|
|
|
188
188
|
|
|
189
189
|
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
190
|
-
mobilePortrait(
|
|
191
|
-
let mobile = this.mobile(
|
|
192
|
-
let
|
|
193
|
-
let orientationPortrait = this.orientationPortrait(
|
|
190
|
+
mobilePortrait(toUpdate) {
|
|
191
|
+
let mobile = this.mobile(toUpdate);
|
|
192
|
+
let notToUpdate = false;
|
|
193
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
194
194
|
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
195
195
|
|
|
196
196
|
|
|
@@ -199,8 +199,8 @@ class ResponsiveSizes {
|
|
|
199
199
|
|
|
200
200
|
|
|
201
201
|
|
|
202
|
-
mobile(
|
|
203
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
202
|
+
mobile(toUpdate) {
|
|
203
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
204
204
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_MOBILE);
|
|
205
205
|
|
|
206
206
|
|
|
@@ -209,8 +209,8 @@ class ResponsiveSizes {
|
|
|
209
209
|
|
|
210
210
|
|
|
211
211
|
|
|
212
|
-
tablet(
|
|
213
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
212
|
+
tablet(toUpdate) {
|
|
213
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
214
214
|
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_TABLET);
|
|
215
215
|
|
|
216
216
|
|
|
@@ -219,8 +219,8 @@ class ResponsiveSizes {
|
|
|
219
219
|
|
|
220
220
|
|
|
221
221
|
|
|
222
|
-
desktop(
|
|
223
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
222
|
+
desktop(toUpdate) {
|
|
223
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
224
224
|
let keywordsDesktopNotMatching = [
|
|
225
225
|
this.#KEYWORD_MOBILE,
|
|
226
226
|
this.#KEYWORD_TABLET
|
|
@@ -247,11 +247,11 @@ class ResponsiveSizes {
|
|
|
247
247
|
|
|
248
248
|
|
|
249
249
|
|
|
250
|
-
matchOrientation(keywords,
|
|
251
|
-
let responsiveSizeName = this.getResponsiveSizeName(
|
|
250
|
+
matchOrientation(keywords, toUpdate) {
|
|
251
|
+
let responsiveSizeName = this.getResponsiveSizeName(toUpdate);
|
|
252
252
|
let matchFound = keywords
|
|
253
253
|
.find((keyword) => {
|
|
254
|
-
return responsiveSizeName.
|
|
254
|
+
return responsiveSizeName.includes(keyword);
|
|
255
255
|
});
|
|
256
256
|
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
257
257
|
|
|
@@ -261,10 +261,10 @@ class ResponsiveSizes {
|
|
|
261
261
|
|
|
262
262
|
|
|
263
263
|
|
|
264
|
-
orientationPortrait(
|
|
264
|
+
orientationPortrait(toUpdate) {
|
|
265
265
|
let responsiveSizeNameMatches = this.matchOrientation(
|
|
266
266
|
this.#KEYWORDS_ORIENTATION_PORTRAIT,
|
|
267
|
-
|
|
267
|
+
toUpdate
|
|
268
268
|
);
|
|
269
269
|
|
|
270
270
|
|
|
@@ -273,10 +273,10 @@ class ResponsiveSizes {
|
|
|
273
273
|
|
|
274
274
|
|
|
275
275
|
|
|
276
|
-
orientationLandscape(
|
|
276
|
+
orientationLandscape(toUpdate) {
|
|
277
277
|
let responsiveSizeNameMatches = this.matchOrientation(
|
|
278
278
|
this.#KEYWORDS_ORIENTATION_LANDSCAPE,
|
|
279
|
-
|
|
279
|
+
toUpdate
|
|
280
280
|
);
|
|
281
281
|
|
|
282
282
|
|
|
@@ -285,12 +285,66 @@ class ResponsiveSizes {
|
|
|
285
285
|
|
|
286
286
|
|
|
287
287
|
|
|
288
|
-
|
|
289
|
-
let
|
|
290
|
-
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);
|
|
291
345
|
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
292
346
|
|
|
293
|
-
if (!
|
|
347
|
+
if (!toUpdate && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
294
348
|
return this._responsiveSizesJson;
|
|
295
349
|
}
|
|
296
350
|
let notToUpdate = false;
|
|
@@ -326,9 +380,37 @@ class ResponsiveSizes {
|
|
|
326
380
|
|
|
327
381
|
|
|
328
382
|
|
|
329
|
-
|
|
330
|
-
let
|
|
331
|
-
|
|
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);
|
|
332
414
|
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
333
415
|
|
|
334
416
|
|