@expofp/floorplan 3.0.0-alpha.3

package/dist/esm/components/Map/drawing/config/engine-core/types.d.ts

@@ -0,0 +1,39 @@
+import { ImageDef, Rect } from "@expofp/renderer";
+export type VerticesType = {
+    x: number;
+    y: number;
+};
+export type IndicesType = [number, number, number];
+export interface DefOptions {
+    hidden?: boolean;
+    dim?: boolean;
+    interactive?: boolean;
+}
+export type MeshType = {
+    positions: [number, number][];
+    cells: [number, number, number][];
+};
+export type Point = {
+    x: number;
+    y: number;
+};
+export type Line = {
+    p0: Point;
+    p1: Point;
+};
+export type TextLines = [string[], string[]];
+export type FontSizeFactor = {
+    scaleFactor: number;
+    value: number;
+    lines: string[];
+};
+export interface PathInfo {
+    index: number;
+    color: string;
+    unblinking?: boolean;
+}
+export interface ImageDefWithParentBounds {
+    parentRect?: Rect;
+    shape: ImageDef;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/Map/drawing/config/engine-core/types.js

@@ -0,0 +1 @@
+export{};

package/dist/esm/components/Map/drawing/config/engine-core/update-def.d.ts

@@ -0,0 +1,11 @@
+import { Rect, TextDef, TextLineDef } from "@expofp/renderer";
+import { FontSizeFactor } from "./types";
+export declare function updateLinesScale(lines: TextLineDef[], scale: number, fontSizes: [FontSizeFactor[], FontSizeFactor[]], name?: string): boolean;
+export declare function updateTextDefRotation(textDef: TextDef, rotation: number): TextDef;
+export declare function updateRectRotation(rect: Rect, angle: number): Rect;
+export declare function getRotation(newAngle: number, currentRotation: number): number | undefined;
+export declare function shouldFlip(newAngle: number, currentRotation: number): boolean;
+export declare function getAngleDiff(newAngle: number, currentRotation: number, isVertical?: boolean): number | undefined;
+export declare function flipAngle(angle: number): number;
+export declare function getClampedBoundsCanvas(rect: Rect, canvas: HTMLCanvasElement, padding: number, scale: number): Rect;
+//# sourceMappingURL=update-def.d.ts.map

package/dist/esm/components/Map/drawing/config/engine-core/update-def.js

@@ -0,0 +1 @@
+import{Rect as C}from"@expofp/renderer";import{getBounds as D}from"./canvases";export function updateLinesScale(t,e,n,o=""){let a=!1;return t.forEach((i,r)=>{let s=0;n[r].forEach(({value:u,scaleFactor:x})=>{e<x&&(s=u)}),i.fontSize!==s*e&&(a=!0),i.fontSize=s*e}),a}export function updateTextDefRotation(t,e){const n=t.bounds.size;return t.bounds.rotation+=e,t.bounds.size={x:n.y,y:n.x},t}export function updateRectRotation(t,e){const{size:n,center:o,rotation:a}=t;return new C({x:o.x-n.y/2,y:o.y-n.x/2},{x:o.x+n.y/2,y:o.y+n.x/2},a+e)}export function getRotation(t,e){const n=getAngleDiff(t,e);if(Math.abs(n)>Math.PI/4)return Math.sign(n)*Math.PI/2}export function shouldFlip(t,e){const n=getAngleDiff(t,e),o=Math.PI/2;return Math.abs(n)>o+.1}export function getAngleDiff(t,e,n=!1){const o=Math.PI,a=2*o;return((i,r)=>((i-r+o)%a+a)%a-o)(t,e)}export function flipAngle(t){return(t+Math.PI+Math.PI)%(2*Math.PI)-Math.PI}export function getClampedBoundsCanvas(t,e,n,o){const a=e.width,i=e.height,r=t.size,s=t.center,u=t.rotation,x=r.x/a,l=r.x-n*2,y=(r.y-n*2)*.8,g=0,m=l/a,I=y/i,P=Math.min(m,I,x);o=Math.min(Math.max(o,g),P);const z=a*o,b=i*o,c=Math.sin(u),h=Math.cos(u),f=r.x/2-n,p=-r.y/2+n,R=s.x+f*h-p*c,S=s.y+f*c+p*h,M=z/2,d=-b/2,v=M*h-d*c,w=M*c+d*h,A=R-v,B=S-w;return D(A,B,a,i,o,u)}

package/dist/esm/components/Map/drawing/config/engine-core/utils/rotation.d.ts

@@ -0,0 +1,5 @@
+import { ImageDef, Rect } from "@expofp/renderer";
+export declare function isInnerInsideOuter(inner: Rect, outer?: Rect): boolean;
+export declare function flipImageDef(imageDef: ImageDef, angle: number): ImageDef;
+export declare function rotateImageDef(imageDef: ImageDef, angle: number): ImageDef;
+//# sourceMappingURL=rotation.d.ts.map

package/dist/esm/components/Map/drawing/config/engine-core/utils/rotation.js

@@ -0,0 +1 @@
+import{flipAngle as y,getRotation as m,shouldFlip as c}from"../update-def";export function isInnerInsideOuter(n,o){if(!o)return!1;const a=u(n,n.rotation+Math.PI/2),e=u(o),i=Math.min(...e.map(t=>t.x)),r=Math.max(...e.map(t=>t.x)),s=Math.min(...e.map(t=>t.y)),x=Math.max(...e.map(t=>t.y));return a.every(t=>t.x>=i&&t.x<=r&&t.y>=s&&t.y<=x)}function u(n,o=n.rotation){const a=n.size.x/2,e=n.size.y/2,i=Math.sin(o),r=Math.cos(o),s=n.center.x,x=n.center.y;return[{x:-a,y:-e},{x:a,y:-e},{x:a,y:e},{x:-a,y:e}].map(t=>({x:s+t.x*r-t.y*i,y:x+t.x*i+t.y*r}))}export function flipImageDef(n,o){const a=n.bounds.rotation;return c(o,a)&&(n.bounds.rotation=y(n.bounds.rotation)),n}export function rotateImageDef(n,o){const a=m(o,n.bounds.rotation);return a!==void 0&&(n.bounds.rotation=n.bounds.rotation+a),n}

package/dist/esm/components/Map/drawing/config/loadBoothsImages.d.ts

@@ -0,0 +1,12 @@
+import { ImageUrls } from "../../../../utils/loadImagesInBatches";
+import { Img } from "../../../../utils/imageloader";
+import type { Booth } from "../../../../store/BoothStore";
+import type { Layer } from "../../../../store/LayerStore";
+import { SceneDef } from "@expofp/renderer";
+import { MapRenderer } from "../../Map";
+export declare function loadLayersImages(renderer: MapRenderer, scene: SceneDef): Promise<void>;
+export declare const getImageLayerName: (layerName: string) => string;
+export declare function mapBoothsLogos(booths: Booth[]): Map<number, ImageUrls>;
+export declare function getLayerIcons(layer: Layer): SVGImageElement[];
+export declare function createBoothImg(booth: Booth, htmlImage: HTMLImageElement): Img;
+//# sourceMappingURL=loadBoothsImages.d.ts.map

package/dist/esm/components/Map/drawing/config/loadBoothsImages.js

@@ -0,0 +1 @@
+import{getLayerSvg as u}from"../../../../data/svg";import{select as w}from"d3";import{getLogoUrl as y}from"../../../../utils/getLogoUrl";import{flipImageDef as I,isInnerInsideOuter as x,updateRenderer as B}from"./engine-core";import{SEPARATOR as L}from"../../../../constants";import{rotateImageDef as b}from"./engine-core/utils/rotation";export async function loadLayersImages(o,t){const e=performance.now(),r=o.layerImagesHandlers.filter(Boolean);await Promise.all(r.map(async a=>{const n=await a.fn();if(!n)return;const{name:c,children:m}=n,l=g(t.rootLayer.children,c);if(l&&m.length){const f=[];for(const{shape:i,parentRect:d}of n.children){const p=x(i.bounds,d);l.name.includes("Pathway_")||o.rollHandlers.push(p?{fn:h=>b(i,h),name:"imageRotationHandler"}:{fn:h=>I(i,h),name:"imageFlipHandler"}),f.push(i)}l.children.push(...f),B(o,l)}}));const s=+(performance.now()-e).toFixed(2);console.log(`\u{1F4CA} Total loadBoothsImages time: ${s} ms`)}export const getImageLayerName=o=>`${o}${L}images`;export function mapBoothsLogos(o){return new Map(o.map(t=>{const e=t.rect&&t.exhibitors.find(r=>r.logoInBooth&&r.logo);return e?[t.id,{preferred:y(e.logo),fallback:e.logo}]:null}).filter(Boolean))}export function getLayerIcons(o){const t=w(u(o)).select(`[data-layer="${o.name}"]`);return(window.__fpVersion>5?t.selectAll(":scope > image, :scope > g:not([data-layer]) image").nodes():t.selectAll(":scope > g[data-is-editable='false'] image").nodes()).filter(Boolean)}export function createBoothImg(o,t){const e=o.rect,r=e.h?e.w/e.h:1,s=t.height?t.width/t.height:1;let a,n,c;const m=.9;r>s?(n=e.h*m,a=n*s):(a=e.w*m,n=a/s);const l=o.rotate||0;s>=2&&!l&&e.h>=e.w*2?(n=e.w*m,a=n*s,c=-90):c=-l*180/Math.PI,a>e.w&&(a=e.w,n=a/s),n>e.h&&(n=e.h,a=n*s);const f=e.cx-a/2,i=e.cy-n/2;return{name:o.slug,bounds:{x:f,y:i,width:a,height:n,angle:c},htmlImage:t,booth:o}}function g(o,t){for(const e of o){if(e.name===t)return e;if(e.children&&e.children.length>0){const r=g(e.children,t);if(r)return r}}return null}

package/dist/esm/components/Map/drawing/config/route-snapping/index.d.ts

@@ -0,0 +1,5 @@
+export type { SplitRouteResult, RouteSnapResult } from "./types";
+export { splitRouteByPoint } from "./splitRouteByPoint";
+export { snapPositionToRoute, SNAP_THRESHOLD_METERS } from "./snapPositionToRoute";
+export { distancePointToRouteOnLayer, getThresholdFromMetersToSvg, findBoothInRadius, getThresholdSafe } from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Map/drawing/config/route-snapping/index.js

@@ -0,0 +1 @@
+export{splitRouteByPoint}from"./splitRouteByPoint";export{snapPositionToRoute,SNAP_THRESHOLD_METERS}from"./snapPositionToRoute";export{distancePointToRouteOnLayer,getThresholdFromMetersToSvg,findBoothInRadius,getThresholdSafe}from"./utils";

package/dist/esm/components/Map/drawing/config/route-snapping/snapPositionToRoute.d.ts

@@ -0,0 +1,21 @@
+import { RouteLine, RoutePoint } from "../../../../../utils/wayfinding";
+import { CurrentPosition } from "../../../../../store/RouteStore";
+import type { RouteSnapResult } from "./types";
+type Rect = {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+};
+export declare const SNAP_THRESHOLD_METERS = 7.5;
+export type SnapToRouteConfig = {
+    snapThreshold: number;
+    minRemainingUnits?: number;
+    toPoint: RoutePoint;
+    toRect?: Rect;
+    fromPoint?: RoutePoint;
+    fromRect?: Rect;
+};
+export declare function snapPositionToRoute(position: CurrentPosition, routeLines: RouteLine[], config: SnapToRouteConfig): RouteSnapResult;
+export {};
+//# sourceMappingURL=snapPositionToRoute.d.ts.map

package/dist/esm/components/Map/drawing/config/route-snapping/snapPositionToRoute.js

@@ -0,0 +1 @@
+import{RoutePoint as w}from"../../../../../utils/wayfinding";export const SNAP_THRESHOLD_METERS=7.5;function N(n,t){return n.x>=t.x1&&n.x<=t.x2&&n.y>=t.y1&&n.y<=t.y2}function E(n,t){let s=0;for(const e of n){const p=Math.hypot(e.p1.x-e.p0.x,e.p1.y-e.p0.y);if(p!==0){if(s+p>=t){const x=(t-s)/p,c=e.p0.x+(e.p1.x-e.p0.x)*x,u=e.p0.y+(e.p1.y-e.p0.y)*x;return{point:new w(e.p0.layer,c,u),line:e}}s+=p}}const l=n[n.length-1];return{point:new w(l.p0.layer,l.p1.x,l.p1.y),line:l}}export function snapPositionToRoute(n,t,s){const l=t.length;if(!l)return{snapped:!1};const{snapThreshold:e,toPoint:p,minRemainingUnits:x=.5,fromPoint:c,fromRect:u,toRect:F}=s,r=n.z!=null?String(n.z):null;let M=1/0,f=null,d=0,z=r==null;for(let i=0;i<l;i++){const y=t[i],{p0:o,p1:D}=y,P=D.x-o.x,S=D.y-o.y,L=P*P+S*S;if(L===0)continue;const T=Math.sqrt(L);if(r!=null&&String(o.layer)!==r){d+=T;continue}z=!0;const j=((n.x-o.x)*P+(n.y-o.y)*S)/L,g=Math.max(0,Math.min(1,j)),k=o.x+P*g,v=o.y+S*g,I=Math.hypot(n.x-k,n.y-v);I<M&&(M=I,f={segmentIndex:i,t:g,distanceFromPolylineStart:d+T*g}),d+=T}if(r!=null&&!z)return{snapped:!1};const a=d,H=t[0].p0,_=t[l-1].p1,O=Math.hypot(p.x-H.x,p.y-H.y),U=Math.hypot(p.x-_.x,p.y-_.y),h=O<=U,R=Math.min(x,a),q=new w((r??t[0].p0.layer).toString(),n.x,n.y);if(u&&c&&(r==null||String(c.layer)===r)&&N(q,u)){const i=a,y=h?i:a-i,o=E(t,y);return{snapped:!0,snappedPoint:o.point,snappedLine:o.line}}if(F&&(r==null||String(p.layer)===r)&&N(q,F)){const i=R,y=a-i,o=E(t,h?i:y);return{snapped:!0,snappedPoint:o.point,snappedLine:o.line}}if(!f||M>e)return{snapped:!1};let m=h?f.distanceFromPolylineStart:a-f.distanceFromPolylineStart;m<R&&(m=R);const b=a-m,A=E(t,h?m:b);return{snapped:!0,snappedPoint:A.point,snappedLine:A.line}}

package/dist/esm/components/Map/drawing/config/route-snapping/splitRouteByPoint.d.ts

@@ -0,0 +1,6 @@
+import { RouteLine, RoutePoint } from "../../../../../utils/wayfinding";
+export declare function splitRouteByPoint(routeLines: RouteLine[], snapPoint: RoutePoint): {
+    passed: RouteLine[];
+    remaining: RouteLine[];
+};
+//# sourceMappingURL=splitRouteByPoint.d.ts.map

package/dist/esm/components/Map/drawing/config/route-snapping/splitRouteByPoint.js

@@ -0,0 +1 @@
+import{RoutePoint as d}from"../../../../../utils/wayfinding";export function splitRouteByPoint(i,t){let e=-1,s=0,y=1/0;for(let r=0;r<i.length;r++){const p=i[r];if(p.p0.layer!==t.layer)continue;const o=p.p1.x-p.p0.x,a=p.p1.y-p.p0.y,u=o*o+a*a;if(u===0)continue;const c=((t.x-p.p0.x)*o+(t.y-p.p0.y)*a)/u;if(c<-1e-6||c>1+1e-6)continue;const l=Math.min(1,Math.max(0,c)),m=p.p0.x+l*o,g=p.p0.y+l*a,f=(t.x-m)**2+(t.y-g)**2;f<y&&(y=f,e=r,s=l)}if(e===-1)return{passed:[],remaining:i};if(s<1e-6)return{passed:i.slice(0,e),remaining:i.slice(e)};if(s>1-1e-6)return{passed:i.slice(0,e+1),remaining:i.slice(e+1)};const n=i[e],x=new d(n.p0.layer,n.p0.x+s*(n.p1.x-n.p0.x),n.p0.y+s*(n.p1.y-n.p0.y));return{passed:[...i.slice(0,e),{...n,p1:x}],remaining:[{...n,p0:x},...i.slice(e+1)]}}

package/dist/esm/components/Map/drawing/config/route-snapping/types.d.ts

@@ -0,0 +1,18 @@
+import { RouteLine, RoutePoint } from "../../../../../utils/wayfinding";
+export type RouteSnapResult = {
+    snapped: false;
+} | {
+    snapped: true;
+    snappedPoint: RoutePoint;
+    snappedLine: RouteLine;
+};
+export type SplitRouteResult = {
+    snapped: true;
+    passed: RouteLine[];
+    remaining: RouteLine[];
+    splitPoint: RoutePoint;
+} | {
+    snapped: false;
+    remaining: RouteLine[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/Map/drawing/config/route-snapping/types.js

@@ -0,0 +1 @@
+export{};

package/dist/esm/components/Map/drawing/config/route-snapping/utils.d.ts

@@ -0,0 +1,29 @@
+import { RouteLine, RoutePoint } from "../../../../../utils/wayfinding";
+import { Booth } from "../../../../../store/BoothStore";
+export declare function distancePointToRouteOnLayer(point: RoutePoint, lines: RouteLine[]): number;
+export declare function findBoothInRadius<T extends Booth>(position: {
+    x: number;
+    y: number;
+    z?: string | number;
+} | null | undefined, booths: T[] | null | undefined, excludeBooths?: T[], radius?: number): T | null;
+type GpsProjectionConfig = {
+    p0: {
+        x: number;
+        y: number;
+        lat: number;
+        lng: number;
+    };
+    p2: {
+        x: number;
+        y: number;
+        lat: number;
+        lng: number;
+    };
+};
+export declare const getThresholdSafe: (value: number) => number | undefined;
+export declare function getThresholdFromMetersToSvg({ thresholdInMeters, gpsConfig }: {
+    thresholdInMeters?: number;
+    gpsConfig?: GpsProjectionConfig;
+}): number;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/components/Map/drawing/config/route-snapping/utils.js

@@ -0,0 +1 @@
+import{lineLength as S}from"simple-geometry";import{distance as v}from"../../../../../utils/gps";export function distancePointToRouteOnLayer(t,l){let e=1/0;for(const o of l){if(t.layer&&(o.p0.layer!==t.layer||o.p1.layer!==t.layer))continue;const u=T(t.x,t.y,o.p0.x,o.p0.y,o.p1.x,o.p1.y);u<e&&(e=u)}return e}function T(t,l,e,o,u,f){const c=u-e,y=f-o,d=t-e,x=l-o,h=c*c+y*y;if(h===0)return Math.hypot(t-e,l-o);let n=(d*c+x*y)/h;n<0?n=0:n>1&&(n=1);const i=e+n*c,r=o+n*y;return Math.hypot(t-i,l-r)}const b=20;export function findBoothInRadius(t,l,e,o=b){if(!t||!l?.length)return null;const u=t.z?String(t.z):null,f=o*o,c=new Set;e?.forEach(n=>n?.id&&c.add(String(n.id)));function y(n){const i=n?.x1,r=n?.x2,s=n?.y1,a=n?.y2;if(i==null||r===null||r===void 0||s===null||s===void 0||a===null||a===void 0)return null;const p=Math.min(i,r),g=Math.max(i,r),m=Math.min(s,a),M=Math.max(s,a);return{x1:p,x2:g,y1:m,y2:M}}function d(n,i,r){const s=n<r.x1?r.x1-n:n>r.x2?n-r.x2:0,a=i<r.y1?r.y1-i:i>r.y2?i-r.y2:0;return s*s+a*a}let x=null,h=1/0;for(const n of l){const i=!(n.id&&c.has(String(n.id))),r=n.layer?.name??n.layer??null,s=!u||r&&String(r)===u,a=y(n.rect);if(i&&s&&a){const p=d(t.x,t.y,a);p<=f&&p<h&&(h=p,x=n)}}return x}const L=20;export const getThresholdSafe=t=>{if(typeof t=="number"&&Number.isFinite(t))return t};function R(t,l){const{p0:e,p2:o}=l,u=v(e.lat,e.lng,o.lat,o.lng),f=S(e,o);return!u||!f?0:t*(f/u)}export function getThresholdFromMetersToSvg({thresholdInMeters:t,gpsConfig:l}){let e=0;return t&&l&&(e=R(t,l)),e||(e=L),e}

package/dist/esm/components/Map/drawing/painters/BgPainter.d.ts

@@ -0,0 +1,28 @@
+import "../../../../tools/Color";
+import type Painter from "./Painter";
+export default class BgPainter implements Painter {
+    id: string;
+    orderPriority: number;
+    visible: boolean;
+    private readonly gl;
+    private readonly programInfo;
+    private readonly program;
+    private readonly positionLocation;
+    private readonly positionBuffer;
+    private readonly colorLocation;
+    private readonly colorBuffer;
+    private readonly nodimLocation;
+    private readonly nodimBuffer;
+    private positions;
+    private colors;
+    private nodims;
+    private dirty;
+    dim: number;
+    constructor(gl: WebGLRenderingContext);
+    setObjects(positions: number[], colors: number[], nodims: number[]): void;
+    preparePaint(): void;
+    paint(): void;
+    private bufferFloat32Array;
+    private enableBuffer;
+}
+//# sourceMappingURL=BgPainter.d.ts.map

package/dist/esm/components/Map/drawing/painters/BgPainter.js

@@ -0,0 +1,25 @@
+import*as r from"twgl.js";import"../../../../tools/Color";import{dimColor as s}from"./common-glsl";export default class a{id;orderPriority;visible=!0;gl;programInfo;program;positionLocation;positionBuffer;colorLocation;colorBuffer;nodimLocation;nodimBuffer;positions;colors;nodims;dirty=!0;dim=0;constructor(i){if(this.gl=i,this.programInfo=r.createProgramInfo(i,[e,n]),!this.programInfo)throw new Error("Failed to link or compile WebGL program (BgPainter)");this.program=this.programInfo.program,this.positionLocation=i.getAttribLocation(this.program,"a_position"),this.colorLocation=i.getAttribLocation(this.program,"a_color"),this.nodimLocation=i.getAttribLocation(this.program,"a_nodim"),this.positionBuffer=i.createBuffer(),this.colorBuffer=i.createBuffer(),this.nodimBuffer=i.createBuffer()}setObjects(i,o,t){this.dirty=!0,this.positions=i,this.colors=o,this.nodims=t}preparePaint(){this.gl.useProgram(this.program),!(!this.dirty||!this.colors||!this.positions)&&(this.bufferFloat32Array(this.positionBuffer,this.positions),this.bufferFloat32Array(this.colorBuffer,this.colors),this.bufferFloat32Array(this.nodimBuffer,this.nodims),this.dirty=!1)}paint(){if(!this.visible)return;const i=this.gl;if(this.preparePaint(),!this.colors)return;this.enableBuffer(this.colorBuffer,this.colorLocation,4),this.enableBuffer(this.positionBuffer,this.positionLocation,2),this.enableBuffer(this.nodimBuffer,this.nodimLocation,1);const o={u_dim:this.dim};r.setUniforms(this.programInfo,o),i.drawArrays(i.TRIANGLES,0,this.positions.length/2)}bufferFloat32Array(i,o){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,i),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array(o),this.gl.STATIC_DRAW)}enableBuffer(i,o,t){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,i),this.gl.enableVertexAttribArray(o),this.gl.vertexAttribPointer(o,t,this.gl.FLOAT,!1,0,0)}}const e=`attribute vec2 a_position;
+attribute vec4 a_color;
+attribute float a_nodim;
+varying vec4 v_color;
+varying float v_nodim;
+// varying float v_dim;
+
+void main() {
+    gl_Position = vec4(a_position, 0, 1);
+    v_color = a_color;
+    v_nodim = a_nodim;
+}`,n=`precision mediump float;
+varying vec4 v_color;
+varying float v_nodim;
+uniform float u_dim; 
+
+${s}
+
+void main() {
+    vec4 col = v_color; 
+    if (u_dim > 0.0 && v_nodim < 1.0) {
+        col = dimColor(col, u_dim);
+    }
+    gl_FragColor = col;
+}`;

package/dist/esm/components/Map/drawing/painters/ImagePainter.d.ts

@@ -0,0 +1,82 @@
+import type Painter from "./Painter";
+import type { DrawerObject } from "./RectPainter";
+export default class ImagePainter implements Painter {
+    readonly gl: WebGLRenderingContext;
+    private buffersInitialized;
+    private groupsDirty;
+    private colorsDirty;
+    private centersDirty;
+    private rotateDirty;
+    private skipdimDirty;
+    private stretchDirty;
+    private readonly programInfo;
+    private readonly program;
+    private readonly objects;
+    private readonly sortedObjects;
+    private readonly objectsById;
+    private readonly centerLocation;
+    private readonly centerBuffer;
+    private readonly deltaLocation;
+    private readonly deltaBuffer;
+    private readonly deltaptLocation;
+    private readonly deltaptBuffer;
+    private readonly colorLocation;
+    private readonly colorBuffer;
+    private readonly skipdimLocation;
+    private readonly skipdimBuffer;
+    private readonly stretchLocation;
+    private readonly stretchBuffer;
+    private readonly rotateLocation;
+    private readonly rotateBuffer;
+    private readonly texfixLocation;
+    private readonly texfixBuffer;
+    private readonly fixdeltaLocation;
+    private readonly fixdeltaBuffer;
+    private readonly fixdeltaptLocation;
+    private readonly fixdeltaptBuffer;
+    private readonly fixdeltamaxptLocation;
+    private readonly fixdeltamaxptBuffer;
+    private readonly groups;
+    private readonly indexBufferPool;
+    private readonly fallBackTexture;
+    private indexBuffersAreUint;
+    id: string;
+    visible: boolean;
+    orderPriority: number;
+    matrix: any;
+    ptscale: number;
+    dim: number;
+    alpha: number;
+    constructor(gl: WebGLRenderingContext);
+    addObject(obj: DrawerObject): void;
+    getObject(id: any): DrawerObject;
+    updateVisible(id: string, visible: boolean): void;
+    updateSkipdim(id: string, skipdim: boolean): void;
+    setDimmingForObjects(cb: (objectId: string) => boolean): void;
+    updateStretch(id: string, stretch: boolean): void;
+    updateColor(id: string, color: Vec4): void;
+    updateCenter(id: string, center: Vec2): void;
+    updateRotation(id: string, rotateRadians: number): void;
+    private ensureBuffersAndGroupsInternal;
+    protected createTextureForImageObject(source: HTMLImageElement | HTMLCanvasElement): WebGLTexture;
+    private populateBuffers;
+    private populateCenterBuffer;
+    private populateRotateBuffer;
+    private populateColorBuffer;
+    private populateSkipdimBuffer;
+    private populateStretchBuffer;
+    private populateGroups;
+    private bufferFloat32Array;
+    private enableBuffer;
+    preparePaint(): void;
+    paint(): void;
+}
+export interface DrawerObjectEx extends DrawerObject {
+    texture?: WebGLTexture;
+    texcoords: Vec4;
+    index: number;
+    img: HTMLImageElement;
+    imgWidth: number;
+    imgHeight: number;
+}
+//# sourceMappingURL=ImagePainter.d.ts.map

package/dist/esm/components/Map/drawing/painters/ImagePainter.js

@@ -0,0 +1,74 @@
+import*as I from"twgl.js";import k from"../../../../core/Rect";import j from"../../../../utils/is-debug";import{dimColor as N}from"./common-glsl";import C from"./Sprite";import{logBuffer as F}from"../../../../tools/webgl-logger";import G from"../../../../utils/is-mobile";import S from"../../../../utils/is-webview";import w from"../../../../data";const E=G||S?1024:2048,d=document.createElement("canvas");d.width=E,d.height=E;const U=d.getContext("2d");export default class X{gl;buffersInitialized=!0;groupsDirty=!0;colorsDirty=!0;centersDirty=!0;rotateDirty=!0;skipdimDirty=!0;stretchDirty=!0;programInfo;program;objects=[];sortedObjects=[];objectsById=new Map;centerLocation;centerBuffer;deltaLocation;deltaBuffer;deltaptLocation;deltaptBuffer;colorLocation;colorBuffer;skipdimLocation;skipdimBuffer;stretchLocation;stretchBuffer;rotateLocation;rotateBuffer;texfixLocation;texfixBuffer;fixdeltaLocation;fixdeltaBuffer;fixdeltaptLocation;fixdeltaptBuffer;fixdeltamaxptLocation;fixdeltamaxptBuffer;groups=[];indexBufferPool=[];fallBackTexture;indexBuffersAreUint;id;visible=!0;orderPriority;matrix;ptscale;dim=0;alpha=1;constructor(t){if(this.gl=t,this.programInfo=I.createProgramInfo(t,[M,O]),!this.programInfo)throw new Error("Failed to link or compile WebGL program (ImagePainter)");this.program=this.programInfo.program,this.centerLocation=t.getAttribLocation(this.program,"a_center"),this.deltaLocation=t.getAttribLocation(this.program,"a_delta"),this.deltaptLocation=t.getAttribLocation(this.program,"a_deltapt"),this.colorLocation=t.getAttribLocation(this.program,"a_color"),this.skipdimLocation=t.getAttribLocation(this.program,"a_skipdim"),this.stretchLocation=t.getAttribLocation(this.program,"a_stretch"),this.rotateLocation=t.getAttribLocation(this.program,"a_rotate"),this.texfixLocation=t.getAttribLocation(this.program,"a_texfix"),this.fixdeltaLocation=t.getAttribLocation(this.program,"a_fixdelta"),this.fixdeltaptLocation=t.getAttribLocation(this.program,"a_fixdeltapt"),this.fixdeltamaxptLocation=t.getAttribLocation(this.program,"a_fixdeltamaxpt"),this.centerBuffer=t.createBuffer(),this.deltaBuffer=t.createBuffer(),this.deltaptBuffer=t.createBuffer(),this.colorBuffer=t.createBuffer(),this.skipdimBuffer=t.createBuffer(),this.stretchBuffer=t.createBuffer(),this.rotateBuffer=t.createBuffer(),this.texfixBuffer=t.createBuffer(),this.fixdeltaBuffer=t.createBuffer(),this.fixdeltaptBuffer=t.createBuffer(),this.fixdeltamaxptBuffer=t.createBuffer(),this.fallBackTexture=t.createTexture()}addObject(t){const e=t;typeof e.visible>"u"&&(e.visible=!0),e.skipdim=!!e.skipdim,e.stretch=!!e.stretch,this.objects.push(e),this.sortedObjects.push(e),e.id&&this.objectsById.set(e.id,e)}getObject(t){return this.objectsById.get(t)}updateVisible(t,e){const i=this.objectsById.get(t);i.visible!==e&&(i.visible=e,this.groupsDirty=!0)}updateSkipdim(t,e){const i=this.objectsById.get(t);i.skipdim!==e&&(i.skipdim=e,this.skipdimDirty=!0)}setDimmingForObjects(t){t&&this.objects.forEach(e=>this.updateSkipdim(e.id,t(e.id)))}updateStretch(t,e){const i=this.objectsById.get(t);i.stretch!==e&&(i.stretch=e,this.stretchDirty=!0)}updateColor(t,e){const i=this.objectsById.get(t);(!i.color||i.color[0]!==e[0]||i.color[1]!==e[1]||i.color[2]!==e[2]||i.color[3]!==e[3])&&(this.objectsById.get(t).color=e,this.colorsDirty=!0)}updateCenter(t,e){const i=this.objectsById.get(t);(!i.center||i.center[0]!==e[0]||i.center[1]!==e[1])&&(this.objectsById.get(t).center=e,this.centersDirty=!0)}updateRotation(t,e){const i=this.objectsById.get(t);(!i.rotateRadians||i.rotateRadians[0]!==e)&&(this.objectsById.get(t).rotateRadians=e,this.rotateDirty=!0)}ensureBuffersAndGroupsInternal(){this.buffersInitialized&&(this.populateBuffers(),this.buffersInitialized=!1);const t=this.skipdimDirty;(this.groupsDirty||t)&&(this.populateGroups(t),this.groupsDirty=!1),this.centersDirty&&(this.populateCenterBuffer(),this.centersDirty=!1),this.rotateDirty&&(this.populateRotateBuffer(),this.rotateDirty=!1),this.colorsDirty&&(this.populateColorBuffer(),this.colorsDirty=!1),this.skipdimDirty&&(this.populateSkipdimBuffer(),this.skipdimDirty=!1),this.stretchDirty&&(this.populateStretchBuffer(),this.stretchDirty=!1)}createTextureForImageObject(t){const{gl:e}=this,i=e.createTexture();return e.bindTexture(e.TEXTURE_2D,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),w.viewOptimizationLevel>3&&(t.width>E||t.height>E)?(U.drawImage(t,0,0,d.width,d.height),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,d),U.clearRect(0,0,d.width,d.height)):e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),F(t.width*t.height*2,"image-painter-canvas/imag"),i}populateBuffers(){j&&console.time("RectPainter.populateBuffers");const t=this.gl,e=[],i=[],h=[],x=[],o=[],c=[],l=[],u=[],n=new C;for(let s=0;s<this.objects.length;s++){const a=this.objects[s];a.index=s,a.img&&(a.texture=this.createTextureForImageObject(a.img))}for(let s of this.objects)s.canvasTmp&&(s.spriteItem=n.addCanvas(s.canvasTmp),delete s.canvasTmp);const P=n.generateSpriteCanvases(),R=new Map;for(const s of P){const a=s(),p=this.createTextureForImageObject(a);R.set(a.id,p)}t.bindTexture(t.TEXTURE_2D,this.fallBackTexture),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([0,0,255,255]));for(let s of this.objects)s.spriteItem&&(s.texture=R.get(s.spriteItem.containerCanvasId));for(let s=0;s<this.objects.length;s++){const a=this.objects[s],p=a.deltas||[0,0,0,0],y=p[0],m=p[1],v=p[2],L=p[3],B=a.deltaPts||[0,0,0,0],g=a.scalePts||1,T=B[0]*g,_=B[1]*g,A=B[2]*g,D=B[3]*g,f=a.img?k.fromXywh(0,0,a.imgWidth,a.imgHeight):a.spriteItem?.rect;e.push(y,m,v,m,y,L,v,L),i.push(T,_,A,_,T,D,A,D);{const r=a.rotateRadians||0,b=[Math.sin(r),Math.cos(r)];h.push(...b,...b,...b,...b)}if(!a.spriteItem)x.push(0,0,0,0,0,0,0,0);else{const r=a.spriteItem.rect;x.push(r.x1,r.y1,r.x2,r.y1,r.x1,r.y2,r.x2,r.y2)}{let r;f?a.texPosition==="center"?r=[f.cx,f.cy]:a.texPosition==="lefttop"?r=[f.x1,f.y1]:r=[f.x2,f.y1]:r=[0,0],o.push(...r,...r,...r,...r)}{let r;!f||a.texPosition==="center"?r=[0,0]:a.texPosition==="lefttop"?r=[y,m]:r=[v,m],c.push(...r,...r,...r,...r)}{let r;!f||a.texPosition==="center"?r=[0,0]:a.texPosition==="lefttop"?r=[T,_]:r=[A,_],l.push(...r,...r,...r,...r)}{let r;!f||a.texPosition==="center"?r=[0,0]:a.texPosition==="lefttop"?r=[f.w,f.h]:r=[-f.w,-f.h],u.push(...r,...r,...r,...r)}}this.bufferFloat32Array(this.deltaBuffer,e),this.bufferFloat32Array(this.deltaptBuffer,i),this.bufferFloat32Array(this.rotateBuffer,h),this.bufferFloat32Array(this.texfixBuffer,o),this.bufferFloat32Array(this.fixdeltaBuffer,c),this.bufferFloat32Array(this.fixdeltaptBuffer,l),this.bufferFloat32Array(this.fixdeltamaxptBuffer,u),this.populateCenterBuffer(),this.populateColorBuffer(),this.populateSkipdimBuffer(),this.populateStretchBuffer(),j&&console.timeEnd("RectPainter.populateBuffers")}populateCenterBuffer(){const t=[];for(const e of this.objects)t.push(...e.center,...e.center,...e.center,...e.center);this.bufferFloat32Array(this.centerBuffer,t)}populateRotateBuffer(){const t=[];for(const e of this.objects){const i=e.rotateRadians||0,h=[Math.sin(i),Math.cos(i)];t.push(...h,...h,...h,...h)}this.bufferFloat32Array(this.rotateBuffer,t)}populateColorBuffer(){const t=[];for(const e of this.objects){const i=e.color||[0,0,0,0];t.push(...i,...i,...i,...i)}this.bufferFloat32Array(this.colorBuffer,t)}populateSkipdimBuffer(){const t=[];for(const e of this.objects){const i=e.skipdim?1:0;t.push(i,i,i,i)}this.bufferFloat32Array(this.skipdimBuffer,t)}populateStretchBuffer(){const t=[];for(const e of this.objects){const i=e.stretch?1:0;t.push(i,i,i,i)}this.bufferFloat32Array(this.stretchBuffer,t)}populateGroups(t){const e=[];let i;t&&this.sortedObjects.sort((o,c)=>(o.skipdim?1:0)-(c.skipdim?1:0));for(const o of this.sortedObjects){if(!o.visible)continue;const c=!!o.rotateRadians;if((!i||i.texture&&o.texture&&(i.texture!==o.texture||i.rotated!==c))&&(i={indices:[],texture:void 0,texsize:void 0,rotated:c},e.push(i)),o.texture&&!i.texture){i.texture=o.texture;let l,u;o.img?(l=o.imgWidth,u=o.imgHeight):(l=o.spriteItem.containerCanvasWidth,u=o.spriteItem.containerCanvasHeight),i.texsize=[l,u]}i.indices.push(o.index)}const h=[];this.groups.length=0,this.indexBuffersAreUint=this.sortedObjects.length*4>65535;const x=this.indexBuffersAreUint?Uint32Array:Uint16Array;for(let o of e){const c=this.indexBufferPool.shift()||this.gl.createBuffer();h.push(c);const l=[];for(let u of o.indices){const n=u*4;l.push(n,n+1,n+2,n+1,n+2,n+3)}this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER,c),this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER,new x(l),this.gl.DYNAMIC_DRAW),this.groups.push({texture:o.texture,indexBuffer:c,numElements:l.length,texsize:o.texsize,rotated:o.rotated})}this.indexBufferPool.unshift(...h)}bufferFloat32Array(t,e){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array(e),this.gl.STATIC_DRAW),F(e.length*4,"image-painter-buffer")}enableBuffer(t,e,i){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,t),this.gl.enableVertexAttribArray(e),this.gl.vertexAttribPointer(e,i,this.gl.FLOAT,!1,0,0)}preparePaint(){this.gl.useProgram(this.program),this.ensureBuffersAndGroupsInternal()}paint(){if(this.alpha<.05||!this.visible)return;const t=this.gl;this.preparePaint(),this.enableBuffer(this.centerBuffer,this.centerLocation,2),this.enableBuffer(this.deltaBuffer,this.deltaLocation,2),this.enableBuffer(this.deltaptBuffer,this.deltaptLocation,2),this.enableBuffer(this.colorBuffer,this.colorLocation,4),this.enableBuffer(this.skipdimBuffer,this.skipdimLocation,1),this.enableBuffer(this.stretchBuffer,this.stretchLocation,1),this.enableBuffer(this.rotateBuffer,this.rotateLocation,2),this.enableBuffer(this.texfixBuffer,this.texfixLocation,2),this.enableBuffer(this.fixdeltaBuffer,this.fixdeltaLocation,2),this.enableBuffer(this.fixdeltaptBuffer,this.fixdeltaptLocation,2),this.enableBuffer(this.fixdeltamaxptBuffer,this.fixdeltamaxptLocation,2);for(let e of this.groups){t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,e.indexBuffer);const i={u_matrix:this.matrix,u_ptscale:[this.ptscale,this.ptscale],u_dim:this.dim,u_alpha:this.alpha};e.texture?(i.u_texture=e.texture,i.u_texsize=e.texsize,t.bindTexture(t.TEXTURE_2D,e.texture),e.rotated?(t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR)):(t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.NEAREST))):i.u_texture=this.fallBackTexture,I.setUniforms(this.programInfo,i),t.drawElements(t.TRIANGLES,e.numElements,this.indexBuffersAreUint?t.UNSIGNED_INT:t.UNSIGNED_SHORT,0)}}}const M=`attribute vec2 a_center;
+attribute vec2 a_rotate;
+attribute vec2 a_delta;
+attribute vec2 a_deltapt;
+attribute vec4 a_color;
+attribute vec2 a_texcoord; 
+attribute vec2 a_fixdelta;
+attribute vec2 a_fixdeltapt; 
+attribute vec2 a_fixdeltamaxpt; 
+attribute vec2 a_texfix;
+attribute float a_skipdim;
+attribute float a_stretch;
+
+uniform mat4 u_matrix;   
+uniform vec2 u_ptscale; 
+uniform vec2 u_texsize;
+uniform float u_dim;
+
+varying vec2 v_texcoord;
+varying vec4 v_color;
+
+varying float v_dim;
+
+void main() {
+    vec2 delta = a_delta + a_deltapt * u_ptscale;
+
+    vec2 fixdelta = a_fixdelta + a_fixdeltapt * u_ptscale;
+
+    // calc maxdelta from a_fixdeltamaxpt
+    // this is relative to fix point (on svg)
+    vec2 fixdeltamax = a_fixdeltamaxpt * u_ptscale;
+    vec2 deltamax = fixdeltamax + fixdelta;
+    if (a_fixdeltamaxpt.x > 0.0) {
+        delta = vec2(min(delta.x, deltamax.x), min(delta.y, deltamax.y));
+    } else if (a_fixdeltamaxpt.x < 0.0) {
+        delta = vec2(max(delta.x, deltamax.x), max(delta.y, deltamax.y));
+    }
+
+    vec2 diff = delta - fixdelta;
+    vec2 texdeltapt = a_stretch > 0.0 ? diff : diff / u_ptscale;
+    vec2 texcoord = a_texfix + texdeltapt;
+
+    vec2 rotatedDelta =  vec2(
+        delta.x * a_rotate.y + delta.y * a_rotate.x,
+        delta.y * a_rotate.y - delta.x * a_rotate.x);
+    gl_Position = u_matrix * vec4(a_center + rotatedDelta, 0, 1);
+
+    v_texcoord =  texcoord / u_texsize;
+    v_color = a_color;
+    v_dim = a_skipdim > 0.0 ? 0.0 : u_dim;
+}`,O=`precision mediump float;
+varying vec2 v_texcoord;
+varying vec4 v_color;
+uniform sampler2D u_texture;
+uniform float u_alpha;
+varying float v_dim; 
+
+${N}
+
+void main() {
+    vec4 col;
+    if (v_color.w != 0.0) {
+        col = v_color; 
+    } else {
+        col = texture2D(u_texture, v_texcoord);
+    }
+    if (v_dim > 0.0) {
+        col = dimColor(col, v_dim);
+    }
+    if (u_alpha != 1.0){
+        col *= u_alpha;
+    }
+    gl_FragColor = col;
+}`;

package/dist/esm/components/Map/drawing/painters/Painter.d.ts

@@ -0,0 +1,12 @@
+export default interface Painter {
+    id: string;
+    matrix?: Float32Array;
+    ptscale?: number;
+    dim?: number;
+    orderPriority: number;
+    visible: boolean;
+    preparePaint(): any;
+    paint(): any;
+}
+export type PainterConstructor<T, U> = new (gl: WebGLRenderingContext, options?: U) => T;
+//# sourceMappingURL=Painter.d.ts.map

package/dist/esm/components/Map/drawing/painters/Painter.js

@@ -0,0 +1 @@
+export{};

package/dist/esm/components/Map/drawing/painters/RectPainter.d.ts

@@ -0,0 +1,123 @@
+import type { CanvasDescriptor } from "../config/canvases";
+import type Painter from "./Painter";
+import type { SpriteItem } from "./Sprite";
+export default class RectPainter implements Painter {
+    readonly gl: WebGLRenderingContext;
+    private buffersInitialized;
+    private groupsDirty;
+    private colorsDirty;
+    private centersDirty;
+    private rotateDirty;
+    private skipdimDirty;
+    private stretchDirty;
+    private scaleDisable;
+    private readonly programInfo;
+    private readonly program;
+    private readonly objects;
+    private readonly sortedObjects;
+    private readonly objectsById;
+    private readonly centerLocation;
+    private readonly centerBuffer;
+    private readonly deltaLocation;
+    private readonly deltaBuffer;
+    private readonly deltaptLocation;
+    private readonly deltaptBuffer;
+    private readonly colorLocation;
+    private readonly colorBuffer;
+    private readonly skipdimLocation;
+    private readonly skipdimBuffer;
+    private readonly stretchLocation;
+    private readonly stretchBuffer;
+    private readonly rotateLocation;
+    private readonly rotateBuffer;
+    private readonly texfixLocation;
+    private readonly texfixBuffer;
+    private readonly fixdeltaLocation;
+    private readonly fixdeltaBuffer;
+    private readonly fixdeltaptLocation;
+    private readonly fixdeltaptBuffer;
+    private readonly fixdeltamaxptLocation;
+    private readonly fixdeltamaxptBuffer;
+    private readonly groups;
+    private readonly indexBufferPool;
+    private readonly fallBackTexture;
+    private indexBuffersAreUint;
+    private area;
+    private baseColor?;
+    id: string;
+    visible: boolean;
+    orderPriority: number;
+    matrix: any;
+    ptscale: number;
+    dim: number;
+    alpha: number;
+    constructor(gl: WebGLRenderingContext, options?: RectPainterOptions);
+    addObject(obj: DrawerObject): void;
+    removeObject(id: string): void;
+    getObject(id: any): DrawerObject;
+    updateVisible(id: string, visible: boolean): void;
+    updateSkipdim(id: string, skipdim: boolean): void;
+    updateStretch(id: string, stretch: boolean): void;
+    updateColor(id: string, color: Vec4): void;
+    updateCenter(id: string, center: Vec2): void;
+    updateRotation(id: string, rotateRadians: number): void;
+    reinitializeBuffers(): void;
+    disableScale(): void;
+    private ensureBuffersAndGroupsInternal;
+    private populateBuffers;
+    private populateCenterBuffer;
+    private populateRotateBuffer;
+    private populateColorBuffer;
+    private populateSkipdimBuffer;
+    private populateStretchBuffer;
+    private populateGroups;
+    private bufferFloat32Array;
+    private enableBuffer;
+    preparePaint(): void;
+    paint(): void;
+    /**
+     * Parses the provided color value into a Vec4.
+     * Accepts color formats: HEX (#RRGGBB or #RRGGBBAA) and RGBA (rgba(r, g, b, a)).
+     *
+     * @param color - The color value to parse.
+     * @returns A Vec4 representation of the color or `undefined` if parsing fails.
+     */
+    private parseColor;
+    /**
+     * Converts a HEX color to Vec4.
+     *
+     * @param hex - The HEX color value (e.g., "RRGGBB").
+     * @param alphaHex - The optional HEX alpha value (e.g., "AA").
+     * @returns A Vec4 representation of the color.
+     */
+    private hexToVec4;
+    /**
+     * Converts an RGBA match array to Vec4.
+     *
+     * @param match - The RGBA match array from the regex.
+     * @returns A Vec4 representation of the color.
+     */
+    private rgbaToVec4;
+    private calcArea;
+    get optimizationLevel(): number;
+}
+export type TexPosition = "center" | "lefttop" | "righttop" | "rightbottom" | "leftcenter" | "centertop" | "rightcenter" | "centerbottom" | "rightcenter";
+export interface DrawerObject {
+    id?: string;
+    center: Vec2;
+    deltas?: Vec4;
+    deltaPts?: Vec4;
+    scalePts?: number;
+    texPosition?: TexPosition;
+    color?: Vec4;
+    rotateRadians?: number;
+    spriteItem?: SpriteItem;
+    canvasTmp?: CanvasDescriptor;
+    visible?: boolean;
+    skipdim?: boolean;
+    stretch?: boolean;
+}
+export interface RectPainterOptions {
+    color?: string;
+}
+//# sourceMappingURL=RectPainter.d.ts.map