ol 10.2.2-dev.1727768316442 → 10.2.2-dev.1727793722519

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol",
-  "version": "10.2.2-dev.1727768316442",
+  "version": "10.2.2-dev.1727793722519",
   "description": "OpenLayers mapping library",
   "keywords": [
     "map",

package/source/TileDebug.d.ts

@@ -43,11 +43,11 @@ export type Options = {
  * each tile. See examples/canvas-tiles for an example.
  * @api
  */
-declare class TileDebug extends XYZ {
+declare class TileDebug extends ImageTile {
     /**
      * @param {Options} [options] Debug tile options.
      */
     constructor(options?: Options | undefined);
 }
-import XYZ from './XYZ.js';
+import ImageTile from './ImageTile.js';
 //# sourceMappingURL=TileDebug.d.ts.map

package/source/TileDebug.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileDebug.d.ts","sourceRoot":"","sources":["TileDebug.js"],"names":[],"mappings":";;;;;iBAUc,OAAO,YAAY,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;AAFjD;;;;;;;;;;;GAWG;AAEH;;;;;;GAMG;AACH;IACE;;OAEG;IACH,2CAkCC;CACF;gBA/De,UAAU"}
+{"version":3,"file":"TileDebug.d.ts","sourceRoot":"","sources":["TileDebug.js"],"names":[],"mappings":";;;;;iBAUc,OAAO,YAAY,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;AAFjD;;;;;;;;;;;GAWG;AAEH;;;;;;GAMG;AACH;IACE;;OAEG;IACH,2CA+BC;CACF;sBA5DqB,gBAAgB"}

package/source/TileDebug.js

@@ -2,9 +2,9 @@
  * @module ol/source/TileDebug
  */
 
-import XYZ from './XYZ.js';
+import ImageTile from './ImageTile.js';
 import {createCanvasContext2D} from '../dom.js';
-import {toSize} from '../size.js';
+import {renderXYZTemplate} from '../uri.js';
 
 /**
  * @typedef {Object} Options
@@ -26,7 +26,7 @@ import {toSize} from '../size.js';
  * each tile. See examples/canvas-tiles for an example.
  * @api
  */
-class TileDebug extends XYZ {
+class TileDebug extends ImageTile {
   /**
    * @param {Options} [options] Debug tile options.
    */
@@ -35,16 +35,16 @@ class TileDebug extends XYZ {
      * @type {Options}
      */
     options = options || {};
+    const template = options.template || 'z:{z} x:{x} y:{y}';
 
     super({
       projection: options.projection,
       tileGrid: options.tileGrid,
       wrapX: options.wrapX !== undefined ? options.wrapX : true,
       zDirection: options.zDirection,
-      url: options.template || 'z:{z} x:{x} y:{y}',
-      tileLoadFunction: (tile, text) => {
-        const z = tile.getTileCoord()[0];
-        const tileSize = toSize(this.tileGrid.getTileSize(z));
+      loader: (z, x, y, loaderOptions) => {
+        const text = renderXYZTemplate(template, z, x, y, loaderOptions.maxY);
+        const tileSize = this.getTileSize(z);
         const context = createCanvasContext2D(tileSize[0], tileSize[1]);
 
         context.strokeStyle = 'grey';
@@ -58,10 +58,7 @@ class TileDebug extends XYZ {
         context.lineWidth = 4;
         context.strokeText(text, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]);
         context.fillText(text, tileSize[0] / 2, tileSize[1] / 2, tileSize[0]);
-
-        /** @type {import("../ImageTile.js").default} */ (tile).setImage(
-          context.canvas,
-        );
+        return context.canvas;
       },
     });
   }

package/util.js

@@ -33,4 +33,4 @@ export function getUid(obj) {
  * OpenLayers version.
  * @type {string}
  */
-export const VERSION = '10.2.2-dev.1727768316442';
+export const VERSION = '10.2.2-dev.1727793722519';