@eva/plugin-a11y 1.3.0-alpha.0 → 2.0.0-beta.0

package/dist/EVA.plugin.a11y.js

@@ -1,68 +1,48 @@
-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) {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+window.EVA = window.EVA || {};
+window.EVA.plugin = window.EVA.plugin || {};
+var _EVA_IIFE_a11y = function (exports, eva_js, pluginRenderer) {
   'use strict';
-
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
+  var extendStatics = function (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];
-      }
+      for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
     };
-
-    return _extendStatics(d, b);
+    return extendStatics(d, b);
   };
-
   function __extends(d, b) {
-    _extendStatics(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) {
+  var __assign = function () {
+    __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];
-        }
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
-
       return t;
     };
-
-    return _assign.apply(this, arguments);
+    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;
-    }
+      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 {
@@ -71,7 +51,6 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
           reject(e);
         }
       }
-
       function rejected(value) {
         try {
           step(generator["throw"](value));
@@ -79,29 +58,26 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
           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];
+        label: 0,
+        sent: function () {
+          if (t[0] & 1) throw t[1];
+          return t[1];
+        },
+        trys: [],
+        ops: []
       },
-      trys: [],
-      ops: []
-    },
-        f,
-        y,
-        t,
-        g;
+      f,
+      y,
+      t,
+      g;
     return g = {
       next: verb(0),
       "throw": verb(1),
@@ -109,88 +85,66 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
     }, 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:
+      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;
-
-            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 (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,
@@ -198,14 +152,13 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       };
     }
   }
-
   function __values(o) {
     var s = typeof Symbol === "function" && Symbol.iterator,
-        m = s && o[s],
-        i = 0;
+      m = s && o[s],
+      i = 0;
     if (m) return m.call(o);
     if (o && typeof o.length === "number") return {
-      next: function next() {
+      next: function () {
         if (o && i >= o.length) o = void 0;
         return {
           value: o && o[i++],
@@ -215,20 +168,16 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
     };
     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);
@@ -236,37 +185,30 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       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];
-    }
-
+    for (var i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
     return uuid.join('');
   }
-
-  var setStyle = function setStyle(element, style) {
+  var setStyle = function (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;
@@ -278,43 +220,38 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
     element.style.border = 'none';
     element.style.overflow = 'hidden';
   };
-
-  var setTransform = function setTransform(element, transform, ratioX, ratioY) {
+  var setTransform = function (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;
@@ -325,62 +262,44 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       _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 getEventFunc = function (event, gameObject, e) {
     var _this = this;
-
     ['touchstart', 'touchend', 'tap'].forEach(function (name) {
       event.emit(name, {
-        stopPropagation: function stopPropagation() {
+        stopPropagation: function () {
           return e.stopPropagation();
         },
         data: {
@@ -390,26 +309,21 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       });
     });
   };
-
   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() {
+      get: function () {
         if (this._ratioX) {
           return this._ratioX;
         } else {
           var success = this.setRatio();
-
           if (success) {
             return this._ratioX;
           } else {
@@ -421,12 +335,11 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       configurable: true
     });
     Object.defineProperty(A11ySystem.prototype, "ratioY", {
-      get: function get() {
+      get: function () {
         if (this._ratioY) {
           return this._ratioY;
         } else {
           var success = this.setRatio();
-
           if (success) {
             return this._ratioY;
           } else {
@@ -437,15 +350,12 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       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:
@@ -455,80 +365,59 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
               this.delay = delay;
               this.zIndex = zIndex || this.zIndex;
               _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.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;
@@ -536,28 +425,25 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
         return false;
       }
     };
-
     A11ySystem.prototype.getRenderRect = function () {
       var _a = this.game.getSystem(pluginRenderer.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,
@@ -565,19 +451,15 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
         top: top
       };
     };
-
     A11ySystem.prototype.initDiv = function () {
       var _this = this;
-
       var pageXOffset = window.pageXOffset,
-          pageYOffset = window.pageYOffset;
-
+        pageYOffset = window.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,
@@ -591,11 +473,9 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       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 = {
@@ -604,35 +484,27 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
         };
       }, 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);
@@ -649,22 +521,18 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
               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;
@@ -673,48 +541,39 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       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 = 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);
@@ -725,17 +584,14 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
         }
       }
     };
-
     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;
@@ -744,7 +600,6 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       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);
@@ -756,23 +611,20 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
       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;
@@ -789,9 +641,7 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
           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;
@@ -808,11 +658,9 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
           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]);
           }
@@ -829,11 +677,10 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
         }
       }
     };
-
     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,
@@ -842,20 +689,16 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
         pointerEvents: PointerEvents.AUTO,
         background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE
       };
-
-      var transformProps = _assign({}, transform);
-
+      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([eva_js.decorators.componentObserver({
       A11y: ['hint'],
@@ -864,7 +707,6 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
     })], A11ySystem);
     return A11ySystem;
   }(eva_js.System);
-
   var A11ySystem$1 = A11ySystem;
   exports.A11y = A11y$1;
   exports.A11ySystem = A11ySystem$1;
@@ -873,3 +715,4 @@ this.EVA.plugin.a11y = function (exports, eva_js, pluginRenderer) {
   });
   return exports;
 }({}, EVA, EVA.plugin.renderer);
+window.EVA.plugin.a11y = window.EVA.plugin.a11y || _EVA_IIFE_a11y;