@jaisocx/responsive-sizes 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +27 -0
- package/transpiled/CommonJS/ResponsiveSizes.d.ts +32 -0
- package/transpiled/CommonJS/ResponsiveSizes.d.ts.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizes.js +205 -0
- package/transpiled/CommonJS/ResponsiveSizes.js.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizesConstants.d.ts +34 -0
- package/transpiled/CommonJS/ResponsiveSizesConstants.d.ts.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizesConstants.js +136 -0
- package/transpiled/CommonJS/ResponsiveSizesConstants.js.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizesConstantsCssCleanStart.d.ts +34 -0
- package/transpiled/CommonJS/ResponsiveSizesConstantsCssCleanStart.d.ts.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizesConstantsCssCleanStart.js +136 -0
- package/transpiled/CommonJS/ResponsiveSizesConstantsCssCleanStart.js.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizesInterface.d.ts +21 -0
- package/transpiled/CommonJS/ResponsiveSizesInterface.d.ts.map +1 -0
- package/transpiled/CommonJS/ResponsiveSizesInterface.js +3 -0
- package/transpiled/CommonJS/ResponsiveSizesInterface.js.map +1 -0
- package/transpiled/CommonJS/index.d.ts +5 -0
- package/transpiled/CommonJS/index.d.ts.map +1 -0
- package/transpiled/CommonJS/index.js +10 -0
- package/transpiled/CommonJS/index.js.map +1 -0
- package/transpiled/ESNext/ResponsiveSizes.d.ts +32 -0
- package/transpiled/ESNext/ResponsiveSizes.d.ts.map +1 -0
- package/transpiled/ESNext/ResponsiveSizes.js +195 -0
- package/transpiled/ESNext/ResponsiveSizes.js.map +1 -0
- package/transpiled/ESNext/ResponsiveSizesConstants.d.ts +34 -0
- package/transpiled/ESNext/ResponsiveSizesConstants.d.ts.map +1 -0
- package/transpiled/ESNext/ResponsiveSizesConstants.js +123 -0
- package/transpiled/ESNext/ResponsiveSizesConstants.js.map +1 -0
- package/transpiled/ESNext/ResponsiveSizesConstantsCssCleanStart.d.ts +34 -0
- package/transpiled/ESNext/ResponsiveSizesConstantsCssCleanStart.d.ts.map +1 -0
- package/transpiled/ESNext/ResponsiveSizesConstantsCssCleanStart.js +123 -0
- package/transpiled/ESNext/ResponsiveSizesConstantsCssCleanStart.js.map +1 -0
- package/transpiled/ESNext/ResponsiveSizesInterface.d.ts +21 -0
- package/transpiled/ESNext/ResponsiveSizesInterface.d.ts.map +1 -0
- package/transpiled/ESNext/ResponsiveSizesInterface.js +2 -0
- package/transpiled/ESNext/ResponsiveSizesInterface.js.map +1 -0
- package/transpiled/ESNext/index.d.ts +5 -0
- package/transpiled/ESNext/index.d.ts.map +1 -0
- package/transpiled/ESNext/index.js +4 -0
- package/transpiled/ESNext/index.js.map +1 -0
- package/transpiled/Simple/ResponsiveSizes.js +319 -0
- package/transpiled/Simple/ResponsiveSizesConstants.js +214 -0
- package/transpiled/Simple/ResponsiveSizesConstantsCssCleanStart.js +214 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveSizesConstants.js","sourceRoot":"","sources":["../../src/ResponsiveSizesConstants.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export declare class ResponsiveSizesConstantsCssCleanStart {
|
|
2
|
+
#private;
|
|
3
|
+
getResponsive_size_e02_mobile_xs_portrait_CssCleanStart(): string;
|
|
4
|
+
getResponsive_size_e02_mobile_xs_landscape_CssCleanStart(): string;
|
|
5
|
+
getResponsive_size_e04_mobile_s_portrait_CssCleanStart(): string;
|
|
6
|
+
getResponsive_size_e04_mobile_s_landscape_CssCleanStart(): string;
|
|
7
|
+
getResponsive_size_e06_mobile_sm_portrait_CssCleanStart(): string;
|
|
8
|
+
getResponsive_size_e06_mobile_sm_landscape_CssCleanStart(): string;
|
|
9
|
+
getResponsive_size_e08_mobile_md_portrait_CssCleanStart(): string;
|
|
10
|
+
getResponsive_size_e08_mobile_md_landscape_CssCleanStart(): string;
|
|
11
|
+
getResponsive_size_h03_tablet_sm_portrait_CssCleanStart(): string;
|
|
12
|
+
getResponsive_size_h03_tablet_sm_landscape_CssCleanStart(): string;
|
|
13
|
+
getResponsive_size_h05_tablet_md_portrait_CssCleanStart(): string;
|
|
14
|
+
getResponsive_size_h05_tablet_md_landscape_CssCleanStart(): string;
|
|
15
|
+
getResponsive_size_l03_laptop_sm_portrait_CssCleanStart(): string;
|
|
16
|
+
getResponsive_size_l03_laptop_sm_landscape_CssCleanStart(): string;
|
|
17
|
+
getResponsive_size_l05_laptop_md_portrait_CssCleanStart(): string;
|
|
18
|
+
getResponsive_size_l05_laptop_md_landscape_CssCleanStart(): string;
|
|
19
|
+
getResponsive_size_l07_laptop_lg_portrait_CssCleanStart(): string;
|
|
20
|
+
getResponsive_size_l07_laptop_lg_landscape_CssCleanStart(): string;
|
|
21
|
+
getResponsive_size_s02_desktop_xl_portrait_CssCleanStart(): string;
|
|
22
|
+
getResponsive_size_s02_desktop_xl_landscape_CssCleanStart(): string;
|
|
23
|
+
getResponsive_size_s04_desktop_xxl_portrait_CssCleanStart(): string;
|
|
24
|
+
getResponsive_size_s04_desktop_xxl_landscape_CssCleanStart(): string;
|
|
25
|
+
getResponsive_size_s08_display_qhd_portrait_CssCleanStart(): string;
|
|
26
|
+
getResponsive_size_s08_display_qhd_landscape_CssCleanStart(): string;
|
|
27
|
+
getResponsive_size_t04_tv_4k_portrait_CssCleanStart(): string;
|
|
28
|
+
getResponsive_size_t04_tv_4k_landscape_CssCleanStart(): string;
|
|
29
|
+
getResponsive_size_t08_tv_8k_portrait_CssCleanStart(): string;
|
|
30
|
+
getResponsive_size_t08_tv_8k_landscape_CssCleanStart(): string;
|
|
31
|
+
getResponsive_size_t16_tv_16k_portrait_CssCleanStart(): string;
|
|
32
|
+
getResponsive_size_t16_tv_16k_landscape_CssCleanStart(): string;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=ResponsiveSizesConstantsCssCleanStart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveSizesConstantsCssCleanStart.d.ts","sourceRoot":"","sources":["../../src/ResponsiveSizesConstantsCssCleanStart.ts"],"names":[],"mappings":"AAAA,qBAAa,qCAAqC;;IAmChD,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,sDAAsD,IAAI,MAAM;IAMhE,uDAAuD,IAAI,MAAM;IAMjE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,uDAAuD,IAAI,MAAM;IAMjE,wDAAwD,IAAI,MAAM;IAMlE,wDAAwD,IAAI,MAAM;IAMlE,yDAAyD,IAAI,MAAM;IAMnE,yDAAyD,IAAI,MAAM;IAMnE,0DAA0D,IAAI,MAAM;IAMpE,yDAAyD,IAAI,MAAM;IAMnE,0DAA0D,IAAI,MAAM;IAMpE,mDAAmD,IAAI,MAAM;IAM7D,oDAAoD,IAAI,MAAM;IAM9D,mDAAmD,IAAI,MAAM;IAM7D,oDAAoD,IAAI,MAAM;IAM9D,oDAAoD,IAAI,MAAM;IAM9D,qDAAqD,IAAI,MAAM;CAIhE"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
export class ResponsiveSizesConstantsCssCleanStart {
|
|
2
|
+
#responsive_size_e02_mobile_xs_portrait_CssCleanStart = "responsive_size_e02_mobile_xs_portrait_CssCleanStart";
|
|
3
|
+
#responsive_size_e02_mobile_xs_landscape_CssCleanStart = "responsive_size_e02_mobile_xs_landscape_CssCleanStart";
|
|
4
|
+
#responsive_size_e04_mobile_s_portrait_CssCleanStart = "responsive_size_e04_mobile_s_portrait_CssCleanStart";
|
|
5
|
+
#responsive_size_e04_mobile_s_landscape_CssCleanStart = "responsive_size_e04_mobile_s_landscape_CssCleanStart";
|
|
6
|
+
#responsive_size_e06_mobile_sm_portrait_CssCleanStart = "responsive_size_e06_mobile_sm_portrait_CssCleanStart";
|
|
7
|
+
#responsive_size_e06_mobile_sm_landscape_CssCleanStart = "responsive_size_e06_mobile_sm_landscape_CssCleanStart";
|
|
8
|
+
#responsive_size_e08_mobile_md_portrait_CssCleanStart = "responsive_size_e08_mobile_md_portrait_CssCleanStart";
|
|
9
|
+
#responsive_size_e08_mobile_md_landscape_CssCleanStart = "responsive_size_e08_mobile_md_landscape_CssCleanStart";
|
|
10
|
+
#responsive_size_h03_tablet_sm_portrait_CssCleanStart = "responsive_size_h03_tablet_sm_portrait_CssCleanStart";
|
|
11
|
+
#responsive_size_h03_tablet_sm_landscape_CssCleanStart = "responsive_size_h03_tablet_sm_landscape_CssCleanStart";
|
|
12
|
+
#responsive_size_h05_tablet_md_portrait_CssCleanStart = "responsive_size_h05_tablet_md_portrait_CssCleanStart";
|
|
13
|
+
#responsive_size_h05_tablet_md_landscape_CssCleanStart = "responsive_size_h05_tablet_md_landscape_CssCleanStart";
|
|
14
|
+
#responsive_size_l03_laptop_sm_portrait_CssCleanStart = "responsive_size_l03_laptop_sm_portrait_CssCleanStart";
|
|
15
|
+
#responsive_size_l03_laptop_sm_landscape_CssCleanStart = "responsive_size_l03_laptop_sm_landscape_CssCleanStart";
|
|
16
|
+
#responsive_size_l05_laptop_md_portrait_CssCleanStart = "responsive_size_l05_laptop_md_portrait_CssCleanStart";
|
|
17
|
+
#responsive_size_l05_laptop_md_landscape_CssCleanStart = "responsive_size_l05_laptop_md_landscape_CssCleanStart";
|
|
18
|
+
#responsive_size_l07_laptop_lg_portrait_CssCleanStart = "responsive_size_l07_laptop_lg_portrait_CssCleanStart";
|
|
19
|
+
#responsive_size_l07_laptop_lg_landscape_CssCleanStart = "responsive_size_l07_laptop_lg_landscape_CssCleanStart";
|
|
20
|
+
#responsive_size_s02_desktop_xl_portrait_CssCleanStart = "responsive_size_s02_desktop_xl_portrait_CssCleanStart";
|
|
21
|
+
#responsive_size_s02_desktop_xl_landscape_CssCleanStart = "responsive_size_s02_desktop_xl_landscape_CssCleanStart";
|
|
22
|
+
#responsive_size_s04_desktop_xxl_portrait_CssCleanStart = "responsive_size_s04_desktop_xxl_portrait_CssCleanStart";
|
|
23
|
+
#responsive_size_s04_desktop_xxl_landscape_CssCleanStart = "responsive_size_s04_desktop_xxl_landscape_CssCleanStart";
|
|
24
|
+
#responsive_size_s08_display_qhd_portrait_CssCleanStart = "responsive_size_s08_display_qhd_portrait_CssCleanStart";
|
|
25
|
+
#responsive_size_s08_display_qhd_landscape_CssCleanStart = "responsive_size_s08_display_qhd_landscape_CssCleanStart";
|
|
26
|
+
#responsive_size_t04_tv_4k_portrait_CssCleanStart = "responsive_size_t04_tv_4k_portrait_CssCleanStart";
|
|
27
|
+
#responsive_size_t04_tv_4k_landscape_CssCleanStart = "responsive_size_t04_tv_4k_landscape_CssCleanStart";
|
|
28
|
+
#responsive_size_t08_tv_8k_portrait_CssCleanStart = "responsive_size_t08_tv_8k_portrait_CssCleanStart";
|
|
29
|
+
#responsive_size_t08_tv_8k_landscape_CssCleanStart = "responsive_size_t08_tv_8k_landscape_CssCleanStart";
|
|
30
|
+
#responsive_size_t16_tv_16k_portrait_CssCleanStart = "responsive_size_t16_tv_16k_portrait_CssCleanStart";
|
|
31
|
+
#responsive_size_t16_tv_16k_landscape_CssCleanStart = "responsive_size_t16_tv_16k_landscape_CssCleanStart";
|
|
32
|
+
getResponsive_size_e02_mobile_xs_portrait_CssCleanStart() {
|
|
33
|
+
return this.#responsive_size_e02_mobile_xs_portrait_CssCleanStart;
|
|
34
|
+
}
|
|
35
|
+
getResponsive_size_e02_mobile_xs_landscape_CssCleanStart() {
|
|
36
|
+
return this.#responsive_size_e02_mobile_xs_landscape_CssCleanStart;
|
|
37
|
+
}
|
|
38
|
+
getResponsive_size_e04_mobile_s_portrait_CssCleanStart() {
|
|
39
|
+
return this.#responsive_size_e04_mobile_s_portrait_CssCleanStart;
|
|
40
|
+
}
|
|
41
|
+
getResponsive_size_e04_mobile_s_landscape_CssCleanStart() {
|
|
42
|
+
return this.#responsive_size_e04_mobile_s_landscape_CssCleanStart;
|
|
43
|
+
}
|
|
44
|
+
getResponsive_size_e06_mobile_sm_portrait_CssCleanStart() {
|
|
45
|
+
return this.#responsive_size_e06_mobile_sm_portrait_CssCleanStart;
|
|
46
|
+
}
|
|
47
|
+
getResponsive_size_e06_mobile_sm_landscape_CssCleanStart() {
|
|
48
|
+
return this.#responsive_size_e06_mobile_sm_landscape_CssCleanStart;
|
|
49
|
+
}
|
|
50
|
+
getResponsive_size_e08_mobile_md_portrait_CssCleanStart() {
|
|
51
|
+
return this.#responsive_size_e08_mobile_md_portrait_CssCleanStart;
|
|
52
|
+
}
|
|
53
|
+
getResponsive_size_e08_mobile_md_landscape_CssCleanStart() {
|
|
54
|
+
return this.#responsive_size_e08_mobile_md_landscape_CssCleanStart;
|
|
55
|
+
}
|
|
56
|
+
getResponsive_size_h03_tablet_sm_portrait_CssCleanStart() {
|
|
57
|
+
return this.#responsive_size_h03_tablet_sm_portrait_CssCleanStart;
|
|
58
|
+
}
|
|
59
|
+
getResponsive_size_h03_tablet_sm_landscape_CssCleanStart() {
|
|
60
|
+
return this.#responsive_size_h03_tablet_sm_landscape_CssCleanStart;
|
|
61
|
+
}
|
|
62
|
+
getResponsive_size_h05_tablet_md_portrait_CssCleanStart() {
|
|
63
|
+
return this.#responsive_size_h05_tablet_md_portrait_CssCleanStart;
|
|
64
|
+
}
|
|
65
|
+
getResponsive_size_h05_tablet_md_landscape_CssCleanStart() {
|
|
66
|
+
return this.#responsive_size_h05_tablet_md_landscape_CssCleanStart;
|
|
67
|
+
}
|
|
68
|
+
getResponsive_size_l03_laptop_sm_portrait_CssCleanStart() {
|
|
69
|
+
return this.#responsive_size_l03_laptop_sm_portrait_CssCleanStart;
|
|
70
|
+
}
|
|
71
|
+
getResponsive_size_l03_laptop_sm_landscape_CssCleanStart() {
|
|
72
|
+
return this.#responsive_size_l03_laptop_sm_landscape_CssCleanStart;
|
|
73
|
+
}
|
|
74
|
+
getResponsive_size_l05_laptop_md_portrait_CssCleanStart() {
|
|
75
|
+
return this.#responsive_size_l05_laptop_md_portrait_CssCleanStart;
|
|
76
|
+
}
|
|
77
|
+
getResponsive_size_l05_laptop_md_landscape_CssCleanStart() {
|
|
78
|
+
return this.#responsive_size_l05_laptop_md_landscape_CssCleanStart;
|
|
79
|
+
}
|
|
80
|
+
getResponsive_size_l07_laptop_lg_portrait_CssCleanStart() {
|
|
81
|
+
return this.#responsive_size_l07_laptop_lg_portrait_CssCleanStart;
|
|
82
|
+
}
|
|
83
|
+
getResponsive_size_l07_laptop_lg_landscape_CssCleanStart() {
|
|
84
|
+
return this.#responsive_size_l07_laptop_lg_landscape_CssCleanStart;
|
|
85
|
+
}
|
|
86
|
+
getResponsive_size_s02_desktop_xl_portrait_CssCleanStart() {
|
|
87
|
+
return this.#responsive_size_s02_desktop_xl_portrait_CssCleanStart;
|
|
88
|
+
}
|
|
89
|
+
getResponsive_size_s02_desktop_xl_landscape_CssCleanStart() {
|
|
90
|
+
return this.#responsive_size_s02_desktop_xl_landscape_CssCleanStart;
|
|
91
|
+
}
|
|
92
|
+
getResponsive_size_s04_desktop_xxl_portrait_CssCleanStart() {
|
|
93
|
+
return this.#responsive_size_s04_desktop_xxl_portrait_CssCleanStart;
|
|
94
|
+
}
|
|
95
|
+
getResponsive_size_s04_desktop_xxl_landscape_CssCleanStart() {
|
|
96
|
+
return this.#responsive_size_s04_desktop_xxl_landscape_CssCleanStart;
|
|
97
|
+
}
|
|
98
|
+
getResponsive_size_s08_display_qhd_portrait_CssCleanStart() {
|
|
99
|
+
return this.#responsive_size_s08_display_qhd_portrait_CssCleanStart;
|
|
100
|
+
}
|
|
101
|
+
getResponsive_size_s08_display_qhd_landscape_CssCleanStart() {
|
|
102
|
+
return this.#responsive_size_s08_display_qhd_landscape_CssCleanStart;
|
|
103
|
+
}
|
|
104
|
+
getResponsive_size_t04_tv_4k_portrait_CssCleanStart() {
|
|
105
|
+
return this.#responsive_size_t04_tv_4k_portrait_CssCleanStart;
|
|
106
|
+
}
|
|
107
|
+
getResponsive_size_t04_tv_4k_landscape_CssCleanStart() {
|
|
108
|
+
return this.#responsive_size_t04_tv_4k_landscape_CssCleanStart;
|
|
109
|
+
}
|
|
110
|
+
getResponsive_size_t08_tv_8k_portrait_CssCleanStart() {
|
|
111
|
+
return this.#responsive_size_t08_tv_8k_portrait_CssCleanStart;
|
|
112
|
+
}
|
|
113
|
+
getResponsive_size_t08_tv_8k_landscape_CssCleanStart() {
|
|
114
|
+
return this.#responsive_size_t08_tv_8k_landscape_CssCleanStart;
|
|
115
|
+
}
|
|
116
|
+
getResponsive_size_t16_tv_16k_portrait_CssCleanStart() {
|
|
117
|
+
return this.#responsive_size_t16_tv_16k_portrait_CssCleanStart;
|
|
118
|
+
}
|
|
119
|
+
getResponsive_size_t16_tv_16k_landscape_CssCleanStart() {
|
|
120
|
+
return this.#responsive_size_t16_tv_16k_landscape_CssCleanStart;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
//# sourceMappingURL=ResponsiveSizesConstantsCssCleanStart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveSizesConstantsCssCleanStart.js","sourceRoot":"","sources":["../../src/ResponsiveSizesConstantsCssCleanStart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface ResponsiveSizesInterface {
|
|
2
|
+
getResponsiveSizeConstantName(): string;
|
|
3
|
+
setResponsiveSizeConstantName(name: string): ResponsiveSizesInterface;
|
|
4
|
+
getResponsiveSizeSelector(): string;
|
|
5
|
+
setResponsiveSizeSelector(selector: string): ResponsiveSizesInterface;
|
|
6
|
+
getCssValueByHtmlNode(htmlNode: HTMLElement, cssVariableName: string): string;
|
|
7
|
+
getCssValueBySelector(htmlNodeSelector: string, cssVariableName: string): string;
|
|
8
|
+
getResponsiveSizeName(force: boolean): string;
|
|
9
|
+
getCssVariableArray(force: boolean): string[];
|
|
10
|
+
getResponsiveSizes(force: boolean): object;
|
|
11
|
+
mobilePortrait(force: boolean): boolean;
|
|
12
|
+
mobile(force: boolean): boolean;
|
|
13
|
+
tablet(force: boolean): boolean;
|
|
14
|
+
desktop(force: boolean): boolean;
|
|
15
|
+
matchOrientation(keywords: string[], force: boolean): boolean;
|
|
16
|
+
orientationPortrait(force: boolean): boolean;
|
|
17
|
+
orientationLandscape(force: boolean): boolean;
|
|
18
|
+
toJson(force: boolean): any;
|
|
19
|
+
toString(): string;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=ResponsiveSizesInterface.d.ts.map
|
|
@@ -0,0 +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,CAAE,IAAI,EAAE,MAAM,GAAG,wBAAwB,CAAC;IAEvE,yBAAyB,IAAK,MAAM,CAAC;IACrC,yBAAyB,CAAE,QAAQ,EAAE,MAAM,GAAG,wBAAwB,CAAC;IAEvE,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,CAAE,KAAK,EAAE,OAAO,GAAI,MAAM,CAAC;IAEhD,mBAAmB,CAAE,KAAK,EAAE,OAAO,GAAI,MAAM,EAAE,CAAC;IAEhD,kBAAkB,CAAE,KAAK,EAAE,OAAO,GAAI,MAAM,CAAC;IAE7C,cAAc,CAAE,KAAK,EAAE,OAAO,GAAI,OAAO,CAAC;IAE1C,MAAM,CAAE,KAAK,EAAE,OAAO,GAAI,OAAO,CAAC;IAElC,MAAM,CAAE,KAAK,EAAE,OAAO,GAAI,OAAO,CAAC;IAElC,OAAO,CAAE,KAAK,EAAE,OAAO,GAAI,OAAO,CAAC;IAEnC,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAAE,EAClB,KAAK,EAAE,OAAO,GACb,OAAO,CAAC;IAEX,mBAAmB,CAAE,KAAK,EAAE,OAAO,GAAI,OAAO,CAAC;IAE/C,oBAAoB,CAAE,KAAK,EAAE,OAAO,GAAI,OAAO,CAAC;IAEhD,MAAM,CAAE,KAAK,EAAE,OAAO,GAAI,GAAG,CAAC;IAE9B,QAAQ,IAAI,MAAM,CAAC;CAEpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveSizesInterface.js","sourceRoot":"","sources":["../../src/ResponsiveSizesInterface.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { ResponsiveSizesConstants } from "./ResponsiveSizesConstants.js";
|
|
2
|
+
export { ResponsiveSizesInterface } from "./ResponsiveSizesInterface.js";
|
|
3
|
+
export { ResponsiveSizes } from "./ResponsiveSizes.js";
|
|
4
|
+
export { ResponsiveSizesConstantsCssCleanStart } from "./ResponsiveSizesConstantsCssCleanStart.js";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC"}
|
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
class ResponsiveSizes {
|
|
2
|
+
#KEYWORDS_ORIENTATION_PORTRAIT;
|
|
3
|
+
#KEYWORDS_ORIENTATION_LANDSCAPE;
|
|
4
|
+
#KEYWORD_MOBILE;
|
|
5
|
+
#KEYWORD_TABLET;
|
|
6
|
+
#KEYWORD_DESKTOP;
|
|
7
|
+
#CSS_VARIABLE_NAME;
|
|
8
|
+
#CSS_VARIABLE_NAME__SIZE_FROM;
|
|
9
|
+
#CSS_VARIABLE_NAME__SIZE_TIL;
|
|
10
|
+
#SELECTOR;
|
|
11
|
+
_responsiveSizesConstants;
|
|
12
|
+
_responsiveSizeConstantName;
|
|
13
|
+
_responsiveSizeSelector;
|
|
14
|
+
_responsiveSizeName;
|
|
15
|
+
_responsive_sizes;
|
|
16
|
+
_responsiveSizesJson;
|
|
17
|
+
_cssVariableArray;
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
constructor() {
|
|
22
|
+
this.#KEYWORD_MOBILE = "mobile";
|
|
23
|
+
this.#KEYWORD_TABLET = "tablet";
|
|
24
|
+
this.#KEYWORD_DESKTOP = "desktop";
|
|
25
|
+
this.#CSS_VARIABLE_NAME = "--responsive_size";
|
|
26
|
+
this.#CSS_VARIABLE_NAME__SIZE_FROM = "--responsive_size__min-width";
|
|
27
|
+
this.#CSS_VARIABLE_NAME__SIZE_TIL = "--responsive_size__max-width";
|
|
28
|
+
this.#SELECTOR = "html.workspace";
|
|
29
|
+
this.#KEYWORDS_ORIENTATION_PORTRAIT = [
|
|
30
|
+
"_portrait",
|
|
31
|
+
"_vertical"
|
|
32
|
+
];
|
|
33
|
+
this.#KEYWORDS_ORIENTATION_LANDSCAPE = [
|
|
34
|
+
"_landscape",
|
|
35
|
+
"_horizontal"
|
|
36
|
+
];
|
|
37
|
+
this._responsiveSizesConstants = new ResponsiveSizesConstants();
|
|
38
|
+
this._responsiveSizeConstantName = this.#CSS_VARIABLE_NAME;
|
|
39
|
+
this._responsiveSizeSelector = this.#SELECTOR;
|
|
40
|
+
this._responsiveSizeName = "";
|
|
41
|
+
this._responsive_sizes = new Object();
|
|
42
|
+
this._responsiveSizesJson = new Object();
|
|
43
|
+
this._cssVariableArray = new Array();
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
getResponsiveSizeConstantName() {
|
|
49
|
+
|
|
50
|
+
// from the class SiteToolAutomation_ResponsiveSizesNames
|
|
51
|
+
// in the automatique produced class SiteToolAutomation_ResponsiveSizesNames
|
|
52
|
+
// this variable has to be there too. for now not.
|
|
53
|
+
return this._responsiveSizeConstantName;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
setResponsiveSizeConstantName(name) {
|
|
59
|
+
this._responsiveSizeConstantName = name;
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
return this;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
getResponsiveSizeSelector() {
|
|
68
|
+
return this._responsiveSizeSelector;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
setResponsiveSizeSelector(selector) {
|
|
74
|
+
this._responsiveSizeSelector = selector;
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
return this;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
getCssValueByHtmlNode(htmlNode, cssVariableName) {
|
|
83
|
+
let cssValue = window
|
|
84
|
+
.getComputedStyle(htmlNode)
|
|
85
|
+
.getPropertyValue(cssVariableName);
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
return cssValue;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
getCssValueBySelector(
|
|
94
|
+
htmlNodeSelector,
|
|
95
|
+
cssVariableName
|
|
96
|
+
) {
|
|
97
|
+
let htmlNode = document.querySelector(htmlNodeSelector);
|
|
98
|
+
|
|
99
|
+
if (htmlNode === null) {
|
|
100
|
+
throw new Error("HTML node not found");
|
|
101
|
+
}
|
|
102
|
+
let cssValue = this.getCssValueByHtmlNode(htmlNode, cssVariableName);
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
return cssValue;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
getResponsiveSizeName(force) {
|
|
111
|
+
|
|
112
|
+
if (!force && this._responsiveSizeName.length != 0) {
|
|
113
|
+
return this._responsiveSizeName;
|
|
114
|
+
}
|
|
115
|
+
let cssVariableName = this.getResponsiveSizeConstantName();
|
|
116
|
+
let responsiveSizeName = this.getCssValueBySelector(
|
|
117
|
+
this._responsiveSizeSelector,
|
|
118
|
+
cssVariableName
|
|
119
|
+
);
|
|
120
|
+
this._responsiveSizeName = responsiveSizeName;
|
|
121
|
+
this._cssVariableArray = responsiveSizeName.split("_");
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
return this._responsiveSizeName;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
getCssVariableArray(force) {
|
|
130
|
+
|
|
131
|
+
if (force) {
|
|
132
|
+
this.getResponsiveSizeName(force);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
return this._cssVariableArray;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
getResponsiveSizes(force) {
|
|
142
|
+
let responsiveSizesKeys = Object.keys(this._responsive_sizes);
|
|
143
|
+
|
|
144
|
+
if (!force && responsiveSizesKeys && responsiveSizesKeys.length === 2) {
|
|
145
|
+
return this._responsive_sizes;
|
|
146
|
+
}
|
|
147
|
+
let cssVariable_SizeFrom = this.getCssValueBySelector(
|
|
148
|
+
this._responsiveSizeSelector,
|
|
149
|
+
this.#CSS_VARIABLE_NAME__SIZE_FROM
|
|
150
|
+
);
|
|
151
|
+
let cssVariable_SizeTil = this.getCssValueBySelector(
|
|
152
|
+
this._responsiveSizeSelector,
|
|
153
|
+
this.#CSS_VARIABLE_NAME__SIZE_TIL
|
|
154
|
+
);
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
// @ts-ignore
|
|
158
|
+
this._responsive_sizes["min-width"] = cssVariable_SizeFrom;
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
// @ts-ignore
|
|
162
|
+
this._responsive_sizes["max-width"] = cssVariable_SizeTil;
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
return this._responsive_sizes;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
// one very precise method for the specific case, the fewest pixels dimension when a site is shown.
|
|
170
|
+
mobilePortrait(force) {
|
|
171
|
+
let mobile = this.mobile(force);
|
|
172
|
+
let forceUpdate_false = false;
|
|
173
|
+
let orientationPortrait = this.orientationPortrait(forceUpdate_false);
|
|
174
|
+
let mobileAndPortrait = (mobile && orientationPortrait);
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
return mobileAndPortrait;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
mobile(force) {
|
|
183
|
+
let responsiveSizeName = this.getResponsiveSizeName(force);
|
|
184
|
+
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_MOBILE);
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
return responsiveSizeNameMatches;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
tablet(force) {
|
|
193
|
+
let responsiveSizeName = this.getResponsiveSizeName(force);
|
|
194
|
+
let responsiveSizeNameMatches = responsiveSizeName.includes(this.#KEYWORD_TABLET);
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
return responsiveSizeNameMatches;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
desktop(force) {
|
|
203
|
+
let responsiveSizeName = this.getResponsiveSizeName(force);
|
|
204
|
+
let keywordsDesktopNotMatching = [
|
|
205
|
+
this.#KEYWORD_MOBILE,
|
|
206
|
+
this.#KEYWORD_TABLET
|
|
207
|
+
];
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
// if one of keywords has matched, then this variable has value of datatype string. not undefined.
|
|
211
|
+
let matchMobileOrTabletFound = keywordsDesktopNotMatching
|
|
212
|
+
.find((keyword) => {
|
|
213
|
+
return responsiveSizeName.includes(keyword);
|
|
214
|
+
});
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
// if matchMobileOrTabletFound not undefined, then one of the keywords "mobile" or "tablet" has matched.
|
|
218
|
+
let responsiveSizeNameMatches = (matchMobileOrTabletFound !== undefined);
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
// if responsiveSizeNameMatches === false, means did not match "mobile" or "tablet", then it is a desktop.
|
|
222
|
+
let isResponsiveSizeDesktop = (responsiveSizeNameMatches === false);
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
return isResponsiveSizeDesktop;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
|
|
230
|
+
matchOrientation(keywords, force) {
|
|
231
|
+
let responsiveSizeName = this.getResponsiveSizeName(force);
|
|
232
|
+
let matchFound = keywords
|
|
233
|
+
.find((keyword) => {
|
|
234
|
+
return responsiveSizeName.endsWith(keyword);
|
|
235
|
+
});
|
|
236
|
+
let responsiveSizeNameMatches = (matchFound !== undefined);
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
return responsiveSizeNameMatches;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
orientationPortrait(force) {
|
|
245
|
+
let responsiveSizeNameMatches = this.matchOrientation(
|
|
246
|
+
this.#KEYWORDS_ORIENTATION_PORTRAIT,
|
|
247
|
+
force
|
|
248
|
+
);
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
return responsiveSizeNameMatches;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
orientationLandscape(force) {
|
|
257
|
+
let responsiveSizeNameMatches = this.matchOrientation(
|
|
258
|
+
this.#KEYWORDS_ORIENTATION_LANDSCAPE,
|
|
259
|
+
force
|
|
260
|
+
);
|
|
261
|
+
|
|
262
|
+
|
|
263
|
+
return responsiveSizeNameMatches;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
toJson(force) {
|
|
269
|
+
let responsiveSizeName = this.getResponsiveSizeName(force);
|
|
270
|
+
let responsiveSizes = this.getResponsiveSizes(force);
|
|
271
|
+
let responsiveSizesJsonKeys = Object.keys(this._responsiveSizesJson);
|
|
272
|
+
|
|
273
|
+
if (!force && responsiveSizesJsonKeys && responsiveSizesJsonKeys.length !== 0) {
|
|
274
|
+
return this._responsiveSizesJson;
|
|
275
|
+
}
|
|
276
|
+
let notToUpdate = false;
|
|
277
|
+
let mobile = this.mobile(notToUpdate);
|
|
278
|
+
let tablet = this.tablet(notToUpdate);
|
|
279
|
+
let desktop = this.desktop(notToUpdate);
|
|
280
|
+
let orientationPortrait = this.orientationPortrait(notToUpdate);
|
|
281
|
+
let orientationLandscape = this.orientationLandscape(notToUpdate);
|
|
282
|
+
let labelMobile = this.#KEYWORD_MOBILE;
|
|
283
|
+
let labelTablet = this.#KEYWORD_TABLET;
|
|
284
|
+
let labelDesktop = this.#KEYWORD_DESKTOP;
|
|
285
|
+
|
|
286
|
+
|
|
287
|
+
// this code block sets the shorter labels when viewing on mobile and orientation portrait.
|
|
288
|
+
// let mobilePortrait: boolean = ( mobile && orientationPortrait);
|
|
289
|
+
let labelResponsiveSizeName = "size";
|
|
290
|
+
let labelResponsiveSizes = "responsive_sizes";
|
|
291
|
+
let labelOrientationPortrait = "portrait";
|
|
292
|
+
let labelOrientationLandscape = "landscape";
|
|
293
|
+
this._responsiveSizesJson = {
|
|
294
|
+
[labelResponsiveSizeName]: responsiveSizeName,
|
|
295
|
+
[labelResponsiveSizes]: responsiveSizes,
|
|
296
|
+
[labelMobile]: mobile,
|
|
297
|
+
[labelTablet]: tablet,
|
|
298
|
+
[labelDesktop]: desktop,
|
|
299
|
+
[labelOrientationPortrait]: orientationPortrait,
|
|
300
|
+
[labelOrientationLandscape]: orientationLandscape
|
|
301
|
+
};
|
|
302
|
+
|
|
303
|
+
|
|
304
|
+
return this._responsiveSizesJson;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
|
|
308
|
+
|
|
309
|
+
toString() {
|
|
310
|
+
let force = true;
|
|
311
|
+
let responsiveSizesJson = this.toJson(force);
|
|
312
|
+
let jsonString = JSON.stringify(responsiveSizesJson, null, 2);
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
return jsonString;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
|