@eva/plugin-a11y 1.2.7-fix.4 → 1.2.7-fix.5

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

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():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},_extends.apply(this,arguments)}window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{};var _EVA_IIFE_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])},r(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},i.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){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).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 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 d,v,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,s=e.top,c=void 0===s?0:s,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=""+c,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,s=void 0===a?0:a,c=e.attr,u=void 0===c?{}:c,h=e.role,p=void 0===h?"":h,l=e.props,d=void 0===l?{}:l,v=e.state,f=void 0===v?{}:v;return n.hint=o,n.event=i,n.delay=s,n.attr=u,n.role=p,n.props=d,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=m,E="absolute";t.A11yActivate=void 0,(d=t.A11yActivate||(t.A11yActivate={}))[d.ENABLE=0]="ENABLE",d[d.DISABLE=1]="DISABLE",d[d.CHECK=2]="CHECK",function(t){t.NONE="none",t.AUTO="auto"}(v||(v={})),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 w=["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.zIndex=3,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={}),s(this,void 0,void 0,(function(){var n,r,o,i,a,s,u,h,p;return c(this,(function(c){switch(c.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,s=void 0===a?function(){return Promise.resolve(!1)}:a,u=e.zIndex,this.delay=i,this.zIndex=u||this.zIndex,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 c.trys.push([1,3,,4]),h=this,[4,s()];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=e.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]}}))}))},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:E,zIndex:this.zIndex,pointerEvents:v.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 s(this,void 0,void 0,(function(){var t,n,r,o,i,a;return c(this,(function(s){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 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)}}}},h.prototype.transformChange=function(t){var e=t.component,n=t.gameObject.getComponent(b);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(b);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(b);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,s,c=e.hint,h=e.props,p=void 0===h?{}:h,l=e.state,d=void 0===l?{}:l,v=e.role,f=e.a11yId,y=v||"text";t.setAttribute("role",y),t.setAttribute("aria-label",c),t.id=f;var g=Object.keys(p);try{for(var m=u(g),b=m.next();!b.done;b=m.next()){var E=b.value;t.setAttribute(E,p[E])}}catch(t){n={error:t}}finally{try{b&&!b.done&&(r=m.return)&&r.call(m)}finally{if(n)throw n.error}}var A=Object.keys(d);try{for(var O=u(A),x=O.next();!x.done;x=O.next()){E=x.value;t.setAttribute(E,d[E])}}catch(t){o={error:t}}finally{try{x&&!x.done&&(i=O.return)&&i.call(O)}finally{if(o)throw o.error}}try{for(var C=u(Object.keys(e)),I=C.next();!I.done;I=C.next()){"string"==typeof e[E=I.value]&&-1===w.indexOf(E)&&1!==E.indexOf("_")&&t.setAttribute(E,e[E])}}catch(t){a={error:t}}finally{try{I&&!I.done&&(s=C.return)&&s.call(C)}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:E,zIndex:this.zIndex,pointerEvents:v.AUTO,background:this.debug?f.DEBUG:f.NONE},s=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,s,this.ratioX,this.ratioY)},h.prototype.onDestroy=function(){this.div.parentElement.removeChild(this.div),this.cache=null,this.eventCache=null,this.div=null},h.systemName="A11ySystem",h=a([e.decorators.componentObserver({A11y:["hint"],Transform:["inScene"],Event:[]})],h)}(e.System);return t.A11y=b,t.A11ySystem=O,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA,EVA.plugin.renderer);window.EVA.plugin.a11y=window.EVA.plugin.a11y||_EVA_IIFE_a11y;
+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)}window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{};var _EVA_IIFE_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 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){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).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 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 d,v,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,s=e.top,c=void 0===s?0:s,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=""+c,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,s=void 0===a?0:a,c=e.attr,u=void 0===c?{}:c,h=e.role,p=void 0===h?"":h,l=e.props,d=void 0===l?{}:l,v=e.state,f=void 0===v?{}:v;return n.hint=o,n.event=i,n.delay=s,n.attr=u,n.role=p,n.props=d,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,(d=t.A11yActivate||(t.A11yActivate={}))[d.ENABLE=0]="ENABLE",d[d.DISABLE=1]="DISABLE",d[d.CHECK=2]="CHECK",function(t){t.NONE="none",t.AUTO="auto"}(v||(v={})),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"],w=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})}))},A=function(r){function h(t){var e=r.call(this,t)||this;return e.cache=new Map,e.eventCache=new Map,e.zIndex=3,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={}),s(this,void 0,void 0,(function(){var n,r,o,i,a,s,u,h,p;return c(this,(function(c){switch(c.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,s=void 0===a?function(){return Promise.resolve(!1)}:a,u=e.zIndex,this.delay=i,this.zIndex=u||this.zIndex,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 c.trys.push([1,3,,4]),h=this,[4,s()];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=e.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]}}))}))},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:this.zIndex,pointerEvents:v.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 s(this,void 0,void 0,(function(){var t,n,r,o,i,a;return c(this,(function(s){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 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)}}}},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=w.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,s,c=e.hint,h=e.props,p=void 0===h?{}:h,l=e.state,d=void 0===l?{}:l,v=e.role,f=e.a11yId,y=v||"text";t.setAttribute("role",y),t.setAttribute("aria-label",c),t.id=f;var g=Object.keys(p);try{for(var m=u(g),b=m.next();!b.done;b=m.next()){var w=b.value;t.setAttribute(w,p[w])}}catch(t){n={error:t}}finally{try{b&&!b.done&&(r=m.return)&&r.call(m)}finally{if(n)throw n.error}}var A=Object.keys(d);try{for(var O=u(A),x=O.next();!x.done;x=O.next()){w=x.value;t.setAttribute(w,d[w])}}catch(t){o={error:t}}finally{try{x&&!x.done&&(i=O.return)&&i.call(O)}finally{if(o)throw o.error}}try{for(var C=u(Object.keys(e)),I=C.next();!I.done;I=C.next()){"string"==typeof e[w=I.value]&&-1===E.indexOf(w)&&1!==w.indexOf("_")&&t.setAttribute(w,e[w])}}catch(t){a={error:t}}finally{try{I&&!I.done&&(s=C.return)&&s.call(C)}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:this.zIndex,pointerEvents:v.AUTO,background:this.debug?f.DEBUG:f.NONE},s=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,s,this.ratioX,this.ratioY)},h.prototype.onDestroy=function(){this.div.parentElement.removeChild(this.div),this.cache=null,this.eventCache=null,this.div=null},h.systemName="A11ySystem",h=a([e.decorators.componentObserver({A11y:["hint"],Transform:["inScene"],Event:[]})],h)}(e.System);return t.A11y=m,t.A11ySystem=A,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA,EVA.plugin.renderer);window.EVA.plugin.a11y=window.EVA.plugin.a11y||_EVA_IIFE_a11y;

package/dist/miniprogram.js

@@ -1,29 +1,34 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
+
 import { documentAlias, windowAlias } from '@eva/miniprogram-adapter';
 import { __extends, __decorate, __awaiter, __generator, __values, __assign } from 'tslib';
 import { Component, OBSERVER_TYPE, decorators, System } from '@eva/eva.js/dist/miniprogram';
 import { RendererSystem } from '@eva/plugin-renderer/dist/miniprogram';
 import { type, step } from '@eva/inspector-decorator';
+
 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;
+      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;
@@ -35,38 +40,43 @@ var setStyle = function setStyle(element, style) {
   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;
+      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;
+        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;
@@ -77,41 +87,59 @@ var A11y = function (_super) {
     _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;
 }(Component);
+
 var A11y$1 = A11y;
 var POSITION = 'absolute';
 var ZINDEX = 3;
 var A11yActivate;
+
 (function (A11yActivate) {
   A11yActivate[A11yActivate["ENABLE"] = 0] = "ENABLE";
   A11yActivate[A11yActivate["DISABLE"] = 1] = "DISABLE";
   A11yActivate[A11yActivate["CHECK"] = 2] = "CHECK";
 })(A11yActivate || (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() {
@@ -124,21 +152,26 @@ var getEventFunc = function getEventFunc(event, gameObject, e) {
     });
   });
 };
+
 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();
     _this.zIndex = ZINDEX;
     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 {
@@ -155,6 +188,7 @@ var A11ySystem = function (_super) {
         return this._ratioY;
       } else {
         var success = this.setRatio();
+
         if (success) {
           return this._ratioY;
         } else {
@@ -165,12 +199,15 @@ var A11ySystem = function (_super) {
     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, zIndex, _d, _e, div;
+
       return __generator(this, function (_f) {
         switch (_f.label) {
           case 0:
@@ -180,59 +217,80 @@ var A11ySystem = function (_super) {
             this.delay = delay;
             this.zIndex = zIndex || this.zIndex;
             _d = activate;
+
             switch (_d) {
               case A11yActivate.CHECK:
                 return [3, 1];
+
               case A11yActivate.DISABLE:
                 return [3, 5];
+
               case 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 = documentAlias.createElement('div');
             this.div = div;
+
             if (this.game.canvas.parentNode) {
               this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);
             }
+
             return [2];
         }
       });
     });
   };
+
   A11ySystem.prototype.setRatio = function () {
     var _a = this.getCanvasBoundingClientRect(),
-      width = _a.width,
-      height = _a.height;
+        width = _a.width,
+        height = _a.height;
+
     var _b = this.getRenderRect(),
-      renderWidth = _b.renderWidth,
-      renderHeight = _b.renderHeight;
+        renderWidth = _b.renderWidth,
+        renderHeight = _b.renderHeight;
+
     this._ratioX = width / renderWidth;
     this._ratioY = height / renderHeight;
+
     if (width || height) {
       this.initDiv();
       return true;
@@ -240,25 +298,28 @@ var A11ySystem = function (_super) {
       return false;
     }
   };
+
   A11ySystem.prototype.getRenderRect = function () {
     var _a = this.game.getSystem(RendererSystem).params,
-      params = _a === void 0 ? {
-        width: 300,
-        height: 300
-      } : _a;
+        params = _a === void 0 ? {
+      width: 300,
+      height: 300
+    } : _a;
     var renderHeight = params.height,
-      renderWidth = params.width;
+        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;
+        width = _a.width,
+        height = _a.height,
+        left = _a.left,
+        top = _a.top;
+
     return {
       width: width,
       height: height,
@@ -266,15 +327,19 @@ var A11ySystem = function (_super) {
       top: top
     };
   };
+
   A11ySystem.prototype.initDiv = function () {
     var _this = this;
+
     var pageXOffset = windowAlias.pageXOffset,
-      pageYOffset = windowAlias.pageYOffset;
+        pageYOffset = windowAlias.pageYOffset;
+
     var _a = this.getCanvasBoundingClientRect(),
-      width = _a.width,
-      height = _a.height,
-      left = _a.left,
-      top = _a.top;
+        width = _a.width,
+        height = _a.height,
+        left = _a.left,
+        top = _a.top;
+
     var style = {
       width: width,
       height: height,
@@ -288,9 +353,11 @@ var A11ySystem = function (_super) {
     setStyle(this.div, style);
     this.div.addEventListener('click', function (e) {
       var currentTarget = e.currentTarget;
+
       var _a = currentTarget.getBoundingClientRect(),
-        left = _a.left,
-        top = _a.top;
+          left = _a.left,
+          top = _a.top;
+
       var x = (e.pageX - left) / _this.ratioX;
       var y = (e.pageY - top) / _this.ratioY;
       _this.eventPosition = {
@@ -299,27 +366,35 @@ var A11ySystem = function (_super) {
       };
     }, 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 OBSERVER_TYPE.ADD:
                 changed.componentName === 'Event' && this.addEvent(changed.gameObject);
                 changed.componentName === 'A11y' && this.add(changed);
                 break;
+
               case OBSERVER_TYPE.CHANGE:
                 changed.componentName === 'Transform' && this.transformChange(changed);
                 changed.componentName === 'A11y' && this.change(changed);
                 break;
+
               case OBSERVER_TYPE.REMOVE:
                 changed.componentName === 'Event' && this.removeEvent(changed);
                 changed.componentName === 'A11y' && this.remove(changed);
@@ -336,18 +411,22 @@ var A11ySystem = function (_super) {
             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;
@@ -356,39 +435,48 @@ var A11ySystem = function (_super) {
     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;
+        id = component.a11yId;
     var event = component.event;
     if (!gameObject) return;
     var transform = gameObject.transform;
     if (!transform) return;
     var element = documentAlias.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);
@@ -399,14 +487,17 @@ var A11ySystem = function (_super) {
       }
     }
   };
+
   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;
@@ -415,6 +506,7 @@ var A11ySystem = function (_super) {
     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);
@@ -426,20 +518,23 @@ var A11ySystem = function (_super) {
     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;
+        _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;
@@ -456,7 +551,9 @@ var A11ySystem = function (_super) {
         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;
@@ -473,9 +570,11 @@ var A11ySystem = function (_super) {
         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]);
         }
@@ -492,10 +591,11 @@ var A11ySystem = function (_super) {
       }
     }
   };
+
   A11ySystem.prototype.setPosition = function (element, transform) {
     var _a = transform.size,
-      width = _a.width,
-      height = _a.height;
+        width = _a.width,
+        height = _a.height;
     var style = {
       width: width === 0 ? 1 : width * this.ratioX,
       height: height === 0 ? 1 : height * this.ratioY,
@@ -504,16 +604,20 @@ var A11ySystem = function (_super) {
       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;
     this.div = null;
   };
+
   A11ySystem.systemName = 'A11ySystem';
   A11ySystem = __decorate([decorators.componentObserver({
     A11y: ['hint'],
@@ -522,5 +626,6 @@ var A11ySystem = function (_super) {
   })], A11ySystem);
   return A11ySystem;
 }(System);
+
 var A11ySystem$1 = A11ySystem;
 export { A11y$1 as A11y, A11yActivate, A11ySystem$1 as A11ySystem };