@eva/plugin-a11y 1.2.0-alpha.5 → 1.2.0

package/dist/plugin-a11y.cjs.js

@@ -212,6 +212,7 @@ var A11ySystem = (function (_super) {
         var _this = _super.call(this, opt) || this;
         _this.cache = new Map();
         _this.eventCache = new Map();
+        _this.zIndex = ZINDEX;
         return _this;
     }
     Object.defineProperty(A11ySystem.prototype, "ratioX", {
@@ -253,12 +254,13 @@ var A11ySystem = (function (_super) {
     A11ySystem.prototype.init = function (opt) {
         if (opt === void 0) { opt = {}; }
         return __awaiter(this, void 0, void 0, function () {
-            var _a, activate, _b, delay, _c, checkA11yOpen, _d, _e, div;
+            var _a, activate, _b, delay, _c, checkA11yOpen, zIndex, _d, _e, div;
             return __generator(this, function (_f) {
                 switch (_f.label) {
                     case 0:
-                        _a = opt.activate, activate = _a === void 0 ? exports.A11yActivate.CHECK : _a, _b = opt.delay, delay = _b === void 0 ? 100 : _b, _c = opt.checkA11yOpen, checkA11yOpen = _c === void 0 ? function () { return Promise.resolve(false); } : _c;
+                        _a = opt.activate, activate = _a === void 0 ? exports.A11yActivate.CHECK : _a, _b = opt.delay, delay = _b === void 0 ? 100 : _b, _c = opt.checkA11yOpen, checkA11yOpen = _c === void 0 ? function () { return Promise.resolve(false); } : _c, zIndex = opt.zIndex;
                         this.delay = delay;
+                        this.zIndex = zIndex || this.zIndex;
                         _d = activate;
                         switch (_d) {
                             case exports.A11yActivate.CHECK: return [3, 1];
@@ -294,7 +296,7 @@ var A11ySystem = (function (_super) {
                         div = document.createElement('div');
                         this.div = div;
                         if (this.game.canvas.parentNode) {
-                            this.game.canvas.parentNode.appendChild(this.div);
+                            this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);
                         }
                         return [2];
                 }
@@ -333,7 +335,7 @@ var A11ySystem = (function (_super) {
             left: left + pageXOffset + "px",
             top: top + pageYOffset + "px",
             position: POSITION,
-            zIndex: ZINDEX,
+            zIndex: this.zIndex,
             pointerEvents: PointerEvents.NONE,
             background: MaskBackground.NONE,
         };
@@ -536,7 +538,7 @@ var A11ySystem = (function (_super) {
             width: width === 0 ? 1 : width * this.ratioX,
             height: height === 0 ? 1 : height * this.ratioY,
             position: POSITION,
-            zIndex: ZINDEX,
+            zIndex: this.zIndex,
             pointerEvents: PointerEvents.AUTO,
             background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE,
         };
@@ -548,6 +550,7 @@ var A11ySystem = (function (_super) {
         this.div.parentElement.removeChild(this.div);
         this.cache = null;
         this.eventCache = null;
+        this.div = null;
     };
     A11ySystem.systemName = 'A11ySystem';
     A11ySystem = __decorate([

package/dist/plugin-a11y.cjs.prod.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/eva.js"),e=require("@eva/plugin-renderer"),n=require("@eva/inspector-decorator"),r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function o(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var i=function(){return(i=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function a(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function s(t,e,n,r){return new(n||(n=Promise))((function(o,i){function a(t){try{c(r.next(t))}catch(t){i(t)}}function s(t){try{c(r.throw(t))}catch(t){i(t)}}function c(t){t.done?o(t.value):new n((function(e){e(t.value)})).then(a,s)}c((r=r.apply(t,e||[])).next())}))}function c(t,e){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=e.call(t,a)}catch(t){i=[6,t],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function h(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}var p,u,l,v,d=function(t,e){var n=e.width,r=e.height,o=e.position,i=e.left,a=void 0===i?0:i,s=e.top,c=void 0===s?0:s,h=e.zIndex,p=e.pointerEvents,u=e.background;t.style.width=n+"px",t.style.height=r+"px",t.style.position=o,t.style.left=""+a,t.style.top=""+c,t.style.zIndex=""+h,t.style.pointerEvents=p,t.style.background=u,t.style.border="none",t.style.overflow="hidden"},f=function(t){function e(e){var n=t.call(this)||this;Object.assign(n,e);var r=e.hint,o=void 0===r?"":r,i=e.event,a=e.delay,s=void 0===a?0:a,c=e.attr,h=void 0===c?{}:c,p=e.role,u=void 0===p?"":p,l=e.props,v=void 0===l?{}:l,d=e.state,f=void 0===d?{}:d;return n.hint=o,n.event=i,n.delay=s,n.attr=h,n.role=u,n.props=v,n.state=f,n.a11yId="_"+function(t){for(var e="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[],r=e.length,o=0;o<t;o++)n[o]=e[0|Math.random()*r];return n.join("")}(6),n}return o(e,t),e.componentName="A11y",a([n.type("boolean")],e.prototype,"interactive",void 0),a([n.type("string")],e.prototype,"hint",void 0),a([n.type("number"),n.step(1)],e.prototype,"delay",void 0),a([n.type("string")],e.prototype,"role",void 0),a([n.type("string")],e.prototype,"a11yId",void 0),e}(t.Component);exports.A11yActivate=void 0,(p=exports.A11yActivate||(exports.A11yActivate={}))[p.ENABLE=0]="ENABLE",p[p.DISABLE=1]="DISABLE",p[p.CHECK=2]="CHECK",function(t){t.NONE="none",t.AUTO="auto"}(u||(u={})),function(t){t.DEBUG="rgba(255,0,0,0.5)",t.NONE="transparent"}(l||(l={})),function(t){t.BUTTON="button",t.DIV="div"}(v||(v={}));var y=["hint","event","delay","attr","role","props","state","a11yId","name"],g=function(t,e,n){var r=this;["touchstart","touchend","tap"].forEach((function(o){t.emit(o,{stopPropagation:function(){return n.stopPropagation()},data:{position:r.eventPosition},gameObject:e})}))},m=function(n){function r(t){var e=n.call(this,t)||this;return e.cache=new Map,e.eventCache=new Map,e}return o(r,n),Object.defineProperty(r.prototype,"ratioX",{get:function(){return this._ratioX||this.setRatio()?this._ratioX:0},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"ratioY",{get:function(){return this._ratioY||this.setRatio()?this._ratioY:0},enumerable:!1,configurable:!0}),r.prototype.init=function(t){return void 0===t&&(t={}),s(this,void 0,void 0,(function(){var e,n,r,o,i,a,s,h;return c(this,(function(c){switch(c.label){case 0:switch(e=t.activate,n=void 0===e?exports.A11yActivate.CHECK:e,r=t.delay,o=void 0===r?100:r,i=t.checkA11yOpen,a=void 0===i?function(){return Promise.resolve(!1)}:i,this.delay=o,n){case exports.A11yActivate.CHECK:return[3,1];case exports.A11yActivate.DISABLE:return[3,5];case exports.A11yActivate.ENABLE:return[3,6]}return[3,7];case 1:return c.trys.push([1,3,,4]),s=this,[4,a()];case 2:return s.activate=c.sent(),[3,4];case 3:return c.sent(),this.activate=!1,[3,4];case 4:return[3,7];case 5:return this.activate=!1,[3,7];case 6:return this.activate=!0,[3,7];case 7:return this.debug=t.debug||!1,this.debug&&(this.activate=!0),this.activate?(h=document.createElement("div"),this.div=h,this.game.canvas.parentNode&&this.game.canvas.parentNode.appendChild(this.div),[2]):[2]}}))}))},r.prototype.setRatio=function(){var t=this.getCanvasBoundingClientRect(),e=t.width,n=t.height,r=this.getRenderRect(),o=r.renderWidth,i=r.renderHeight;return this._ratioX=e/o,this._ratioY=n/i,!(!e&&!n)&&(this.initDiv(),!0)},r.prototype.getRenderRect=function(){var t=this.game.getSystem(e.RendererSystem).params,n=void 0===t?{width:300,height:300}:t,r=n.height;return{renderWidth:n.width,renderHeight:r}},r.prototype.getCanvasBoundingClientRect=function(){var t=this.game.canvas.getBoundingClientRect();return{width:t.width,height:t.height,left:t.left,top:t.top}},r.prototype.initDiv=function(){var t=this,e=window.pageXOffset,n=window.pageYOffset,r=this.getCanvasBoundingClientRect(),o={width:r.width,height:r.height,left:r.left+e+"px",top:r.top+n+"px",position:"absolute",zIndex:3,pointerEvents:u.NONE,background:l.NONE};d(this.div,o),this.div.addEventListener("click",(function(e){var n=e.currentTarget.getBoundingClientRect(),r=n.left,o=n.top,i=(e.pageX-r)/t.ratioX,a=(e.pageY-o)/t.ratioY;t.eventPosition={x:i,y:a}}),!0)},r.prototype.update=function(){return s(this,void 0,void 0,(function(){var e,n,r,o,i,a;return c(this,(function(s){if(e=this.componentObserver.clear(),!this.activate)return[2];try{for(n=h(e),r=n.next();!r.done;r=n.next())switch((o=r.value).type){case t.OBSERVER_TYPE.ADD:"Event"===o.componentName&&this.addEvent(o.gameObject),"A11y"===o.componentName&&this.add(o);break;case t.OBSERVER_TYPE.CHANGE:"Transform"===o.componentName&&this.transformChange(o),"A11y"===o.componentName&&this.change(o);break;case t.OBSERVER_TYPE.REMOVE:"Event"===o.componentName&&this.removeEvent(o),"A11y"===o.componentName&&this.remove(o)}}catch(t){i={error:t}}finally{try{r&&!r.done&&(a=n.return)&&a.call(n)}finally{if(i)throw i.error}}return[2]}))}))},r.prototype.change=function(t){var e=t.component;if("hint"===t.prop.prop[0]){var n=this.cache.get(e.a11yId);null==n||n.setAttribute("aria-label",e.hint),n&&this.setPosition(n,t.gameObject.transform)}},r.prototype.remove=function(t){var e=t.component;if(e){var n=e.a11yId,r=this.div.querySelector("#"+n);r&&this.div.removeChild(r),this.cache.delete(n)}},r.prototype.add=function(t){var e=this;if(this.activate){var n=t.component,r=t.gameObject,o=n.delay,i=n.a11yId,a=n.event;if(r){var s=r.transform;if(s){var c=document.createElement("div");this.cache.set(i,c),a||(a=r.getComponent("Event")),setTimeout((function(){e.setPosition(c,s),e.setA11yAttr(c,n),a&&e.addEvent(r),r.scene&&e.div.appendChild(c)}),o||this.delay)}}}},r.prototype.transformChange=function(t){var e=t.component,n=t.gameObject.getComponent(f);if(n){var r=n.a11yId;if(e.inScene){if(this.cache.has(r)){var o=this.cache.get(r);o&&this.div.appendChild(o)}}else{var i=this.div.querySelector("#"+r);i&&this.div.removeChild(i)}}},r.prototype.setEvent=function(t,e,n,r){if(e){var o=g.bind(this,e,n);this.eventCache.set(r,o),t.addEventListener("click",o)}},r.prototype.addEvent=function(t){var e=t.getComponent(f);if(e){var n=t.getComponent("Event");if(n){var r=this.cache.get(e.a11yId);r&&this.setEvent(r,n,t,e.a11yId)}}},r.prototype.removeEvent=function(t){var e=t.gameObject.getComponent(f);if(e&&t.component){var n=e.a11yId,r=this.eventCache.get(n),o=this.cache.get(n);o&&o.removeEventListener("click",r)}},r.prototype.setA11yAttr=function(t,e){var n,r,o,i,a,s,c=e.hint,p=e.props,u=void 0===p?{}:p,l=e.state,v=void 0===l?{}:l,d=e.role,f=e.a11yId,g=d||"text";t.setAttribute("role",g),t.setAttribute("aria-label",c),t.id=f;var m=Object.keys(u);try{for(var b=h(m),E=b.next();!E.done;E=b.next()){var A=E.value;t.setAttribute(A,u[A])}}catch(t){n={error:t}}finally{try{E&&!E.done&&(r=b.return)&&r.call(b)}finally{if(n)throw n.error}}var O=Object.keys(v);try{for(var w=h(O),x=w.next();!x.done;x=w.next()){A=x.value;t.setAttribute(A,v[A])}}catch(t){o={error:t}}finally{try{x&&!x.done&&(i=w.return)&&i.call(w)}finally{if(o)throw o.error}}try{for(var C=h(Object.keys(e)),N=C.next();!N.done;N=C.next()){"string"==typeof e[A=N.value]&&-1===y.indexOf(A)&&1!==A.indexOf("_")&&t.setAttribute(A,e[A])}}catch(t){a={error:t}}finally{try{N&&!N.done&&(s=C.return)&&s.call(C)}finally{if(a)throw a.error}}},r.prototype.setPosition=function(t,e){var n=e.size,r=n.width,o=n.height,a={width:0===r?1:r*this.ratioX,height:0===o?1:o*this.ratioY,position:"absolute",zIndex:3,pointerEvents:u.AUTO,background:this.debug?l.DEBUG:l.NONE},s=i({},e);d(t,a),function(t,e,n,r){var o=e.worldTransform,i="matrix("+o.a+", "+o.b+", "+o.c+", "+o.d+", "+o.tx*n+", "+o.ty*r+")";t.style.transform=""+i,t.style.webkitTransform=""+i,t.style.transformOrigin="left top",t.style.webkitTransformOrigin="left top"}(t,s,this.ratioX,this.ratioY)},r.prototype.onDestroy=function(){this.div.parentElement.removeChild(this.div),this.cache=null,this.eventCache=null},r.systemName="A11ySystem",r=a([t.decorators.componentObserver({A11y:["hint"],Transform:["inScene"],Event:[]})],r)}(t.System);exports.A11y=f,exports.A11ySystem=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/eva.js"),e=require("@eva/plugin-renderer"),n=require("@eva/inspector-decorator"),r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function i(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var o=function(){return(o=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)};function a(t,e,n,r){var i,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(o<3?i(a):o>3?i(e,n,a):i(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a}function s(t,e,n,r){return new(n||(n=Promise))((function(i,o){function a(t){try{c(r.next(t))}catch(t){o(t)}}function s(t){try{c(r.throw(t))}catch(t){o(t)}}function c(t){t.done?i(t.value):new n((function(e){e(t.value)})).then(a,s)}c((r=r.apply(t,e||[])).next())}))}function c(t,e){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}}function h(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}var p,u,v,l,d=function(t,e){var n=e.width,r=e.height,i=e.position,o=e.left,a=void 0===o?0:o,s=e.top,c=void 0===s?0:s,h=e.zIndex,p=e.pointerEvents,u=e.background;t.style.width=n+"px",t.style.height=r+"px",t.style.position=i,t.style.left=""+a,t.style.top=""+c,t.style.zIndex=""+h,t.style.pointerEvents=p,t.style.background=u,t.style.border="none",t.style.overflow="hidden"},f=function(t){function e(e){var n=t.call(this)||this;Object.assign(n,e);var r=e.hint,i=void 0===r?"":r,o=e.event,a=e.delay,s=void 0===a?0:a,c=e.attr,h=void 0===c?{}:c,p=e.role,u=void 0===p?"":p,v=e.props,l=void 0===v?{}:v,d=e.state,f=void 0===d?{}:d;return n.hint=i,n.event=o,n.delay=s,n.attr=h,n.role=u,n.props=l,n.state=f,n.a11yId="_"+function(t){for(var e="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[],r=e.length,i=0;i<t;i++)n[i]=e[0|Math.random()*r];return n.join("")}(6),n}return i(e,t),e.componentName="A11y",a([n.type("boolean")],e.prototype,"interactive",void 0),a([n.type("string")],e.prototype,"hint",void 0),a([n.type("number"),n.step(1)],e.prototype,"delay",void 0),a([n.type("string")],e.prototype,"role",void 0),a([n.type("string")],e.prototype,"a11yId",void 0),e}(t.Component);exports.A11yActivate=void 0,(p=exports.A11yActivate||(exports.A11yActivate={}))[p.ENABLE=0]="ENABLE",p[p.DISABLE=1]="DISABLE",p[p.CHECK=2]="CHECK",function(t){t.NONE="none",t.AUTO="auto"}(u||(u={})),function(t){t.DEBUG="rgba(255,0,0,0.5)",t.NONE="transparent"}(v||(v={})),function(t){t.BUTTON="button",t.DIV="div"}(l||(l={}));var y=["hint","event","delay","attr","role","props","state","a11yId","name"],g=function(t,e,n){var r=this;["touchstart","touchend","tap"].forEach((function(i){t.emit(i,{stopPropagation:function(){return n.stopPropagation()},data:{position:r.eventPosition},gameObject:e})}))},m=function(n){function r(t){var e=n.call(this,t)||this;return e.cache=new Map,e.eventCache=new Map,e.zIndex=3,e}return i(r,n),Object.defineProperty(r.prototype,"ratioX",{get:function(){return this._ratioX||this.setRatio()?this._ratioX:0},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"ratioY",{get:function(){return this._ratioY||this.setRatio()?this._ratioY:0},enumerable:!1,configurable:!0}),r.prototype.init=function(t){return void 0===t&&(t={}),s(this,void 0,void 0,(function(){var e,n,r,i,o,a,s,h,p;return c(this,(function(c){switch(c.label){case 0:switch(e=t.activate,n=void 0===e?exports.A11yActivate.CHECK:e,r=t.delay,i=void 0===r?100:r,o=t.checkA11yOpen,a=void 0===o?function(){return Promise.resolve(!1)}:o,s=t.zIndex,this.delay=i,this.zIndex=s||this.zIndex,n){case exports.A11yActivate.CHECK:return[3,1];case exports.A11yActivate.DISABLE:return[3,5];case exports.A11yActivate.ENABLE:return[3,6]}return[3,7];case 1:return c.trys.push([1,3,,4]),h=this,[4,a()];case 2:return h.activate=c.sent(),[3,4];case 3:return c.sent(),this.activate=!1,[3,4];case 4:return[3,7];case 5:return this.activate=!1,[3,7];case 6:return this.activate=!0,[3,7];case 7:return this.debug=t.debug||!1,this.debug&&(this.activate=!0),this.activate?(p=document.createElement("div"),this.div=p,this.game.canvas.parentNode&&this.game.canvas.parentNode.insertBefore(this.div,this.game.canvas),[2]):[2]}}))}))},r.prototype.setRatio=function(){var t=this.getCanvasBoundingClientRect(),e=t.width,n=t.height,r=this.getRenderRect(),i=r.renderWidth,o=r.renderHeight;return this._ratioX=e/i,this._ratioY=n/o,!(!e&&!n)&&(this.initDiv(),!0)},r.prototype.getRenderRect=function(){var t=this.game.getSystem(e.RendererSystem).params,n=void 0===t?{width:300,height:300}:t,r=n.height;return{renderWidth:n.width,renderHeight:r}},r.prototype.getCanvasBoundingClientRect=function(){var t=this.game.canvas.getBoundingClientRect();return{width:t.width,height:t.height,left:t.left,top:t.top}},r.prototype.initDiv=function(){var t=this,e=window.pageXOffset,n=window.pageYOffset,r=this.getCanvasBoundingClientRect(),i={width:r.width,height:r.height,left:r.left+e+"px",top:r.top+n+"px",position:"absolute",zIndex:this.zIndex,pointerEvents:u.NONE,background:v.NONE};d(this.div,i),this.div.addEventListener("click",(function(e){var n=e.currentTarget.getBoundingClientRect(),r=n.left,i=n.top,o=(e.pageX-r)/t.ratioX,a=(e.pageY-i)/t.ratioY;t.eventPosition={x:o,y:a}}),!0)},r.prototype.update=function(){return s(this,void 0,void 0,(function(){var e,n,r,i,o,a;return c(this,(function(s){if(e=this.componentObserver.clear(),!this.activate)return[2];try{for(n=h(e),r=n.next();!r.done;r=n.next())switch((i=r.value).type){case t.OBSERVER_TYPE.ADD:"Event"===i.componentName&&this.addEvent(i.gameObject),"A11y"===i.componentName&&this.add(i);break;case t.OBSERVER_TYPE.CHANGE:"Transform"===i.componentName&&this.transformChange(i),"A11y"===i.componentName&&this.change(i);break;case t.OBSERVER_TYPE.REMOVE:"Event"===i.componentName&&this.removeEvent(i),"A11y"===i.componentName&&this.remove(i)}}catch(t){o={error:t}}finally{try{r&&!r.done&&(a=n.return)&&a.call(n)}finally{if(o)throw o.error}}return[2]}))}))},r.prototype.change=function(t){var e=t.component;if("hint"===t.prop.prop[0]){var n=this.cache.get(e.a11yId);null==n||n.setAttribute("aria-label",e.hint),n&&this.setPosition(n,t.gameObject.transform)}},r.prototype.remove=function(t){var e=t.component;if(e){var n=e.a11yId,r=this.div.querySelector("#"+n);r&&this.div.removeChild(r),this.cache.delete(n)}},r.prototype.add=function(t){var e=this;if(this.activate){var n=t.component,r=t.gameObject,i=n.delay,o=n.a11yId,a=n.event;if(r){var s=r.transform;if(s){var c=document.createElement("div");this.cache.set(o,c),a||(a=r.getComponent("Event")),setTimeout((function(){e.setPosition(c,s),e.setA11yAttr(c,n),a&&e.addEvent(r),r.scene&&e.div.appendChild(c)}),i||this.delay)}}}},r.prototype.transformChange=function(t){var e=t.component,n=t.gameObject.getComponent(f);if(n){var r=n.a11yId;if(e.inScene){if(this.cache.has(r)){var i=this.cache.get(r);i&&this.div.appendChild(i)}}else{var o=this.div.querySelector("#"+r);o&&this.div.removeChild(o)}}},r.prototype.setEvent=function(t,e,n,r){if(e){var i=g.bind(this,e,n);this.eventCache.set(r,i),t.addEventListener("click",i)}},r.prototype.addEvent=function(t){var e=t.getComponent(f);if(e){var n=t.getComponent("Event");if(n){var r=this.cache.get(e.a11yId);r&&this.setEvent(r,n,t,e.a11yId)}}},r.prototype.removeEvent=function(t){var e=t.gameObject.getComponent(f);if(e&&t.component){var n=e.a11yId,r=this.eventCache.get(n),i=this.cache.get(n);i&&i.removeEventListener("click",r)}},r.prototype.setA11yAttr=function(t,e){var n,r,i,o,a,s,c=e.hint,p=e.props,u=void 0===p?{}:p,v=e.state,l=void 0===v?{}:v,d=e.role,f=e.a11yId,g=d||"text";t.setAttribute("role",g),t.setAttribute("aria-label",c),t.id=f;var m=Object.keys(u);try{for(var b=h(m),E=b.next();!E.done;E=b.next()){var x=E.value;t.setAttribute(x,u[x])}}catch(t){n={error:t}}finally{try{E&&!E.done&&(r=b.return)&&r.call(b)}finally{if(n)throw n.error}}var A=Object.keys(l);try{for(var O=h(A),w=O.next();!w.done;w=O.next()){x=w.value;t.setAttribute(x,l[x])}}catch(t){i={error:t}}finally{try{w&&!w.done&&(o=O.return)&&o.call(O)}finally{if(i)throw i.error}}try{for(var C=h(Object.keys(e)),I=C.next();!I.done;I=C.next()){"string"==typeof e[x=I.value]&&-1===y.indexOf(x)&&1!==x.indexOf("_")&&t.setAttribute(x,e[x])}}catch(t){a={error:t}}finally{try{I&&!I.done&&(s=C.return)&&s.call(C)}finally{if(a)throw a.error}}},r.prototype.setPosition=function(t,e){var n=e.size,r=n.width,i=n.height,a={width:0===r?1:r*this.ratioX,height:0===i?1:i*this.ratioY,position:"absolute",zIndex:this.zIndex,pointerEvents:u.AUTO,background:this.debug?v.DEBUG:v.NONE},s=o({},e);d(t,a),function(t,e,n,r){var i=e.worldTransform,o="matrix("+i.a+", "+i.b+", "+i.c+", "+i.d+", "+i.tx*n+", "+i.ty*r+")";t.style.transform=""+o,t.style.webkitTransform=""+o,t.style.transformOrigin="left top",t.style.webkitTransformOrigin="left top"}(t,s,this.ratioX,this.ratioY)},r.prototype.onDestroy=function(){this.div.parentElement.removeChild(this.div),this.cache=null,this.eventCache=null,this.div=null},r.systemName="A11ySystem",r=a([t.decorators.componentObserver({A11y:["hint"],Transform:["inScene"],Event:[]})],r)}(t.System);exports.A11y=f,exports.A11ySystem=m;

package/dist/plugin-a11y.d.ts

@@ -48,6 +48,7 @@ export declare class A11ySystem extends System {
     delay: number;
     cache: Map<string, HTMLElement>;
     eventCache: Map<string, (e: MouseEvent) => void>;
+    zIndex: number;
     constructor(opt?: SystemParam);
     get ratioX(): number;
     get ratioY(): number;
@@ -86,6 +87,7 @@ declare interface SystemParam {
     debug?: boolean;
     activate?: A11yActivate;
     delay?: number;
+    zIndex?: number;
     checkA11yOpen?: () => Promise<boolean>;
 }
 

package/dist/plugin-a11y.esm.js

@@ -208,6 +208,7 @@ var A11ySystem = (function (_super) {
         var _this = _super.call(this, opt) || this;
         _this.cache = new Map();
         _this.eventCache = new Map();
+        _this.zIndex = ZINDEX;
         return _this;
     }
     Object.defineProperty(A11ySystem.prototype, "ratioX", {
@@ -249,12 +250,13 @@ var A11ySystem = (function (_super) {
     A11ySystem.prototype.init = function (opt) {
         if (opt === void 0) { opt = {}; }
         return __awaiter(this, void 0, void 0, function () {
-            var _a, activate, _b, delay, _c, checkA11yOpen, _d, _e, div;
+            var _a, activate, _b, delay, _c, checkA11yOpen, zIndex, _d, _e, div;
             return __generator(this, function (_f) {
                 switch (_f.label) {
                     case 0:
-                        _a = opt.activate, activate = _a === void 0 ? A11yActivate.CHECK : _a, _b = opt.delay, delay = _b === void 0 ? 100 : _b, _c = opt.checkA11yOpen, checkA11yOpen = _c === void 0 ? function () { return Promise.resolve(false); } : _c;
+                        _a = opt.activate, activate = _a === void 0 ? A11yActivate.CHECK : _a, _b = opt.delay, delay = _b === void 0 ? 100 : _b, _c = opt.checkA11yOpen, checkA11yOpen = _c === void 0 ? function () { return Promise.resolve(false); } : _c, zIndex = opt.zIndex;
                         this.delay = delay;
+                        this.zIndex = zIndex || this.zIndex;
                         _d = activate;
                         switch (_d) {
                             case A11yActivate.CHECK: return [3, 1];
@@ -290,7 +292,7 @@ var A11ySystem = (function (_super) {
                         div = document.createElement('div');
                         this.div = div;
                         if (this.game.canvas.parentNode) {
-                            this.game.canvas.parentNode.appendChild(this.div);
+                            this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);
                         }
                         return [2];
                 }
@@ -329,7 +331,7 @@ var A11ySystem = (function (_super) {
             left: left + pageXOffset + "px",
             top: top + pageYOffset + "px",
             position: POSITION,
-            zIndex: ZINDEX,
+            zIndex: this.zIndex,
             pointerEvents: PointerEvents.NONE,
             background: MaskBackground.NONE,
         };
@@ -532,7 +534,7 @@ var A11ySystem = (function (_super) {
             width: width === 0 ? 1 : width * this.ratioX,
             height: height === 0 ? 1 : height * this.ratioY,
             position: POSITION,
-            zIndex: ZINDEX,
+            zIndex: this.zIndex,
             pointerEvents: PointerEvents.AUTO,
             background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE,
         };
@@ -544,6 +546,7 @@ var A11ySystem = (function (_super) {
         this.div.parentElement.removeChild(this.div);
         this.cache = null;
         this.eventCache = null;
+        this.div = null;
     };
     A11ySystem.systemName = 'A11ySystem';
     A11ySystem = __decorate([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-a11y",
-  "version": "1.2.0-alpha.5",
+  "version": "1.2.0",
   "description": "@eva/plugin-a11y",
   "main": "index.js",
   "module": "dist/plugin-a11y.esm.js",
@@ -18,8 +18,9 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/eva.js": "1.2.0-alpha.5",
+    "@eva/eva.js": "1.2.0",
     "@eva/inspector-decorator": "^0.0.5",
+    "@eva/plugin-renderer": "1.2.0",
     "eventemitter3": "^3.1.2"
   }
 }

package/dist/EVA.plugin.a11y.js

@@ -1,872 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-this.EVA = this.EVA || {};
-this.EVA.plugin = this.EVA.plugin || {};
-
-this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
-  'use strict';
-
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  function __extends(d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  }
-
-  var _assign = function __assign() {
-    _assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-
-        for (var p in s) {
-          if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-      }
-
-      return t;
-    };
-
-    return _assign.apply(this, arguments);
-  };
-
-  function __decorate(decorators, target, key, desc) {
-    var c = arguments.length,
-        r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-        d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
-      if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    }
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-  }
-
-  function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) {
-      return value instanceof P ? value : new P(function (resolve) {
-        resolve(value);
-      });
-    }
-
-    return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) {
-        try {
-          step(generator.next(value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-
-      function rejected(value) {
-        try {
-          step(generator["throw"](value));
-        } catch (e) {
-          reject(e);
-        }
-      }
-
-      function step(result) {
-        result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-      }
-
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-  }
-
-  function __generator(thisArg, body) {
-    var _ = {
-      label: 0,
-      sent: function sent() {
-        if (t[0] & 1) throw t[1];
-        return t[1];
-      },
-      trys: [],
-      ops: []
-    },
-        f,
-        y,
-        t,
-        g;
-    return g = {
-      next: verb(0),
-      "throw": verb(1),
-      "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-      return this;
-    }), g;
-
-    function verb(n) {
-      return function (v) {
-        return step([n, v]);
-      };
-    }
-
-    function step(op) {
-      if (f) throw new TypeError("Generator is already executing.");
-
-      while (_) {
-        try {
-          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-          if (y = 0, t) op = [op[0] & 2, t.value];
-
-          switch (op[0]) {
-            case 0:
-            case 1:
-              t = op;
-              break;
-
-            case 4:
-              _.label++;
-              return {
-                value: op[1],
-                done: false
-              };
-
-            case 5:
-              _.label++;
-              y = op[1];
-              op = [0];
-              continue;
-
-            case 7:
-              op = _.ops.pop();
-
-              _.trys.pop();
-
-              continue;
-
-            default:
-              if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                _ = 0;
-                continue;
-              }
-
-              if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                _.label = op[1];
-                break;
-              }
-
-              if (op[0] === 6 && _.label < t[1]) {
-                _.label = t[1];
-                t = op;
-                break;
-              }
-
-              if (t && _.label < t[2]) {
-                _.label = t[2];
-
-                _.ops.push(op);
-
-                break;
-              }
-
-              if (t[2]) _.ops.pop();
-
-              _.trys.pop();
-
-              continue;
-          }
-
-          op = body.call(thisArg, _);
-        } catch (e) {
-          op = [6, e];
-          y = 0;
-        } finally {
-          f = t = 0;
-        }
-      }
-
-      if (op[0] & 5) throw op[1];
-      return {
-        value: op[0] ? op[1] : void 0,
-        done: true
-      };
-    }
-  }
-
-  function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator,
-        m = s && o[s],
-        i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-      next: function next() {
-        if (o && i >= o.length) o = void 0;
-        return {
-          value: o && o[i++],
-          done: !o
-        };
-      }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-  }
-
-  function getIDEPropsPropertyObj(target, propertyKey) {
-    if (!target.constructor.IDEProps) {
-      target.constructor.IDEProps = {};
-    }
-
-    if (!target.constructor.IDEProps[propertyKey]) {
-      target.constructor.IDEProps[propertyKey] = {};
-    }
-
-    var propertyObj = target.constructor.IDEProps[propertyKey];
-    return propertyObj;
-  }
-
-  function type(type) {
-    return function (target, propertyKey) {
-      var prop = getIDEPropsPropertyObj(target, propertyKey);
-      prop.key = propertyKey;
-      prop.type = type;
-    };
-  }
-
-  function step(step) {
-    return function (target, propertyKey) {
-      var prop = getIDEPropsPropertyObj(target, propertyKey);
-      prop.step = step;
-    };
-  }
-
-  function uuid(len) {
-    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
-    var uuid = [];
-    var radix = chars.length;
-
-    for (var i = 0; i < len; i++) {
-      uuid[i] = chars[0 | Math.random() * radix];
-    }
-
-    return uuid.join('');
-  }
-
-  var setStyle = function setStyle(element, style) {
-    var width = style.width,
-        height = style.height,
-        position = style.position,
-        _a = style.left,
-        left = _a === void 0 ? 0 : _a,
-        _b = style.top,
-        top = _b === void 0 ? 0 : _b,
-        zIndex = style.zIndex,
-        pointerEvents = style.pointerEvents,
-        background = style.background;
-    element.style.width = width + "px";
-    element.style.height = height + "px";
-    element.style.position = position;
-    element.style.left = "" + left;
-    element.style.top = "" + top;
-    element.style.zIndex = "" + zIndex;
-    element.style.pointerEvents = pointerEvents;
-    element.style.background = background;
-    element.style.border = 'none';
-    element.style.overflow = 'hidden';
-  };
-
-  var setTransform = function setTransform(element, transform, ratioX, ratioY) {
-    var worldTransform = transform.worldTransform;
-    var a = worldTransform.a,
-        b = worldTransform.b,
-        c = worldTransform.c,
-        d = worldTransform.d,
-        tx = worldTransform.tx,
-        ty = worldTransform.ty;
-    var matrix = "matrix(" + a + ", " + b + ", " + c + ", " + d + ", " + tx * ratioX + ", " + ty * ratioY + ")";
-    element.style.transform = "" + matrix;
-    element.style.webkitTransform = "" + matrix;
-    element.style.transformOrigin = 'left top';
-    element.style.webkitTransformOrigin = 'left top';
-  };
-
-  var A11y = function (_super) {
-    __extends(A11y, _super);
-
-    function A11y(param) {
-      var _this = _super.call(this) || this;
-
-      _extends(_this, param);
-
-      var _a = param.hint,
-          hint = _a === void 0 ? '' : _a,
-          event = param.event,
-          _b = param.delay,
-          delay = _b === void 0 ? 0 : _b,
-          _c = param.attr,
-          attr = _c === void 0 ? {} : _c,
-          _d = param.role,
-          role = _d === void 0 ? '' : _d,
-          _e = param.props,
-          props = _e === void 0 ? {} : _e,
-          _f = param.state,
-          state = _f === void 0 ? {} : _f;
-      _this.hint = hint;
-      _this.event = event;
-      _this.delay = delay;
-      _this.attr = attr;
-      _this.role = role;
-      _this.props = props;
-      _this.state = state;
-      _this.a11yId = "_" + uuid(6);
-      return _this;
-    }
-
-    A11y.componentName = 'A11y';
-
-    __decorate([type('boolean')], A11y.prototype, "interactive", void 0);
-
-    __decorate([type('string')], A11y.prototype, "hint", void 0);
-
-    __decorate([type('number'), step(1)], A11y.prototype, "delay", void 0);
-
-    __decorate([type('string')], A11y.prototype, "role", void 0);
-
-    __decorate([type('string')], A11y.prototype, "a11yId", void 0);
-
-    return A11y;
-  }(eva_js.Component);
-
-  var A11y$1 = A11y;
-  var POSITION = 'absolute';
-  var ZINDEX = 3;
-  exports.A11yActivate = void 0;
-
-  (function (A11yActivate) {
-    A11yActivate[A11yActivate["ENABLE"] = 0] = "ENABLE";
-    A11yActivate[A11yActivate["DISABLE"] = 1] = "DISABLE";
-    A11yActivate[A11yActivate["CHECK"] = 2] = "CHECK";
-  })(exports.A11yActivate || (exports.A11yActivate = {}));
-
-  var PointerEvents;
-
-  (function (PointerEvents) {
-    PointerEvents["NONE"] = "none";
-    PointerEvents["AUTO"] = "auto";
-  })(PointerEvents || (PointerEvents = {}));
-
-  var MaskBackground;
-
-  (function (MaskBackground) {
-    MaskBackground["DEBUG"] = "rgba(255,0,0,0.5)";
-    MaskBackground["NONE"] = "transparent";
-  })(MaskBackground || (MaskBackground = {}));
-
-  var ElementType;
-
-  (function (ElementType) {
-    ElementType["BUTTON"] = "button";
-    ElementType["DIV"] = "div";
-  })(ElementType || (ElementType = {}));
-
-  var notAttr = ['hint', 'event', 'delay', 'attr', 'role', 'props', 'state', 'a11yId', 'name'];
-
-  var getEventFunc = function getEventFunc(event, gameObject, e) {
-    var _this = this;
-
-    ['touchstart', 'touchend', 'tap'].forEach(function (name) {
-      event.emit(name, {
-        stopPropagation: function stopPropagation() {
-          return e.stopPropagation();
-        },
-        data: {
-          position: _this.eventPosition
-        },
-        gameObject: gameObject
-      });
-    });
-  };
-
-  var A11ySystem = function (_super) {
-    __extends(A11ySystem, _super);
-
-    function A11ySystem(opt) {
-      var _this = _super.call(this, opt) || this;
-
-      _this.cache = new Map();
-      _this.eventCache = new Map();
-      return _this;
-    }
-
-    Object.defineProperty(A11ySystem.prototype, "ratioX", {
-      get: function get() {
-        if (this._ratioX) {
-          return this._ratioX;
-        } else {
-          var success = this.setRatio();
-
-          if (success) {
-            return this._ratioX;
-          } else {
-            return 0;
-          }
-        }
-      },
-      enumerable: false,
-      configurable: true
-    });
-    Object.defineProperty(A11ySystem.prototype, "ratioY", {
-      get: function get() {
-        if (this._ratioY) {
-          return this._ratioY;
-        } else {
-          var success = this.setRatio();
-
-          if (success) {
-            return this._ratioY;
-          } else {
-            return 0;
-          }
-        }
-      },
-      enumerable: false,
-      configurable: true
-    });
-
-    A11ySystem.prototype.init = function (opt) {
-      if (opt === void 0) {
-        opt = {};
-      }
-
-      return __awaiter(this, void 0, void 0, function () {
-        var _a, activate, _b, delay, _c, checkA11yOpen, _d, _e, div;
-
-        return __generator(this, function (_f) {
-          switch (_f.label) {
-            case 0:
-              _a = opt.activate, activate = _a === void 0 ? exports.A11yActivate.CHECK : _a, _b = opt.delay, delay = _b === void 0 ? 100 : _b, _c = opt.checkA11yOpen, checkA11yOpen = _c === void 0 ? function () {
-                return Promise.resolve(false);
-              } : _c;
-              this.delay = delay;
-              _d = activate;
-
-              switch (_d) {
-                case exports.A11yActivate.CHECK:
-                  return [3, 1];
-
-                case exports.A11yActivate.DISABLE:
-                  return [3, 5];
-
-                case exports.A11yActivate.ENABLE:
-                  return [3, 6];
-              }
-
-              return [3, 7];
-
-            case 1:
-              _f.trys.push([1, 3,, 4]);
-
-              _e = this;
-              return [4, checkA11yOpen()];
-
-            case 2:
-              _e.activate = _f.sent();
-              return [3, 4];
-
-            case 3:
-              _f.sent();
-
-              this.activate = false;
-              return [3, 4];
-
-            case 4:
-              return [3, 7];
-
-            case 5:
-              this.activate = false;
-              return [3, 7];
-
-            case 6:
-              this.activate = true;
-              return [3, 7];
-
-            case 7:
-              this.debug = opt.debug || false;
-
-              if (this.debug) {
-                this.activate = true;
-              }
-
-              if (!this.activate) return [2];
-              div = document.createElement('div');
-              this.div = div;
-
-              if (this.game.canvas.parentNode) {
-                this.game.canvas.parentNode.appendChild(this.div);
-              }
-
-              return [2];
-          }
-        });
-      });
-    };
-
-    A11ySystem.prototype.setRatio = function () {
-      var _a = this.getCanvasBoundingClientRect(),
-          width = _a.width,
-          height = _a.height;
-
-      var _b = this.getRenderRect(),
-          renderWidth = _b.renderWidth,
-          renderHeight = _b.renderHeight;
-
-      this._ratioX = width / renderWidth;
-      this._ratioY = height / renderHeight;
-
-      if (width || height) {
-        this.initDiv();
-        return true;
-      } else {
-        return false;
-      }
-    };
-
-    A11ySystem.prototype.getRenderRect = function () {
-      var _a = this.game.getSystem(pluginRenderer.RendererSystem).params,
-          params = _a === void 0 ? {
-        width: 300,
-        height: 300
-      } : _a;
-      var renderHeight = params.height,
-          renderWidth = params.width;
-      return {
-        renderWidth: renderWidth,
-        renderHeight: renderHeight
-      };
-    };
-
-    A11ySystem.prototype.getCanvasBoundingClientRect = function () {
-      var _a = this.game.canvas.getBoundingClientRect(),
-          width = _a.width,
-          height = _a.height,
-          left = _a.left,
-          top = _a.top;
-
-      return {
-        width: width,
-        height: height,
-        left: left,
-        top: top
-      };
-    };
-
-    A11ySystem.prototype.initDiv = function () {
-      var _this = this;
-
-      var pageXOffset = window.pageXOffset,
-          pageYOffset = window.pageYOffset;
-
-      var _a = this.getCanvasBoundingClientRect(),
-          width = _a.width,
-          height = _a.height,
-          left = _a.left,
-          top = _a.top;
-
-      var style = {
-        width: width,
-        height: height,
-        left: left + pageXOffset + "px",
-        top: top + pageYOffset + "px",
-        position: POSITION,
-        zIndex: ZINDEX,
-        pointerEvents: PointerEvents.NONE,
-        background: MaskBackground.NONE
-      };
-      setStyle(this.div, style);
-      this.div.addEventListener('click', function (e) {
-        var currentTarget = e.currentTarget;
-
-        var _a = currentTarget.getBoundingClientRect(),
-            left = _a.left,
-            top = _a.top;
-
-        var x = (e.pageX - left) / _this.ratioX;
-        var y = (e.pageY - top) / _this.ratioY;
-        _this.eventPosition = {
-          x: x,
-          y: y
-        };
-      }, true);
-    };
-
-    A11ySystem.prototype.update = function () {
-      return __awaiter(this, void 0, void 0, function () {
-        var changes, changes_1, changes_1_1, changed;
-
-        var e_1, _a;
-
-        return __generator(this, function (_b) {
-          changes = this.componentObserver.clear();
-
-          if (!this.activate) {
-            return [2];
-          }
-
-          try {
-            for (changes_1 = __values(changes), changes_1_1 = changes_1.next(); !changes_1_1.done; changes_1_1 = changes_1.next()) {
-              changed = changes_1_1.value;
-
-              switch (changed.type) {
-                case eva_js.OBSERVER_TYPE.ADD:
-                  changed.componentName === 'Event' && this.addEvent(changed.gameObject);
-                  changed.componentName === 'A11y' && this.add(changed);
-                  break;
-
-                case eva_js.OBSERVER_TYPE.CHANGE:
-                  changed.componentName === 'Transform' && this.transformChange(changed);
-                  changed.componentName === 'A11y' && this.change(changed);
-                  break;
-
-                case eva_js.OBSERVER_TYPE.REMOVE:
-                  changed.componentName === 'Event' && this.removeEvent(changed);
-                  changed.componentName === 'A11y' && this.remove(changed);
-              }
-            }
-          } catch (e_1_1) {
-            e_1 = {
-              error: e_1_1
-            };
-          } finally {
-            try {
-              if (changes_1_1 && !changes_1_1.done && (_a = changes_1.return)) _a.call(changes_1);
-            } finally {
-              if (e_1) throw e_1.error;
-            }
-          }
-
-          return [2];
-        });
-      });
-    };
-
-    A11ySystem.prototype.change = function (changed) {
-      var component = changed.component;
-
-      if (changed.prop.prop[0] === 'hint') {
-        var dom = this.cache.get(component.a11yId);
-        dom === null || dom === void 0 ? void 0 : dom.setAttribute('aria-label', component.hint);
-        dom && this.setPosition(dom, changed.gameObject.transform);
-      }
-    };
-
-    A11ySystem.prototype.remove = function (changed) {
-      var component = changed.component;
-      if (!component) return;
-      var a11yId = component.a11yId;
-      var element = this.div.querySelector("#" + a11yId);
-      element && this.div.removeChild(element);
-      this.cache.delete(a11yId);
-    };
-
-    A11ySystem.prototype.add = function (changed) {
-      var _this = this;
-
-      if (!this.activate) return;
-      var component = changed.component;
-      var gameObject = changed.gameObject;
-      var delay = component.delay,
-          id = component.a11yId;
-      var event = component.event;
-      if (!gameObject) return;
-      var transform = gameObject.transform;
-      if (!transform) return;
-      var element = document.createElement('div');
-      this.cache.set(id, element);
-
-      if (!event) {
-        event = gameObject.getComponent('Event');
-      }
-
-      setTimeout(function () {
-        _this.setPosition(element, transform);
-
-        _this.setA11yAttr(element, component);
-
-        if (event) {
-          _this.addEvent(gameObject);
-        }
-
-        if (gameObject.scene) {
-          _this.div.appendChild(element);
-        }
-      }, delay || this.delay);
-    };
-
-    A11ySystem.prototype.transformChange = function (changed) {
-      var component = changed.component;
-      var gameObject = changed.gameObject;
-      var a11yComponent = gameObject.getComponent(A11y$1);
-      if (!a11yComponent) return;
-      var a11yId = a11yComponent.a11yId;
-
-      if (!component.inScene) {
-        var dom = this.div.querySelector("#" + a11yId);
-        dom && this.div.removeChild(dom);
-      } else {
-        if (this.cache.has(a11yId)) {
-          var addDom = this.cache.get(a11yId);
-          addDom && this.div.appendChild(addDom);
-        }
-      }
-    };
-
-    A11ySystem.prototype.setEvent = function (element, event, gameObject, id) {
-      if (!event) {
-        return;
-      }
-
-      var func = getEventFunc.bind(this, event, gameObject);
-      this.eventCache.set(id, func);
-      element.addEventListener('click', func);
-    };
-
-    A11ySystem.prototype.addEvent = function (gameObject) {
-      var a11y = gameObject.getComponent(A11y$1);
-      if (!a11y) return;
-      var event = gameObject.getComponent('Event');
-      if (!event) return;
-      var element = this.cache.get(a11y.a11yId);
-      element && this.setEvent(element, event, gameObject, a11y.a11yId);
-    };
-
-    A11ySystem.prototype.removeEvent = function (changed) {
-      var gameObject = changed.gameObject;
-      var a11y = gameObject.getComponent(A11y$1);
-      if (!a11y) return;
-      var event = changed.component;
-      if (!event) return;
-      var a11yId = a11y.a11yId;
-      var func = this.eventCache.get(a11yId);
-      var element = this.cache.get(a11yId);
-      element && element.removeEventListener('click', func);
-    };
-
-    A11ySystem.prototype.setA11yAttr = function (element, component) {
-      var e_2, _a, e_3, _b, e_4, _c;
-
-      var hint = component.hint,
-          _d = component.props,
-          props = _d === void 0 ? {} : _d,
-          _e = component.state,
-          state = _e === void 0 ? {} : _e,
-          role = component.role,
-          id = component.a11yId;
-      var realRole = role || 'text';
-      element.setAttribute('role', realRole);
-      element.setAttribute('aria-label', hint);
-      element.id = id;
-      var ariaProps = Object.keys(props);
-
-      try {
-        for (var ariaProps_1 = __values(ariaProps), ariaProps_1_1 = ariaProps_1.next(); !ariaProps_1_1.done; ariaProps_1_1 = ariaProps_1.next()) {
-          var key = ariaProps_1_1.value;
-          element.setAttribute(key, props[key]);
-        }
-      } catch (e_2_1) {
-        e_2 = {
-          error: e_2_1
-        };
-      } finally {
-        try {
-          if (ariaProps_1_1 && !ariaProps_1_1.done && (_a = ariaProps_1.return)) _a.call(ariaProps_1);
-        } finally {
-          if (e_2) throw e_2.error;
-        }
-      }
-
-      var ariaState = Object.keys(state);
-
-      try {
-        for (var ariaState_1 = __values(ariaState), ariaState_1_1 = ariaState_1.next(); !ariaState_1_1.done; ariaState_1_1 = ariaState_1.next()) {
-          var key = ariaState_1_1.value;
-          element.setAttribute(key, state[key]);
-        }
-      } catch (e_3_1) {
-        e_3 = {
-          error: e_3_1
-        };
-      } finally {
-        try {
-          if (ariaState_1_1 && !ariaState_1_1.done && (_b = ariaState_1.return)) _b.call(ariaState_1);
-        } finally {
-          if (e_3) throw e_3.error;
-        }
-      }
-
-      try {
-        for (var _f = __values(Object.keys(component)), _g = _f.next(); !_g.done; _g = _f.next()) {
-          var key = _g.value;
-
-          if (typeof component[key] === 'string' && notAttr.indexOf(key) === -1 && key.indexOf('_') !== 1) {
-            element.setAttribute(key, component[key]);
-          }
-        }
-      } catch (e_4_1) {
-        e_4 = {
-          error: e_4_1
-        };
-      } finally {
-        try {
-          if (_g && !_g.done && (_c = _f.return)) _c.call(_f);
-        } finally {
-          if (e_4) throw e_4.error;
-        }
-      }
-    };
-
-    A11ySystem.prototype.setPosition = function (element, transform) {
-      var _a = transform.size,
-          width = _a.width,
-          height = _a.height;
-      var style = {
-        width: width === 0 ? 1 : width * this.ratioX,
-        height: height === 0 ? 1 : height * this.ratioY,
-        position: POSITION,
-        zIndex: ZINDEX,
-        pointerEvents: PointerEvents.AUTO,
-        background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE
-      };
-
-      var transformProps = _assign({}, transform);
-
-      setStyle(element, style);
-      setTransform(element, transformProps, this.ratioX, this.ratioY);
-    };
-
-    A11ySystem.prototype.onDestroy = function () {
-      this.div.parentElement.removeChild(this.div);
-      this.cache = null;
-      this.eventCache = null;
-    };
-
-    A11ySystem.systemName = 'A11ySystem';
-    A11ySystem = __decorate([eva_js.decorators.componentObserver({
-      A11y: ['hint'],
-      Transform: ['inScene'],
-      Event: []
-    })], A11ySystem);
-    return A11ySystem;
-  }(eva_js.System);
-
-  var A11ySystem$1 = A11ySystem;
-  exports.A11y = A11y$1;
-  exports.A11ySystem = A11ySystem$1;
-  Object.defineProperty(exports, '__esModule', {
-    value: true
-  });
-  return exports;
-}({}, EVA, EVA.plugin.renderer);

package/dist/EVA.plugin.a11y.min.js

@@ -1 +0,0 @@
-function _extends(){return(_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}this.EVA=this.EVA||{},this.EVA.plugin=this.EVA.plugin||{},this.EVA.plugin.a11y=function(t,e,n){"use strict";var r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function o(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var i=function(){return(i=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function a(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function c(t,e,n,r){return new(n||(n=Promise))((function(o,i){function a(t){try{s(r.next(t))}catch(t){i(t)}}function c(t){try{s(r.throw(t))}catch(t){i(t)}}function s(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,c)}s((r=r.apply(t,e||[])).next())}))}function s(t,e){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=e.call(t,a)}catch(t){i=[6,t],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}}function u(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],r=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(t,e){return t.constructor.IDEProps||(t.constructor.IDEProps={}),t.constructor.IDEProps[e]||(t.constructor.IDEProps[e]={}),t.constructor.IDEProps[e]}function p(t){return function(e,n){var r=h(e,n);r.key=n,r.type=t}}function l(t){return function(e,n){h(e,n).step=t}}var v,d,f,y,g=function(t,e){var n=e.width,r=e.height,o=e.position,i=e.left,a=void 0===i?0:i,c=e.top,s=void 0===c?0:c,u=e.zIndex,h=e.pointerEvents,p=e.background;t.style.width=n+"px",t.style.height=r+"px",t.style.position=o,t.style.left=""+a,t.style.top=""+s,t.style.zIndex=""+u,t.style.pointerEvents=h,t.style.background=p,t.style.border="none",t.style.overflow="hidden"},m=function(t){function e(e){var n=t.call(this)||this;_extends(n,e);var r=e.hint,o=void 0===r?"":r,i=e.event,a=e.delay,c=void 0===a?0:a,s=e.attr,u=void 0===s?{}:s,h=e.role,p=void 0===h?"":h,l=e.props,v=void 0===l?{}:l,d=e.state,f=void 0===d?{}:d;return n.hint=o,n.event=i,n.delay=c,n.attr=u,n.role=p,n.props=v,n.state=f,n.a11yId="_"+function(t){for(var e="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),n=[],r=e.length,o=0;o<t;o++)n[o]=e[0|Math.random()*r];return n.join("")}(6),n}return o(e,t),e.componentName="A11y",a([p("boolean")],e.prototype,"interactive",void 0),a([p("string")],e.prototype,"hint",void 0),a([p("number"),l(1)],e.prototype,"delay",void 0),a([p("string")],e.prototype,"role",void 0),a([p("string")],e.prototype,"a11yId",void 0),e}(e.Component),b="absolute";t.A11yActivate=void 0,(v=t.A11yActivate||(t.A11yActivate={}))[v.ENABLE=0]="ENABLE",v[v.DISABLE=1]="DISABLE",v[v.CHECK=2]="CHECK",function(t){t.NONE="none",t.AUTO="auto"}(d||(d={})),function(t){t.DEBUG="rgba(255,0,0,0.5)",t.NONE="transparent"}(f||(f={})),function(t){t.BUTTON="button",t.DIV="div"}(y||(y={}));var E=["hint","event","delay","attr","role","props","state","a11yId","name"],A=function(t,e,n){var r=this;["touchstart","touchend","tap"].forEach((function(o){t.emit(o,{stopPropagation:function(){return n.stopPropagation()},data:{position:r.eventPosition},gameObject:e})}))},O=function(r){function h(t){var e=r.call(this,t)||this;return e.cache=new Map,e.eventCache=new Map,e}return o(h,r),Object.defineProperty(h.prototype,"ratioX",{get:function(){return this._ratioX||this.setRatio()?this._ratioX:0},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ratioY",{get:function(){return this._ratioY||this.setRatio()?this._ratioY:0},enumerable:!1,configurable:!0}),h.prototype.init=function(e){return void 0===e&&(e={}),c(this,void 0,void 0,(function(){var n,r,o,i,a,c,u,h;return s(this,(function(s){switch(s.label){case 0:switch(n=e.activate,r=void 0===n?t.A11yActivate.CHECK:n,o=e.delay,i=void 0===o?100:o,a=e.checkA11yOpen,c=void 0===a?function(){return Promise.resolve(!1)}:a,this.delay=i,r){case t.A11yActivate.CHECK:return[3,1];case t.A11yActivate.DISABLE:return[3,5];case t.A11yActivate.ENABLE:return[3,6]}return[3,7];case 1:return s.trys.push([1,3,,4]),u=this,[4,c()];case 2:return u.activate=s.sent(),[3,4];case 3:return s.sent(),this.activate=!1,[3,4];case 4:return[3,7];case 5:return this.activate=!1,[3,7];case 6:return this.activate=!0,[3,7];case 7:return this.debug=e.debug||!1,this.debug&&(this.activate=!0),this.activate?(h=document.createElement("div"),this.div=h,this.game.canvas.parentNode&&this.game.canvas.parentNode.appendChild(this.div),[2]):[2]}}))}))},h.prototype.setRatio=function(){var t=this.getCanvasBoundingClientRect(),e=t.width,n=t.height,r=this.getRenderRect(),o=r.renderWidth,i=r.renderHeight;return this._ratioX=e/o,this._ratioY=n/i,!(!e&&!n)&&(this.initDiv(),!0)},h.prototype.getRenderRect=function(){var t=this.game.getSystem(n.RendererSystem).params,e=void 0===t?{width:300,height:300}:t,r=e.height;return{renderWidth:e.width,renderHeight:r}},h.prototype.getCanvasBoundingClientRect=function(){var t=this.game.canvas.getBoundingClientRect();return{width:t.width,height:t.height,left:t.left,top:t.top}},h.prototype.initDiv=function(){var t=this,e=window.pageXOffset,n=window.pageYOffset,r=this.getCanvasBoundingClientRect(),o={width:r.width,height:r.height,left:r.left+e+"px",top:r.top+n+"px",position:b,zIndex:3,pointerEvents:d.NONE,background:f.NONE};g(this.div,o),this.div.addEventListener("click",(function(e){var n=e.currentTarget.getBoundingClientRect(),r=n.left,o=n.top,i=(e.pageX-r)/t.ratioX,a=(e.pageY-o)/t.ratioY;t.eventPosition={x:i,y:a}}),!0)},h.prototype.update=function(){return c(this,void 0,void 0,(function(){var t,n,r,o,i,a;return s(this,(function(c){if(t=this.componentObserver.clear(),!this.activate)return[2];try{for(n=u(t),r=n.next();!r.done;r=n.next())switch((o=r.value).type){case e.OBSERVER_TYPE.ADD:"Event"===o.componentName&&this.addEvent(o.gameObject),"A11y"===o.componentName&&this.add(o);break;case e.OBSERVER_TYPE.CHANGE:"Transform"===o.componentName&&this.transformChange(o),"A11y"===o.componentName&&this.change(o);break;case e.OBSERVER_TYPE.REMOVE:"Event"===o.componentName&&this.removeEvent(o),"A11y"===o.componentName&&this.remove(o)}}catch(t){i={error:t}}finally{try{r&&!r.done&&(a=n.return)&&a.call(n)}finally{if(i)throw i.error}}return[2]}))}))},h.prototype.change=function(t){var e=t.component;if("hint"===t.prop.prop[0]){var n=this.cache.get(e.a11yId);null==n||n.setAttribute("aria-label",e.hint),n&&this.setPosition(n,t.gameObject.transform)}},h.prototype.remove=function(t){var e=t.component;if(e){var n=e.a11yId,r=this.div.querySelector("#"+n);r&&this.div.removeChild(r),this.cache.delete(n)}},h.prototype.add=function(t){var e=this;if(this.activate){var n=t.component,r=t.gameObject,o=n.delay,i=n.a11yId,a=n.event;if(r){var c=r.transform;if(c){var s=document.createElement("div");this.cache.set(i,s),a||(a=r.getComponent("Event")),setTimeout((function(){e.setPosition(s,c),e.setA11yAttr(s,n),a&&e.addEvent(r),r.scene&&e.div.appendChild(s)}),o||this.delay)}}}},h.prototype.transformChange=function(t){var e=t.component,n=t.gameObject.getComponent(m);if(n){var r=n.a11yId;if(e.inScene){if(this.cache.has(r)){var o=this.cache.get(r);o&&this.div.appendChild(o)}}else{var i=this.div.querySelector("#"+r);i&&this.div.removeChild(i)}}},h.prototype.setEvent=function(t,e,n,r){if(e){var o=A.bind(this,e,n);this.eventCache.set(r,o),t.addEventListener("click",o)}},h.prototype.addEvent=function(t){var e=t.getComponent(m);if(e){var n=t.getComponent("Event");if(n){var r=this.cache.get(e.a11yId);r&&this.setEvent(r,n,t,e.a11yId)}}},h.prototype.removeEvent=function(t){var e=t.gameObject.getComponent(m);if(e&&t.component){var n=e.a11yId,r=this.eventCache.get(n),o=this.cache.get(n);o&&o.removeEventListener("click",r)}},h.prototype.setA11yAttr=function(t,e){var n,r,o,i,a,c,s=e.hint,h=e.props,p=void 0===h?{}:h,l=e.state,v=void 0===l?{}:l,d=e.role,f=e.a11yId,y=d||"text";t.setAttribute("role",y),t.setAttribute("aria-label",s),t.id=f;var g=Object.keys(p);try{for(var m=u(g),b=m.next();!b.done;b=m.next()){var A=b.value;t.setAttribute(A,p[A])}}catch(t){n={error:t}}finally{try{b&&!b.done&&(r=m.return)&&r.call(m)}finally{if(n)throw n.error}}var O=Object.keys(v);try{for(var w=u(O),C=w.next();!C.done;C=w.next()){A=C.value;t.setAttribute(A,v[A])}}catch(t){o={error:t}}finally{try{C&&!C.done&&(i=w.return)&&i.call(w)}finally{if(o)throw o.error}}try{for(var x=u(Object.keys(e)),P=x.next();!P.done;P=x.next()){"string"==typeof e[A=P.value]&&-1===E.indexOf(A)&&1!==A.indexOf("_")&&t.setAttribute(A,e[A])}}catch(t){a={error:t}}finally{try{P&&!P.done&&(c=x.return)&&c.call(x)}finally{if(a)throw a.error}}},h.prototype.setPosition=function(t,e){var n=e.size,r=n.width,o=n.height,a={width:0===r?1:r*this.ratioX,height:0===o?1:o*this.ratioY,position:b,zIndex:3,pointerEvents:d.AUTO,background:this.debug?f.DEBUG:f.NONE},c=i({},e);g(t,a),function(t,e,n,r){var o=e.worldTransform,i="matrix("+o.a+", "+o.b+", "+o.c+", "+o.d+", "+o.tx*n+", "+o.ty*r+")";t.style.transform=""+i,t.style.webkitTransform=""+i,t.style.transformOrigin="left top",t.style.webkitTransformOrigin="left top"}(t,c,this.ratioX,this.ratioY)},h.prototype.onDestroy=function(){this.div.parentElement.removeChild(this.div),this.cache=null,this.eventCache=null},h.systemName="A11ySystem",h=a([e.decorators.componentObserver({A11y:["hint"],Transform:["inScene"],Event:[]})],h)}(e.System);return t.A11y=m,t.A11ySystem=O,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA,EVA.plugin.renderer);