modern-canvas 0.7.15 → 0.8.1

package/dist/index.cjs

@@ -5,7 +5,6 @@ const colord = require('colord');
 const namesPlugin = require('colord/plugins/names');
 const modernPath2d = require('modern-path2d');
 const modernText = require('modern-text');
-const load = require('yoga-layout/load');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
@@ -2582,6 +2581,8 @@ attribute vec4 aDisableWrapMode;
 uniform mat3 projectionMatrix;
 uniform mat3 viewMatrix;
 uniform vec4 modulate;
+uniform float canvasWidth;
+uniform float canvasHeight;
 
 varying float vTextureId;
 varying vec2 vUv;
@@ -2589,6 +2590,10 @@ varying vec4 vModulate;
 varying vec4 vBackgroundColor;
 varying vec4 vDisableWrapMode;
 
+vec2 roundPixels(vec2 position, vec2 targetSize) {
+  return (floor(((position * 0.5 + 0.5) * targetSize) + 0.5) / targetSize) * 2.0 - 1.0;
+}
+
 void main(void) {
   mat3 modelMatrix = mat3(
     1.0, 0.0, 0.0,
@@ -2596,8 +2601,9 @@ void main(void) {
     0.0, 0.0, 1.0
   );
   vTextureId = aTextureId;
-  mat3 modelViewProjectionMatrix = projectionMatrix * viewMatrix * modelMatrix;
-  gl_Position = vec4((modelViewProjectionMatrix * vec3(aPosition, 1.0)).xy, 0.0, 1.0);
+  vec3 pos = projectionMatrix * viewMatrix * modelMatrix * vec3(aPosition, 1.0);
+  gl_Position = vec4(roundPixels(pos.xy, vec2(canvasWidth, canvasHeight)), 0.0, 1.0);
+
   vUv = aUv;
   vModulate = aModulate * modulate;
   vBackgroundColor = aBackgroundColor;
@@ -2682,6 +2688,8 @@ void main(void) {
         renderer2.program.updateUniforms(program, {
           samplers,
           modulate: [1, 1, 1, 1],
+          canvasWidth: renderer2.gl.drawingBufferWidth,
+          canvasHeight: renderer2.gl.drawingBufferHeight,
           ...renderer2.program.uniforms
         });
         renderer2.vertexArray.bind(vao ?? vertexArray);
@@ -10350,59 +10358,123 @@ exports.Element2D = __decorateClass$k([
   customNode("Element2D")
 ], exports.Element2D);
 
+const edgeMap = {
+  left: 0,
+  // Edge.Left
+  top: 1,
+  // Edge.Top
+  right: 2,
+  // Edge.Right
+  bottom: 3,
+  // Edge.Bottom
+  start: 4,
+  // Edge.Start
+  end: 5,
+  // Edge.End
+  horizontal: 6,
+  // Edge.Horizontal
+  vertical: 7,
+  // Edge.Vertical
+  all: 8
+  // Edge.All
+};
+const gutterMap = {
+  column: 0,
+  // Gutter.Column
+  row: 1,
+  // Gutter.Row
+  all: 2
+  // Gutter.All
+};
 const alignMap = {
-  "auto": load.Align.Auto,
-  "flex-start": load.Align.FlexStart,
-  "center": load.Align.Center,
-  "flex-end": load.Align.FlexEnd,
-  "stretch": load.Align.Stretch,
-  "baseline": load.Align.Baseline,
-  "space-between": load.Align.SpaceBetween,
-  "space-around": load.Align.SpaceAround,
-  "space-evenly": load.Align.SpaceEvenly
+  "auto": 0,
+  // Align.Auto
+  "flex-start": 1,
+  // Align.FlexStart
+  "center": 2,
+  // Align.Center
+  "flex-end": 3,
+  // Align.FlexEnd
+  "stretch": 4,
+  // Align.Stretch
+  "baseline": 5,
+  // Align.Baseline
+  "space-between": 6,
+  // Align.SpaceBetween
+  "space-around": 7,
+  // Align.SpaceAround
+  "space-evenly": 8
+  // Align.SpaceEvenly
 };
 const displayMap = {
-  none: load.Display.None,
-  flex: load.Display.Flex,
-  contents: load.Display.Contents
+  flex: 0,
+  // Display.Flex
+  none: 1,
+  // Display.None
+  contents: 2
+  // Display.Contents
 };
 const directionMap = {
-  inherit: load.Direction.Inherit,
-  ltr: load.Direction.LTR,
-  rtl: load.Direction.RTL
+  inherit: 0,
+  // Direction.Inherit
+  ltr: 1,
+  // Direction.LTR
+  rtl: 2
+  // Direction.RTL
 };
 const flexDirectionMap = {
-  "column": load.FlexDirection.Column,
-  "column-reverse": load.FlexDirection.ColumnReverse,
-  "row": load.FlexDirection.Row,
-  "row-reverse": load.FlexDirection.RowReverse
+  "column": 0,
+  // FlexDirection.Column
+  "column-reverse": 1,
+  // FlexDirection.ColumnReverse
+  "row": 2,
+  // FlexDirection.Row
+  "row-reverse": 3
+  // FlexDirection.RowReverse
 };
 const flexWrapMap = {
-  "no-wrap": load.Wrap.NoWrap,
-  "wrap": load.Wrap.Wrap,
-  "Wrap-reverse": load.Wrap.WrapReverse
+  "no-wrap": 0,
+  // Wrap.NoWrap
+  "wrap": 1,
+  // Wrap.Wrap
+  "Wrap-reverse": 2
+  // Wrap.WrapReverse
 };
 const justifyMap = {
-  "flex-start": load.Justify.FlexStart,
-  "center": load.Justify.Center,
-  "flex-end": load.Justify.FlexEnd,
-  "space-between": load.Justify.SpaceBetween,
-  "space-around": load.Justify.SpaceAround,
-  "space-evenly": load.Justify.SpaceEvenly
+  "flex-start": 0,
+  // Justify.FlexStart
+  "center": 1,
+  // Justify.Center
+  "flex-end": 2,
+  // Justify.FlexEnd
+  "space-between": 3,
+  // Justify.SpaceBetween
+  "space-around": 4,
+  // Justify.SpaceAround
+  "space-evenly": 5
+  // Justify.SpaceEvenly
 };
 const overflowMap = {
-  visible: load.Overflow.Visible,
-  hidden: load.Overflow.Hidden,
-  scroll: load.Overflow.Scroll
+  visible: 0,
+  // Overflow.Visible
+  hidden: 1,
+  // Overflow.Hidden
+  scroll: 2
+  // Overflow.Scroll
 };
 const positionTypeMap = {
-  static: load.PositionType.Static,
-  relative: load.PositionType.Relative,
-  absolute: load.PositionType.Absolute
+  static: 0,
+  // PositionType.Static
+  relative: 1,
+  // PositionType.Relative
+  absolute: 2
+  // PositionType.Absolute
 };
 const boxSizingMap = {
-  "border-box": load.BoxSizing.BorderBox,
-  "content-box": load.BoxSizing.ContentBox
+  "border-box": 0,
+  // BoxSizing.BorderBox
+  "content-box": 1
+  // BoxSizing.ContentBox
 };
 class FlexLayout {
   constructor(_element) {
@@ -10410,7 +10482,8 @@ class FlexLayout {
   }
   static _yoga;
   static async load() {
-    this._yoga = await load.loadYoga();
+    const { loadYoga } = await import('yoga-layout/load');
+    this._yoga = await loadYoga();
   }
   _node = FlexLayout._yoga.Node.create();
   get _style() {
@@ -10456,19 +10529,19 @@ class FlexLayout {
         this._node.setAspectRatio(value);
         break;
       case "borderTop":
-        this._node.setBorder(load.Edge.Top, this._style.borderWidth);
+        this._node.setBorder(edgeMap.top, this._style.borderWidth);
         break;
       case "borderBottom":
-        this._node.setBorder(load.Edge.Bottom, this._style.borderWidth);
+        this._node.setBorder(edgeMap.bottom, this._style.borderWidth);
         break;
       case "borderLeft":
-        this._node.setBorder(load.Edge.Left, this._style.borderWidth);
+        this._node.setBorder(edgeMap.left, this._style.borderWidth);
         break;
       case "borderRight":
-        this._node.setBorder(load.Edge.Right, this._style.borderWidth);
+        this._node.setBorder(edgeMap.right, this._style.borderWidth);
         break;
       case "border":
-        this._node.setBorder(load.Edge.All, this._style.borderWidth);
+        this._node.setBorder(edgeMap.all, this._style.borderWidth);
         break;
       case "direction":
         this._node.setDirection(
@@ -10511,22 +10584,22 @@ class FlexLayout {
         );
         break;
       case "gap":
-        value !== void 0 && this._node.setGap(load.Gutter.All, value);
+        value !== void 0 && this._node.setGap(gutterMap.all, value);
         break;
       case "marginTop":
-        this._node.setMargin(load.Edge.Top, value);
+        this._node.setMargin(edgeMap.top, value);
         break;
       case "marginBottom":
-        this._node.setMargin(load.Edge.Top, value);
+        this._node.setMargin(edgeMap.bottom, value);
         break;
       case "marginLeft":
-        this._node.setMargin(load.Edge.Left, value);
+        this._node.setMargin(edgeMap.left, value);
         break;
       case "marginRight":
-        this._node.setMargin(load.Edge.Top, value);
+        this._node.setMargin(edgeMap.right, value);
         break;
       case "margin":
-        this._node.setMargin(load.Edge.All, value);
+        this._node.setMargin(edgeMap.all, value);
         break;
       case "maxHeight":
         this._node.setMaxHeight(value);
@@ -10548,31 +10621,31 @@ class FlexLayout {
         );
         break;
       case "paddingTop":
-        this._node.setPadding(load.Edge.Top, this._style.paddingTop);
+        this._node.setPadding(edgeMap.top, this._style.paddingTop);
         break;
       case "paddingBottom":
-        this._node.setPadding(load.Edge.Bottom, this._style.paddingBottom);
+        this._node.setPadding(edgeMap.bottom, this._style.paddingBottom);
         break;
       case "paddingLeft":
-        this._node.setPadding(load.Edge.Left, this._style.paddingLeft);
+        this._node.setPadding(edgeMap.left, this._style.paddingLeft);
         break;
       case "paddingRight":
-        this._node.setPadding(load.Edge.Right, this._style.paddingRight);
+        this._node.setPadding(edgeMap.right, this._style.paddingRight);
         break;
       case "padding":
-        this._node.setPadding(load.Edge.All, this._style.padding);
+        this._node.setPadding(edgeMap.all, this._style.padding);
         break;
       case "top":
-        this._node.setPosition(load.Edge.Top, this._style.top);
+        this._node.setPosition(edgeMap.top, this._style.top);
         break;
       case "bottom":
-        this._node.setPosition(load.Edge.Bottom, this._style.bottom);
+        this._node.setPosition(edgeMap.bottom, this._style.bottom);
         break;
       case "left":
-        this._node.setPosition(load.Edge.Left, this._style.left);
+        this._node.setPosition(edgeMap.left, this._style.left);
         break;
       case "right":
-        this._node.setPosition(load.Edge.Right, this._style.right);
+        this._node.setPosition(edgeMap.right, this._style.right);
         break;
       case "position":
         this._node.setPositionType(
@@ -10653,7 +10726,7 @@ exports.FlexElement2D = class FlexElement2D extends exports.BaseElement2D {
     }
   }
   updateTransform() {
-    this.calculateLayout(void 0, void 0, load.Direction.LTR);
+    this.calculateLayout(void 0, void 0, directionMap.ltr);
     const { left, top, width, height } = this._layout.getComputedLayout();
     this.position.x = left;
     this.position.y = top;
@@ -13436,7 +13509,7 @@ exports.TwistTransition = __decorateClass$1([
   customNode("TwistTransition")
 ], exports.TwistTransition);
 
-class GIFLoader extends Loader {
+class GifLoader extends Loader {
   install(assets) {
     const handler = async (url) => {
       const { decodeFrames } = await import('modern-gif');
@@ -13462,7 +13535,7 @@ class GIFLoader extends Loader {
   }
 }
 
-class JSONLoader extends Loader {
+class JsonLoader extends Loader {
   install(assets) {
     const handler = (url) => {
       return assets.fetch(url).then((rep) => rep.json());
@@ -13794,7 +13867,7 @@ class Assets {
     this._handled.clear();
   }
 }
-const assets = new Assets().use(new FontLoader()).use(new GIFLoader()).use(new JSONLoader()).use(new LottieLoader()).use(new TextLoader()).use(new TextureLoader()).use(new VideoLoader());
+const assets = new Assets().use(new FontLoader()).use(new GifLoader()).use(new JsonLoader()).use(new LottieLoader()).use(new TextLoader()).use(new TextureLoader()).use(new VideoLoader());
 
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -14266,8 +14339,8 @@ exports.Engine = Engine;
 exports.FlexElement2DStyle = FlexElement2DStyle;
 exports.FlexLayout = FlexLayout;
 exports.FontLoader = FontLoader;
-exports.GIFLoader = GIFLoader;
 exports.Geometry = Geometry;
+exports.GifLoader = GifLoader;
 exports.GradientTexture = GradientTexture;
 exports.HTMLAudio = HTMLAudio;
 exports.HTMLAudioContext = HTMLAudioContext;
@@ -14277,7 +14350,7 @@ exports.ImageTexture = ImageTexture;
 exports.IndexBuffer = IndexBuffer;
 exports.Input = Input;
 exports.InputEvent = InputEvent;
-exports.JSONLoader = JSONLoader;
+exports.JsonLoader = JsonLoader;
 exports.KeyboardInputEvent = KeyboardInputEvent;
 exports.Loader = Loader;
 exports.LottieLoader = LottieLoader;
@@ -14353,7 +14426,9 @@ exports.WebGLVertexArrayModule = WebGLVertexArrayModule;
 exports.WebGLViewportModule = WebGLViewportModule;
 exports.WebSound = WebSound;
 exports.WheelInputEvent = WheelInputEvent;
+exports.alignMap = alignMap;
 exports.assets = assets;
+exports.boxSizingMap = boxSizingMap;
 exports.clamp = clamp;
 exports.clampFrag = clampFrag;
 exports.createHTMLCanvas = createHTMLCanvas;
@@ -14365,29 +14440,38 @@ exports.customNode = customNode;
 exports.customNodes = customNodes;
 exports.defaultOptions = defaultOptions;
 exports.determineCrossOrigin = determineCrossOrigin;
+exports.directionMap = directionMap;
+exports.displayMap = displayMap;
 exports.ease = ease;
 exports.easeIn = easeIn;
 exports.easeInOut = easeInOut;
 exports.easeOut = easeOut;
+exports.edgeMap = edgeMap;
+exports.flexDirectionMap = flexDirectionMap;
+exports.flexWrapMap = flexWrapMap;
 exports.frag = frag$1;
 exports.getDefaultCssPropertyValue = getDefaultCssPropertyValue;
+exports.gutterMap = gutterMap;
 exports.isCanvasElement = isCanvasElement;
 exports.isElementNode = isElementNode;
 exports.isImageElement = isImageElement;
 exports.isPow2 = isPow2;
 exports.isVideoElement = isVideoElement;
 exports.isWebgl2 = isWebgl2;
+exports.justifyMap = justifyMap;
 exports.lerp = lerp;
 exports.linear = linear;
 exports.log2 = log2;
 exports.mapWebGLBlendModes = mapWebGLBlendModes;
 exports.nextPow2 = nextPow2;
 exports.nextTick = nextTick;
+exports.overflowMap = overflowMap;
 exports.parseCSSFilter = parseCSSFilter;
 exports.parseCSSTransform = parseCSSTransform;
 exports.parseCSSTransformOrigin = parseCSSTransformOrigin;
 exports.parseCssFunctions = parseCssFunctions;
 exports.parseCssProperty = parseCssProperty;
+exports.positionTypeMap = positionTypeMap;
 exports.render = render;
 exports.timingFunctions = timingFunctions;
 exports.uid = uid;

package/dist/index.d.cts

@@ -5,7 +5,7 @@ import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
 import { Path2D, LineCap, LineJoin, LineStyle, Path2DSet } from 'modern-path2d';
 import { Text, MeasureResult } from 'modern-text';
-import { Node as Node$1, Direction } from 'yoga-layout/load';
+import { Node as Node$1 } from 'yoga-layout/load';
 
 declare abstract class Loader {
     abstract install(assets: Assets): this;
@@ -2221,6 +2221,76 @@ declare class Element2D extends BaseElement2D {
     protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
 
+declare const edgeMap: {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    start: number;
+    end: number;
+    horizontal: number;
+    vertical: number;
+    all: number;
+};
+declare const gutterMap: {
+    column: number;
+    row: number;
+    all: number;
+};
+declare const alignMap: {
+    auto: number;
+    'flex-start': number;
+    center: number;
+    'flex-end': number;
+    stretch: number;
+    baseline: number;
+    'space-between': number;
+    'space-around': number;
+    'space-evenly': number;
+};
+declare const displayMap: {
+    flex: number;
+    none: number;
+    contents: number;
+};
+declare const directionMap: {
+    inherit: number;
+    ltr: number;
+    rtl: number;
+};
+declare const flexDirectionMap: {
+    column: number;
+    'column-reverse': number;
+    row: number;
+    'row-reverse': number;
+};
+declare const flexWrapMap: {
+    'no-wrap': number;
+    wrap: number;
+    'Wrap-reverse': number;
+};
+declare const justifyMap: {
+    'flex-start': number;
+    center: number;
+    'flex-end': number;
+    'space-between': number;
+    'space-around': number;
+    'space-evenly': number;
+};
+declare const overflowMap: {
+    visible: number;
+    hidden: number;
+    scroll: number;
+};
+declare const positionTypeMap: {
+    static: number;
+    relative: number;
+    absolute: number;
+};
+declare const boxSizingMap: {
+    'border-box': number;
+    'content-box': number;
+};
 interface ComputedLayout {
     left: number;
     right: number;
@@ -2240,7 +2310,7 @@ declare class FlexLayout {
     get offsetWidth(): number;
     get offsetHeight(): number;
     constructor(_element: FlexElement2D);
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof displayMap[keyof typeof displayMap]): void;
     getComputedLayout(): ComputedLayout;
     updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
 }
@@ -2271,7 +2341,7 @@ declare class FlexElement2D extends BaseElement2D implements Rectangulable {
     protected _unparented(oldParent: Node): void;
     protected _updateStyleProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     updateTransform(): void;
-    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: Direction): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof directionMap[keyof typeof directionMap]): void;
 }
 
 interface Image2DProperties extends Element2DProperties {
@@ -3142,12 +3212,12 @@ declare class TwistTransition extends Transition {
     apply(renderer: WebGLRenderer, source: Viewport): void;
 }
 
-declare class GIFLoader extends Loader {
+declare class GifLoader extends Loader {
     load: (url: string) => Promise<AnimatedTexture>;
     install(assets: Assets): this;
 }
 
-declare class JSONLoader extends Loader {
+declare class JsonLoader extends Loader {
     load: (url: string) => Promise<Record<string, any>>;
     install(assets: Assets): this;
 }
@@ -3175,8 +3245,8 @@ declare class VideoLoader extends Loader {
 type AssetHandler = (url: string, options?: any) => any | Promise<any>;
 interface Assets {
     font: FontLoader;
-    gif: GIFLoader;
-    json: JSONLoader;
+    gif: GifLoader;
+    json: JsonLoader;
     lottie: LottieLoader;
     text: TextLoader;
     texture: TextureLoader;
@@ -3311,5 +3381,5 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, CanvasContext, CanvasItem, CanvasItemEditor, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GIFLoader, GaussianBlurEffect, Geometry, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, SceneTree, ScrollBar, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, TransformRect2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, Window, XScrollBar, YScrollBar, ZoomBlurEffect, assets, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, frag, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, render, timingFunctions, uid };
+export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, CanvasContext, CanvasItem, CanvasItemEditor, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GaussianBlurEffect, Geometry, GifLoader, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JsonLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, SceneTree, ScrollBar, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, TransformRect2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, Window, XScrollBar, YScrollBar, ZoomBlurEffect, alignMap, assets, boxSizingMap, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, directionMap, displayMap, ease, easeIn, easeInOut, easeOut, edgeMap, flexDirectionMap, flexWrapMap, frag, getDefaultCssPropertyValue, gutterMap, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, justifyMap, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, overflowMap, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, positionTypeMap, render, timingFunctions, uid };
 export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, Camera2DEventMap, Camera2DProperties, CanvasBatchable, CanvasItemEventMap, CanvasItemProperties, ColorAdjustEffectProperties, ColorFilterEffectProperties, ColorOverlayEffectProperties, ColorRemoveEffectProperties, ColorReplaceEffectProperties, ComputedLayout, ControlEventMap, ControlProperties, CoreObjectEventMap, CssFunction, CssFunctionArg, Cursor, CustomPropertyAccessor, DropShadowEffectProperties, Easing, EffectContext, EffectMode, EffectProperties, Element2DEventMap, Element2DProperties, Element2DStyleProperties, EmbossEffectProperties, EngineOptions, FillDraw, FlexBaseElement2DEventMap, FlexElement2DProperties, FlexElement2DStyleProperties, GaussianBlurEffectProperties, GeometryOptions, GlitchEffectProperties, GodrayEffectProperties, IAudioContext, IAudioNode, IPlayOptions, Image2DProperties, ImageFrame, ImageTextureOptions, IndexBufferOptions, InputEventKey, InputEventMap, InternalMode, KawaseBlurEffectProperties, Keyframe, Lottie2DProperties, MainLoopEventMap, MaskColor, MaskData, MaskEffectProperties, MaskObject, MaskRect, Maskable, MaterialOptions, MatrixLike, MatrixOperateOutput, Node2DEventMap, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, TransformObject, TransformRect2DProperties, TransformableObject, TransitionProperties, UvTransform, Vector2Data, VectorLike, VectorOperateOutput, VertTransform, VertexAttributeOptions, VertexBufferOptions, Video2DProperties, VideoTextureOptions, VideoTextureSource, ViewportEventMap, ViewportFramebuffer, WebGLBufferMeta, WebGLBufferOptions, WebGLBufferTarget, WebGLBufferUsage, WebGLDrawMode, WebGLDrawOptions, WebGLExtensions, WebGLFramebufferMeta, WebGLFramebufferOptions, WebGLProgramMeta, WebGLProgramOptions, WebGLTarget, WebGLTextureFilterMode, WebGLTextureLocation, WebGLTextureMeta, WebGLTextureOptions, WebGLTextureSource, WebGLTextureTarget, WebGLTextureWrapMode, WebGLVertexArrayObjectMeta, WebGLVertexArrayObjectOptions, WebGLVertexAttrib, WebGLVertexAttribType, WebGLViewport, XScrollBarProperties, YScrollBarProperties, ZoomBlurEffectProperties };