@guardian/interactive-component-library 0.8.8 → 0.9.0
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.
|
@@ -48,7 +48,22 @@ export class View {
|
|
|
48
48
|
};
|
|
49
49
|
}, debug?: boolean);
|
|
50
50
|
debug: boolean;
|
|
51
|
-
projection:
|
|
51
|
+
projection: {
|
|
52
|
+
(p: any): number[];
|
|
53
|
+
invert(p: any): number[];
|
|
54
|
+
stream(stream: any): any;
|
|
55
|
+
postclip(_: any, ...args: any[]): any;
|
|
56
|
+
clipExtent(_: any, ...args: any[]): any[][] | any;
|
|
57
|
+
scale(_: any, ...args: any[]): number | any;
|
|
58
|
+
translate(_: any, ...args: any[]): number[] | any;
|
|
59
|
+
angle(_: any, ...args: any[]): number | any;
|
|
60
|
+
reflectX(_: any, ...args: any[]): boolean | any;
|
|
61
|
+
reflectY(_: any, ...args: any[]): boolean | any;
|
|
62
|
+
fitExtent(extent: any, object: any): any;
|
|
63
|
+
fitSize(size: any, object: any): any;
|
|
64
|
+
fitWidth(width: any, object: any): any;
|
|
65
|
+
fitHeight(height: any, object: any): any;
|
|
66
|
+
};
|
|
52
67
|
bounds: GeoBounds;
|
|
53
68
|
extent: Extent;
|
|
54
69
|
minZoom: number;
|
|
@@ -108,8 +123,8 @@ export class View {
|
|
|
108
123
|
* @returns {Extent} - The extent relative to the current viewport
|
|
109
124
|
*/
|
|
110
125
|
projectExtent(extent: Extent): Extent;
|
|
111
|
-
invert(point: any):
|
|
112
|
-
invertBounds(bounds: any):
|
|
126
|
+
invert(point: any): number[];
|
|
127
|
+
invertBounds(bounds: any): number[][];
|
|
113
128
|
getResolution(): number;
|
|
114
129
|
getZoomLevel(): number;
|
|
115
130
|
/**
|
|
@@ -130,7 +145,22 @@ export class View {
|
|
|
130
145
|
getVisibleBounds(transform: ZoomTransform, projection: any): import('./util').GeoBounds;
|
|
131
146
|
getState(): {
|
|
132
147
|
transform: ZoomTransform;
|
|
133
|
-
projection:
|
|
148
|
+
projection: {
|
|
149
|
+
(p: any): number[];
|
|
150
|
+
invert(p: any): number[];
|
|
151
|
+
stream(stream: any): any;
|
|
152
|
+
postclip(_: any, ...args: any[]): any;
|
|
153
|
+
clipExtent(_: any, ...args: any[]): any[][] | any;
|
|
154
|
+
scale(_: any, ...args: any[]): number | any;
|
|
155
|
+
translate(_: any, ...args: any[]): number[] | any;
|
|
156
|
+
angle(_: any, ...args: any[]): number | any;
|
|
157
|
+
reflectX(_: any, ...args: any[]): boolean | any;
|
|
158
|
+
reflectY(_: any, ...args: any[]): boolean | any;
|
|
159
|
+
fitExtent(extent: any, object: any): any;
|
|
160
|
+
fitSize(size: any, object: any): any;
|
|
161
|
+
fitWidth(width: any, object: any): any;
|
|
162
|
+
fitHeight(height: any, object: any): any;
|
|
163
|
+
};
|
|
134
164
|
zoomLevel: any;
|
|
135
165
|
pixelRatio: number;
|
|
136
166
|
padding: {
|
|
@@ -22,7 +22,7 @@ class View {
|
|
|
22
22
|
}, debug = false) {
|
|
23
23
|
this.debug = debug;
|
|
24
24
|
projection.revision = 0;
|
|
25
|
-
this.projection = projection
|
|
25
|
+
this.projection = projection;
|
|
26
26
|
this.bounds = bounds && GeoBounds.convert(bounds);
|
|
27
27
|
this.extent = Extent.convert(extent) || GeoBounds.convert(bounds).toExtent();
|
|
28
28
|
this.minZoom = minZoom;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
const container = "
|
|
2
|
-
const copyColumn = "
|
|
3
|
-
const img = "
|
|
4
|
-
const title = "
|
|
5
|
-
const subtitle = "
|
|
6
|
-
const small = "
|
|
7
|
-
const blurb = "
|
|
8
|
-
const footnote = "
|
|
1
|
+
const container = "_container_15sjw_1";
|
|
2
|
+
const copyColumn = "_copyColumn_15sjw_6";
|
|
3
|
+
const img = "_img_15sjw_10";
|
|
4
|
+
const title = "_title_15sjw_21";
|
|
5
|
+
const subtitle = "_subtitle_15sjw_37";
|
|
6
|
+
const small = "_small_15sjw_47";
|
|
7
|
+
const blurb = "_blurb_15sjw_57";
|
|
8
|
+
const footnote = "_footnote_15sjw_65";
|
|
9
9
|
const defaultStyles = {
|
|
10
10
|
container,
|
|
11
11
|
copyColumn,
|
package/dist/style.css
CHANGED
|
@@ -2284,16 +2284,16 @@ body.android {
|
|
|
2284
2284
|
|
|
2285
2285
|
._bar_1ci1k_10 {
|
|
2286
2286
|
}
|
|
2287
|
-
.
|
|
2287
|
+
._container_15sjw_1 {
|
|
2288
2288
|
font-weight: 700;
|
|
2289
2289
|
display: flex;
|
|
2290
2290
|
}
|
|
2291
2291
|
|
|
2292
|
-
.
|
|
2292
|
+
._copyColumn_15sjw_6 {
|
|
2293
2293
|
display: block;
|
|
2294
2294
|
}
|
|
2295
2295
|
|
|
2296
|
-
.
|
|
2296
|
+
._img_15sjw_10 {
|
|
2297
2297
|
height: 130px;
|
|
2298
2298
|
width: 130px;
|
|
2299
2299
|
border-radius: 50%;
|
|
@@ -2301,9 +2301,10 @@ body.android {
|
|
|
2301
2301
|
margin-top: var(--space-1);
|
|
2302
2302
|
margin-left: var(--space-2);
|
|
2303
2303
|
margin-right: var(--space-1);
|
|
2304
|
+
flex-shrink: 0;
|
|
2304
2305
|
}
|
|
2305
2306
|
|
|
2306
|
-
.
|
|
2307
|
+
._title_15sjw_21 {
|
|
2307
2308
|
font-family: var(--text-headline);
|
|
2308
2309
|
font-size: var(--headline-xsmall);
|
|
2309
2310
|
color: var(--primary-text-color);
|
|
@@ -2319,7 +2320,7 @@ body.android {
|
|
|
2319
2320
|
}
|
|
2320
2321
|
}
|
|
2321
2322
|
|
|
2322
|
-
.
|
|
2323
|
+
._subtitle_15sjw_37 {
|
|
2323
2324
|
font-family: var(--text-headline);
|
|
2324
2325
|
font-size: var(--headline-xsmall);
|
|
2325
2326
|
color: var(--primary-text-color);
|
|
@@ -2329,7 +2330,7 @@ body.android {
|
|
|
2329
2330
|
margin-bottom: 6px;
|
|
2330
2331
|
}
|
|
2331
2332
|
|
|
2332
|
-
.
|
|
2333
|
+
._small_15sjw_47 {
|
|
2333
2334
|
font-family: var(--text-serif);
|
|
2334
2335
|
font-size: var(--body-small);
|
|
2335
2336
|
line-height: var(--body-line-height);
|
|
@@ -2339,7 +2340,7 @@ body.android {
|
|
|
2339
2340
|
margin-top: var(--space-1);
|
|
2340
2341
|
}
|
|
2341
2342
|
|
|
2342
|
-
.
|
|
2343
|
+
._blurb_15sjw_57 {
|
|
2343
2344
|
font-family: var(--text-serif);
|
|
2344
2345
|
font-size: var(--body-small);
|
|
2345
2346
|
line-height: var(--body-line-height);
|
|
@@ -2347,7 +2348,7 @@ body.android {
|
|
|
2347
2348
|
font-weight: 300;
|
|
2348
2349
|
}
|
|
2349
2350
|
|
|
2350
|
-
.
|
|
2351
|
+
._footnote_15sjw_65 {
|
|
2351
2352
|
font-family: var(--text-serif);
|
|
2352
2353
|
font-size: var(--body-small);
|
|
2353
2354
|
line-height: var(--body-line-height);
|