@operato/mini-map 7.1.1 → 8.0.0-alpha.29

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.
@@ -1,17 +1,7 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { css, LitElement } from 'lit';
3
3
  import { customElement, property, state } from 'lit/decorators.js';
4
- // Utility function to get the point from MouseEvent or TouchEvent
5
- function getPoint(e) {
6
- if (e instanceof MouseEvent && e.button === 0) {
7
- return { x: e.clientX, y: e.clientY };
8
- }
9
- else if (e instanceof TouchEvent && e.touches.length === 1) {
10
- const touch = e.touches[0];
11
- return { x: touch.clientX, y: touch.clientY };
12
- }
13
- return undefined;
14
- }
4
+ import { gesture } from '@operato/utils/gesture-mixin.js';
15
5
  /**
16
6
  * Example usage:
17
7
  *
@@ -34,51 +24,57 @@ function getPoint(e) {
34
24
  * </style>
35
25
  * </head>
36
26
  * <body>
37
- * <ox-zoomable-image src="path/to/your/image.jpg"></ox-zoomable-image>
27
+ * <ox-zoomable-image src="path/to/your/image.jpg" restrict-boundary></ox-zoomable-image>
38
28
  * </body>
39
29
  * </html>
40
30
  */
41
- let OxZoomableImage = class OxZoomableImage extends LitElement {
31
+ let OxZoomableImage = class OxZoomableImage extends gesture(LitElement) {
42
32
  constructor() {
43
33
  super(...arguments);
34
+ this.restrictBoundary = false; // Ensure the image stays within bounds
44
35
  this.zoom = 1; // Current zoom level
45
36
  this.left = 0; // Horizontal position
46
37
  this.top = 0; // Vertical position
47
- this.minZoom = 1; // Minimum zoom level
48
38
  this.imageWidth = 0;
49
39
  this.imageHeight = 0;
50
- // Event listeners bound to the component
51
- this.dragEndHandler = this.onDragEnd.bind(this);
52
- this.dragMoveHandler = this.onDragMove.bind(this);
53
- this.dragStartHandler = this.onDragStart.bind(this);
54
- this.wheelEventHandler = this.onWheelEvent.bind(this);
55
- this.resetHandler = this.onReset.bind(this);
40
+ this.pinchHandler = (e) => {
41
+ const { scale, centerX, centerY } = e.detail;
42
+ this.zoomAt(centerX, centerY, scale);
43
+ };
44
+ this.wheelHandler = (e) => {
45
+ // Handle zoom in and out based on mouse wheel events
46
+ e.preventDefault();
47
+ const delta = Math.sign(e.deltaY);
48
+ this.zoomAt(e.clientX, e.clientY, 1 - delta / 20);
49
+ };
50
+ this.dragHandler = (e) => {
51
+ const { deltaX, deltaY } = e.detail;
52
+ this.top += deltaY;
53
+ this.left += deltaX;
54
+ this.updateTransform();
55
+ };
56
+ this.doubleTapHandler = (e) => {
57
+ // Reset zoom and position to initial state
58
+ this.zoom = 1;
59
+ this.left = 0;
60
+ this.top = 0;
61
+ };
56
62
  }
57
63
  connectedCallback() {
58
64
  super.connectedCallback();
59
65
  // Register event listeners for zooming and dragging
60
- this.addEventListener('wheel', this.wheelEventHandler);
61
- this.addEventListener('mousedown', this.dragStartHandler);
62
- this.addEventListener('touchstart', this.dragStartHandler);
63
- this.addEventListener('dblclick', this.resetHandler);
64
- document.addEventListener('mouseup', this.dragEndHandler);
65
- document.addEventListener('touchend', this.dragEndHandler);
66
- document.addEventListener('touchcancel', this.dragEndHandler);
67
- document.addEventListener('mousemove', this.dragMoveHandler);
68
- document.addEventListener('touchmove', this.dragMoveHandler);
66
+ this.addEventListener('pinch', this.pinchHandler);
67
+ this.addEventListener('drag', this.dragHandler);
68
+ this.addEventListener('doubletap', this.doubleTapHandler);
69
+ this.addEventListener('wheel', this.wheelHandler);
69
70
  this.calculateMinZoom(); // Calculate the minimum zoom level based on the image and container size
70
71
  }
71
72
  disconnectedCallback() {
72
73
  // Remove event listeners when the component is disconnected
73
- this.removeEventListener('wheel', this.wheelEventHandler);
74
- this.removeEventListener('mousedown', this.dragStartHandler);
75
- this.removeEventListener('touchstart', this.dragStartHandler);
76
- this.removeEventListener('dblclick', this.resetHandler);
77
- document.removeEventListener('mouseup', this.dragEndHandler);
78
- document.removeEventListener('touchend', this.dragEndHandler);
79
- document.removeEventListener('touchcancel', this.dragEndHandler);
80
- document.removeEventListener('mousemove', this.dragMoveHandler);
81
- document.removeEventListener('touchmove', this.dragMoveHandler);
74
+ this.removeEventListener('pinch', this.pinchHandler);
75
+ this.removeEventListener('drag', this.dragHandler);
76
+ this.removeEventListener('doubletap', this.doubleTapHandler);
77
+ this.removeEventListener('wheel', this.wheelHandler);
82
78
  super.disconnectedCallback();
83
79
  }
84
80
  updated(changes) {
@@ -96,78 +92,31 @@ let OxZoomableImage = class OxZoomableImage extends LitElement {
96
92
  img.onload = () => {
97
93
  this.imageWidth = img.width;
98
94
  this.imageHeight = img.height;
99
- const aspectRatio = img.width / img.height;
100
- const hostAspectRatio = this.offsetWidth / this.offsetHeight;
101
- if (aspectRatio < hostAspectRatio) {
102
- this.minZoom = this.offsetHeight / img.height;
103
- }
104
- else {
105
- this.minZoom = this.offsetWidth / img.width;
106
- }
95
+ console.log(this.imageWidth, this.imageHeight);
107
96
  this.zoom = 1; // this.minZoom
108
97
  this.left = 0; // Center the image
109
98
  this.top = 0; // Center the image
110
99
  this.updateTransform();
111
100
  };
112
101
  }
113
- onWheelEvent(e) {
114
- // Handle zoom in and out based on mouse wheel events
115
- e.preventDefault();
116
- const delta = Math.sign(e.deltaY);
117
- const newZoom = Math.max(1, this.zoom * (1 - delta / 20));
118
- const zoomFactor = newZoom / this.zoom;
119
- const rect = this.getBoundingClientRect();
120
- const offsetX = e.clientX - rect.left - rect.width / 2;
121
- const offsetY = e.clientY - rect.top - rect.height / 2;
122
- // Adjust the position to zoom in/out relative to the center of the client rect
123
- this.left -= offsetX * (zoomFactor - 1);
124
- this.top -= offsetY * (zoomFactor - 1);
125
- this.zoom = newZoom;
126
- this.applyBounds(); // Ensure the image stays within bounds
127
- this.updateTransform(); // Apply the new zoom and position
128
- }
129
- onDragStart(e) {
130
- // Start dragging the image
131
- const point = getPoint(e);
132
- if (point) {
133
- this.dragStart = point;
134
- e.stopPropagation();
135
- }
136
- }
137
- onDragMove(e) {
138
- // Move the image based on drag events
139
- if (!this.dragStart)
140
- return;
141
- const point = getPoint(e);
142
- if (!point)
143
- return;
144
- e.stopPropagation();
145
- e.preventDefault();
146
- const { x, y } = point;
147
- this.left += x - this.dragStart.x;
148
- this.top += y - this.dragStart.y;
149
- this.dragStart = point;
150
- this.applyBounds(); // Ensure the image stays within bounds
151
- this.updateTransform(); // Apply the new position
152
- }
153
- onDragEnd(e) {
154
- // End the drag operation
155
- if (this.dragStart) {
156
- e.stopPropagation();
157
- e.preventDefault();
158
- this.dragStart = undefined;
159
- }
160
- }
161
- onReset(e) {
162
- // Reset zoom and position to initial state
163
- this.zoom = 1;
164
- this.left = 0;
165
- this.top = 0;
166
- this.updateTransform();
102
+ zoomAt(clientX, clientY, scale) {
103
+ const { offsetLeft: left, offsetTop: top, offsetWidth: width, offsetHeight: height } = this;
104
+ const centerX = left + width / 2;
105
+ const centerY = top + height / 2;
106
+ // this.imageWidth
107
+ // this.imageHeight
108
+ const dx = ((centerX - clientX) / width) * 100 * (1 - scale);
109
+ const dy = ((centerY - clientY) / height) * 100 * (1 - scale);
110
+ this.left += dx;
111
+ this.top += dy;
112
+ this.zoom *= scale;
167
113
  }
168
114
  updateTransform() {
115
+ if (this.restrictBoundary) {
116
+ this.applyBounds(); // Ensure the image stays within bounds
117
+ }
169
118
  // Apply the current zoom and position to the image
170
- this.style.setProperty('--image-transform', `scale(${this.zoom}) translate(${this.left}px, ${this.top}px)`);
119
+ this.style.setProperty('--image-transform', `translate(${this.left}px, ${this.top}px) scale(${this.zoom})`);
171
120
  }
172
121
  applyBounds() {
173
122
  // Ensure the image stays within the bounds of the container
@@ -177,19 +126,19 @@ let OxZoomableImage = class OxZoomableImage extends LitElement {
177
126
  const hostAspectRatio = hostHeight / hostWidth;
178
127
  if (aspectRatio < hostAspectRatio) {
179
128
  /* image ratio is wider than host */
180
- var minX = Math.min(0, (-hostWidth * (this.zoom - 1)) / 2 / this.zoom);
129
+ var minX = Math.min(0, (-hostWidth * (1 - this.zoom)) / 2);
181
130
  var maxX = -minX;
182
- var minY = (hostHeight - hostWidth * aspectRatio * this.zoom) / 2 / this.zoom;
131
+ var minY = (hostHeight - hostWidth * aspectRatio * this.zoom) / 2;
183
132
  minY = Math.min(minY, -minY);
184
133
  var maxY = -minY;
185
134
  this.left = Math.max(minX, Math.min(this.left, maxX));
186
135
  this.top = Math.max(minY, Math.min(this.top, maxY));
187
136
  }
188
137
  else {
189
- var minX = (hostWidth - (hostHeight / aspectRatio) * this.zoom) / 2 / this.zoom;
138
+ var minX = (hostWidth - (hostHeight / aspectRatio) * this.zoom) / 2;
190
139
  minX = Math.min(minX, -minX);
191
140
  var maxX = -minX;
192
- var minY = Math.min(0, (-hostHeight * (this.zoom - 1)) / 2 / this.zoom);
141
+ var minY = Math.min(0, (-hostHeight * (1 - this.zoom)) / 2);
193
142
  var maxY = -minY;
194
143
  this.left = Math.max(minX, Math.min(this.left, maxX));
195
144
  this.top = Math.max(minY, Math.min(this.top, maxY));
@@ -204,16 +153,20 @@ OxZoomableImage.styles = css `
204
153
  width: 100%;
205
154
  height: 100%;
206
155
  overflow: hidden;
156
+
157
+ touch-action: none;
207
158
  }
208
159
 
209
160
  :host::before {
210
161
  content: '';
211
162
  display: block;
163
+
212
164
  position: absolute;
213
165
  top: 0;
214
166
  right: 0;
215
167
  width: 100%;
216
168
  height: 100%;
169
+
217
170
  background-image: var(
218
171
  --background-image,
219
172
  linear-gradient(var(--primary-color, lightgray), var(--primary-color, lightgray))
@@ -222,11 +175,16 @@ OxZoomableImage.styles = css `
222
175
  background-repeat: no-repeat;
223
176
  background-position: center;
224
177
  background-size: contain;
178
+
179
+ touch-action: none;
225
180
  }
226
181
  `;
227
182
  __decorate([
228
183
  property({ type: String })
229
184
  ], OxZoomableImage.prototype, "src", void 0);
185
+ __decorate([
186
+ property({ type: Boolean, attribute: 'restrict-boundary' })
187
+ ], OxZoomableImage.prototype, "restrictBoundary", void 0);
230
188
  __decorate([
231
189
  state()
232
190
  ], OxZoomableImage.prototype, "zoom", void 0);
@@ -236,9 +194,6 @@ __decorate([
236
194
  __decorate([
237
195
  state()
238
196
  ], OxZoomableImage.prototype, "top", void 0);
239
- __decorate([
240
- state()
241
- ], OxZoomableImage.prototype, "minZoom", void 0);
242
197
  __decorate([
243
198
  state()
244
199
  ], OxZoomableImage.prototype, "imageWidth", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"ox-zoomable-image.js","sourceRoot":"","sources":["../../src/ox-zoomable-image.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n// Utility function to get the point from MouseEvent or TouchEvent\nfunction getPoint(e: MouseEvent | TouchEvent): { x: number; y: number } | undefined {\n if (e instanceof MouseEvent && e.button === 0) {\n return { x: e.clientX, y: e.clientY }\n } else if (e instanceof TouchEvent && e.touches.length === 1) {\n const touch = e.touches[0]\n return { x: touch.clientX, y: touch.clientY }\n }\n return undefined\n}\n\n/**\n * Example usage:\n *\n * <html>\n * <head>\n * <script type=\"module\" src=\"path/to/ox-zoomable-image.js\"></script>\n * <style>\n * body {\n * margin: 0;\n * overflow: hidden;\n * display: flex;\n * justify-content: center;\n * align-items: center;\n * height: 100vh;\n * }\n * ox-zoomable-image {\n * width: 80%;\n * height: 80%;\n * }\n * </style>\n * </head>\n * <body>\n * <ox-zoomable-image src=\"path/to/your/image.jpg\"></ox-zoomable-image>\n * </body>\n * </html>\n */\n\n@customElement('ox-zoomable-image')\nexport class OxZoomableImage extends LitElement {\n // Define CSS styles for the component\n static styles = css`\n :host {\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n :host::before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n background-image: var(\n --background-image,\n linear-gradient(var(--primary-color, lightgray), var(--primary-color, lightgray))\n );\n transform: var(--image-transform, '');\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n }\n `\n\n @property({ type: String }) src?: string // Source URL for the image\n @state() private zoom = 1 // Current zoom level\n @state() private left = 0 // Horizontal position\n @state() private top = 0 // Vertical position\n @state() private minZoom = 1 // Minimum zoom level\n @state() private imageWidth = 0\n @state() private imageHeight = 0\n\n private dragStart?: { x: number; y: number } // Starting point of drag\n\n // Event listeners bound to the component\n private readonly dragEndHandler = this.onDragEnd.bind(this) as EventListener\n private readonly dragMoveHandler = this.onDragMove.bind(this) as EventListener\n private readonly dragStartHandler = this.onDragStart.bind(this) as EventListener\n private readonly wheelEventHandler = this.onWheelEvent.bind(this) as EventListener\n private readonly resetHandler = this.onReset.bind(this) as EventListener\n\n connectedCallback(): void {\n super.connectedCallback()\n\n // Register event listeners for zooming and dragging\n this.addEventListener('wheel', this.wheelEventHandler)\n this.addEventListener('mousedown', this.dragStartHandler)\n this.addEventListener('touchstart', this.dragStartHandler)\n this.addEventListener('dblclick', this.resetHandler)\n\n document.addEventListener('mouseup', this.dragEndHandler)\n document.addEventListener('touchend', this.dragEndHandler)\n document.addEventListener('touchcancel', this.dragEndHandler)\n document.addEventListener('mousemove', this.dragMoveHandler)\n document.addEventListener('touchmove', this.dragMoveHandler)\n\n this.calculateMinZoom() // Calculate the minimum zoom level based on the image and container size\n }\n\n disconnectedCallback(): void {\n // Remove event listeners when the component is disconnected\n this.removeEventListener('wheel', this.wheelEventHandler)\n this.removeEventListener('mousedown', this.dragStartHandler)\n this.removeEventListener('touchstart', this.dragStartHandler)\n this.removeEventListener('dblclick', this.resetHandler)\n\n document.removeEventListener('mouseup', this.dragEndHandler)\n document.removeEventListener('touchend', this.dragEndHandler)\n document.removeEventListener('touchcancel', this.dragEndHandler)\n document.removeEventListener('mousemove', this.dragMoveHandler)\n document.removeEventListener('touchmove', this.dragMoveHandler)\n\n super.disconnectedCallback()\n }\n\n updated(changes: PropertyValues<this>): void {\n // Update the background image and transform style when properties change\n if (changes.has('src') && this.src) {\n this.style.setProperty('--background-image', `url('${this.src}')`)\n this.calculateMinZoom() // Recalculate the minimum zoom level when the source changes\n }\n this.updateTransform() // Apply the current zoom and position\n }\n\n private calculateMinZoom() {\n // Calculate the minimum zoom level to ensure the image always fills the container\n const img = new Image()\n img.src = this.src || ''\n img.onload = () => {\n this.imageWidth = img.width\n this.imageHeight = img.height\n\n const aspectRatio = img.width / img.height\n const hostAspectRatio = this.offsetWidth / this.offsetHeight\n if (aspectRatio < hostAspectRatio) {\n this.minZoom = this.offsetHeight / img.height\n } else {\n this.minZoom = this.offsetWidth / img.width\n }\n this.zoom = 1 // this.minZoom\n this.left = 0 // Center the image\n this.top = 0 // Center the image\n this.updateTransform()\n }\n }\n\n private onWheelEvent(e: WheelEvent): void {\n // Handle zoom in and out based on mouse wheel events\n e.preventDefault()\n const delta = Math.sign(e.deltaY)\n const newZoom = Math.max(1, this.zoom * (1 - delta / 20))\n const zoomFactor = newZoom / this.zoom\n\n const rect = this.getBoundingClientRect()\n const offsetX = e.clientX - rect.left - rect.width / 2\n const offsetY = e.clientY - rect.top - rect.height / 2\n\n // Adjust the position to zoom in/out relative to the center of the client rect\n this.left -= offsetX * (zoomFactor - 1)\n this.top -= offsetY * (zoomFactor - 1)\n\n this.zoom = newZoom\n this.applyBounds() // Ensure the image stays within bounds\n this.updateTransform() // Apply the new zoom and position\n }\n\n private onDragStart(e: MouseEvent | TouchEvent): void {\n // Start dragging the image\n const point = getPoint(e)\n if (point) {\n this.dragStart = point\n e.stopPropagation()\n }\n }\n\n private onDragMove(e: MouseEvent | TouchEvent): void {\n // Move the image based on drag events\n if (!this.dragStart) return\n\n const point = getPoint(e)\n if (!point) return\n\n e.stopPropagation()\n e.preventDefault()\n\n const { x, y } = point\n this.left += x - this.dragStart.x\n this.top += y - this.dragStart.y\n\n this.dragStart = point\n this.applyBounds() // Ensure the image stays within bounds\n this.updateTransform() // Apply the new position\n }\n\n private onDragEnd(e: Event): void {\n // End the drag operation\n if (this.dragStart) {\n e.stopPropagation()\n e.preventDefault()\n this.dragStart = undefined\n }\n }\n\n private onReset(e: Event): void {\n // Reset zoom and position to initial state\n this.zoom = 1\n this.left = 0\n this.top = 0\n this.updateTransform()\n }\n\n private updateTransform() {\n // Apply the current zoom and position to the image\n this.style.setProperty('--image-transform', `scale(${this.zoom}) translate(${this.left}px, ${this.top}px)`)\n }\n\n private applyBounds() {\n // Ensure the image stays within the bounds of the container\n const hostWidth = this.offsetWidth\n const hostHeight = this.offsetHeight\n\n const aspectRatio = this.imageHeight / this.imageWidth\n const hostAspectRatio = hostHeight / hostWidth\n\n if (aspectRatio < hostAspectRatio) {\n /* image ratio is wider than host */\n var minX = Math.min(0, (-hostWidth * (this.zoom - 1)) / 2 / this.zoom)\n var maxX = -minX\n\n var minY = (hostHeight - hostWidth * aspectRatio * this.zoom) / 2 / this.zoom\n minY = Math.min(minY, -minY)\n var maxY = -minY\n\n this.left = Math.max(minX, Math.min(this.left, maxX))\n this.top = Math.max(minY, Math.min(this.top, maxY))\n } else {\n var minX = (hostWidth - (hostHeight / aspectRatio) * this.zoom) / 2 / this.zoom\n minX = Math.min(minX, -minX)\n var maxX = -minX\n\n var minY = Math.min(0, (-hostHeight * (this.zoom - 1)) / 2 / this.zoom)\n var maxY = -minY\n\n this.left = Math.max(minX, Math.min(this.left, maxX))\n this.top = Math.max(minY, Math.min(this.top, maxY))\n }\n }\n}\n"]}
1
+ {"version":3,"file":"ox-zoomable-image.js","sourceRoot":"","sources":["../../src/ox-zoomable-image.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { gesture, GestureEventDoubleTap, GestureEventDrag, GestureEventPinch } from '@operato/utils/gesture-mixin.js'\n\n/**\n * Example usage:\n *\n * <html>\n * <head>\n * <script type=\"module\" src=\"path/to/ox-zoomable-image.js\"></script>\n * <style>\n * body {\n * margin: 0;\n * overflow: hidden;\n * display: flex;\n * justify-content: center;\n * align-items: center;\n * height: 100vh;\n * }\n * ox-zoomable-image {\n * width: 80%;\n * height: 80%;\n * }\n * </style>\n * </head>\n * <body>\n * <ox-zoomable-image src=\"path/to/your/image.jpg\" restrict-boundary></ox-zoomable-image>\n * </body>\n * </html>\n */\n\n@customElement('ox-zoomable-image')\nexport class OxZoomableImage extends gesture(LitElement) {\n // Define CSS styles for the component\n static styles = css`\n :host {\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n touch-action: none;\n }\n\n :host::before {\n content: '';\n display: block;\n\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n\n background-image: var(\n --background-image,\n linear-gradient(var(--primary-color, lightgray), var(--primary-color, lightgray))\n );\n transform: var(--image-transform, '');\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n\n touch-action: none;\n }\n `\n\n @property({ type: String }) src?: string // Source URL for the image\n @property({ type: Boolean, attribute: 'restrict-boundary' }) restrictBoundary: boolean = false // Ensure the image stays within bounds\n\n @state() private zoom = 1 // Current zoom level\n @state() private left = 0 // Horizontal position\n @state() private top = 0 // Vertical position\n @state() private imageWidth = 0\n @state() private imageHeight = 0\n\n connectedCallback(): void {\n super.connectedCallback()\n\n // Register event listeners for zooming and dragging\n this.addEventListener('pinch', this.pinchHandler as EventListener)\n this.addEventListener('drag', this.dragHandler as EventListener)\n this.addEventListener('doubletap', this.doubleTapHandler as EventListener)\n this.addEventListener('wheel', this.wheelHandler as EventListener)\n\n this.calculateMinZoom() // Calculate the minimum zoom level based on the image and container size\n }\n\n disconnectedCallback(): void {\n // Remove event listeners when the component is disconnected\n this.removeEventListener('pinch', this.pinchHandler as EventListener)\n this.removeEventListener('drag', this.dragHandler as EventListener)\n this.removeEventListener('doubletap', this.doubleTapHandler as EventListener)\n this.removeEventListener('wheel', this.wheelHandler as EventListener)\n\n super.disconnectedCallback()\n }\n\n updated(changes: PropertyValues<this>): void {\n // Update the background image and transform style when properties change\n if (changes.has('src') && this.src) {\n this.style.setProperty('--background-image', `url('${this.src}')`)\n this.calculateMinZoom() // Recalculate the minimum zoom level when the source changes\n }\n\n this.updateTransform() // Apply the current zoom and position\n }\n\n private calculateMinZoom() {\n // Calculate the minimum zoom level to ensure the image always fills the container\n const img = new Image()\n img.src = this.src || ''\n img.onload = () => {\n this.imageWidth = img.width\n this.imageHeight = img.height\n\n console.log(this.imageWidth, this.imageHeight)\n\n this.zoom = 1 // this.minZoom\n this.left = 0 // Center the image\n this.top = 0 // Center the image\n\n this.updateTransform()\n }\n }\n\n private pinchHandler = (e: GestureEventPinch) => {\n const { scale, centerX, centerY } = e.detail\n this.zoomAt(centerX, centerY, scale)\n }\n\n private zoomAt(clientX: number, clientY: number, scale: number) {\n const { offsetLeft: left, offsetTop: top, offsetWidth: width, offsetHeight: height } = this\n\n const centerX = left + width / 2\n const centerY = top + height / 2\n\n // this.imageWidth\n // this.imageHeight\n const dx = ((centerX - clientX) / width) * 100 * (1 - scale)\n const dy = ((centerY - clientY) / height) * 100 * (1 - scale)\n\n this.left += dx\n this.top += dy\n\n this.zoom *= scale\n }\n\n private wheelHandler = (e: WheelEvent): void => {\n // Handle zoom in and out based on mouse wheel events\n e.preventDefault()\n\n const delta = Math.sign(e.deltaY)\n this.zoomAt(e.clientX, e.clientY, 1 - delta / 20)\n }\n\n private dragHandler = (e: GestureEventDrag): void => {\n const { deltaX, deltaY } = e.detail\n\n this.top += deltaY\n this.left += deltaX\n\n this.updateTransform()\n }\n\n private doubleTapHandler = (e: GestureEventDoubleTap): void => {\n // Reset zoom and position to initial state\n this.zoom = 1\n this.left = 0\n this.top = 0\n }\n\n private updateTransform() {\n if (this.restrictBoundary) {\n this.applyBounds() // Ensure the image stays within bounds\n }\n\n // Apply the current zoom and position to the image\n this.style.setProperty('--image-transform', `translate(${this.left}px, ${this.top}px) scale(${this.zoom})`)\n }\n\n private applyBounds() {\n // Ensure the image stays within the bounds of the container\n const hostWidth = this.offsetWidth\n const hostHeight = this.offsetHeight\n\n const aspectRatio = this.imageHeight / this.imageWidth\n const hostAspectRatio = hostHeight / hostWidth\n\n if (aspectRatio < hostAspectRatio) {\n /* image ratio is wider than host */\n var minX = Math.min(0, (-hostWidth * (1 - this.zoom)) / 2)\n var maxX = -minX\n\n var minY = (hostHeight - hostWidth * aspectRatio * this.zoom) / 2\n minY = Math.min(minY, -minY)\n var maxY = -minY\n\n this.left = Math.max(minX, Math.min(this.left, maxX))\n this.top = Math.max(minY, Math.min(this.top, maxY))\n } else {\n var minX = (hostWidth - (hostHeight / aspectRatio) * this.zoom) / 2\n minX = Math.min(minX, -minX)\n var maxX = -minX\n\n var minY = Math.min(0, (-hostHeight * (1 - this.zoom)) / 2)\n var maxY = -minY\n\n this.left = Math.max(minX, Math.min(this.left, maxX))\n this.top = Math.max(minY, Math.min(this.top, maxY))\n }\n }\n}\n"]}
@@ -13,6 +13,9 @@ declare const _default: {
13
13
  height: {
14
14
  control: string;
15
15
  };
16
+ restrictBoundary: {
17
+ control: string;
18
+ };
16
19
  };
17
20
  };
18
21
  export default _default;
@@ -25,6 +28,7 @@ interface OxZoomableImageProps {
25
28
  src: string;
26
29
  width: number;
27
30
  height: number;
31
+ restrictBoundary: boolean;
28
32
  }
29
33
  export declare const Default: Story<OxZoomableImageProps>;
30
34
  export declare const Wide: Story<OxZoomableImageProps>;
@@ -6,10 +6,11 @@ export default {
6
6
  argTypes: {
7
7
  src: { control: 'text' },
8
8
  width: { control: 'number' },
9
- height: { control: 'number' }
9
+ height: { control: 'number' },
10
+ restrictBoundary: { control: 'boolean' }
10
11
  }
11
12
  };
12
- const Template = ({ src, width, height }) => html `
13
+ const Template = ({ src, width, height, restrictBoundary }) => html `
13
14
  <style>
14
15
  ox-zoomable-image {
15
16
  width: ${width}px;
@@ -19,24 +20,27 @@ const Template = ({ src, width, height }) => html `
19
20
  margin: 100px;
20
21
  }
21
22
  </style>
22
- <ox-zoomable-image src=${src}></ox-zoomable-image>
23
+ <ox-zoomable-image src=${src} ?restrict-boundary=${restrictBoundary}></ox-zoomable-image>
23
24
  `;
24
25
  export const Default = Template.bind({});
25
26
  Default.args = {
26
27
  src: 'https://via.placeholder.com/800x600.png', // 기본 이미지 URL을 실제 경로로 변경하세요.
27
28
  width: 400,
28
- height: 600
29
+ height: 600,
30
+ restrictBoundary: true
29
31
  };
30
32
  export const Wide = Template.bind({});
31
33
  Wide.args = {
32
34
  src: 'https://via.placeholder.com/800x600.png', // 기본 이미지 URL을 실제 경로로 변경하세요.
33
35
  width: 600,
34
- height: 300
36
+ height: 300,
37
+ restrictBoundary: true
35
38
  };
36
39
  export const CustomImage = Template.bind({});
37
40
  CustomImage.args = {
38
41
  src: 'https://via.placeholder.com/1200x800.png', // 다른 테스트 이미지 URL을 실제 경로로 변경하세요.
39
42
  width: 400,
40
- height: 600
43
+ height: 600,
44
+ restrictBoundary: true
41
45
  };
42
46
  //# sourceMappingURL=ox-zoomable-image.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ox-zoomable-image.stories.js","sourceRoot":"","sources":["../../stories/ox-zoomable-image.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAA;AAC/C,OAAO,0BAA0B,CAAA,CAAC,oBAAoB;AAEtD,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACxB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,MAAM,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC9B;CACF,CAAA;AAcD,MAAM,QAAQ,GAAgC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;;eAGrF,KAAK;gBACJ,MAAM;;;;;;2BAMK,GAAG;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,yCAAyC,EAAE,4BAA4B;IAC5E,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,IAAI,CAAC,IAAI,GAAG;IACV,GAAG,EAAE,yCAAyC,EAAE,4BAA4B;IAC5E,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,GAAG,EAAE,0CAA0C,EAAE,gCAAgC;IACjF,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;CACZ,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit-html'\nimport '../src/ox-zoomable-image' // 경로를 실제 경로로 변경하세요.\n\nexport default {\n title: 'OxZoomableImage',\n component: 'ox-zoomable-image',\n argTypes: {\n src: { control: 'text' },\n width: { control: 'number' },\n height: { control: 'number' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface OxZoomableImageProps {\n src: string\n width: number\n height: number\n}\n\nconst Template: Story<OxZoomableImageProps> = ({ src, width, height }: OxZoomableImageProps) => html`\n <style>\n ox-zoomable-image {\n width: ${width}px;\n height: ${height}px;\n background-color: red;\n padding: 0;\n margin: 100px;\n }\n </style>\n <ox-zoomable-image src=${src}></ox-zoomable-image>\n`\n\nexport const Default = Template.bind({})\nDefault.args = {\n src: 'https://via.placeholder.com/800x600.png', // 기본 이미지 URL을 실제 경로로 변경하세요.\n width: 400,\n height: 600\n}\n\nexport const Wide = Template.bind({})\nWide.args = {\n src: 'https://via.placeholder.com/800x600.png', // 기본 이미지 URL을 실제 경로로 변경하세요.\n width: 600,\n height: 300\n}\n\nexport const CustomImage = Template.bind({})\nCustomImage.args = {\n src: 'https://via.placeholder.com/1200x800.png', // 다른 테스트 이미지 URL을 실제 경로로 변경하세요.\n width: 400,\n height: 600\n}\n"]}
1
+ {"version":3,"file":"ox-zoomable-image.stories.js","sourceRoot":"","sources":["../../stories/ox-zoomable-image.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAA;AAC/C,OAAO,0BAA0B,CAAA,CAAC,oBAAoB;AAEtD,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACxB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC5B,MAAM,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC7B,gBAAgB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACzC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAgC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAwB,EAAE,EAAE,CAAC,IAAI,CAAA;;;eAGvG,KAAK;gBACJ,MAAM;;;;;;2BAMK,GAAG,uBAAuB,gBAAgB;CACpE,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,yCAAyC,EAAE,4BAA4B;IAC5E,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,gBAAgB,EAAE,IAAI;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,IAAI,CAAC,IAAI,GAAG;IACV,GAAG,EAAE,yCAAyC,EAAE,4BAA4B;IAC5E,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,gBAAgB,EAAE,IAAI;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,GAAG,EAAE,0CAA0C,EAAE,gCAAgC;IACjF,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,gBAAgB,EAAE,IAAI;CACvB,CAAA","sourcesContent":["import { html, TemplateResult } from 'lit-html'\nimport '../src/ox-zoomable-image' // 경로를 실제 경로로 변경하세요.\n\nexport default {\n title: 'OxZoomableImage',\n component: 'ox-zoomable-image',\n argTypes: {\n src: { control: 'text' },\n width: { control: 'number' },\n height: { control: 'number' },\n restrictBoundary: { control: 'boolean' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface OxZoomableImageProps {\n src: string\n width: number\n height: number\n restrictBoundary: boolean\n}\n\nconst Template: Story<OxZoomableImageProps> = ({ src, width, height, restrictBoundary }: OxZoomableImageProps) => html`\n <style>\n ox-zoomable-image {\n width: ${width}px;\n height: ${height}px;\n background-color: red;\n padding: 0;\n margin: 100px;\n }\n </style>\n <ox-zoomable-image src=${src} ?restrict-boundary=${restrictBoundary}></ox-zoomable-image>\n`\n\nexport const Default = Template.bind({})\nDefault.args = {\n src: 'https://via.placeholder.com/800x600.png', // 기본 이미지 URL을 실제 경로로 변경하세요.\n width: 400,\n height: 600,\n restrictBoundary: true\n}\n\nexport const Wide = Template.bind({})\nWide.args = {\n src: 'https://via.placeholder.com/800x600.png', // 기본 이미지 URL을 실제 경로로 변경하세요.\n width: 600,\n height: 300,\n restrictBoundary: true\n}\n\nexport const CustomImage = Template.bind({})\nCustomImage.args = {\n src: 'https://via.placeholder.com/1200x800.png', // 다른 테스트 이미지 URL을 실제 경로로 변경하세요.\n width: 400,\n height: 600,\n restrictBoundary: true\n}\n"]}
@@ -1 +1 @@
1
- {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.d.ts","../../../node_modules/lit/decorators.d.ts","../src/ox-mini-map.ts","../src/ox-zoomable-image.ts","../stories/ox-mini-map.stories.ts","../stories/ox-zoomable-image.stories.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/buffer/index.d.ts","../../../node_modules/undici-types/header.d.ts","../../../node_modules/undici-types/readable.d.ts","../../../node_modules/undici-types/file.d.ts","../../../node_modules/undici-types/fetch.d.ts","../../../node_modules/undici-types/formdata.d.ts","../../../node_modules/undici-types/connector.d.ts","../../../node_modules/undici-types/client.d.ts","../../../node_modules/undici-types/errors.d.ts","../../../node_modules/undici-types/dispatcher.d.ts","../../../node_modules/undici-types/global-dispatcher.d.ts","../../../node_modules/undici-types/global-origin.d.ts","../../../node_modules/undici-types/pool-stats.d.ts","../../../node_modules/undici-types/pool.d.ts","../../../node_modules/undici-types/handlers.d.ts","../../../node_modules/undici-types/balanced-pool.d.ts","../../../node_modules/undici-types/agent.d.ts","../../../node_modules/undici-types/mock-interceptor.d.ts","../../../node_modules/undici-types/mock-agent.d.ts","../../../node_modules/undici-types/mock-client.d.ts","../../../node_modules/undici-types/mock-pool.d.ts","../../../node_modules/undici-types/mock-errors.d.ts","../../../node_modules/undici-types/proxy-agent.d.ts","../../../node_modules/undici-types/env-http-proxy-agent.d.ts","../../../node_modules/undici-types/retry-handler.d.ts","../../../node_modules/undici-types/retry-agent.d.ts","../../../node_modules/undici-types/api.d.ts","../../../node_modules/undici-types/interceptors.d.ts","../../../node_modules/undici-types/util.d.ts","../../../node_modules/undici-types/cookies.d.ts","../../../node_modules/undici-types/patch.d.ts","../../../node_modules/undici-types/websocket.d.ts","../../../node_modules/undici-types/eventsource.d.ts","../../../node_modules/undici-types/filereader.d.ts","../../../node_modules/undici-types/diagnostics-channel.d.ts","../../../node_modules/undici-types/content-type.d.ts","../../../node_modules/undici-types/cache.d.ts","../../../node_modules/undici-types/index.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/sea.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"44e584d4f6444f58791784f1d530875970993129442a847597db702a073ca68c","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4",{"version":"4af6b0c727b7a2896463d512fafd23634229adf69ac7c00e2ae15a09cb084fad","affectsGlobalScope":true},{"version":"6920e1448680767498a0b77c6a00a8e77d14d62c3da8967b171f1ddffa3c18e4","affectsGlobalScope":true},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"bc47685641087c015972a3f072480889f0d6c65515f12bd85222f49a98952ed7","affectsGlobalScope":true},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true},{"version":"ea011c76963fb15ef1cdd7ce6a6808b46322c527de2077b6cfdf23ae6f5f9ec7","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"bb42a7797d996412ecdc5b2787720de477103a0b2e53058569069a0e2bae6c7e","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"b541a838a13f9234aba650a825393ffc2292dc0fc87681a5d81ef0c96d281e7a","affectsGlobalScope":true},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true},{"version":"ae37d6ccd1560b0203ab88d46987393adaaa78c919e51acf32fb82c86502e98c","affectsGlobalScope":true},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"5e07ed3809d48205d5b985642a59f2eba47c402374a7cf8006b686f79efadcbd","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"479553e3779be7d4f68e9f40cdb82d038e5ef7592010100410723ceced22a0f7","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"4a882ffbb4ed09d9b7734f784aebb1dfe488d63725c40759165c5d9c657ca029","e056bb30bf82271634daeee81f772f4a7960085f01f6d4d09c8da1ebe5f6a623","5e30131b6a5587fe666926ad1d9807e733c0a597ed12d682669fcaa331aea576",{"version":"86492a546c3308feaf1dde967afd325c321483b5e96f5fa9e9b6e691dc23fa9e","affectsGlobalScope":true},"00cb63103f9670f8094c238a4a7e252c8b4c06ba371fea5c44add7e41b7247e4","15fe687c59d62741b4494d5e623d497d55eb38966ecf5bea7f36e48fc3fbe15e","43f58358870effc43ba93c92c040dee2285cbd8685ddfa77658e498780727c4e","9a318e3a8900672b85cd3c8c3a5acf51b88049557a3ae897ccdcf2b85a8f61f9","1bcd560deed90a43c51b08aa18f7f55229f2e30974ab5ed1b7bb5721be379013","dc08fe04e50bc24d1baded4f33e942222bbdd5d77d6341a93cfe6e4e4586a3be","cdeae34aca6700620ebf3f27cf7d439c3af97595dd6e2729fa4780483add5680","3ff87ea3471b51beaf4aa8fd8f4422862b11d343fdbb55bf383e0f8cc195a445","1cc188904259bd0985b24d9dc2a160891cb5e94210901466b951716fcdb4ff62","732fb71ecb695d6f36ddcbb72ebfe4ff6b6491d45101a00fa2b75a26b80d640f","039cb05125d7621f8143616c495b8e6b54249c4e64d2754b80ff93867f7f4b01","1b81f1fa82ad30af01ab1cae91ccaddc10c48f5916bbd6d282155e44a65d858d","a0fc7a02a75802678a67000607f20266cf1a49dc0e787967efe514e31b9ed0c3","5ebf098a1d81d400b8af82807cf19893700335cf91a7b9dbd83a5d737af34b11","101cf83ac3f9c5e1a7355a02e4fbe988877ef83c4ebec0ff0f02b2af022254a3","d017e2fcd44b46ca80cd2b592a6314e75f5caab5bda230f0f4a45e964049a43a","a8992b852521a66f63e0cedc6e1f054b28f972232b6fa5ca59771db6a1c8bbea",{"version":"8ec7c5bd11865ecce36db79bc2ee3acd1d1c8639b08a10193d20c924e65c2923","signature":"8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"},{"version":"62397ab26e7a601edbdd5785d87aa89f1affc31115084501d27e4e1560c9fa43","signature":"4b929f685ad45c68f6a68af19ac04a386c54305c333dbfab626357e447db6053"},{"version":"f0984c9c94c10ee5fbc27e781ae00e56805ae3e9bd000ac04818ce8786b85454","signature":"947aa7963125d1eb59991384b5b7f228579deb0dcbea4750a57a797d07e5df67"},{"version":"91b93c5996a18d646f782c6d0b57a6afa47e26289a12dfbfddbfd8e1db546724","signature":"4343ff0249d6e86ab07db4c3fc8f080d98e7d526acc288ecaf009fcaff34dbb4"},"e142fda89ed689ea53d6f2c93693898464c7d29a0ae71c6dc8cdfe5a1d76c775","7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","8e9c23ba78aabc2e0a27033f18737a6df754067731e69dc5f52823957d60a4b6","5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","24bd580b5743dc56402c440dc7f9a4f5d592ad7a419f25414d37a7bfe11e342b","25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","c464d66b20788266e5353b48dc4aa6bc0dc4a707276df1e7152ab0c9ae21fad8","78d0d27c130d35c60b5e5566c9f1e5be77caf39804636bc1a40133919a949f21","c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","1d6e127068ea8e104a912e42fc0a110e2aa5a66a356a917a163e8cf9a65e4a75","5ded6427296cdf3b9542de4471d2aa8d3983671d4cac0f4bf9c637208d1ced43","6bdc71028db658243775263e93a7db2fd2abfce3ca569c3cca5aee6ed5eb186d","cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","0b8a9268adaf4da35e7fa830c8981cfa22adbbe5b3f6f5ab91f6658899e657a7","11396ed8a44c02ab9798b7dca436009f866e8dae3c9c25e8c1fbc396880bf1bb","ba7bc87d01492633cb5a0e5da8a4a42a1c86270e7b3d2dea5d156828a84e4882","4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","c21dc52e277bcfc75fac0436ccb75c204f9e1b3fa5e12729670910639f27343e","13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","ea0148f897b45a76544ae179784c95af1bd6721b8610af9ffa467a518a086a43","24c6a117721e606c9984335f71711877293a9651e44f59f3d21c1ea0856f9cc9","dd3273ead9fbde62a72949c97dbec2247ea08e0c6952e701a483d74ef92d6a17","405822be75ad3e4d162e07439bac80c6bcc6dbae1929e179cf467ec0b9ee4e2e","0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","4d2b0eb911816f66abe4970898f97a2cfc902bcd743cbfa5017fad79f7ef90d8","bd0532fd6556073727d28da0edfd1736417a3f9f394877b6d5ef6ad88fba1d1a","89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","24b8685c62562f5d98615c5a0c1d05f297cf5065f15246edfe99e81ec4c0e011","93507c745e8f29090efb99399c3f77bec07db17acd75634249dc92f961573387","339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","4732aec92b20fb28c5fe9ad99521fb59974289ed1e45aecb282616202184064f","2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","bf67d53d168abc1298888693338cb82854bdb2e69ef83f8a0092093c2d562107",{"version":"b028f7df55fa70e9d8939bba6c57967ee4eea0fc5d1911b52289978818ab10a3","affectsGlobalScope":true},"db3ec8993b7596a4ef47f309c7b25ee2505b519c13050424d9c34701e5973315",{"version":"5a38909344f43b30b74c90623f83f4412344e992f2ff158e3b6d3725af18dc02","affectsGlobalScope":true},"af49b066a76ce26673fe49d1885cc6b44153f1071ed2d952f2a90fccba1095c9","f22fd1dc2df53eaf5ce0ff9e0a3326fc66f880d6a652210d50563ae72625455f",{"version":"3ddbdb519e87a7827c4f0c4007013f3628ca0ebb9e2b018cf31e5b2f61c593f1","affectsGlobalScope":true},"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb",{"version":"6d498d4fd8036ea02a4edcae10375854a0eb1df0496cf0b9d692577d3c0fd603","affectsGlobalScope":true},"24642567d3729bcc545bacb65ee7c0db423400c7f1ef757cab25d05650064f98","fd09b892597ab93e7f79745ce725a3aaf6dd005e8db20f0c63a5d10984cba328","a3be878ff1e1964ab2dc8e0a3b67087cf838731c7f3d8f603337e7b712fdd558","5433f7f77cd1fd53f45bd82445a4e437b2f6a72a32070e907530a4fea56c30c8","9be74296ee565af0c12d7071541fdd23260f53c3da7731fb6361f61150a791f6",{"version":"ee1ee365d88c4c6c0c0a5a5701d66ebc27ccd0bcfcfaa482c6e2e7fe7b98edf7","affectsGlobalScope":true},{"version":"f501a53b94ba382d9ba396a5c486969a3abc68309828fa67f916035f5d37fe2b","affectsGlobalScope":true},"aa658b5d765f630c312ac9202d110bbaf2b82d180376457f0a9d57b42629714a","312ac7cbd070107766a9886fd27f9faad997ef57d93fdfb4095df2c618ac8162","bcfcff784a59db3f323c25cea5ae99a903ca9292c060f2c7e470ea73aaf71b44","672ad3045f329e94002256f8ed460cfd06173a50c92cde41edaadfacffd16808","64da4965d1e0559e134d9c1621ae400279a216f87ed00c4cce4f2c7c78021712","ddbf3aac94f85dbb8e4d0360782e60020da75a0becfc0d3c69e437c645feb30f",{"version":"0166fce1204d520fdfd6b5febb3cda3deee438bcbf8ce9ffeb2b1bcde7155346","affectsGlobalScope":true},"d8b13eab85b532285031b06a971fa051bf0175d8fff68065a24a6da9c1c986cf","50c382ba1827988c59aa9cc9d046e386d55d70f762e9e352e95ee8cb7337cdb8","2178ab4b68402d1de2dda199d3e4a55f7200e3334f5a9727fbd9d16975cdf75f",{"version":"21d7e87f271e72d02f8d167edc902f90b04525edc7918f00f01dd0bd00599f7e","affectsGlobalScope":true},{"version":"6dcdc8592e04b95cee9fce2c82de3613c170e47573c5d2f464787d574a68e5eb","affectsGlobalScope":true},"a215554477f7629e3dcbc8cde104bec036b78673650272f5ffdc5a2cee399a0a","c3497fc242aabfedcd430b5932412f94f157b5906568e737f6a18cc77b36a954","cdc1de3b672f9ef03ff15c443aa1b631edca35b6ae6970a7da6400647ff74d95","139ad1dc93a503da85b7a0d5f615bddbae61ad796bc68fedd049150db67a1e26","bf01fdd3b93cf633b3f7420718457af19c57ab8cbfea49268df60bae2e84d627","15c5e91b5f08be34a78e3d976179bf5b7a9cc28dc0ef1ffebffeb3c7812a2dca","65b39cc6b610a4a4aecc321f6efb436f10c0509d686124795b4c36a5e915b89e","269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","3c1f19c7abcda6b3a4cf9438a15c7307a080bd3b51dfd56b198d9f86baf19447","d3edb86744e2c19f2c1503849ac7594a5e06024f2451bacae032390f2e20314a",{"version":"ea70400f0fe63efb412817f818a4f67afeb9f7edf4c6a320064b8dabe05588d4","affectsGlobalScope":true},{"version":"8a3e61347b8f80aa5af532094498bceb0c0b257b25a6aa8ab4880fd6ed57c95a","affectsGlobalScope":true},"98e00f3613402504bc2a2c9a621800ab48e0a463d1eed062208a4ae98ad8f84c","950f6810f7c80e0cffefcf1bcc6ade3485c94394720e334c3c2be3c16b6922fb","5475df7cfc493a08483c9d7aa61cc04791aecba9d0a2efc213f23c4006d4d3cd","000720870b275764c65e9f28ac97cc9e4d9e4a36942d4750ca8603e416e9c57c",{"version":"54412c70bacb9ed547ed6caae8836f712a83ccf58d94466f3387447ec4e82dc3","affectsGlobalScope":true},{"version":"e74e7b0baa7a24f073080091427d36a75836d584b9393e6ac2b1daf1647fe65a","affectsGlobalScope":true},"4c48e931a72f6971b5add7fdb1136be1d617f124594e94595f7114af749395e0","478eb5c32250678a906d91e0529c70243fc4d75477a08f3da408e2615396f558","e686a88c9ee004c8ba12ffc9d674ca3192a4c50ed0ca6bd5b2825c289e2b2bfe",{"version":"98d547613610452ac9323fb9ec4eafc89acab77644d6e23105b3c94913f712b3","affectsGlobalScope":true},"4423fb3d6abe6eefb8d7f79eb2df9510824a216ec1c6feee46718c9b18e6d89f",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"a42be67ed1ddaec743582f41fc219db96a1b69719fccac6d1464321178d610fc",{"version":"90ebf5865e27d8966ef44b073e6e83b0ddd45058bab1d58b1e4b5a47d36396c4","affectsGlobalScope":true}],"root":[[68,71]],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":true,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[57],[50,57],[50,57,65],[59],[48,49],[72],[113],[114,119,148],[115,120,126,127,134,145,156],[115,116,126,134],[117,157],[118,119,127,135],[119,145,153],[120,122,126,134],[113,121],[122,123],[126],[124,126],[113,126],[126,127,128,145,156],[126,127,128,141,145,148],[111,114,161],[122,126,129,134,145,156],[126,127,129,130,134,145,153,156],[129,131,145,153,156],[72,73,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163],[126,132],[133,156,161],[122,126,134,145],[135],[136],[113,137],[72,73,113,114,115,116,117,118,119,120,121,122,123,124,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162],[139],[140],[126,141,142],[141,143,157,159],[114,126,145,146,147,148],[114,145,147],[145,146],[148],[149],[72,145],[126,151,152],[151,152],[119,134,145,153],[154],[134,155],[114,129,140,156],[119,157],[145,158],[133,159],[160],[114,119,126,128,137,145,156,159,161],[145,162],[50,53],[53],[51,52],[58,59,60,61,62,63,64,65,66],[50,53,54,55],[83,87,156],[83,145,156],[78],[80,83,153,156],[134,153],[164],[78,164],[80,83,134,156],[75,76,79,82,114,126,145,156],[83,90],[75,81],[83,104,105],[79,83,114,148,156,164],[114,164],[104,114,164],[77,78,164],[83],[77,78,79,80,81,82,83,84,85,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,105,106,107,108,109,110],[83,98],[83,90,91],[81,83,91,92],[82],[75,78,83],[83,87,91,92],[87],[81,83,86,156],[75,80,83,90],[114,145],[78,83,104,114,161,164],[47,56,67],[47,56,68],[47,53,69]],"referencedMap":[[58,1],[61,2],[59,2],[63,2],[66,3],[65,2],[64,2],[62,2],[60,4],[50,5],[72,6],[73,6],[113,7],[114,8],[115,9],[116,10],[117,11],[118,12],[119,13],[120,14],[121,15],[122,16],[123,16],[125,17],[124,18],[126,19],[127,20],[128,21],[112,22],[129,23],[130,24],[131,25],[164,26],[132,27],[133,28],[134,29],[135,30],[136,31],[137,32],[138,33],[139,34],[140,35],[141,36],[142,36],[143,37],[145,38],[147,39],[146,40],[148,41],[149,42],[150,43],[151,44],[152,45],[153,46],[154,47],[155,48],[156,49],[157,50],[158,51],[159,52],[160,53],[161,54],[162,55],[54,56],[51,57],[53,58],[67,59],[56,60],[90,61],[100,62],[89,61],[110,63],[81,64],[80,65],[109,66],[103,67],[108,68],[83,69],[97,70],[82,71],[106,72],[78,73],[77,74],[107,75],[79,76],[84,77],[88,77],[111,78],[101,79],[92,80],[93,81],[95,82],[91,83],[94,84],[104,66],[86,85],[87,86],[96,87],[76,88],[99,79],[98,77],[105,89],[68,90],[69,90],[70,91],[71,92]]},"version":"5.5.4"}
1
+ {"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.d.ts","../../../node_modules/lit/decorators.d.ts","../src/ox-mini-map.ts","../../utils/dist/src/mixins/gesture-mixin.d.ts","../src/ox-zoomable-image.ts","../stories/ox-mini-map.stories.ts","../stories/ox-zoomable-image.stories.ts","../../../node_modules/@types/node/ts5.6/globals.typedarray.d.ts","../../../node_modules/@types/node/ts5.6/buffer.buffer.d.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/buffer/index.d.ts","../../../node_modules/undici-types/header.d.ts","../../../node_modules/undici-types/readable.d.ts","../../../node_modules/undici-types/file.d.ts","../../../node_modules/undici-types/fetch.d.ts","../../../node_modules/undici-types/formdata.d.ts","../../../node_modules/undici-types/connector.d.ts","../../../node_modules/undici-types/client.d.ts","../../../node_modules/undici-types/errors.d.ts","../../../node_modules/undici-types/dispatcher.d.ts","../../../node_modules/undici-types/global-dispatcher.d.ts","../../../node_modules/undici-types/global-origin.d.ts","../../../node_modules/undici-types/pool-stats.d.ts","../../../node_modules/undici-types/pool.d.ts","../../../node_modules/undici-types/handlers.d.ts","../../../node_modules/undici-types/balanced-pool.d.ts","../../../node_modules/undici-types/agent.d.ts","../../../node_modules/undici-types/mock-interceptor.d.ts","../../../node_modules/undici-types/mock-agent.d.ts","../../../node_modules/undici-types/mock-client.d.ts","../../../node_modules/undici-types/mock-pool.d.ts","../../../node_modules/undici-types/mock-errors.d.ts","../../../node_modules/undici-types/proxy-agent.d.ts","../../../node_modules/undici-types/env-http-proxy-agent.d.ts","../../../node_modules/undici-types/retry-handler.d.ts","../../../node_modules/undici-types/retry-agent.d.ts","../../../node_modules/undici-types/api.d.ts","../../../node_modules/undici-types/interceptors.d.ts","../../../node_modules/undici-types/util.d.ts","../../../node_modules/undici-types/cookies.d.ts","../../../node_modules/undici-types/patch.d.ts","../../../node_modules/undici-types/websocket.d.ts","../../../node_modules/undici-types/eventsource.d.ts","../../../node_modules/undici-types/filereader.d.ts","../../../node_modules/undici-types/diagnostics-channel.d.ts","../../../node_modules/undici-types/content-type.d.ts","../../../node_modules/undici-types/cache.d.ts","../../../node_modules/undici-types/index.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/sea.d.ts","../../../node_modules/@types/node/sqlite.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/ts5.6/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileIdsList":[[74,117],[57,74,117],[50,57,74,117],[50,57,65,74,117],[59,74,117],[48,49,74,117],[74,75,117],[74,116,117],[74,117,122,152],[74,117,118,123,129,130,137,149,160],[74,117,118,119,129,137],[74,117,120,161],[74,117,121,122,130,138],[74,117,122,149,157],[74,117,123,125,129,137],[74,116,117,124],[74,117,125,126],[74,117,129],[74,117,127,129],[74,116,117,129],[74,117,129,130,131,149,160],[74,117,129,130,131,144,149,152],[74,114,117,165],[74,114,117,125,129,132,137,149,160],[74,117,129,130,132,133,137,149,157,160],[74,117,132,134,149,157,160],[74,117,129,135],[74,117,136,160,165],[74,117,125,129,137,149],[74,117,138],[74,117,139],[74,116,117,140],[74,75,76,116,117,118,119,120,121,122,123,124,125,126,127,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166],[74,117,142],[74,117,143],[74,117,129,144,145],[74,117,144,146,161,163],[74,117,129,149,150,151,152],[74,117,149,151],[74,117,149,150],[74,117,152],[74,117,153],[74,75,117,149],[74,117,129,155,156],[74,117,155,156],[74,117,122,137,149,157],[74,117,158],[117],[73,74,75,76,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167],[74,117,137,159],[74,117,132,143,160],[74,117,122,161],[74,117,149,162],[74,117,136,163],[74,117,164],[74,117,122,129,131,140,149,160,163,165],[74,117,149,166],[50,53,74,117],[53,74,117],[51,52,74,117],[58,59,60,61,62,63,64,65,66,74,117],[50,53,54,55,74,117],[74,86,90,117,160],[74,86,117,149,160],[74,81,117],[74,83,86,117,157,160],[74,117,137,157],[74,117,168],[74,81,117,168],[74,83,86,117,137,160],[74,78,79,82,85,117,129,149,160],[74,86,93,117],[74,78,84,117],[74,86,107,108,117],[74,82,86,117,152,160,168],[74,107,117,168],[74,80,81,117,168],[74,86,117],[74,80,81,82,83,84,85,86,87,88,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,108,109,110,111,112,113,117],[74,86,101,117],[74,86,93,94,117],[74,84,86,94,95,117],[74,85,117],[74,78,81,86,117],[74,86,90,94,95,117],[74,90,117],[74,84,86,89,117,160],[74,78,83,86,93,117],[74,117,149],[74,81,86,107,117,165,168],[47,56,67,74,117],[47,56,67,69,74,117],[47,56,68,74,117],[47,53,70,74,117]],"fileInfos":[{"version":"44e584d4f6444f58791784f1d530875970993129442a847597db702a073ca68c","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"9e8ca8ed051c2697578c023d9c29d6df689a083561feba5c14aedee895853999","affectsGlobalScope":true,"impliedFormat":1},{"version":"6920e1448680767498a0b77c6a00a8e77d14d62c3da8967b171f1ddffa3c18e4","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"45d8ccb3dfd57355eb29749919142d4321a0aa4df6acdfc54e30433d7176600a","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true,"impliedFormat":1},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true,"impliedFormat":1},{"version":"ea011c76963fb15ef1cdd7ce6a6808b46322c527de2077b6cfdf23ae6f5f9ec7","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"1a94697425a99354df73d9c8291e2ecd4dddd370aed4023c2d6dee6cccb32666","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true,"impliedFormat":1},{"version":"e3f9fc0ec0b96a9e642f11eda09c0be83a61c7b336977f8b9fdb1e9788e925fe","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"479553e3779be7d4f68e9f40cdb82d038e5ef7592010100410723ceced22a0f7","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true,"impliedFormat":1},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"4a882ffbb4ed09d9b7734f784aebb1dfe488d63725c40759165c5d9c657ca029","impliedFormat":1},{"version":"e056bb30bf82271634daeee81f772f4a7960085f01f6d4d09c8da1ebe5f6a623","impliedFormat":99},{"version":"5e30131b6a5587fe666926ad1d9807e733c0a597ed12d682669fcaa331aea576","impliedFormat":99},{"version":"86492a546c3308feaf1dde967afd325c321483b5e96f5fa9e9b6e691dc23fa9e","affectsGlobalScope":true,"impliedFormat":99},{"version":"00cb63103f9670f8094c238a4a7e252c8b4c06ba371fea5c44add7e41b7247e4","impliedFormat":99},{"version":"15fe687c59d62741b4494d5e623d497d55eb38966ecf5bea7f36e48fc3fbe15e","impliedFormat":1},{"version":"43f58358870effc43ba93c92c040dee2285cbd8685ddfa77658e498780727c4e","impliedFormat":99},{"version":"9a318e3a8900672b85cd3c8c3a5acf51b88049557a3ae897ccdcf2b85a8f61f9","impliedFormat":99},{"version":"1bcd560deed90a43c51b08aa18f7f55229f2e30974ab5ed1b7bb5721be379013","impliedFormat":99},{"version":"dc08fe04e50bc24d1baded4f33e942222bbdd5d77d6341a93cfe6e4e4586a3be","impliedFormat":99},{"version":"cdeae34aca6700620ebf3f27cf7d439c3af97595dd6e2729fa4780483add5680","impliedFormat":99},{"version":"3ff87ea3471b51beaf4aa8fd8f4422862b11d343fdbb55bf383e0f8cc195a445","impliedFormat":99},{"version":"1cc188904259bd0985b24d9dc2a160891cb5e94210901466b951716fcdb4ff62","impliedFormat":99},{"version":"732fb71ecb695d6f36ddcbb72ebfe4ff6b6491d45101a00fa2b75a26b80d640f","impliedFormat":99},{"version":"039cb05125d7621f8143616c495b8e6b54249c4e64d2754b80ff93867f7f4b01","impliedFormat":99},{"version":"1b81f1fa82ad30af01ab1cae91ccaddc10c48f5916bbd6d282155e44a65d858d","impliedFormat":99},{"version":"a0fc7a02a75802678a67000607f20266cf1a49dc0e787967efe514e31b9ed0c3","impliedFormat":99},{"version":"5ebf098a1d81d400b8af82807cf19893700335cf91a7b9dbd83a5d737af34b11","impliedFormat":99},{"version":"101cf83ac3f9c5e1a7355a02e4fbe988877ef83c4ebec0ff0f02b2af022254a3","impliedFormat":99},{"version":"d017e2fcd44b46ca80cd2b592a6314e75f5caab5bda230f0f4a45e964049a43a","impliedFormat":99},{"version":"a8992b852521a66f63e0cedc6e1f054b28f972232b6fa5ca59771db6a1c8bbea","impliedFormat":99},{"version":"4cb671a6324261ee8952685b0940939f7fa364ae887d6f0708575ef8ba4b0cb1","signature":"8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"},"6671580361f4b4a1867d654635a705282a8dc060a933fc78cbca279b55bbb2a1",{"version":"2c8d956e200e7a049c893a7590959ba3e159ef9f8dcc6d452fcc49524dc6afc7","signature":"a5e4c2e70193ec0b227ef2ef9707657a95211c602c8e99f1702babf471630953"},{"version":"f0984c9c94c10ee5fbc27e781ae00e56805ae3e9bd000ac04818ce8786b85454","signature":"947aa7963125d1eb59991384b5b7f228579deb0dcbea4750a57a797d07e5df67"},{"version":"01931e79c5d96131b4378624b922b45e5c1484aba0bcd3844b6b531c87c6622e","signature":"2b8226b4857258a6f95b812f3e6d151744f11c42d9c5c24200c1bd47b21e04e0"},{"version":"613b21ccdf3be6329d56e6caa13b258c842edf8377be7bc9f014ed14cdcfc308","affectsGlobalScope":true,"impliedFormat":1},{"version":"2d1319e6b5d0efd8c5eae07eb864a00102151e8b9afddd2d45db52e9aae002c4","affectsGlobalScope":true,"impliedFormat":1},{"version":"f6114eb1e8f70ec08816bdaa6ec740a0a7a01f25743e36f655f00157be394374","impliedFormat":1},{"version":"7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","impliedFormat":1},{"version":"8e9c23ba78aabc2e0a27033f18737a6df754067731e69dc5f52823957d60a4b6","impliedFormat":1},{"version":"5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","impliedFormat":1},{"version":"24bd580b5743dc56402c440dc7f9a4f5d592ad7a419f25414d37a7bfe11e342b","impliedFormat":1},{"version":"25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","impliedFormat":1},{"version":"c464d66b20788266e5353b48dc4aa6bc0dc4a707276df1e7152ab0c9ae21fad8","impliedFormat":1},{"version":"78d0d27c130d35c60b5e5566c9f1e5be77caf39804636bc1a40133919a949f21","impliedFormat":1},{"version":"c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","impliedFormat":1},{"version":"1d6e127068ea8e104a912e42fc0a110e2aa5a66a356a917a163e8cf9a65e4a75","impliedFormat":1},{"version":"5ded6427296cdf3b9542de4471d2aa8d3983671d4cac0f4bf9c637208d1ced43","impliedFormat":1},{"version":"6bdc71028db658243775263e93a7db2fd2abfce3ca569c3cca5aee6ed5eb186d","impliedFormat":1},{"version":"cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","impliedFormat":1},{"version":"385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","impliedFormat":1},{"version":"9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","impliedFormat":1},{"version":"0b8a9268adaf4da35e7fa830c8981cfa22adbbe5b3f6f5ab91f6658899e657a7","impliedFormat":1},{"version":"11396ed8a44c02ab9798b7dca436009f866e8dae3c9c25e8c1fbc396880bf1bb","impliedFormat":1},{"version":"ba7bc87d01492633cb5a0e5da8a4a42a1c86270e7b3d2dea5d156828a84e4882","impliedFormat":1},{"version":"4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","impliedFormat":1},{"version":"c21dc52e277bcfc75fac0436ccb75c204f9e1b3fa5e12729670910639f27343e","impliedFormat":1},{"version":"13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","impliedFormat":1},{"version":"9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","impliedFormat":1},{"version":"4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","impliedFormat":1},{"version":"24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","impliedFormat":1},{"version":"ea0148f897b45a76544ae179784c95af1bd6721b8610af9ffa467a518a086a43","impliedFormat":1},{"version":"24c6a117721e606c9984335f71711877293a9651e44f59f3d21c1ea0856f9cc9","impliedFormat":1},{"version":"dd3273ead9fbde62a72949c97dbec2247ea08e0c6952e701a483d74ef92d6a17","impliedFormat":1},{"version":"405822be75ad3e4d162e07439bac80c6bcc6dbae1929e179cf467ec0b9ee4e2e","impliedFormat":1},{"version":"0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","impliedFormat":1},{"version":"4d2b0eb911816f66abe4970898f97a2cfc902bcd743cbfa5017fad79f7ef90d8","impliedFormat":1},{"version":"bd0532fd6556073727d28da0edfd1736417a3f9f394877b6d5ef6ad88fba1d1a","impliedFormat":1},{"version":"89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","impliedFormat":1},{"version":"e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","impliedFormat":1},{"version":"24b8685c62562f5d98615c5a0c1d05f297cf5065f15246edfe99e81ec4c0e011","impliedFormat":1},{"version":"93507c745e8f29090efb99399c3f77bec07db17acd75634249dc92f961573387","impliedFormat":1},{"version":"339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","impliedFormat":1},{"version":"4732aec92b20fb28c5fe9ad99521fb59974289ed1e45aecb282616202184064f","impliedFormat":1},{"version":"2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","impliedFormat":1},{"version":"c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","impliedFormat":1},{"version":"bf67d53d168abc1298888693338cb82854bdb2e69ef83f8a0092093c2d562107","impliedFormat":1},{"version":"bb2cd9339d0201e7e78ccb6ff2f71aac103934bf35eaaa37e139ac2b68af0db8","affectsGlobalScope":true,"impliedFormat":1},{"version":"76103716ba397bbb61f9fa9c9090dca59f39f9047cb1352b2179c5d8e7f4e8d0","impliedFormat":1},{"version":"53eac70430b30089a3a1959d8306b0f9cfaf0de75224b68ef25243e0b5ad1ca3","affectsGlobalScope":true,"impliedFormat":1},{"version":"4314c7a11517e221f7296b46547dbc4df047115b182f544d072bdccffa57fc72","impliedFormat":1},{"version":"115971d64632ea4742b5b115fb64ed04bcaae2c3c342f13d9ba7e3f9ee39c4e7","impliedFormat":1},{"version":"c2510f124c0293ab80b1777c44d80f812b75612f297b9857406468c0f4dafe29","affectsGlobalScope":true,"impliedFormat":1},{"version":"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb","impliedFormat":1},{"version":"46e07db372dd75edc1a26e68f16d1b7ffb34b7ab3db5cdb3e391a3604ad7bb7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"24642567d3729bcc545bacb65ee7c0db423400c7f1ef757cab25d05650064f98","impliedFormat":1},{"version":"e6f5a38687bebe43a4cef426b69d34373ef68be9a6b1538ec0a371e69f309354","impliedFormat":1},{"version":"a6bf63d17324010ca1fbf0389cab83f93389bb0b9a01dc8a346d092f65b3605f","impliedFormat":1},{"version":"e009777bef4b023a999b2e5b9a136ff2cde37dc3f77c744a02840f05b18be8ff","impliedFormat":1},{"version":"1e0d1f8b0adfa0b0330e028c7941b5a98c08b600efe7f14d2d2a00854fb2f393","impliedFormat":1},{"version":"ee1ee365d88c4c6c0c0a5a5701d66ebc27ccd0bcfcfaa482c6e2e7fe7b98edf7","affectsGlobalScope":true,"impliedFormat":1},{"version":"42a872b757f365f61369e869f8403ec1e78b5a85418622801011009a1430d87f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c956ba45704d4a97f7a96923a307a6203bc0e7c4c532930d4c8ca261eaaff32a","impliedFormat":1},{"version":"ab0e88d33ccf15d8b3c891038b5a16094b0dd7e860ab0e2ba08da4384afce02b","impliedFormat":1},{"version":"954580f86c8e2a4abd5dcd1bcdf1a4c7e012495f1c39e058dc738bc93024642a","impliedFormat":1},{"version":"fa56be9b96f747e93b895d8dc2aa4fb9f0816743e6e2abb9d60705e88d4743a2","impliedFormat":1},{"version":"8257c55ff6bff6169142a35fce6811b511d857b4ae4f522cdb6ce20fd2116b2c","impliedFormat":1},{"version":"6d386bc0d7f3afa1d401afc3e00ed6b09205a354a9795196caed937494a713e6","impliedFormat":1},{"version":"3a9e5dddbd6ca9507d0c06a557535ba2224a94a2b0f3e146e8215f93b7e5b3a8","affectsGlobalScope":true,"impliedFormat":1},{"version":"94c4187083503a74f4544503b5a30e2bd7af0032dc739b0c9a7ce87f8bddc7b9","impliedFormat":1},{"version":"b1b6ee0d012aeebe11d776a155d8979730440082797695fc8e2a5c326285678f","impliedFormat":1},{"version":"45875bcae57270aeb3ebc73a5e3fb4c7b9d91d6b045f107c1d8513c28ece71c0","impliedFormat":1},{"version":"3c36ab47df4668254ccc170fc42e7d5116fd86a7e408d8dc220e559837cd2bbb","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f6abdaf8764ef01a552a958f45e795b5e79153b87ddad3af5264b86d2681b72","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f16a7e4deafa527ed9995a772bb380eb7d3c2c0fd4ae178c5263ed18394db2c","impliedFormat":1},{"version":"c6b4e0a02545304935ecbf7de7a8e056a31bb50939b5b321c9d50a405b5a0bba","impliedFormat":1},{"version":"c86b9afa9b39b12db8e877d23b48888d80f26e1fe72a95f58552746a6e1fa4fe","impliedFormat":1},{"version":"e432b0e3761ca9ba734bdd41e19a75fec1454ca8e9769bfdf8b31011854cf06a","impliedFormat":1},{"version":"e1120271ebbc9952fdc7b2dd3e145560e52e06956345e6fdf91d70ca4886464f","impliedFormat":1},{"version":"15c5e91b5f08be34a78e3d976179bf5b7a9cc28dc0ef1ffebffeb3c7812a2dca","impliedFormat":1},{"version":"a8f06c2382a30b7cb89ad2dfc48fc3b2b490f3dafcd839dadc008e4e5d57031d","impliedFormat":1},{"version":"07b9d3b7204d931acc29269c98ac3aac87ebcba6e05141552d42a4c17f895aa4","impliedFormat":1},{"version":"269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","impliedFormat":1},{"version":"93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","impliedFormat":1},{"version":"1425f76ac97ce8617d1e2fa79e9a14e0fd1cfdaa155e13d4e92403a468177bc2","affectsGlobalScope":true,"impliedFormat":1},{"version":"2754d8221d77c7b382096651925eb476f1066b3348da4b73fe71ced7801edada","impliedFormat":1},{"version":"cca97c55398b8699fa3a96ef261b01d200ed2a44d2983586ab1a81d7d7b23cd9","affectsGlobalScope":true,"impliedFormat":1},{"version":"bef91efa0baea5d0e0f0f27b574a8bc100ce62a6d7e70220a0d58af6acab5e89","affectsGlobalScope":true,"impliedFormat":1},{"version":"f59493f68eade5200559e5016b5855f7d12e6381eb6cab9ad8a379af367b3b2d","impliedFormat":1},{"version":"125e3472965f529de239d2bc85b54579fed8e0b060d1d04de6576fb910a6ec7f","impliedFormat":1},{"version":"66ba1b2c3e3a3644a1011cd530fb444a96b1b2dfe2f5e837a002d41a1a799e60","impliedFormat":1},{"version":"7e514f5b852fdbc166b539fdd1f4e9114f29911592a5eb10a94bb3a13ccac3c4","impliedFormat":1},{"version":"18f5c7c4ad71748cffdd42e829398acdfd2d150a887e5f07aae4f2acab68e71b","affectsGlobalScope":true,"impliedFormat":1},{"version":"72ed3074450a4a315063278f046637afdeea90aa72b2292a7976958ceafc344a","affectsGlobalScope":true,"impliedFormat":1},{"version":"a5c09990a37469b0311a92ce8feeb8682e83918723aedbd445bd7a0f510eaaa3","impliedFormat":1},{"version":"6b29aea17044029b257e5bd4e3e4f765cd72b8d3c11c753f363ab92cc3f9f947","impliedFormat":1},{"version":"ac5ed35e649cdd8143131964336ab9076937fa91802ec760b3ea63b59175c10a","impliedFormat":1},{"version":"d008cf1330c86b37a8128265c80795397c287cecff273bc3ce3a4883405f5112","affectsGlobalScope":true,"impliedFormat":1},{"version":"78dc0513cc4f1642906b74dda42146bcbd9df7401717d6e89ea6d72d12ecb539","impliedFormat":1},{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true,"impliedFormat":1},{"version":"f2b6058d3dd78c1b4dafc97083c5d44bdfbf4155194044bd17b8fcca554e766a","impliedFormat":1},{"version":"ed2e21d0d42025b6a09c30fe0923e2ee4f8911f5c41f4ff0525ea0c2fd315e75","affectsGlobalScope":true,"impliedFormat":1}],"root":[68,[70,72]],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":true,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","skipLibCheck":true,"sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"referencedMap":[[48,1],[57,1],[58,2],[61,3],[59,3],[63,3],[66,4],[65,3],[64,3],[62,3],[60,5],[49,1],[50,6],[169,1],[75,7],[76,7],[116,8],[117,9],[118,10],[119,11],[120,12],[121,13],[122,14],[123,15],[124,16],[125,17],[126,17],[128,18],[127,19],[129,20],[130,21],[131,22],[115,23],[167,1],[132,24],[133,25],[134,26],[135,27],[136,28],[137,29],[138,30],[139,31],[140,32],[141,33],[142,34],[143,35],[144,36],[145,36],[146,37],[147,1],[148,1],[149,38],[151,39],[150,40],[152,41],[153,42],[154,43],[155,44],[156,45],[157,46],[158,47],[74,48],[73,1],[168,49],[159,50],[160,51],[161,52],[162,53],[163,54],[164,55],[165,56],[166,57],[52,1],[77,1],[54,58],[51,59],[55,1],[53,60],[67,61],[56,62],[47,1],[45,1],[46,1],[8,1],[10,1],[9,1],[2,1],[11,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[3,1],[19,1],[4,1],[20,1],[24,1],[21,1],[22,1],[23,1],[25,1],[26,1],[27,1],[5,1],[28,1],[29,1],[30,1],[31,1],[6,1],[35,1],[32,1],[33,1],[34,1],[36,1],[7,1],[37,1],[42,1],[43,1],[38,1],[39,1],[40,1],[41,1],[1,1],[44,1],[93,63],[103,64],[92,63],[113,65],[84,66],[83,67],[112,68],[106,69],[111,70],[86,71],[100,72],[85,73],[109,74],[81,75],[80,68],[110,76],[82,77],[87,78],[88,1],[91,78],[78,1],[114,79],[104,80],[95,81],[96,82],[98,83],[94,84],[97,85],[107,68],[89,86],[90,87],[99,88],[79,89],[102,80],[101,78],[105,1],[108,90],[68,91],[70,92],[71,93],[72,94],[69,1]],"version":"5.6.3"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@operato/mini-map",
3
3
  "description": "Webcomponent mini-map following open-wc recommendations",
4
4
  "author": "heartyoh",
5
- "version": "7.1.1",
5
+ "version": "8.0.0-alpha.29",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.js",
8
8
  "license": "MIT",
@@ -80,5 +80,5 @@
80
80
  "prettier --write"
81
81
  ]
82
82
  },
83
- "gitHead": "ae4071a0210106d56dd9b2499400e44b79d93940"
83
+ "gitHead": "f2f91b0c9ba7b29d7eeaca566f8e5875fa554331"
84
84
  }