pixi.js 7.1.2 → 7.2.0-beta.2

package/dist/pixi.mjs

@@ -1,6 +1,6 @@
 /*!
- * pixi.js - v7.1.2
- * Compiled Tue, 31 Jan 2023 14:52:16 UTC
+ * pixi.js - v7.2.0-beta.2
+ * Compiled Wed, 22 Feb 2023 16:50:25 UTC
  *
  * pixi.js is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -219,19 +219,6 @@ const BrowserAdapter = {
 const settings = {
   ADAPTER: BrowserAdapter,
   RESOLUTION: 1,
-  RENDER_OPTIONS: {
-    view: null,
-    width: 800,
-    height: 600,
-    autoDensity: false,
-    backgroundColor: 0,
-    backgroundAlpha: 1,
-    clearBeforeRender: true,
-    antialias: false,
-    premultipliedAlpha: true,
-    preserveDrawingBuffer: false,
-    hello: false
-  },
   CREATE_IMAGE_BITMAP: false,
   ROUND_PIXELS: false
 };
@@ -3329,331 +3316,215 @@ function isWebGLSupported() {
   return supported;
 }
 
-var aliceblue = "#f0f8ff";
-var antiquewhite = "#faebd7";
-var aqua = "#00ffff";
-var aquamarine = "#7fffd4";
-var azure = "#f0ffff";
-var beige = "#f5f5dc";
-var bisque = "#ffe4c4";
-var black = "#000000";
-var blanchedalmond = "#ffebcd";
-var blue = "#0000ff";
-var blueviolet = "#8a2be2";
-var brown = "#a52a2a";
-var burlywood = "#deb887";
-var cadetblue = "#5f9ea0";
-var chartreuse = "#7fff00";
-var chocolate = "#d2691e";
-var coral = "#ff7f50";
-var cornflowerblue = "#6495ed";
-var cornsilk = "#fff8dc";
-var crimson = "#dc143c";
-var cyan = "#00ffff";
-var darkblue = "#00008b";
-var darkcyan = "#008b8b";
-var darkgoldenrod = "#b8860b";
-var darkgray = "#a9a9a9";
-var darkgreen = "#006400";
-var darkgrey = "#a9a9a9";
-var darkkhaki = "#bdb76b";
-var darkmagenta = "#8b008b";
-var darkolivegreen = "#556b2f";
-var darkorange = "#ff8c00";
-var darkorchid = "#9932cc";
-var darkred = "#8b0000";
-var darksalmon = "#e9967a";
-var darkseagreen = "#8fbc8f";
-var darkslateblue = "#483d8b";
-var darkslategray = "#2f4f4f";
-var darkslategrey = "#2f4f4f";
-var darkturquoise = "#00ced1";
-var darkviolet = "#9400d3";
-var deeppink = "#ff1493";
-var deepskyblue = "#00bfff";
-var dimgray = "#696969";
-var dimgrey = "#696969";
-var dodgerblue = "#1e90ff";
-var firebrick = "#b22222";
-var floralwhite = "#fffaf0";
-var forestgreen = "#228b22";
-var fuchsia = "#ff00ff";
-var gainsboro = "#dcdcdc";
-var ghostwhite = "#f8f8ff";
-var goldenrod = "#daa520";
-var gold = "#ffd700";
-var gray = "#808080";
-var green = "#008000";
-var greenyellow = "#adff2f";
-var grey = "#808080";
-var honeydew = "#f0fff0";
-var hotpink = "#ff69b4";
-var indianred = "#cd5c5c";
-var indigo = "#4b0082";
-var ivory = "#fffff0";
-var khaki = "#f0e68c";
-var lavenderblush = "#fff0f5";
-var lavender = "#e6e6fa";
-var lawngreen = "#7cfc00";
-var lemonchiffon = "#fffacd";
-var lightblue = "#add8e6";
-var lightcoral = "#f08080";
-var lightcyan = "#e0ffff";
-var lightgoldenrodyellow = "#fafad2";
-var lightgray = "#d3d3d3";
-var lightgreen = "#90ee90";
-var lightgrey = "#d3d3d3";
-var lightpink = "#ffb6c1";
-var lightsalmon = "#ffa07a";
-var lightseagreen = "#20b2aa";
-var lightskyblue = "#87cefa";
-var lightslategray = "#778899";
-var lightslategrey = "#778899";
-var lightsteelblue = "#b0c4de";
-var lightyellow = "#ffffe0";
-var lime = "#00ff00";
-var limegreen = "#32cd32";
-var linen = "#faf0e6";
-var magenta = "#ff00ff";
-var maroon = "#800000";
-var mediumaquamarine = "#66cdaa";
-var mediumblue = "#0000cd";
-var mediumorchid = "#ba55d3";
-var mediumpurple = "#9370db";
-var mediumseagreen = "#3cb371";
-var mediumslateblue = "#7b68ee";
-var mediumspringgreen = "#00fa9a";
-var mediumturquoise = "#48d1cc";
-var mediumvioletred = "#c71585";
-var midnightblue = "#191970";
-var mintcream = "#f5fffa";
-var mistyrose = "#ffe4e1";
-var moccasin = "#ffe4b5";
-var navajowhite = "#ffdead";
-var navy = "#000080";
-var oldlace = "#fdf5e6";
-var olive = "#808000";
-var olivedrab = "#6b8e23";
-var orange = "#ffa500";
-var orangered = "#ff4500";
-var orchid = "#da70d6";
-var palegoldenrod = "#eee8aa";
-var palegreen = "#98fb98";
-var paleturquoise = "#afeeee";
-var palevioletred = "#db7093";
-var papayawhip = "#ffefd5";
-var peachpuff = "#ffdab9";
-var peru = "#cd853f";
-var pink = "#ffc0cb";
-var plum = "#dda0dd";
-var powderblue = "#b0e0e6";
-var purple = "#800080";
-var rebeccapurple = "#663399";
-var red = "#ff0000";
-var rosybrown = "#bc8f8f";
-var royalblue = "#4169e1";
-var saddlebrown = "#8b4513";
-var salmon = "#fa8072";
-var sandybrown = "#f4a460";
-var seagreen = "#2e8b57";
-var seashell = "#fff5ee";
-var sienna = "#a0522d";
-var silver = "#c0c0c0";
-var skyblue = "#87ceeb";
-var slateblue = "#6a5acd";
-var slategray = "#708090";
-var slategrey = "#708090";
-var snow = "#fffafa";
-var springgreen = "#00ff7f";
-var steelblue = "#4682b4";
-var tan = "#d2b48c";
-var teal = "#008080";
-var thistle = "#d8bfd8";
-var tomato = "#ff6347";
-var turquoise = "#40e0d0";
-var violet = "#ee82ee";
-var wheat = "#f5deb3";
-var white = "#ffffff";
-var whitesmoke = "#f5f5f5";
-var yellow = "#ffff00";
-var yellowgreen = "#9acd32";
-var cssColorNames = {
-	aliceblue: aliceblue,
-	antiquewhite: antiquewhite,
-	aqua: aqua,
-	aquamarine: aquamarine,
-	azure: azure,
-	beige: beige,
-	bisque: bisque,
-	black: black,
-	blanchedalmond: blanchedalmond,
-	blue: blue,
-	blueviolet: blueviolet,
-	brown: brown,
-	burlywood: burlywood,
-	cadetblue: cadetblue,
-	chartreuse: chartreuse,
-	chocolate: chocolate,
-	coral: coral,
-	cornflowerblue: cornflowerblue,
-	cornsilk: cornsilk,
-	crimson: crimson,
-	cyan: cyan,
-	darkblue: darkblue,
-	darkcyan: darkcyan,
-	darkgoldenrod: darkgoldenrod,
-	darkgray: darkgray,
-	darkgreen: darkgreen,
-	darkgrey: darkgrey,
-	darkkhaki: darkkhaki,
-	darkmagenta: darkmagenta,
-	darkolivegreen: darkolivegreen,
-	darkorange: darkorange,
-	darkorchid: darkorchid,
-	darkred: darkred,
-	darksalmon: darksalmon,
-	darkseagreen: darkseagreen,
-	darkslateblue: darkslateblue,
-	darkslategray: darkslategray,
-	darkslategrey: darkslategrey,
-	darkturquoise: darkturquoise,
-	darkviolet: darkviolet,
-	deeppink: deeppink,
-	deepskyblue: deepskyblue,
-	dimgray: dimgray,
-	dimgrey: dimgrey,
-	dodgerblue: dodgerblue,
-	firebrick: firebrick,
-	floralwhite: floralwhite,
-	forestgreen: forestgreen,
-	fuchsia: fuchsia,
-	gainsboro: gainsboro,
-	ghostwhite: ghostwhite,
-	goldenrod: goldenrod,
-	gold: gold,
-	gray: gray,
-	green: green,
-	greenyellow: greenyellow,
-	grey: grey,
-	honeydew: honeydew,
-	hotpink: hotpink,
-	indianred: indianred,
-	indigo: indigo,
-	ivory: ivory,
-	khaki: khaki,
-	lavenderblush: lavenderblush,
-	lavender: lavender,
-	lawngreen: lawngreen,
-	lemonchiffon: lemonchiffon,
-	lightblue: lightblue,
-	lightcoral: lightcoral,
-	lightcyan: lightcyan,
-	lightgoldenrodyellow: lightgoldenrodyellow,
-	lightgray: lightgray,
-	lightgreen: lightgreen,
-	lightgrey: lightgrey,
-	lightpink: lightpink,
-	lightsalmon: lightsalmon,
-	lightseagreen: lightseagreen,
-	lightskyblue: lightskyblue,
-	lightslategray: lightslategray,
-	lightslategrey: lightslategrey,
-	lightsteelblue: lightsteelblue,
-	lightyellow: lightyellow,
-	lime: lime,
-	limegreen: limegreen,
-	linen: linen,
-	magenta: magenta,
-	maroon: maroon,
-	mediumaquamarine: mediumaquamarine,
-	mediumblue: mediumblue,
-	mediumorchid: mediumorchid,
-	mediumpurple: mediumpurple,
-	mediumseagreen: mediumseagreen,
-	mediumslateblue: mediumslateblue,
-	mediumspringgreen: mediumspringgreen,
-	mediumturquoise: mediumturquoise,
-	mediumvioletred: mediumvioletred,
-	midnightblue: midnightblue,
-	mintcream: mintcream,
-	mistyrose: mistyrose,
-	moccasin: moccasin,
-	navajowhite: navajowhite,
-	navy: navy,
-	oldlace: oldlace,
-	olive: olive,
-	olivedrab: olivedrab,
-	orange: orange,
-	orangered: orangered,
-	orchid: orchid,
-	palegoldenrod: palegoldenrod,
-	palegreen: palegreen,
-	paleturquoise: paleturquoise,
-	palevioletred: palevioletred,
-	papayawhip: papayawhip,
-	peachpuff: peachpuff,
-	peru: peru,
-	pink: pink,
-	plum: plum,
-	powderblue: powderblue,
-	purple: purple,
-	rebeccapurple: rebeccapurple,
-	red: red,
-	rosybrown: rosybrown,
-	royalblue: royalblue,
-	saddlebrown: saddlebrown,
-	salmon: salmon,
-	sandybrown: sandybrown,
-	seagreen: seagreen,
-	seashell: seashell,
-	sienna: sienna,
-	silver: silver,
-	skyblue: skyblue,
-	slateblue: slateblue,
-	slategray: slategray,
-	slategrey: slategrey,
-	snow: snow,
-	springgreen: springgreen,
-	steelblue: steelblue,
-	tan: tan,
-	teal: teal,
-	thistle: thistle,
-	tomato: tomato,
-	turquoise: turquoise,
-	violet: violet,
-	wheat: wheat,
-	white: white,
-	whitesmoke: whitesmoke,
-	yellow: yellow,
-	yellowgreen: yellowgreen
+var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return (r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return {r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return {r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return {h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return {r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return {h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return {h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e;},c=function(r){return {h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u;},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return {h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return [e,t[n][1]]}return [null,void 0]},x=function(r){return "string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},I=function(r){return x(r)[1]},M=function(r,t){var n=c(r);return {h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return (299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return {h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1};}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i;},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u;},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u;},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r;},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r;},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return "number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t;},r.prototype.hue=function(r){var t=c(this.rgba);return "number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r));});},E=function(){return new j({r:255*Math.random(),g:255*Math.random(),b:255*Math.random()})};
+
+function namesPlugin(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return "transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g);}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"]);}
+
+k([namesPlugin]);
+const _Color = class {
+  constructor(value = 16777215) {
+    this._value = null;
+    this._components = new Float32Array(4);
+    this._components.fill(1);
+    this._int = 16777215;
+    this.value = value;
+  }
+  get red() {
+    return this._components[0];
+  }
+  get green() {
+    return this._components[1];
+  }
+  get blue() {
+    return this._components[2];
+  }
+  get alpha() {
+    return this._components[3];
+  }
+  setValue(value) {
+    this.value = value;
+    return this;
+  }
+  set value(value) {
+    if (value instanceof _Color) {
+      this._value = value._value;
+      this._int = value._int;
+      this._components.set(value._components);
+    } else if (value === null) {
+      throw new Error("Cannot set PIXI.Color#value to null");
+    } else if (this._value !== value) {
+      this.normalize(value);
+      this._value = value;
+    }
+  }
+  get value() {
+    return this._value;
+  }
+  toRgba() {
+    const [r, g, b, a] = this._components;
+    return { r, g, b, a };
+  }
+  toRgb() {
+    const [r, g, b] = this._components;
+    return { r, g, b };
+  }
+  toRgbaString() {
+    const [r, g, b] = this.toUint8RgbArray();
+    return `rgba(${r},${g},${b},${this.alpha})`;
+  }
+  toUint8RgbArray(out) {
+    const [r, g, b] = this._components;
+    out = out ?? [];
+    out[0] = Math.round(r * 255);
+    out[1] = Math.round(g * 255);
+    out[2] = Math.round(b * 255);
+    return out;
+  }
+  toRgbArray(out) {
+    out = out ?? [];
+    const [r, g, b] = this._components;
+    out[0] = r;
+    out[1] = g;
+    out[2] = b;
+    return out;
+  }
+  toNumber() {
+    return this._int;
+  }
+  toLittleEndianNumber() {
+    const value = this._int;
+    return (value >> 16) + (value & 65280) + ((value & 255) << 16);
+  }
+  multiply(value) {
+    const [r, g, b, a] = _Color.temp.setValue(value)._components;
+    this._components[0] *= r;
+    this._components[1] *= g;
+    this._components[2] *= b;
+    this._components[3] *= a;
+    this.refreshInt();
+    this._value = null;
+    return this;
+  }
+  premultiply(alpha, applyToRGB = true) {
+    if (applyToRGB) {
+      this._components[0] *= alpha;
+      this._components[1] *= alpha;
+      this._components[2] *= alpha;
+    }
+    this._components[3] = alpha;
+    this.refreshInt();
+    this._value = null;
+    return this;
+  }
+  toPremultiplied(alpha) {
+    if (alpha === 1) {
+      return (alpha * 255 << 24) + this._int;
+    }
+    if (alpha === 0) {
+      return 0;
+    }
+    let r = this._int >> 16 & 255;
+    let g = this._int >> 8 & 255;
+    let b = this._int & 255;
+    r = r * alpha + 0.5 | 0;
+    g = g * alpha + 0.5 | 0;
+    b = b * alpha + 0.5 | 0;
+    return (alpha * 255 << 24) + (r << 16) + (g << 8) + b;
+  }
+  toHex() {
+    const hexString = this._int.toString(16);
+    return `#${"000000".substring(0, 6 - hexString.length) + hexString}`;
+  }
+  toHexa() {
+    const alphaValue = Math.round(this._components[3] * 255);
+    const alphaString = alphaValue.toString(16);
+    return this.toHex() + "00".substring(0, 2 - alphaString.length) + alphaString;
+  }
+  setAlpha(alpha) {
+    this._components[3] = alpha;
+    return this;
+  }
+  round(step) {
+    const [r, g, b] = this._components;
+    this._components.set([
+      Math.min(255, r / step * step),
+      Math.min(255, g / step * step),
+      Math.min(255, b / step * step)
+    ]);
+    this.refreshInt();
+    this._value = null;
+    return this;
+  }
+  toArray(out) {
+    out = out ?? [];
+    const [r, g, b, a] = this._components;
+    out[0] = r;
+    out[1] = g;
+    out[2] = b;
+    out[3] = a;
+    return out;
+  }
+  normalize(value) {
+    let components;
+    if ((typeof value === "number" || value instanceof Number) && value >= 0 && value <= 16777215) {
+      const int = value;
+      components = [
+        (int >> 16 & 255) / 255,
+        (int >> 8 & 255) / 255,
+        (int & 255) / 255,
+        1
+      ];
+    } else if ((Array.isArray(value) || value instanceof Float32Array) && value.length >= 3 && value.length <= 4 && value.every((v) => v <= 1 && v >= 0)) {
+      const [r, g, b, a = 1] = value;
+      components = [r, g, b, a];
+    } else if ((value instanceof Uint8Array || value instanceof Uint8ClampedArray) && value.length >= 3 && value.length <= 4) {
+      const [r, g, b, a = 255] = value;
+      components = [r / 255, g / 255, b / 255, a / 255];
+    } else if (typeof value === "string" || typeof value === "object") {
+      if (typeof value === "string") {
+        const match = _Color.HEX_PATTERN.exec(value);
+        if (match) {
+          value = `#${match[2]}`;
+        }
+      }
+      const color = w(value);
+      if (color.isValid()) {
+        const { r, g, b, a } = color.rgba;
+        components = [r / 255, g / 255, b / 255, a];
+      }
+    }
+    if (components) {
+      this._components.set(components);
+      this.refreshInt();
+    } else {
+      throw new Error(`Unable to convert color ${value}`);
+    }
+  }
+  refreshInt() {
+    const [r, g, b] = this._components;
+    this._int = (r * 255 << 16) + (g * 255 << 8) + (b * 255 | 0);
+  }
 };
+let Color = _Color;
+Color.shared = new _Color();
+Color.temp = new _Color();
+Color.HEX_PATTERN = /^(#|0x)?(([a-f0-9]{3}){1,2}([a-f0-9]{2})?)$/i;
 
 function hex2rgb(hex, out = []) {
-  out[0] = (hex >> 16 & 255) / 255;
-  out[1] = (hex >> 8 & 255) / 255;
-  out[2] = (hex & 255) / 255;
-  return out;
+  deprecation("7.2.0", "utils.hex2rgb is deprecated, use Color#toRgbArray instead");
+  return Color.shared.setValue(hex).toRgbArray(out);
 }
 function hex2string(hex) {
-  let hexString = hex.toString(16);
-  hexString = "000000".substring(0, 6 - hexString.length) + hexString;
-  return `#${hexString}`;
+  deprecation("7.2.0", "utils.hex2string is deprecated, use Color#toHex instead");
+  return Color.shared.setValue(hex).toHex();
 }
 function string2hex(string) {
-  if (typeof string === "string") {
-    string = cssColorNames[string.toLowerCase()] || string;
-    if (string[0] === "#") {
-      string = string.slice(1);
-    }
-    if (string.length === 3) {
-      const [r, g, b] = string;
-      string = r + r + g + g + b + b;
-    }
-  }
-  return parseInt(string, 16);
+  deprecation("7.2.0", "utils.string2hex is deprecated, use Color#toNumber instead");
+  return Color.shared.setValue(string).toNumber();
 }
 function rgb2hex(rgb) {
-  return (rgb[0] * 255 << 16) + (rgb[1] * 255 << 8) + (rgb[2] * 255 | 0);
+  deprecation("7.2.0", "utils.rgb2hex is deprecated, use Color#toNumber instead");
+  return Color.shared.setValue(rgb).toNumber();
 }
 
 function mapPremultipliedBlendModes() {
@@ -3678,47 +3549,17 @@ const premultiplyBlendMode = mapPremultipliedBlendModes();
 function correctBlendMode(blendMode, premultiplied) {
   return premultiplyBlendMode[premultiplied ? 1 : 0][blendMode];
 }
-function premultiplyRgba(rgb, alpha, out, premultiply) {
-  out = out || new Float32Array(4);
-  if (premultiply || premultiply === void 0) {
-    out[0] = rgb[0] * alpha;
-    out[1] = rgb[1] * alpha;
-    out[2] = rgb[2] * alpha;
-  } else {
-    out[0] = rgb[0];
-    out[1] = rgb[1];
-    out[2] = rgb[2];
-  }
-  out[3] = alpha;
-  return out;
+function premultiplyRgba(rgb, alpha, out, premultiply = true) {
+  deprecation("7.2.0", `utils.premultiplyRgba has moved to Color.premultiply`);
+  return Color.shared.setValue(rgb).premultiply(alpha, premultiply).toArray(out ?? new Float32Array(4));
 }
 function premultiplyTint(tint, alpha) {
-  if (alpha === 1) {
-    return (alpha * 255 << 24) + tint;
-  }
-  if (alpha === 0) {
-    return 0;
-  }
-  let R = tint >> 16 & 255;
-  let G = tint >> 8 & 255;
-  let B = tint & 255;
-  R = R * alpha + 0.5 | 0;
-  G = G * alpha + 0.5 | 0;
-  B = B * alpha + 0.5 | 0;
-  return (alpha * 255 << 24) + (R << 16) + (G << 8) + B;
-}
-function premultiplyTintToRgba(tint, alpha, out, premultiply) {
-  out = out || new Float32Array(4);
-  out[0] = (tint >> 16 & 255) / 255;
-  out[1] = (tint >> 8 & 255) / 255;
-  out[2] = (tint & 255) / 255;
-  if (premultiply || premultiply === void 0) {
-    out[0] *= alpha;
-    out[1] *= alpha;
-    out[2] *= alpha;
-  }
-  out[3] = alpha;
-  return out;
+  deprecation("7.2.0", `utils.premultiplyTint has moved to Color.toPremultiplied`);
+  return Color.shared.setValue(tint).toPremultiplied(alpha);
+}
+function premultiplyTintToRgba(tint, alpha, out, premultiply = true) {
+  deprecation("7.2.0", `utils.premultiplyTintToRgba has moved to Color.premultiply`);
+  return Color.shared.setValue(tint).premultiply(alpha, premultiply).toArray(out ?? new Float32Array(4));
 }
 
 const DATA_URI = /^\s*data:(?:([\w-]+)\/([\w+.-]+))?(?:;charset=([\w-]+))?(?:;(base64))?,(.*)/i;
@@ -6105,6 +5946,51 @@ const uniformParsers = [
                     data[offset+3] = v.height;
                 `
   },
+  {
+    test: (data, uniform) => data.type === "vec4" && data.size === 1 && !data.isArray && uniform.red !== void 0,
+    code: (name) => `
+                cv = ud["${name}"].value;
+                v = uv["${name}"];
+
+                if(cv[0] !== v.red || cv[1] !== v.green || cv[2] !== v.blue || cv[3] !== v.alpha)
+                {
+                    cv[0] = v.red;
+                    cv[1] = v.green;
+                    cv[2] = v.blue;
+                    cv[3] = v.alpha;
+                    gl.uniform4f(ud["${name}"].location, v.red, v.green, v.blue, v.alpha)
+                }`,
+    codeUbo: (name) => `
+                    v = uv.${name};
+
+                    data[offset] = v.red;
+                    data[offset+1] = v.green;
+                    data[offset+2] = v.blue;
+                    data[offset+3] = v.alpha;
+                `
+  },
+  {
+    test: (data, uniform) => data.type === "vec3" && data.size === 1 && !data.isArray && uniform.red !== void 0,
+    code: (name) => `
+                cv = ud["${name}"].value;
+                v = uv["${name}"];
+
+                if(cv[0] !== v.red || cv[1] !== v.green || cv[2] !== v.blue || cv[3] !== v.a)
+                {
+                    cv[0] = v.red;
+                    cv[1] = v.green;
+                    cv[2] = v.blue;
+    
+                    gl.uniform3f(ud["${name}"].location, v.red, v.green, v.blue)
+                }`,
+    codeUbo: (name) => `
+                    v = uv.${name};
+
+                    data[offset] = v.red;
+                    data[offset+1] = v.green;
+                    data[offset+2] = v.blue;
+                `
+  },
   {
     test: (data) => data.type === "vec4" && data.size === 1 && !data.isArray,
     code: (name) => `
@@ -7095,7 +6981,7 @@ const _BatchRenderer = class extends ObjectRenderer {
     const vertexData = element.vertexData;
     const textureId = element._texture.baseTexture._batchLocation;
     const alpha = Math.min(element.worldAlpha, 1);
-    const argb = alpha < 1 && element._texture.baseTexture.alphaMode ? premultiplyTint(element._tintRGB, alpha) : element._tintRGB + (alpha * 255 << 24);
+    const argb = Color.shared.setValue(element._tintRGB).toPremultiplied(alpha);
     for (let i = 0; i < vertexData.length; i += 2) {
       float32View[aIndex++] = vertexData[i];
       float32View[aIndex++] = vertexData[i + 1];
@@ -7163,42 +7049,41 @@ Filter.defaultMultisample = MSAA_QUALITY.NONE;
 class BackgroundSystem {
   constructor() {
     this.clearBeforeRender = true;
-    this._backgroundColor = 0;
-    this._backgroundColorRgba = [0, 0, 0, 1];
-    this._backgroundColorString = "#000000";
-    this.color = this._backgroundColor;
+    this._backgroundColor = new Color(0);
     this.alpha = 1;
   }
   init(options) {
     this.clearBeforeRender = options.clearBeforeRender;
-    if (options.color) {
-      this.color = typeof options.color === "string" ? string2hex(options.color) : options.color;
+    const { backgroundColor, background, backgroundAlpha } = options;
+    const color = background ?? backgroundColor;
+    if (color !== void 0) {
+      this.color = color;
     }
-    this.alpha = options.alpha;
+    this.alpha = backgroundAlpha;
   }
   get color() {
-    return this._backgroundColor;
+    return this._backgroundColor.value;
   }
   set color(value) {
-    this._backgroundColor = value;
-    this._backgroundColorString = hex2string(value);
-    hex2rgb(value, this._backgroundColorRgba);
+    this._backgroundColor.setValue(value);
   }
   get alpha() {
-    return this._backgroundColorRgba[3];
+    return this._backgroundColor.alpha;
   }
   set alpha(value) {
-    this._backgroundColorRgba[3] = value;
+    this._backgroundColor.setAlpha(value);
   }
-  get colorRgba() {
-    return this._backgroundColorRgba;
-  }
-  get colorString() {
-    return this._backgroundColorString;
+  get backgroundColor() {
+    return this._backgroundColor;
   }
   destroy() {
   }
 }
+BackgroundSystem.defaultOptions = {
+  backgroundAlpha: 1,
+  backgroundColor: 0,
+  clearBeforeRender: true
+};
 BackgroundSystem.extension = {
   type: [
     ExtensionType.RendererSystem,
@@ -7418,6 +7303,13 @@ class ContextSystem {
     }
   }
 }
+ContextSystem.defaultOptions = {
+  context: null,
+  antialias: false,
+  premultipliedAlpha: true,
+  preserveDrawingBuffer: false,
+  powerPreference: "default"
+};
 ContextSystem.extension = {
   type: ExtensionType.RendererSystem,
   name: "context"
@@ -7544,12 +7436,21 @@ class BaseRenderTexture extends BaseTexture {
     super(null, options);
     this.mipmap = MIPMAP_MODES.OFF;
     this.valid = true;
-    this.clearColor = [0, 0, 0, 0];
+    this._clear = new Color([0, 0, 0, 0]);
     this.framebuffer = new Framebuffer(this.realWidth, this.realHeight).addColorTexture(0, this);
     this.framebuffer.multisample = options.multisample;
     this.maskStack = [];
     this.filterStack = [{}];
   }
+  set clearColor(value) {
+    this._clear.setValue(value);
+  }
+  get clearColor() {
+    return this._clear.value;
+  }
+  get clear() {
+    return this._clear;
+  }
   resize(desiredWidth, desiredHeight) {
     this.framebuffer.resize(desiredWidth * this.resolution, desiredHeight * this.resolution);
     this.setRealSize(this.framebuffer.width, this.framebuffer.height);
@@ -7823,7 +7724,7 @@ function removeAllHandlers(tex) {
   };
 }
 class Texture extends eventemitter3 {
-  constructor(baseTexture, frame, orig, trim, rotate, anchor) {
+  constructor(baseTexture, frame, orig, trim, rotate, anchor, borders) {
     super();
     this.noFrame = false;
     if (!frame) {
@@ -7847,6 +7748,7 @@ class Texture extends eventemitter3 {
       throw new Error("attempt to use diamond-shaped UVs. If you are sure, set rotation manually");
     }
     this.defaultAnchor = anchor ? new Point(anchor.x, anchor.y) : new Point(0, 0);
+    this.defaultBorders = borders;
     this._updateID = 0;
     this.textureCacheIds = [];
     if (!baseTexture.valid) {
@@ -7905,7 +7807,7 @@ class Texture extends eventemitter3 {
   clone() {
     const clonedFrame = this._frame.clone();
     const clonedOrig = this._frame === this.orig ? clonedFrame : this.orig.clone();
-    const clonedTexture = new Texture(this.baseTexture, !this.noFrame && clonedFrame, clonedOrig, this.trim?.clone(), this.rotate, this.defaultAnchor);
+    const clonedTexture = new Texture(this.baseTexture, !this.noFrame && clonedFrame, clonedOrig, this.trim?.clone(), this.rotate, this.defaultAnchor, this.defaultBorders);
     if (this.noFrame) {
       clonedTexture._frame = clonedFrame;
     }
@@ -9807,7 +9709,8 @@ class PluginSystem {
       }
     });
   }
-  init(staticMap) {
+  init() {
+    const staticMap = this.rendererPlugins;
     for (const o in staticMap) {
       this.plugins[o] = new staticMap[o](this.renderer);
     }
@@ -9981,11 +9884,8 @@ class RenderTextureSystem {
     this.destinationFrame.copyFrom(destinationFrame);
   }
   clear(clearColor, mask) {
-    if (this.current) {
-      clearColor = clearColor || this.current.baseTexture.clearColor;
-    } else {
-      clearColor = clearColor || this.renderer.background.colorRgba;
-    }
+    const fallbackColor = this.current ? this.current.baseTexture.clear : this.renderer.background.backgroundColor;
+    const color = clearColor ? Color.shared.setValue(clearColor) : fallbackColor;
     const destinationFrame = this.destinationFrame;
     const baseFrame = this.current ? this.current.baseTexture : this.renderer._view.screen;
     const clearMask = destinationFrame.width !== baseFrame.width || destinationFrame.height !== baseFrame.height;
@@ -9998,7 +9898,7 @@ class RenderTextureSystem {
       this.renderer.gl.enable(this.renderer.gl.SCISSOR_TEST);
       this.renderer.gl.scissor(x, y, width, height);
     }
-    this.renderer.framebuffer.clear(clearColor[0], clearColor[1], clearColor[2], clearColor[3], mask);
+    this.renderer.framebuffer.clear(color.red, color.green, color.blue, color.alpha, mask);
     if (clearMask) {
       this.renderer.scissor.pop();
     }
@@ -10451,16 +10351,19 @@ class StartupSystem {
     this.renderer = renderer;
   }
   run(options) {
-    const renderer = this.renderer;
-    renderer.emitWithCustomOptions(renderer.runners.init, options);
+    const { renderer } = this;
+    renderer.runners.init.emit(renderer.options);
     if (options.hello) {
-      console.log(`PixiJS ${"7.1.2"} - ${renderer.rendererLogId} - https://pixijs.com`);
+      console.log(`PixiJS ${"7.2.0-beta.2"} - ${renderer.rendererLogId} - https://pixijs.com`);
     }
-    renderer.resize(this.renderer.screen.width, this.renderer.screen.height);
+    renderer.resize(renderer.screen.width, renderer.screen.height);
   }
   destroy() {
   }
 }
+StartupSystem.defaultOptions = {
+  hello: false
+};
 StartupSystem.extension = {
   type: [
     ExtensionType.RendererSystem,
@@ -11220,6 +11123,12 @@ class ViewSystem {
     this.screen = null;
   }
 }
+ViewSystem.defaultOptions = {
+  width: 800,
+  height: 600,
+  resolution: settings.RESOLUTION,
+  autoDensity: false
+};
 ViewSystem.extension = {
   type: [
     ExtensionType.RendererSystem,
@@ -11231,6 +11140,12 @@ extensions$1.add(ViewSystem);
 
 settings.PREFER_ENV = ENV.WEBGL2;
 settings.STRICT_TEXTURE_CACHE = false;
+settings.RENDER_OPTIONS = {
+  ...ContextSystem.defaultOptions,
+  ...BackgroundSystem.defaultOptions,
+  ...ViewSystem.defaultOptions,
+  ...StartupSystem.defaultOptions
+};
 Object.defineProperties(settings, {
   WRAP_MODE: {
     get() {
@@ -11361,6 +11276,7 @@ Object.defineProperties(settings, {
 });
 
 var UPDATE_PRIORITY = /* @__PURE__ */ ((UPDATE_PRIORITY2) => {
+  UPDATE_PRIORITY2[UPDATE_PRIORITY2["INTERACTION"] = 50] = "INTERACTION";
   UPDATE_PRIORITY2[UPDATE_PRIORITY2["HIGH"] = 25] = "HIGH";
   UPDATE_PRIORITY2[UPDATE_PRIORITY2["NORMAL"] = 0] = "NORMAL";
   UPDATE_PRIORITY2[UPDATE_PRIORITY2["LOW"] = -25] = "LOW";
@@ -11937,31 +11853,9 @@ const _Renderer = class extends SystemManager {
       options.premultipliedAlpha = options.useContextAlpha && options.useContextAlpha !== "notMultiplied";
       options.backgroundAlpha = options.useContextAlpha === false ? 1 : options.backgroundAlpha;
     }
-    const startupOptions = {
-      hello: options.hello,
-      _plugin: _Renderer.__plugins,
-      background: {
-        alpha: options.backgroundAlpha,
-        color: options.background ?? options.backgroundColor,
-        clearBeforeRender: options.clearBeforeRender
-      },
-      _view: {
-        height: options.height,
-        width: options.width,
-        autoDensity: options.autoDensity,
-        resolution: options.resolution,
-        view: options.view
-      },
-      context: {
-        antialias: options.antialias,
-        context: options.context,
-        powerPreference: options.powerPreference,
-        premultipliedAlpha: options.premultipliedAlpha,
-        preserveDrawingBuffer: options.preserveDrawingBuffer
-      }
-    };
+    this._plugin.rendererPlugins = _Renderer.__plugins;
     this.options = options;
-    this.startup.run(startupOptions);
+    this.startup.run(this.options);
   }
   static test(options) {
     if (options?.forceCanvas) {
@@ -12049,7 +11943,7 @@ const _Renderer = class extends SystemManager {
   }
   get backgroundAlpha() {
     deprecation("7.0.0", "renderer.backgroundAlpha has been deprecated, use renderer.background.alpha instead.");
-    return this.background.color;
+    return this.background.alpha;
   }
   set backgroundAlpha(value) {
     deprecation("7.0.0", "renderer.backgroundAlpha has been deprecated, use renderer.background.alpha instead.");
@@ -12645,7 +12539,7 @@ class TransformFeedback {
   }
 }
 
-const VERSION = "7.1.2";
+const VERSION = "7.2.0-beta.2";
 
 class Bounds {
   constructor() {
@@ -13040,7 +12934,7 @@ class DisplayObject extends eventemitter3 {
     this.filters = null;
     this.filterArea = null;
     this.hitArea = null;
-    this.interactive = false;
+    this.eventMode = "auto";
     this.interactiveChildren = false;
     this.emit("destroyed");
     this.removeAllListeners();
@@ -13534,7 +13428,7 @@ class Sprite extends Container {
     this._texture = null;
     this._width = 0;
     this._height = 0;
-    this._tint = null;
+    this._tintColor = new Color(16777215);
     this._tintRGB = null;
     this.tint = 16777215;
     this.blendMode = BLEND_MODES.NORMAL;
@@ -13746,11 +13640,14 @@ class Sprite extends Container {
     this._anchor.copyFrom(value);
   }
   get tint() {
-    return this._tint;
+    return this._tintColor.value;
   }
   set tint(value) {
-    this._tint = value;
-    this._tintRGB = (value >> 16) + (value & 65280) + ((value & 255) << 16);
+    this._tintColor.setValue(value);
+    this._tintRGB = this._tintColor.toLittleEndianNumber();
+  }
+  get tintValue() {
+    return this._tintColor.toNumber();
   }
   get texture() {
     return this._texture;
@@ -14389,23 +14286,21 @@ class ColorMatrixFilter extends Filter {
     this._loadMatrix(matrix, multiply);
   }
   tint(color, multiply) {
-    const r = color >> 16 & 255;
-    const g = color >> 8 & 255;
-    const b = color & 255;
+    const [r, g, b] = Color.shared.setValue(color).toArray();
     const matrix = [
-      r / 255,
+      r,
       0,
       0,
       0,
       0,
       0,
-      g / 255,
+      g,
       0,
       0,
       0,
       0,
       0,
-      b / 255,
+      b,
       0,
       0,
       0,
@@ -14768,12 +14663,9 @@ class ColorMatrixFilter extends Filter {
     toned = toned || 0.15;
     lightColor = lightColor || 16770432;
     darkColor = darkColor || 3375104;
-    const lR = (lightColor >> 16 & 255) / 255;
-    const lG = (lightColor >> 8 & 255) / 255;
-    const lB = (lightColor & 255) / 255;
-    const dR = (darkColor >> 16 & 255) / 255;
-    const dG = (darkColor >> 8 & 255) / 255;
-    const dB = (darkColor & 255) / 255;
+    const temp = Color.shared;
+    const [lR, lG, lB] = temp.setValue(lightColor).toArray();
+    const [dR, dG, dB] = temp.setValue(darkColor).toArray();
     const matrix = [
       0.3,
       0.59,
@@ -15011,6 +14903,74 @@ Object.entries(filters).forEach(([key, FilterClass]) => {
   });
 });
 
+class EventsTickerClass {
+  constructor() {
+    this.interactionFrequency = 10;
+    this._deltaTime = 0;
+    this._didMove = false;
+    this.tickerAdded = false;
+    this._pauseUpdate = true;
+  }
+  init(events) {
+    this.removeTickerListener();
+    this.events = events;
+    this.interactionFrequency = 10;
+    this._deltaTime = 0;
+    this._didMove = false;
+    this.tickerAdded = false;
+    this._pauseUpdate = true;
+  }
+  get pauseUpdate() {
+    return this._pauseUpdate;
+  }
+  set pauseUpdate(paused) {
+    this._pauseUpdate = paused;
+  }
+  addTickerListener() {
+    if (this.tickerAdded || !this.domElement) {
+      return;
+    }
+    Ticker.system.add(this.tickerUpdate, this, UPDATE_PRIORITY.INTERACTION);
+    this.tickerAdded = true;
+  }
+  removeTickerListener() {
+    if (!this.tickerAdded) {
+      return;
+    }
+    Ticker.system.remove(this.tickerUpdate, this);
+    this.tickerAdded = false;
+  }
+  pointerMoved() {
+    this._didMove = true;
+  }
+  update() {
+    if (!this.domElement || this._pauseUpdate) {
+      return;
+    }
+    if (this._didMove) {
+      this._didMove = false;
+      return;
+    }
+    const rootPointerEvent = this.events["rootPointerEvent"];
+    if (this.events.supportsTouchEvents && rootPointerEvent.pointerType === "touch") {
+      return;
+    }
+    globalThis.document.dispatchEvent(new PointerEvent("pointermove", {
+      clientX: rootPointerEvent.clientX,
+      clientY: rootPointerEvent.clientY
+    }));
+  }
+  tickerUpdate(deltaTime) {
+    this._deltaTime += deltaTime;
+    if (this._deltaTime < this.interactionFrequency) {
+      return;
+    }
+    this._deltaTime = 0;
+    this.update();
+  }
+}
+const EventsTicker = new EventsTickerClass();
+
 class FederatedEvent {
   constructor(manager) {
     this.bubbles = true;
@@ -15115,6 +15075,9 @@ class FederatedMouseEvent extends FederatedEvent {
   get screenY() {
     return this.screen.y;
   }
+  getLocalPosition(displayObject, point, globalPos) {
+    return displayObject.worldTransform.applyInverse(globalPos || this.global, point);
+  }
   getModifierState(key) {
     return "getModifierState" in this.nativeEvent && this.nativeEvent.getModifierState(key);
   }
@@ -15144,11 +15107,14 @@ class FederatedPointerEvent extends FederatedMouseEvent {
 class FederatedWheelEvent extends FederatedMouseEvent {
   constructor() {
     super(...arguments);
-    this.DOM_DELTA_LINE = 0;
-    this.DOM_DELTA_PAGE = 1;
-    this.DOM_DELTA_PIXEL = 2;
+    this.DOM_DELTA_PIXEL = 0;
+    this.DOM_DELTA_LINE = 1;
+    this.DOM_DELTA_PAGE = 2;
   }
 }
+FederatedWheelEvent.DOM_DELTA_PIXEL = 0;
+FederatedWheelEvent.DOM_DELTA_LINE = 1;
+FederatedWheelEvent.DOM_DELTA_PAGE = 2;
 
 const PROPAGATION_LIMIT = 2048;
 const tempHitLocation = new Point();
@@ -15211,7 +15177,8 @@ class EventBoundary {
     }
   }
   hitTest(x, y) {
-    const invertedPath = this.hitTestRecursive(this.rootTarget, this.rootTarget.interactive, tempHitLocation.set(x, y), this.hitTestFn, this.hitPruneFn);
+    EventsTicker.pauseUpdate = true;
+    const invertedPath = this.hitTestRecursive(this.rootTarget, this.rootTarget.eventMode, tempHitLocation.set(x, y), this.hitTestFn, this.hitPruneFn);
     return invertedPath && invertedPath[0];
   }
   propagate(e, type) {
@@ -15242,9 +15209,15 @@ class EventBoundary {
   all(e, type, target = this.rootTarget) {
     e.eventPhase = e.BUBBLING_PHASE;
     const children = target.children;
-    if (children) {
-      for (let i = 0; i < children.length; i++) {
-        this.all(e, type, children[i]);
+    const interactionNone = target.eventMode === "none";
+    const interactionPassive = target.eventMode === "passive" && !target.interactiveChildren;
+    const interactiveChildren = target.interactiveChildren;
+    const shouldIterateChildren = !interactionNone && interactiveChildren && !interactionPassive;
+    if (children && children.length > 0) {
+      if (shouldIterateChildren) {
+        for (let i = 0; i < children.length; i++) {
+          this.all(e, type, children[i]);
+        }
       }
     }
     e.currentTarget = target;
@@ -15262,35 +15235,50 @@ class EventBoundary {
     propagationPath.reverse();
     return propagationPath;
   }
-  hitTestRecursive(currentTarget, interactive, location, testFn, pruneFn) {
+  hitTestRecursive(currentTarget, eventMode, location, testFn, pruneFn) {
     if (!currentTarget || !currentTarget.visible) {
       return null;
     }
     if (pruneFn(currentTarget, location)) {
       return null;
     }
+    if (currentTarget.eventMode === "dynamic" || eventMode === "dynamic") {
+      EventsTicker.pauseUpdate = false;
+    }
     if (currentTarget.interactiveChildren && currentTarget.children) {
       const children = currentTarget.children;
       for (let i = children.length - 1; i >= 0; i--) {
         const child = children[i];
-        const nestedHit = this.hitTestRecursive(child, interactive || child.interactive, location, testFn, pruneFn);
+        const nestedHit = this.hitTestRecursive(child, this._isInteractive(eventMode) ? eventMode : child.eventMode, location, testFn, pruneFn);
         if (nestedHit) {
           if (nestedHit.length > 0 && !nestedHit[nestedHit.length - 1].parent) {
             continue;
           }
-          if (nestedHit.length > 0 || currentTarget.interactive) {
+          if (nestedHit.length > 0 || currentTarget.isInteractive()) {
             nestedHit.push(currentTarget);
           }
           return nestedHit;
         }
       }
     }
-    if (interactive && testFn(currentTarget, location)) {
-      return currentTarget.interactive ? [currentTarget] : [];
+    if (this._isInteractive(eventMode) && testFn(currentTarget, location)) {
+      return currentTarget.isInteractive() ? [currentTarget] : [];
     }
     return null;
   }
+  _isInteractive(int) {
+    return int === "static" || int === "dynamic";
+  }
   hitPruneFn(displayObject, location) {
+    if (displayObject.eventMode === "none") {
+      return true;
+    }
+    if (displayObject.eventMode === "passive" && !displayObject.interactiveChildren) {
+      return true;
+    }
+    if (displayObject.isMask) {
+      return true;
+    }
     if (displayObject.hitArea) {
       displayObject.worldTransform.applyInverse(location, tempLocalMapping);
       if (!displayObject.hitArea.contains(tempLocalMapping.x, tempLocalMapping.y)) {
@@ -15306,6 +15294,9 @@ class EventBoundary {
     return false;
   }
   hitTestFn(displayObject, location) {
+    if (displayObject.eventMode === "passive") {
+      return false;
+    }
     if (displayObject.hitArea) {
       return true;
     }
@@ -15520,7 +15511,8 @@ class EventBoundary {
       clickHistory.timeStamp = now;
       clickEvent.detail = clickHistory.clickCount;
       if (clickEvent.pointerType === "mouse") {
-        this.dispatchEvent(clickEvent, "click");
+        const isRightButton = clickEvent.button === 2;
+        this.dispatchEvent(clickEvent, isRightButton ? "rightclick" : "click");
       } else if (clickEvent.pointerType === "touch") {
         this.dispatchEvent(clickEvent, "tap");
       }
@@ -15689,10 +15681,16 @@ class EventBoundary {
     const listeners = e.currentTarget._events[type];
     if (!listeners)
       return;
+    if (!e.currentTarget.isInteractive())
+      return;
     if ("fn" in listeners) {
+      if (listeners.once)
+        e.currentTarget.removeListener(type, listeners.fn, void 0, true);
       listeners.fn.call(listeners.context, e);
     } else {
       for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) {
+        if (listeners[i].once)
+          e.currentTarget.removeListener(type, listeners[i].fn, void 0, true);
         listeners[i].fn.call(listeners[i].context, e);
       }
     }
@@ -15707,7 +15705,7 @@ const TOUCH_TO_POINTER = {
   touchmove: "pointermove",
   touchcancel: "pointercancel"
 };
-class EventSystem {
+const _EventSystem = class {
   constructor(renderer) {
     this.supportsTouchEvents = "ontouchstart" in globalThis;
     this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -15715,6 +15713,7 @@ class EventSystem {
     this.resolution = 1;
     this.renderer = renderer;
     this.rootBoundary = new EventBoundary(null);
+    EventsTicker.init(this);
     this.autoPreventDefault = true;
     this.eventsAdded = false;
     this.rootPointerEvent = new FederatedPointerEvent(null);
@@ -15729,10 +15728,14 @@ class EventSystem {
     this.onPointerOverOut = this.onPointerOverOut.bind(this);
     this.onWheel = this.onWheel.bind(this);
   }
-  init() {
+  static get defaultEventMode() {
+    return this._defaultEventMode;
+  }
+  init(options) {
     const { view, resolution } = this.renderer;
     this.setTargetElement(view);
     this.resolution = resolution;
+    _EventSystem._defaultEventMode = options.eventMode ?? "auto";
   }
   resolutionChange(resolution) {
     this.resolution = resolution;
@@ -15794,6 +15797,7 @@ class EventSystem {
     this.rootBoundary.rootTarget = this.renderer.lastObjectRendered;
     if (this.supportsTouchEvents && nativeEvent.pointerType === "touch")
       return;
+    EventsTicker.pointerMoved();
     const normalizedEvents = this.normalizeToPointerData(nativeEvent);
     for (let i = 0, j = normalizedEvents.length; i < j; i++) {
       const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
@@ -15837,12 +15841,14 @@ class EventSystem {
   setTargetElement(element) {
     this.removeEvents();
     this.domElement = element;
+    EventsTicker.domElement = element;
     this.addEvents();
   }
   addEvents() {
     if (this.eventsAdded || !this.domElement) {
       return;
     }
+    EventsTicker.addTickerListener();
     const style = this.domElement.style;
     if (style) {
       if (globalThis.navigator.msPointerEnabled) {
@@ -15880,6 +15886,7 @@ class EventSystem {
     if (!this.eventsAdded || !this.domElement) {
       return;
     }
+    EventsTicker.removeTickerListener();
     const style = this.domElement.style;
     if (globalThis.navigator.msPointerEnabled) {
       style.msContentZooming = "";
@@ -16056,7 +16063,8 @@ class EventSystem {
     event.relatedTarget = null;
     event.shiftKey = nativeEvent.shiftKey;
   }
-}
+};
+let EventSystem = _EventSystem;
 EventSystem.extension = {
   name: "events",
   type: [
@@ -16066,6 +16074,9 @@ EventSystem.extension = {
 };
 extensions$1.add(EventSystem);
 
+function convertEventModeToInteractiveMode(mode) {
+  return mode === "dynamic" || mode === "static";
+}
 const FederatedDisplayObject = {
   onclick: null,
   onmousedown: null,
@@ -16100,7 +16111,26 @@ const FederatedDisplayObject = {
   onglobaltouchmove: null,
   ontouchstart: null,
   onwheel: null,
-  interactive: false,
+  _internalInteractive: void 0,
+  get interactive() {
+    return this._internalInteractive ?? convertEventModeToInteractiveMode(EventSystem.defaultEventMode);
+  },
+  set interactive(value) {
+    deprecation("7.2.0", `Setting interactive is deprecated, use eventMode = 'none'/'passive'/'auto'/'static'/'dynamic' instead.`);
+    this._internalInteractive = value;
+    this.eventMode = value ? "static" : "auto";
+  },
+  _internalEventMode: void 0,
+  get eventMode() {
+    return this._internalEventMode ?? EventSystem.defaultEventMode;
+  },
+  set eventMode(value) {
+    this._internalInteractive = convertEventModeToInteractiveMode(value);
+    this._internalEventMode = value;
+  },
+  isInteractive() {
+    return this.eventMode === "static" || this.eventMode === "dynamic";
+  },
   interactiveChildren: true,
   hitArea: null,
   addEventListener(type, listener, options) {
@@ -16235,7 +16265,7 @@ class AccessibilityManager {
     if (!displayObject.visible || !displayObject.accessibleChildren) {
       return;
     }
-    if (displayObject.accessible && displayObject.interactive) {
+    if (displayObject.accessible && displayObject.isInteractive()) {
       if (!displayObject._accessibleActive) {
         this.addChild(displayObject);
       }
@@ -17112,14 +17142,16 @@ const loadTextures = {
     priority: LoaderParserPriority.High
   },
   config: {
-    preferWorkers: true
+    preferWorkers: true,
+    preferCreateImageBitmap: true,
+    crossOrigin: "anonymous"
   },
   test(url) {
     return checkDataUrl(url, validImageMIMEs) || checkExtension(url, validImageExtensions);
   },
   async load(url, asset, loader) {
     let src = null;
-    if (globalThis.createImageBitmap) {
+    if (globalThis.createImageBitmap && this.config.preferCreateImageBitmap) {
       if (this.config.preferWorkers && await WorkerManager.isImageBitmapSupported()) {
         src = await WorkerManager.loadImageBitmap(url);
       } else {
@@ -17128,7 +17160,7 @@ const loadTextures = {
     } else {
       src = await new Promise((resolve) => {
         src = new Image();
-        src.crossOrigin = "anonymous";
+        src.crossOrigin = this.config.crossOrigin;
         src.src = url;
         if (src.complete) {
           resolve(src);
@@ -17482,6 +17514,9 @@ class AssetsClass {
         resolution
       }
     });
+    if (options.preferences) {
+      this.setPreferences(options.preferences);
+    }
   }
   add(keysIn, assetsIn, data) {
     this.resolver.add(keysIn, assetsIn, data);
@@ -17622,7 +17657,17 @@ class AssetsClass {
     return loadTextures.config.preferWorkers;
   }
   set preferWorkers(value) {
-    loadTextures.config.preferWorkers = value;
+    deprecation("7.2.0", "Assets.prefersWorkers is deprecated, use Assets.setPreferences({ preferWorkers: true }) instead.");
+    this.setPreferences({ preferWorkers: value });
+  }
+  setPreferences(preferences) {
+    this.loader.parsers.forEach((parser) => {
+      if (!parser.config)
+        return;
+      Object.keys(parser.config).filter((key) => key in preferences).forEach((key) => {
+        parser.config[key] = preferences[key];
+      });
+    });
   }
 }
 const Assets = new AssetsClass();
@@ -19800,11 +19845,11 @@ const _GraphicsGeometry = class extends BatchGeometry {
     }
   }
   addColors(colors, color, alpha, size, offset = 0) {
-    const rgb = (color >> 16) + (color & 65280) + ((color & 255) << 16);
-    const rgba = premultiplyTint(rgb, alpha);
+    const bgr = Color.shared.setValue(color).toLittleEndianNumber();
+    const result = Color.shared.setValue(bgr).toPremultiplied(alpha);
     colors.length = Math.max(colors.length, offset + size);
     for (let i = 0; i < size; i++) {
-      colors[offset + i] = rgba;
+      colors[offset + i] = result;
     }
   }
   addTextureIds(textureIds, id, size, offset = 0) {
@@ -19924,7 +19969,6 @@ class LineStyle extends FillStyle {
   }
 }
 
-const temp = new Float32Array(3);
 const DEFAULT_SHADERS = {};
 const _Graphics = class extends Container {
   constructor(geometry = null) {
@@ -19944,7 +19988,7 @@ const _Graphics = class extends Container {
     this._geometry = geometry || new GraphicsGeometry();
     this._geometry.refCount++;
     this._transformID = -1;
-    this.tint = 16777215;
+    this._tintColor = new Color(16777215);
     this.blendMode = BLEND_MODES.NORMAL;
   }
   get geometry() {
@@ -19961,10 +20005,10 @@ const _Graphics = class extends Container {
     return this.state.blendMode;
   }
   get tint() {
-    return this._tint;
+    return this._tintColor.value;
   }
   set tint(value) {
-    this._tint = value;
+    this._tintColor.setValue(value);
   }
   get fill() {
     return this._fillStyle;
@@ -19972,25 +20016,26 @@ const _Graphics = class extends Container {
   get line() {
     return this._lineStyle;
   }
-  lineStyle(options = null, color = 0, alpha = 1, alignment = 0.5, native = false) {
+  lineStyle(options = null, color = 0, alpha, alignment = 0.5, native = false) {
     if (typeof options === "number") {
       options = { width: options, color, alpha, alignment, native };
     }
     return this.lineTextureStyle(options);
   }
   lineTextureStyle(options) {
-    options = Object.assign({
+    const defaultLineStyleOptions = {
       width: 0,
       texture: Texture.WHITE,
       color: options?.texture ? 16777215 : 0,
-      alpha: 1,
       matrix: null,
       alignment: 0.5,
       native: false,
       cap: LINE_CAP.BUTT,
       join: LINE_JOIN.MITER,
       miterLimit: 10
-    }, options);
+    };
+    options = Object.assign(defaultLineStyleOptions, options);
+    this.normalizeColor(options);
     if (this.currentPath) {
       this.startPoly();
     }
@@ -20113,16 +20158,22 @@ const _Graphics = class extends Container {
     ArcUtils.arc(startX, startY, cx, cy, radius, startAngle, endAngle, anticlockwise, points);
     return this;
   }
-  beginFill(color = 0, alpha = 1) {
+  beginFill(color = 0, alpha) {
     return this.beginTextureFill({ texture: Texture.WHITE, color, alpha });
   }
+  normalizeColor(options) {
+    const temp = Color.shared.setValue(options.color ?? 0);
+    options.color = temp.toNumber();
+    options.alpha ?? (options.alpha = temp.alpha);
+  }
   beginTextureFill(options) {
-    options = Object.assign({
+    const defaultOptions = {
       texture: Texture.WHITE,
       color: 16777215,
-      alpha: 1,
       matrix: null
-    }, options);
+    };
+    options = Object.assign(defaultOptions, options);
+    this.normalizeColor(options);
     if (this.currentPath) {
       this.startPoly();
     }
@@ -20228,7 +20279,7 @@ const _Graphics = class extends Container {
         blendMode,
         indices,
         uvs,
-        _batchRGB: hex2rgb(color),
+        _batchRGB: Color.shared.setValue(color).toRgbArray(),
         _tintRGB: color,
         _texture: gI.style.texture,
         alpha: gI.style.alpha,
@@ -20253,15 +20304,11 @@ const _Graphics = class extends Container {
   _renderDirect(renderer) {
     const shader = this._resolveDirectShader(renderer);
     const geometry = this._geometry;
-    const tint = this.tint;
     const worldAlpha = this.worldAlpha;
     const uniforms = shader.uniforms;
     const drawCalls = geometry.drawCalls;
     uniforms.translationMatrix = this.transform.worldTransform;
-    uniforms.tint[0] = (tint >> 16 & 255) / 255 * worldAlpha;
-    uniforms.tint[1] = (tint >> 8 & 255) / 255 * worldAlpha;
-    uniforms.tint[2] = (tint & 255) / 255 * worldAlpha;
-    uniforms.tint[3] = worldAlpha;
+    Color.shared.setValue(this._tintColor).multiply([worldAlpha, worldAlpha, worldAlpha]).setAlpha(worldAlpha).toArray(uniforms.tint);
     renderer.shader.bind(shader);
     renderer.geometry.bind(geometry, shader);
     renderer.state.set(this.state);
@@ -20314,16 +20361,10 @@ const _Graphics = class extends Container {
   }
   calculateTints() {
     if (this.batchTint !== this.tint) {
-      this.batchTint = this.tint;
-      const tintRGB = hex2rgb(this.tint, temp);
+      this.batchTint = this._tintColor.toNumber();
       for (let i = 0; i < this.batches.length; i++) {
         const batch = this.batches[i];
-        const batchTint = batch._batchRGB;
-        const r = tintRGB[0] * batchTint[0] * 255;
-        const g = tintRGB[1] * batchTint[1] * 255;
-        const b = tintRGB[2] * batchTint[2] * 255;
-        const color = (r << 16) + (g << 8) + (b | 0);
-        batch._tintRGB = (color >> 16) + (color & 65280) + ((color & 255) << 16);
+        batch._tintRGB = Color.shared.setValue(this._tintColor).multiply(batch._batchRGB).toLittleEndianNumber();
       }
     }
   }
@@ -20505,6 +20546,9 @@ const _Mesh = class extends Container {
   set tint(value) {
     this.shader.tint = value;
   }
+  get tintValue() {
+    return this.shader.tintValue;
+  }
   get texture() {
     return "texture" in this.shader ? this.shader.texture : null;
   }
@@ -20681,7 +20725,9 @@ class MeshMaterial extends Shader {
     this.uvMatrix = new TextureMatrix(uSampler);
     this.batchable = options.program === void 0;
     this.pluginName = options.pluginName;
-    this.tint = options.tint;
+    this._tintColor = new Color(options.tint);
+    this._tintRGB = this._tintColor.toLittleEndianNumber();
+    this._colorDirty = true;
     this.alpha = options.alpha;
   }
   get texture() {
@@ -20706,20 +20752,24 @@ class MeshMaterial extends Shader {
     return this._alpha;
   }
   set tint(value) {
-    if (value === this._tint)
+    if (value === this.tint)
       return;
-    this._tint = value;
-    this._tintRGB = (value >> 16) + (value & 65280) + ((value & 255) << 16);
+    this._tintColor.setValue(value);
+    this._tintRGB = this._tintColor.toLittleEndianNumber();
     this._colorDirty = true;
   }
   get tint() {
-    return this._tint;
+    return this._tintColor.value;
+  }
+  get tintValue() {
+    return this._tintColor.toNumber();
   }
   update() {
     if (this._colorDirty) {
       this._colorDirty = false;
       const baseTexture = this.texture.baseTexture;
-      premultiplyTintToRgba(this._tint, this._alpha, this.uniforms.uColor, baseTexture.alphaMode);
+      const applyToChannels = baseTexture.alphaMode;
+      Color.shared.setValue(this._tintColor).premultiply(this._alpha, applyToChannels).toArray(this.uniforms.uColor);
     }
     if (this.uvMatrix.update()) {
       this.uniforms.uTextureMatrix = this.uvMatrix.mapCoord;
@@ -20931,16 +20981,16 @@ class SimplePlane extends Mesh {
 
 const DEFAULT_BORDER_SIZE = 10;
 class NineSlicePlane extends SimplePlane {
-  constructor(texture, leftWidth = DEFAULT_BORDER_SIZE, topHeight = DEFAULT_BORDER_SIZE, rightWidth = DEFAULT_BORDER_SIZE, bottomHeight = DEFAULT_BORDER_SIZE) {
+  constructor(texture, leftWidth, topHeight, rightWidth, bottomHeight) {
     super(Texture.WHITE, 4, 4);
     this._origWidth = texture.orig.width;
     this._origHeight = texture.orig.height;
     this._width = this._origWidth;
     this._height = this._origHeight;
-    this._leftWidth = leftWidth;
-    this._rightWidth = rightWidth;
-    this._topHeight = topHeight;
-    this._bottomHeight = bottomHeight;
+    this._leftWidth = leftWidth ?? texture.defaultBorders?.left ?? DEFAULT_BORDER_SIZE;
+    this._rightWidth = rightWidth ?? texture.defaultBorders?.right ?? DEFAULT_BORDER_SIZE;
+    this._topHeight = topHeight ?? texture.defaultBorders?.top ?? DEFAULT_BORDER_SIZE;
+    this._bottomHeight = bottomHeight ?? texture.defaultBorders?.bottom ?? DEFAULT_BORDER_SIZE;
     this.texture = texture;
   }
   textureUpdated() {
@@ -21100,8 +21150,8 @@ class ParticleContainer extends Container {
     this.roundPixels = true;
     this.baseTexture = null;
     this.setProperties(properties);
-    this._tint = 0;
-    this.tintRgb = new Float32Array(4);
+    this._tintColor = new Color(0);
+    this.tintRgb = new Float32Array(3);
     this.tint = 16777215;
   }
   setProperties(properties) {
@@ -21117,11 +21167,11 @@ class ParticleContainer extends Container {
     this.displayObjectUpdateTransform();
   }
   get tint() {
-    return this._tint;
+    return this._tintColor.value;
   }
   set tint(value) {
-    this._tint = value;
-    hex2rgb(value, this.tintRgb);
+    this._tintColor.setValue(value);
+    this._tintColor.toRgbArray(this.tintRgb);
   }
   render(renderer) {
     if (!this.visible || this.worldAlpha <= 0 || !this.children.length || !this.renderable) {
@@ -21327,7 +21377,7 @@ class ParticleRenderer extends ObjectRenderer {
     const m = container.worldTransform.copyTo(this.tempMatrix);
     m.prepend(renderer.globalUniforms.uniforms.projectionMatrix);
     this.shader.uniforms.translationMatrix = m.toArray(true);
-    this.shader.uniforms.uColor = premultiplyRgba(container.tintRgb, container.worldAlpha, this.shader.uniforms.uColor, premultiplied);
+    this.shader.uniforms.uColor = Color.shared.setValue(container.tintRgb).premultiply(container.worldAlpha, premultiplied).toArray(this.shader.uniforms.uColor);
     this.shader.uniforms.uSampler = baseTexture;
     this.renderer.shader.bind(this.shader);
     let updateStatic = false;
@@ -21453,13 +21503,11 @@ class ParticleRenderer extends ObjectRenderer {
   uploadTint(children, startIndex, amount, array, stride, offset) {
     for (let i = 0; i < amount; ++i) {
       const sprite = children[startIndex + i];
-      const premultiplied = sprite._texture.baseTexture.alphaMode > 0;
-      const alpha = sprite.alpha;
-      const argb = alpha < 1 && premultiplied ? premultiplyTint(sprite._tintRGB, alpha) : sprite._tintRGB + (alpha * 255 << 24);
-      array[offset] = argb;
-      array[offset + stride] = argb;
-      array[offset + stride * 2] = argb;
-      array[offset + stride * 3] = argb;
+      const result = Color.shared.setValue(sprite._tintRGB).toPremultiplied(sprite.alpha);
+      array[offset] = result;
+      array[offset + stride] = result;
+      array[offset + stride * 2] = result;
+      array[offset + stride * 3] = result;
       offset += stride * 4;
     }
   }
@@ -22201,24 +22249,12 @@ TextStyle.defaultStyle = {
   wordWrap: false,
   wordWrapWidth: 100
 };
-function getSingleColor(color) {
-  if (typeof color === "number") {
-    return hex2string(color);
-  } else if (typeof color === "string") {
-    if (color.startsWith("0x")) {
-      color = color.replace("0x", "#");
-    }
-  }
-  return color;
-}
 function getColor(color) {
+  const temp = Color.shared;
   if (!Array.isArray(color)) {
-    return getSingleColor(color);
+    return temp.setValue(color).toHex();
   } else {
-    for (let i = 0; i < color.length; ++i) {
-      color[i] = getSingleColor(color[i]);
-    }
-    return color;
+    return color.map((c) => temp.setValue(c).toHex());
   }
 }
 function areArraysEqual(array1, array2) {
@@ -22324,10 +22360,9 @@ const _Text = class extends Sprite {
         context.fillStyle = "black";
         context.strokeStyle = "black";
         const dropShadowColor = style.dropShadowColor;
-        const rgb = hex2rgb(typeof dropShadowColor === "number" ? dropShadowColor : string2hex(dropShadowColor));
         const dropShadowBlur = style.dropShadowBlur * this._resolution;
         const dropShadowDistance = style.dropShadowDistance * this._resolution;
-        context.shadowColor = `rgba(${rgb[0] * 255},${rgb[1] * 255},${rgb[2] * 255},${style.dropShadowAlpha})`;
+        context.shadowColor = Color.shared.setValue(dropShadowColor).setAlpha(style.dropShadowAlpha).toRgbaString();
         context.shadowBlur = dropShadowBlur;
         context.shadowOffsetX = Math.cos(style.dropShadowAngle) * dropShadowDistance;
         context.shadowOffsetY = Math.sin(style.dropShadowAngle) * dropShadowDistance + dsOffsetShadow;
@@ -23235,7 +23270,7 @@ class TilingSpriteRenderer extends ObjectRenderer {
       shader.uniforms.uClampOffset = uv.uClampOffset;
     }
     shader.uniforms.uTransform = tempMat.toArray(true);
-    shader.uniforms.uColor = premultiplyTintToRgba(ts.tint, ts.worldAlpha, shader.uniforms.uColor, premultiplied);
+    shader.uniforms.uColor = Color.shared.setValue(ts.tint).premultiply(ts.worldAlpha, premultiplied).toArray(shader.uniforms.uColor);
     shader.uniforms.translationMatrix = ts.transform.worldTransform.toArray(true);
     shader.uniforms.uSampler = tex;
     renderer.shader.bind(shader);
@@ -23310,7 +23345,7 @@ const _Spritesheet = class {
         if (data.trimmed !== false && data.spriteSourceSize) {
           trim = new Rectangle(Math.floor(data.spriteSourceSize.x) / this.resolution, Math.floor(data.spriteSourceSize.y) / this.resolution, Math.floor(rect.w) / this.resolution, Math.floor(rect.h) / this.resolution);
         }
-        this.textures[i] = new Texture(this.baseTexture, frame, orig, trim, data.rotated ? 2 : 0, data.anchor);
+        this.textures[i] = new Texture(this.baseTexture, frame, orig, trim, data.rotated ? 2 : 0, data.anchor, data.borders);
         Texture.addToCache(this.textures[i], i);
       }
       frameIndex++;
@@ -23701,10 +23736,9 @@ function drawGlyph(canvas, context, metrics, x, y, resolution, style) {
   context.strokeStyle = style.stroke;
   if (style.dropShadow) {
     const dropShadowColor = style.dropShadowColor;
-    const rgb = hex2rgb(typeof dropShadowColor === "number" ? dropShadowColor : string2hex(dropShadowColor));
     const dropShadowBlur = style.dropShadowBlur * resolution;
     const dropShadowDistance = style.dropShadowDistance * resolution;
-    context.shadowColor = `rgba(${rgb[0] * 255},${rgb[1] * 255},${rgb[2] * 255},${style.dropShadowAlpha})`;
+    context.shadowColor = Color.shared.setValue(dropShadowColor).setAlpha(style.dropShadowAlpha).toRgbaString();
     context.shadowBlur = dropShadowBlur;
     context.shadowOffsetX = Math.cos(style.dropShadowAngle) * dropShadowDistance;
     context.shadowOffsetY = Math.sin(style.dropShadowAngle) * dropShadowDistance;
@@ -23995,7 +24029,6 @@ const charRenderDataPool = [];
 const _BitmapText = class extends Container {
   constructor(text, style = {}) {
     super();
-    this._tint = 16777215;
     const { align, tint, maxWidth, letterSpacing, fontName, fontSize } = Object.assign({}, _BitmapText.styleDefaults, style);
     if (!BitmapFont.available[fontName]) {
       throw new Error(`Missing BitmapFont "${fontName}"`);
@@ -24004,7 +24037,7 @@ const _BitmapText = class extends Container {
     this._textWidth = 0;
     this._textHeight = 0;
     this._align = align;
-    this._tint = tint;
+    this._tintColor = new Color(tint);
     this._font = void 0;
     this._fontName = fontName;
     this._fontSize = fontSize;
@@ -24166,7 +24199,7 @@ const _BitmapText = class extends Container {
         const { _textureCache } = this;
         _textureCache[baseTextureUid] = _textureCache[baseTextureUid] || new Texture(texture.baseTexture);
         pageMeshData.mesh.texture = _textureCache[baseTextureUid];
-        pageMeshData.mesh.tint = this._tint;
+        pageMeshData.mesh.tint = this._tintColor.value;
         newPagesMeshData.push(pageMeshData);
         pagesMeshData[baseTextureUid] = pageMeshData;
       }
@@ -24311,12 +24344,12 @@ const _BitmapText = class extends Container {
     }
   }
   get tint() {
-    return this._tint;
+    return this._tintColor.value;
   }
   set tint(value) {
-    if (this._tint === value)
+    if (this.tint === value)
       return;
-    this._tint = value;
+    this._tintColor.setValue(value);
     for (let i = 0; i < this._activePagesMeshData.length; i++) {
       this._activePagesMeshData[i].mesh.tint = value;
     }
@@ -24441,6 +24474,7 @@ const _BitmapText = class extends Container {
       delete _textureCache[id];
     }
     this._font = null;
+    this._tintColor = null;
     this._textureCache = null;
     super.destroy(options);
   }
@@ -24490,5 +24524,498 @@ const loadBitmapFont = {
 };
 extensions$1.add(loadBitmapFont);
 
-export { ALPHA_MODES, AbstractMultiResource, AccessibilityManager, AlphaFilter, AnimatedSprite, Application, ArrayResource, Assets, AssetsClass, Attribute, BLEND_MODES, BUFFER_BITS, BUFFER_TYPE, BackgroundSystem, BaseImageResource, BasePrepare, BaseRenderTexture, BaseTexture, BatchDrawCall, BatchGeometry, BatchRenderer, BatchShaderGenerator, BatchSystem, BatchTextureArray, BitmapFont, BitmapFontData, BitmapText, BlobResource, BlurFilter, BlurFilterPass, Bounds, BrowserAdapter, Buffer, BufferResource, BufferSystem, CLEAR_MODES, COLOR_MASK_BITS, Cache, CanvasResource, Circle, ColorMatrixFilter, CompressedTextureResource, Container, ContextSystem, CountLimiter, CubeResource, DEG_TO_RAD, DRAW_MODES, DisplacementFilter, DisplayObject, ENV, Ellipse, EventBoundary, EventSystem, ExtensionType, Extract, FORMATS, FORMATS_TO_COMPONENTS, FXAAFilter, FederatedDisplayObject, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FillStyle, Filter, FilterState, FilterSystem, Framebuffer, FramebufferSystem, GC_MODES, GLFramebuffer, GLProgram, GLTexture, GRAPHICS_CURVES, GenerateTextureSystem, Geometry, GeometrySystem, Graphics, GraphicsData, GraphicsGeometry, IGLUniformData, INSTALLED, INTERNAL_FORMATS, INTERNAL_FORMAT_TO_BYTES_PER_PIXEL, ImageBitmapResource, ImageResource, LINE_CAP, LINE_JOIN, LineStyle, LoaderParserPriority, MASK_TYPES, MIPMAP_MODES, MSAA_QUALITY, MaskData, MaskSystem, Matrix, Mesh, MeshBatchUvs, MeshGeometry, MeshMaterial, MultisampleSystem, NineSlicePlane, NoiseFilter, ObjectRenderer, ObjectRendererSystem, ObservablePoint, PI_2, PRECISION, ParticleContainer, ParticleRenderer, PlaneGeometry, PluginSystem, Point, Polygon, Prepare, Program, ProjectionSystem, Quad, QuadUv, RAD_TO_DEG, RENDERER_TYPE, Rectangle, RenderTexture, RenderTexturePool, RenderTextureSystem, Renderer, ResizePlugin, Resource, RopeGeometry, RoundedRectangle, Runner, SAMPLER_TYPES, SCALE_MODES, SHAPES, SVGResource, ScissorSystem, Shader, ShaderSystem, SimpleMesh, SimplePlane, SimpleRope, Sprite, SpriteMaskFilter, Spritesheet, StartupSystem, State, StateSystem, StencilSystem, SystemManager, TARGETS, TEXT_GRADIENT, TYPES, TYPES_TO_BYTES_PER_COMPONENT, TYPES_TO_BYTES_PER_PIXEL, TemporaryDisplayObject, Text, TextFormat, TextMetrics, TextStyle, Texture, TextureGCSystem, TextureMatrix, TextureSystem, TextureUvs, Ticker, TickerPlugin, TilingSprite, TilingSpriteRenderer, TimeLimiter, Transform, TransformFeedback, TransformFeedbackSystem, UPDATE_PRIORITY, UniformGroup, VERSION, VideoResource, ViewSystem, ViewableBuffer, WRAP_MODES, XMLFormat, XMLStringFormat, accessibleTarget, autoDetectFormat, autoDetectRenderer, autoDetectResource, cacheTextureArray, checkDataUrl, checkExtension, checkMaxIfStatementsInShader, convertToList, copySearchParams, createStringVariations, createTexture, createUBOElements, curves, defaultFilterVertex, defaultVertex, detectAvif, detectCompressedTextures, detectDefaults, detectWebp, extensions$1 as extensions, filters, generateProgram, generateUniformBufferSync, getFontFamilyName, getTestContext, getUBOData, graphicsUtils, groupD8, isMobile, isSingleItem, loadBitmapFont, loadDDS, loadImageBitmap, loadJson, loadKTX, loadSVG, loadTextures, loadTxt, loadWebFont, parseDDS, parseKTX, resolveCompressedTextureUrl, resolveTextureUrl, settings, spritesheetAsset, uniformParsers, unsafeEvalSupported, index as utils };
+const _HTMLTextStyle = class extends TextStyle {
+  constructor() {
+    super(...arguments);
+    this._fonts = [];
+    this._overrides = [];
+    this._stylesheet = "";
+    this.fontsDirty = false;
+  }
+  static from(originalStyle) {
+    return new _HTMLTextStyle(Object.keys(_HTMLTextStyle.defaultOptions).reduce((obj, prop) => ({ ...obj, [prop]: originalStyle[prop] }), {}));
+  }
+  cleanFonts() {
+    if (this._fonts.length > 0) {
+      this._fonts.forEach((font) => {
+        URL.revokeObjectURL(font.src);
+        font.refs--;
+        if (font.refs === 0) {
+          if (font.fontFace) {
+            document.fonts.delete(font.fontFace);
+          }
+          delete _HTMLTextStyle.availableFonts[font.originalUrl];
+        }
+      });
+      this.fontFamily = "Arial";
+      this._fonts.length = 0;
+      this.styleID++;
+      this.fontsDirty = true;
+    }
+  }
+  loadFont(url, options = {}) {
+    const { availableFonts } = _HTMLTextStyle;
+    if (availableFonts[url]) {
+      const font = availableFonts[url];
+      this._fonts.push(font);
+      font.refs++;
+      this.styleID++;
+      this.fontsDirty = true;
+      return Promise.resolve();
+    }
+    return settings.ADAPTER.fetch(url).then((response) => response.blob()).then(async (blob) => new Promise((resolve, reject) => {
+      const src = URL.createObjectURL(blob);
+      const reader = new FileReader();
+      reader.onload = () => resolve([src, reader.result]);
+      reader.onerror = reject;
+      reader.readAsDataURL(blob);
+    })).then(async ([src, dataSrc]) => {
+      const font = Object.assign({
+        family: path.basename(url, path.extname(url)),
+        weight: "normal",
+        style: "normal",
+        src,
+        dataSrc,
+        refs: 1,
+        originalUrl: url,
+        fontFace: null
+      }, options);
+      availableFonts[url] = font;
+      this._fonts.push(font);
+      this.styleID++;
+      const fontFace = new FontFace(font.family, `url(${font.src})`, {
+        weight: font.weight,
+        style: font.style
+      });
+      font.fontFace = fontFace;
+      await fontFace.load();
+      document.fonts.add(fontFace);
+      await document.fonts.ready;
+      this.styleID++;
+      this.fontsDirty = true;
+    });
+  }
+  addOverride(...value) {
+    const toAdd = value.filter((v) => !this._overrides.includes(v));
+    if (toAdd.length > 0) {
+      this._overrides.push(...toAdd);
+      this.styleID++;
+    }
+  }
+  removeOverride(...value) {
+    const toRemove = value.filter((v) => this._overrides.includes(v));
+    if (toRemove.length > 0) {
+      this._overrides = this._overrides.filter((v) => !toRemove.includes(v));
+      this.styleID++;
+    }
+  }
+  toCSS(scale) {
+    return [
+      "display: inline-block",
+      `color: ${this.normalizeColor(this.fill)}`,
+      `font-size: ${this.fontSize * scale}px`,
+      `font-family: ${this.fontFamily}`,
+      `font-weight: ${this.fontWeight}`,
+      `font-style: ${this.fontStyle}`,
+      `font-variant: ${this.fontVariant}`,
+      `letter-spacing: ${this.letterSpacing * scale}px`,
+      `text-align: ${this.align}`,
+      `padding: ${this.padding * scale}px`,
+      `white-space: ${this.whiteSpace}`,
+      ...this.lineHeight ? [`line-height: ${this.lineHeight * scale}px`] : [],
+      ...this.wordWrap ? [
+        `word-wrap: ${this.breakWords ? "break-all" : "break-word"}`,
+        `max-width: ${this.wordWrapWidth * scale}px`
+      ] : [],
+      ...this.strokeThickness ? [
+        `-webkit-text-stroke-width: ${this.strokeThickness * scale}px`,
+        `-webkit-text-stroke-color: ${this.normalizeColor(this.stroke)}`,
+        `text-stroke-width: ${this.strokeThickness * scale}px`,
+        `text-stroke-color: ${this.normalizeColor(this.stroke)}`,
+        "paint-order: stroke"
+      ] : [],
+      ...this.dropShadow ? [this.dropShadowToCSS(scale)] : [],
+      ...this._overrides
+    ].join(";");
+  }
+  toGlobalCSS() {
+    return this._fonts.reduce((result, font) => `${result}
+            @font-face {
+                font-family: "${font.family}";
+                src: url('${font.dataSrc}');
+                font-weight: ${font.weight};
+                font-style: ${font.style}; 
+            }`, this._stylesheet);
+  }
+  get stylesheet() {
+    return this._stylesheet;
+  }
+  set stylesheet(value) {
+    if (this._stylesheet !== value) {
+      this._stylesheet = value;
+      this.styleID++;
+    }
+  }
+  normalizeColor(color) {
+    if (Array.isArray(color)) {
+      color = rgb2hex(color);
+    }
+    if (typeof color === "number") {
+      return hex2string(color);
+    }
+    return color;
+  }
+  dropShadowToCSS(scale) {
+    let color = this.normalizeColor(this.dropShadowColor);
+    const alpha = this.dropShadowAlpha;
+    const x = Math.round(Math.cos(this.dropShadowAngle) * this.dropShadowDistance);
+    const y = Math.round(Math.sin(this.dropShadowAngle) * this.dropShadowDistance);
+    if (color.startsWith("#") && alpha < 1) {
+      color += (alpha * 255 | 0).toString(16).padStart(2, "0");
+    }
+    const position = `${x * scale}px ${y * scale}px`;
+    if (this.dropShadowBlur > 0) {
+      return `text-shadow: ${position} ${this.dropShadowBlur}px ${color}`;
+    }
+    return `text-shadow: ${position} ${color}`;
+  }
+  reset() {
+    Object.assign(this, _HTMLTextStyle.defaultOptions);
+  }
+  onBeforeDraw() {
+    const { fontsDirty: prevFontsDirty } = this;
+    this.fontsDirty = false;
+    if (this.isSafari && this._fonts.length > 0 && prevFontsDirty) {
+      return new Promise((resolve) => setTimeout(resolve, 100));
+    }
+    return Promise.resolve();
+  }
+  get isSafari() {
+    const { userAgent } = settings.ADAPTER.getNavigator();
+    return /^((?!chrome|android).)*safari/i.test(userAgent);
+  }
+  set fillGradientStops(_value) {
+    console.warn("[HTMLTextStyle] fillGradientStops is not supported by HTMLText");
+  }
+  get fillGradientStops() {
+    return super.fillGradientStops;
+  }
+  set fillGradientType(_value) {
+    console.warn("[HTMLTextStyle] fillGradientType is not supported by HTMLText");
+  }
+  get fillGradientType() {
+    return super.fillGradientType;
+  }
+  set miterLimit(_value) {
+    console.warn("[HTMLTextStyle] miterLimit is not supported by HTMLText");
+  }
+  get miterLimit() {
+    return super.miterLimit;
+  }
+  set trim(_value) {
+    console.warn("[HTMLTextStyle] trim is not supported by HTMLText");
+  }
+  get trim() {
+    return super.trim;
+  }
+  set textBaseline(_value) {
+    console.warn("[HTMLTextStyle] textBaseline is not supported by HTMLText");
+  }
+  get textBaseline() {
+    return super.textBaseline;
+  }
+  set leading(_value) {
+    console.warn("[HTMLTextStyle] leading is not supported by HTMLText");
+  }
+  get leading() {
+    return super.leading;
+  }
+  set lineJoin(_value) {
+    console.warn("[HTMLTextStyle] lineJoin is not supported by HTMLText");
+  }
+  get lineJoin() {
+    return super.lineJoin;
+  }
+};
+let HTMLTextStyle = _HTMLTextStyle;
+HTMLTextStyle.availableFonts = {};
+HTMLTextStyle.defaultOptions = {
+  align: "left",
+  breakWords: false,
+  dropShadow: false,
+  dropShadowAlpha: 1,
+  dropShadowAngle: Math.PI / 6,
+  dropShadowBlur: 0,
+  dropShadowColor: "black",
+  dropShadowDistance: 5,
+  fill: "black",
+  fontFamily: "Arial",
+  fontSize: 26,
+  fontStyle: "normal",
+  fontVariant: "normal",
+  fontWeight: "normal",
+  letterSpacing: 0,
+  lineHeight: 0,
+  padding: 0,
+  stroke: "black",
+  strokeThickness: 0,
+  whiteSpace: "normal",
+  wordWrap: false,
+  wordWrapWidth: 100
+};
+
+const _HTMLText = class extends Sprite {
+  constructor(text = "", style = {}) {
+    super(Texture.EMPTY);
+    this._text = null;
+    this._style = null;
+    this._autoResolution = true;
+    this._loading = false;
+    this.localStyleID = -1;
+    this.dirty = false;
+    this.ownsStyle = false;
+    const image = new Image();
+    const texture = Texture.from(image, {
+      scaleMode: settings.SCALE_MODE,
+      resourceOptions: {
+        autoLoad: false
+      }
+    });
+    texture.orig = new Rectangle();
+    texture.trim = new Rectangle();
+    this.texture = texture;
+    const nssvg = "http://www.w3.org/2000/svg";
+    const nsxhtml = "http://www.w3.org/1999/xhtml";
+    const svgRoot = document.createElementNS(nssvg, "svg");
+    const foreignObject = document.createElementNS(nssvg, "foreignObject");
+    const domElement = document.createElementNS(nsxhtml, "div");
+    const styleElement = document.createElementNS(nsxhtml, "style");
+    foreignObject.setAttribute("width", "10000");
+    foreignObject.setAttribute("height", "10000");
+    foreignObject.style.overflow = "hidden";
+    svgRoot.appendChild(foreignObject);
+    this.maxWidth = _HTMLText.defaultMaxWidth;
+    this.maxHeight = _HTMLText.defaultMaxHeight;
+    this._domElement = domElement;
+    this._styleElement = styleElement;
+    this._svgRoot = svgRoot;
+    this._foreignObject = foreignObject;
+    this._foreignObject.appendChild(styleElement);
+    this._foreignObject.appendChild(domElement);
+    this._image = image;
+    this._loadImage = new Image();
+    this._autoResolution = _HTMLText.defaultAutoResolution;
+    this._resolution = _HTMLText.defaultResolution ?? settings.RESOLUTION;
+    this.text = text;
+    this.style = style;
+  }
+  measureText(overrides) {
+    const { text, style, resolution } = Object.assign({
+      text: this._text,
+      style: this._style,
+      resolution: this._resolution
+    }, overrides);
+    Object.assign(this._domElement, {
+      innerHTML: text,
+      style: style.toCSS(resolution)
+    });
+    this._styleElement.textContent = style.toGlobalCSS();
+    document.body.appendChild(this._svgRoot);
+    const contentBounds = this._domElement.getBoundingClientRect();
+    this._svgRoot.remove();
+    const contentWidth = Math.min(this.maxWidth, Math.ceil(contentBounds.width));
+    const contentHeight = Math.min(this.maxHeight, Math.ceil(contentBounds.height));
+    this._svgRoot.setAttribute("width", contentWidth.toString());
+    this._svgRoot.setAttribute("height", contentHeight.toString());
+    if (text !== this._text) {
+      this._domElement.innerHTML = this._text;
+    }
+    if (style !== this._style) {
+      Object.assign(this._domElement, { style: this._style?.toCSS(resolution) });
+      this._styleElement.textContent = this._style?.toGlobalCSS();
+    }
+    return {
+      width: contentWidth + style.padding * 2,
+      height: contentHeight + style.padding * 2
+    };
+  }
+  async updateText(respectDirty = true) {
+    const { style, _image: image, _loadImage: loadImage } = this;
+    if (this.localStyleID !== style.styleID) {
+      this.dirty = true;
+      this.localStyleID = style.styleID;
+    }
+    if (!this.dirty && respectDirty) {
+      return;
+    }
+    const { width, height } = this.measureText();
+    image.width = loadImage.width = Math.ceil(Math.max(1, width));
+    image.height = loadImage.height = Math.ceil(Math.max(1, height));
+    if (!this._loading) {
+      this._loading = true;
+      await new Promise((resolve) => {
+        loadImage.onload = async () => {
+          await style.onBeforeDraw();
+          this._loading = false;
+          image.src = loadImage.src;
+          loadImage.onload = null;
+          loadImage.src = "";
+          this.updateTexture();
+          resolve();
+        };
+        const svgURL = new XMLSerializer().serializeToString(this._svgRoot);
+        loadImage.src = `data:image/svg+xml;charset=utf8,${encodeURIComponent(svgURL)}`;
+      });
+    }
+  }
+  get source() {
+    return this._image;
+  }
+  updateTexture() {
+    const { style, texture, _image: image, resolution } = this;
+    const { padding } = style;
+    const { baseTexture } = texture;
+    texture.trim.width = texture._frame.width = image.width / resolution;
+    texture.trim.height = texture._frame.height = image.height / resolution;
+    texture.trim.x = -padding;
+    texture.trim.y = -padding;
+    texture.orig.width = texture._frame.width - padding * 2;
+    texture.orig.height = texture._frame.height - padding * 2;
+    this._onTextureUpdate();
+    baseTexture.setRealSize(image.width, image.height, resolution);
+    this.dirty = false;
+  }
+  _render(renderer) {
+    if (this._autoResolution && this._resolution !== renderer.resolution) {
+      this._resolution = renderer.resolution;
+      this.dirty = true;
+    }
+    this.updateText(true);
+    super._render(renderer);
+  }
+  _renderCanvas(renderer) {
+    if (this._autoResolution && this._resolution !== renderer.resolution) {
+      this._resolution = renderer.resolution;
+      this.dirty = true;
+    }
+    this.updateText(true);
+    super._renderCanvas(renderer);
+  }
+  getLocalBounds(rect) {
+    this.updateText(true);
+    return super.getLocalBounds(rect);
+  }
+  _calculateBounds() {
+    this.updateText(true);
+    this.calculateVertices();
+    this._bounds.addQuad(this.vertexData);
+  }
+  _onStyleChange() {
+    this.dirty = true;
+  }
+  destroy(options) {
+    if (typeof options === "boolean") {
+      options = { children: options };
+    }
+    options = Object.assign({}, _HTMLText.defaultDestroyOptions, options);
+    super.destroy(options);
+    const forceClear = null;
+    if (this.ownsStyle) {
+      this._style?.cleanFonts();
+    }
+    this._style = forceClear;
+    this._svgRoot?.remove();
+    this._svgRoot = forceClear;
+    this._domElement?.remove();
+    this._domElement = forceClear;
+    this._foreignObject?.remove();
+    this._foreignObject = forceClear;
+    this._styleElement?.remove();
+    this._styleElement = forceClear;
+    this._loadImage.src = "";
+    this._loadImage.onload = null;
+    this._loadImage = forceClear;
+    this._image.src = "";
+    this._image = forceClear;
+  }
+  get width() {
+    this.updateText(true);
+    return Math.abs(this.scale.x) * this._image.width / this.resolution;
+  }
+  set width(value) {
+    this.updateText(true);
+    const s = sign(this.scale.x) || 1;
+    this.scale.x = s * value / this._image.width / this.resolution;
+    this._width = value;
+  }
+  get height() {
+    this.updateText(true);
+    return Math.abs(this.scale.y) * this._image.height / this.resolution;
+  }
+  set height(value) {
+    this.updateText(true);
+    const s = sign(this.scale.y) || 1;
+    this.scale.y = s * value / this._image.height / this.resolution;
+    this._height = value;
+  }
+  get style() {
+    return this._style;
+  }
+  set style(style) {
+    if (this._style === style) {
+      return;
+    }
+    style = style || {};
+    if (style instanceof HTMLTextStyle) {
+      this.ownsStyle = false;
+      this._style = style;
+    } else if (style instanceof TextStyle) {
+      console.warn("[HTMLText] Cloning TextStyle, if this is not what you want, use HTMLTextStyle");
+      this.ownsStyle = true;
+      this._style = HTMLTextStyle.from(style);
+    } else {
+      this.ownsStyle = true;
+      this._style = new HTMLTextStyle(style);
+    }
+    this.localStyleID = -1;
+    this.dirty = true;
+  }
+  get text() {
+    return this._text;
+  }
+  set text(text) {
+    text = String(text === "" || text === null || text === void 0 ? " " : text);
+    text = this.sanitiseText(text);
+    if (this._text === text) {
+      return;
+    }
+    this._text = text;
+    this.dirty = true;
+  }
+  get resolution() {
+    return this._resolution;
+  }
+  set resolution(value) {
+    this._autoResolution = false;
+    if (this._resolution === value) {
+      return;
+    }
+    this._resolution = value;
+    this.dirty = true;
+  }
+  sanitiseText(text) {
+    return text.replace(/<br>/gi, "<br/>").replace(/<hr>/gi, "<hr/>").replace(/&nbsp;/gi, "&#160;");
+  }
+};
+let HTMLText = _HTMLText;
+HTMLText.defaultDestroyOptions = {
+  texture: true,
+  children: false,
+  baseTexture: true
+};
+HTMLText.defaultMaxWidth = 2024;
+HTMLText.defaultMaxHeight = 2024;
+HTMLText.defaultAutoResolution = true;
+
+export { ALPHA_MODES, AbstractMultiResource, AccessibilityManager, AlphaFilter, AnimatedSprite, Application, ArrayResource, Assets, AssetsClass, Attribute, BLEND_MODES, BUFFER_BITS, BUFFER_TYPE, BackgroundSystem, BaseImageResource, BasePrepare, BaseRenderTexture, BaseTexture, BatchDrawCall, BatchGeometry, BatchRenderer, BatchShaderGenerator, BatchSystem, BatchTextureArray, BitmapFont, BitmapFontData, BitmapText, BlobResource, BlurFilter, BlurFilterPass, Bounds, BrowserAdapter, Buffer, BufferResource, BufferSystem, CLEAR_MODES, COLOR_MASK_BITS, Cache, CanvasResource, Circle, Color, ColorMatrixFilter, CompressedTextureResource, Container, ContextSystem, CountLimiter, CubeResource, DEG_TO_RAD, DRAW_MODES, DisplacementFilter, DisplayObject, ENV, Ellipse, EventBoundary, EventSystem, ExtensionType, Extract, FORMATS, FORMATS_TO_COMPONENTS, FXAAFilter, FederatedDisplayObject, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FillStyle, Filter, FilterState, FilterSystem, Framebuffer, FramebufferSystem, GC_MODES, GLFramebuffer, GLProgram, GLTexture, GRAPHICS_CURVES, GenerateTextureSystem, Geometry, GeometrySystem, Graphics, GraphicsData, GraphicsGeometry, HTMLText, HTMLTextStyle, IGLUniformData, INSTALLED, INTERNAL_FORMATS, INTERNAL_FORMAT_TO_BYTES_PER_PIXEL, ImageBitmapResource, ImageResource, LINE_CAP, LINE_JOIN, LineStyle, LoaderParserPriority, MASK_TYPES, MIPMAP_MODES, MSAA_QUALITY, MaskData, MaskSystem, Matrix, Mesh, MeshBatchUvs, MeshGeometry, MeshMaterial, MultisampleSystem, NineSlicePlane, NoiseFilter, ObjectRenderer, ObjectRendererSystem, ObservablePoint, PI_2, PRECISION, ParticleContainer, ParticleRenderer, PlaneGeometry, PluginSystem, Point, Polygon, Prepare, Program, ProjectionSystem, Quad, QuadUv, RAD_TO_DEG, RENDERER_TYPE, Rectangle, RenderTexture, RenderTexturePool, RenderTextureSystem, Renderer, ResizePlugin, Resource, RopeGeometry, RoundedRectangle, Runner, SAMPLER_TYPES, SCALE_MODES, SHAPES, SVGResource, ScissorSystem, Shader, ShaderSystem, SimpleMesh, SimplePlane, SimpleRope, Sprite, SpriteMaskFilter, Spritesheet, StartupSystem, State, StateSystem, StencilSystem, SystemManager, TARGETS, TEXT_GRADIENT, TYPES, TYPES_TO_BYTES_PER_COMPONENT, TYPES_TO_BYTES_PER_PIXEL, TemporaryDisplayObject, Text, TextFormat, TextMetrics, TextStyle, Texture, TextureGCSystem, TextureMatrix, TextureSystem, TextureUvs, Ticker, TickerPlugin, TilingSprite, TilingSpriteRenderer, TimeLimiter, Transform, TransformFeedback, TransformFeedbackSystem, UPDATE_PRIORITY, UniformGroup, VERSION, VideoResource, ViewSystem, ViewableBuffer, WRAP_MODES, XMLFormat, XMLStringFormat, accessibleTarget, autoDetectFormat, autoDetectRenderer, autoDetectResource, cacheTextureArray, checkDataUrl, checkExtension, checkMaxIfStatementsInShader, convertToList, copySearchParams, createStringVariations, createTexture, createUBOElements, curves, defaultFilterVertex, defaultVertex, detectAvif, detectCompressedTextures, detectDefaults, detectWebp, extensions$1 as extensions, filters, generateProgram, generateUniformBufferSync, getFontFamilyName, getTestContext, getUBOData, graphicsUtils, groupD8, isMobile, isSingleItem, loadBitmapFont, loadDDS, loadImageBitmap, loadJson, loadKTX, loadSVG, loadTextures, loadTxt, loadWebFont, parseDDS, parseKTX, resolveCompressedTextureUrl, resolveTextureUrl, settings, spritesheetAsset, uniformParsers, unsafeEvalSupported, index as utils };
 //# sourceMappingURL=pixi.mjs.map