@hatiolab/things-scene 9.0.0-beta.36 → 9.0.0-beta.37

package/dist/components/audio.js

@@ -1,154 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _component = _interopRequireDefault(require("./component.js"));
-var _shape = _interopRequireDefault(require("./shape.js"));
-var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-const NATURE = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [{
-    type: 'attachment-selector',
-    label: 'src',
-    name: 'src',
-    property: {
-      category: 'audio'
-    }
-  }, {
-    type: 'checkbox',
-    label: 'started',
-    name: 'started'
-  }, {
-    type: 'checkbox',
-    label: 'loop',
-    name: 'loop'
-  }],
-  'value-property': 'src',
-  help: 'scene/component/audio'
-};
-const AUDIO_IMAGE = 'data:image/png;base64,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';
-class AudioPlayer extends (0, _rectPath.default)(_shape.default) {
-  static get image() {
-    if (!AudioPlayer.IMAGE) {
-      AudioPlayer.IMAGE = new Image();
-      AudioPlayer.IMAGE.src = AUDIO_IMAGE;
-    }
-    return AudioPlayer.IMAGE;
-  }
-  dispose() {
-    super.dispose();
-    this.started = false;
-    delete this._audio;
-  }
-  ready() {
-    super.ready();
-    this._audio = new Audio();
-    this._audio.addEventListener('canplay', () => {
-      this.started && this._audio.play();
-    });
-    var {
-      src = '',
-      loop = false,
-      started = false
-    } = this.state;
-    this.onchangeSrc(src);
-    this.onchangeLoop(loop);
-    this.onchangeStarted(started);
-  }
-  render(ctx) {
-    var {
-      left,
-      top,
-      width,
-      height,
-      src
-    } = this.state;
-    ctx.beginPath();
-    this.drawImage(ctx, AudioPlayer.image, left, top, width, height);
-  }
-  get nature() {
-    return NATURE;
-  }
-  get hasTextProperty() {
-    return false;
-  }
-  get src() {
-    return this.get('src');
-  }
-  set src(src) {
-    this.set('src', src);
-  }
-  get started() {
-    return !!this.get('started');
-  }
-  set started(started) {
-    this.set('started', started);
-  }
-  start() {
-    if (!this._audio) return;
-    this._audio.classList.add('active');
-    this._audio.play();
-  }
-  pause() {
-    if (!this._audio) return;
-    this._audio.classList.remove('active');
-    this._audio.pause();
-  }
-  onchangeSrc(src) {
-    try {
-      // this._audio.crossOrigin = "anonymous";
-      if (String(src).substring(0, 4) !== 'data') this._audio.crossOrigin = 'use-credentials';else this._audio.crossOrigin = null;
-      this._audio.src = typeof src === 'string' ? this.app.url(src) : src;
-    } catch (e) {
-      console.error(e);
-      return;
-    }
-  }
-  onchangeStarted(started) {
-    const audio = this._audio;
-    if (started) {
-      /* 
-        [ audio/video.readyState ]
-        0 = HAVE_NOTHING - no information whether or not the audio/video is ready
-        1 = HAVE_METADATA - metadata for the audio/video is ready
-        2 = HAVE_CURRENT_DATA - data for the current playback position is available, but not enough data to play next frame/millisecond
-        3 = HAVE_FUTURE_DATA - data for the current and at least the next frame is available
-        4 = HAVE_ENOUGH_DATA - enough data available to start playing
-      */
-      audio.readyState == 4 && audio.play();
-    } else {
-      audio.pause();
-    }
-  }
-  onchangeLoop(loop) {
-    this._audio.loop = loop;
-  }
-  onchange(after, before) {
-    'src' in after && this.onchangeSrc(after.src);
-    'started' in after && this.onchangeStarted(after.started);
-    'loop' in after && this.onchangeLoop(after.loop);
-  }
-  ondblclick(e) {
-    this.started = !this.started;
-  }
-  ondropfile(transfered, files) {
-    for (let i = 0; i < transfered.length; i++) {
-      if (transfered[i].type.startsWith('audio/')) {
-        this.src = files[i];
-        return;
-      }
-    }
-  }
-}
-exports.default = AudioPlayer;
-_component.default.register('audio', AudioPlayer);
-//# sourceMappingURL=audio.js.map

package/dist/components/audio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio.js","names":["_component","_interopRequireDefault","require","_shape","_rectPath","e","__esModule","default","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","category","help","AUDIO_IMAGE","AudioPlayer","RectPath","Shape","image","IMAGE","Image","src","dispose","started","_audio","ready","Audio","addEventListener","play","loop","state","onchangeSrc","onchangeLoop","onchangeStarted","render","ctx","left","top","width","height","beginPath","drawImage","nature","hasTextProperty","get","set","start","classList","add","pause","remove","String","substring","crossOrigin","app","url","console","error","audio","readyState","onchange","after","before","ondblclick","ondropfile","transfered","files","i","length","startsWith","exports","Component","register"],"sources":["../../src/components/audio.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\nimport Shape from './shape.js'\n\nimport RectPath from './mixins/rect-path.js'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'attachment-selector',\n      label: 'src',\n      name: 'src',\n      property: {\n        category: 'audio'\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'started',\n      name: 'started'\n    },\n    {\n      type: 'checkbox',\n      label: 'loop',\n      name: 'loop'\n    }\n  ],\n  'value-property': 'src',\n  help: 'scene/component/audio'\n}\n\nconst AUDIO_IMAGE =\n  'data:image/png;base64,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'\n\nexport default class AudioPlayer extends RectPath(Shape) {\n  static get image() {\n    if (!AudioPlayer.IMAGE) {\n      AudioPlayer.IMAGE = new Image()\n      AudioPlayer.IMAGE.src = AUDIO_IMAGE\n    }\n\n    return AudioPlayer.IMAGE\n  }\n\n  dispose() {\n    super.dispose()\n\n    this.started = false\n    delete this._audio\n  }\n\n  ready() {\n    super.ready()\n\n    this._audio = new Audio()\n\n    this._audio.addEventListener('canplay', () => {\n      this.started && this._audio.play()\n    })\n\n    var { src = '', loop = false, started = false } = this.state\n\n    this.onchangeSrc(src)\n    this.onchangeLoop(loop)\n    this.onchangeStarted(started)\n  }\n\n  render(ctx) {\n    var { left, top, width, height, src } = this.state\n\n    ctx.beginPath()\n\n    this.drawImage(ctx, AudioPlayer.image, left, top, width, height)\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get src() {\n    return this.get('src')\n  }\n\n  set src(src) {\n    this.set('src', src)\n  }\n\n  get started() {\n    return !!this.get('started')\n  }\n\n  set started(started) {\n    this.set('started', started)\n  }\n\n  start() {\n    if (!this._audio) return\n\n    this._audio.classList.add('active')\n    this._audio.play()\n  }\n\n  pause() {\n    if (!this._audio) return\n\n    this._audio.classList.remove('active')\n    this._audio.pause()\n  }\n\n  onchangeSrc(src) {\n    try {\n      // this._audio.crossOrigin = \"anonymous\";\n      if (String(src).substring(0, 4) !== 'data') this._audio.crossOrigin = 'use-credentials'\n      else this._audio.crossOrigin = null\n\n      this._audio.src = typeof src === 'string' ? this.app.url(src) : src\n    } catch (e) {\n      console.error(e)\n      return\n    }\n  }\n\n  onchangeStarted(started) {\n    const audio = this._audio\n\n    if (started) {\n      /* \n        [ audio/video.readyState ]\n        0 = HAVE_NOTHING - no information whether or not the audio/video is ready\n        1 = HAVE_METADATA - metadata for the audio/video is ready\n        2 = HAVE_CURRENT_DATA - data for the current playback position is available, but not enough data to play next frame/millisecond\n        3 = HAVE_FUTURE_DATA - data for the current and at least the next frame is available\n        4 = HAVE_ENOUGH_DATA - enough data available to start playing\n      */\n      audio.readyState == 4 && audio.play()\n    } else {\n      audio.pause()\n    }\n  }\n\n  onchangeLoop(loop) {\n    this._audio.loop = loop\n  }\n\n  onchange(after, before) {\n    'src' in after && this.onchangeSrc(after.src)\n    'started' in after && this.onchangeStarted(after.started)\n    'loop' in after && this.onchangeLoop(after.loop)\n  }\n\n  ondblclick(e) {\n    this.started = !this.started\n  }\n\n  ondropfile(transfered, files) {\n    for (let i = 0; i < transfered.length; i++) {\n      if (transfered[i].type.startsWith('audio/')) {\n        this.src = files[i]\n        return\n      }\n    }\n  }\n}\n\nComponent.register('audio', AudioPlayer)\n"],"mappings":";;;;;;AAIA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA4C,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAP5C;AACA;AACA;;AAOA,MAAMG,MAAM,GAAG;EACbC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,CACV;IACEC,IAAI,EAAE,qBAAqB;IAC3BC,KAAK,EAAE,KAAK;IACZC,IAAI,EAAE,KAAK;IACXC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ;EACF,CAAC,EACD;IACEJ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAE;EACR,CAAC,EACD;IACEF,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE;EACR,CAAC,CACF;EACD,gBAAgB,EAAE,KAAK;EACvBG,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,WAAW,GACf,ohMAAohM;AAEvgM,MAAMC,WAAW,SAAS,IAAAC,iBAAQ,EAACC,cAAK,CAAC,CAAC;EACvD,WAAWC,KAAKA,CAAA,EAAG;IACjB,IAAI,CAACH,WAAW,CAACI,KAAK,EAAE;MACtBJ,WAAW,CAACI,KAAK,GAAG,IAAIC,KAAK,CAAC,CAAC;MAC/BL,WAAW,CAACI,KAAK,CAACE,GAAG,GAAGP,WAAW;IACrC;IAEA,OAAOC,WAAW,CAACI,KAAK;EAC1B;EAEAG,OAAOA,CAAA,EAAG;IACR,KAAK,CAACA,OAAO,CAAC,CAAC;IAEf,IAAI,CAACC,OAAO,GAAG,KAAK;IACpB,OAAO,IAAI,CAACC,MAAM;EACpB;EAEAC,KAAKA,CAAA,EAAG;IACN,KAAK,CAACA,KAAK,CAAC,CAAC;IAEb,IAAI,CAACD,MAAM,GAAG,IAAIE,KAAK,CAAC,CAAC;IAEzB,IAAI,CAACF,MAAM,CAACG,gBAAgB,CAAC,SAAS,EAAE,MAAM;MAC5C,IAAI,CAACJ,OAAO,IAAI,IAAI,CAACC,MAAM,CAACI,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,IAAI;MAAEP,GAAG,GAAG,EAAE;MAAEQ,IAAI,GAAG,KAAK;MAAEN,OAAO,GAAG;IAAM,CAAC,GAAG,IAAI,CAACO,KAAK;IAE5D,IAAI,CAACC,WAAW,CAACV,GAAG,CAAC;IACrB,IAAI,CAACW,YAAY,CAACH,IAAI,CAAC;IACvB,IAAI,CAACI,eAAe,CAACV,OAAO,CAAC;EAC/B;EAEAW,MAAMA,CAACC,GAAG,EAAE;IACV,IAAI;MAAEC,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC,MAAM;MAAElB;IAAI,CAAC,GAAG,IAAI,CAACS,KAAK;IAElDK,GAAG,CAACK,SAAS,CAAC,CAAC;IAEf,IAAI,CAACC,SAAS,CAACN,GAAG,EAAEpB,WAAW,CAACG,KAAK,EAAEkB,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;EAClE;EAEA,IAAIG,MAAMA,CAAA,EAAG;IACX,OAAOvC,MAAM;EACf;EAEA,IAAIwC,eAAeA,CAAA,EAAG;IACpB,OAAO,KAAK;EACd;EAEA,IAAItB,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACuB,GAAG,CAAC,KAAK,CAAC;EACxB;EAEA,IAAIvB,GAAGA,CAACA,GAAG,EAAE;IACX,IAAI,CAACwB,GAAG,CAAC,KAAK,EAAExB,GAAG,CAAC;EACtB;EAEA,IAAIE,OAAOA,CAAA,EAAG;IACZ,OAAO,CAAC,CAAC,IAAI,CAACqB,GAAG,CAAC,SAAS,CAAC;EAC9B;EAEA,IAAIrB,OAAOA,CAACA,OAAO,EAAE;IACnB,IAAI,CAACsB,GAAG,CAAC,SAAS,EAAEtB,OAAO,CAAC;EAC9B;EAEAuB,KAAKA,CAAA,EAAG;IACN,IAAI,CAAC,IAAI,CAACtB,MAAM,EAAE;IAElB,IAAI,CAACA,MAAM,CAACuB,SAAS,CAACC,GAAG,CAAC,QAAQ,CAAC;IACnC,IAAI,CAACxB,MAAM,CAACI,IAAI,CAAC,CAAC;EACpB;EAEAqB,KAAKA,CAAA,EAAG;IACN,IAAI,CAAC,IAAI,CAACzB,MAAM,EAAE;IAElB,IAAI,CAACA,MAAM,CAACuB,SAAS,CAACG,MAAM,CAAC,QAAQ,CAAC;IACtC,IAAI,CAAC1B,MAAM,CAACyB,KAAK,CAAC,CAAC;EACrB;EAEAlB,WAAWA,CAACV,GAAG,EAAE;IACf,IAAI;MACF;MACA,IAAI8B,MAAM,CAAC9B,GAAG,CAAC,CAAC+B,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,EAAE,IAAI,CAAC5B,MAAM,CAAC6B,WAAW,GAAG,iBAAiB,MAClF,IAAI,CAAC7B,MAAM,CAAC6B,WAAW,GAAG,IAAI;MAEnC,IAAI,CAAC7B,MAAM,CAACH,GAAG,GAAG,OAAOA,GAAG,KAAK,QAAQ,GAAG,IAAI,CAACiC,GAAG,CAACC,GAAG,CAAClC,GAAG,CAAC,GAAGA,GAAG;IACrE,CAAC,CAAC,OAAOrB,CAAC,EAAE;MACVwD,OAAO,CAACC,KAAK,CAACzD,CAAC,CAAC;MAChB;IACF;EACF;EAEAiC,eAAeA,CAACV,OAAO,EAAE;IACvB,MAAMmC,KAAK,GAAG,IAAI,CAAClC,MAAM;IAEzB,IAAID,OAAO,EAAE;MACX;AACN;AACA;AACA;AACA;AACA;AACA;AACA;MACMmC,KAAK,CAACC,UAAU,IAAI,CAAC,IAAID,KAAK,CAAC9B,IAAI,CAAC,CAAC;IACvC,CAAC,MAAM;MACL8B,KAAK,CAACT,KAAK,CAAC,CAAC;IACf;EACF;EAEAjB,YAAYA,CAACH,IAAI,EAAE;IACjB,IAAI,CAACL,MAAM,CAACK,IAAI,GAAGA,IAAI;EACzB;EAEA+B,QAAQA,CAACC,KAAK,EAAEC,MAAM,EAAE;IACtB,KAAK,IAAID,KAAK,IAAI,IAAI,CAAC9B,WAAW,CAAC8B,KAAK,CAACxC,GAAG,CAAC;IAC7C,SAAS,IAAIwC,KAAK,IAAI,IAAI,CAAC5B,eAAe,CAAC4B,KAAK,CAACtC,OAAO,CAAC;IACzD,MAAM,IAAIsC,KAAK,IAAI,IAAI,CAAC7B,YAAY,CAAC6B,KAAK,CAAChC,IAAI,CAAC;EAClD;EAEAkC,UAAUA,CAAC/D,CAAC,EAAE;IACZ,IAAI,CAACuB,OAAO,GAAG,CAAC,IAAI,CAACA,OAAO;EAC9B;EAEAyC,UAAUA,CAACC,UAAU,EAAEC,KAAK,EAAE;IAC5B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,UAAU,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;MAC1C,IAAIF,UAAU,CAACE,CAAC,CAAC,CAAC3D,IAAI,CAAC6D,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3C,IAAI,CAAChD,GAAG,GAAG6C,KAAK,CAACC,CAAC,CAAC;QACnB;MACF;IACF;EACF;AACF;AAACG,OAAA,CAAApE,OAAA,GAAAa,WAAA;AAEDwD,kBAAS,CAACC,QAAQ,CAAC,OAAO,EAAEzD,WAAW,CAAC","ignoreList":[]}

package/dist/components/cloud.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _component = _interopRequireDefault(require("./component.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-class Cloud extends _component.default {
-  prerender(ctx) {
-    //TODO center()를 구현할 때까지, 아무 구현없이 오버라이드한다.
-  }
-  render(ctx) {
-    var {
-      x,
-      y
-    } = this.state;
-    ctx.beginPath();
-    ctx.moveTo(x, y);
-    ctx.bezierCurveTo(x - 40, y + 20, x - 40, y + 70, x + 50, y + 70);
-    ctx.bezierCurveTo(x + 80, y + 100, x + 150, y + 100, x + 170, y + 70);
-    ctx.bezierCurveTo(x + 250, y + 70, x + 250, y + 40, x + 220, y + 30);
-    ctx.bezierCurveTo(x + 260, y - 40, x + 200, y - 50, x + 170, y - 30);
-    ctx.bezierCurveTo(x + 150, y - 75, x + 80, y - 60, x + 80, y - 30);
-    ctx.bezierCurveTo(x + 30, y - 75, x - 20, y - 60, x, y);
-    ctx.closePath();
-  }
-  get path() {
-    return [{
-      x: this.x,
-      y: this.y
-    }];
-  }
-  set path(path) {
-    /* do nothing */
-  }
-}
-exports.default = Cloud;
-_component.default.register('cloud', Cloud);
-//# sourceMappingURL=cloud.js.map

package/dist/components/cloud.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloud.js","names":["_component","_interopRequireDefault","require","e","__esModule","default","Cloud","Component","prerender","ctx","render","x","y","state","beginPath","moveTo","bezierCurveTo","closePath","path","exports","register"],"sources":["../../src/components/cloud.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\n\nexport default class Cloud extends Component {\n  prerender(ctx) {\n    //TODO center()를 구현할 때까지, 아무 구현없이 오버라이드한다.\n  }\n\n  render(ctx) {\n    var { x, y } = this.state\n\n    ctx.beginPath()\n\n    ctx.moveTo(x, y)\n\n    ctx.bezierCurveTo(x - 40, y + 20, x - 40, y + 70, x + 50, y + 70)\n    ctx.bezierCurveTo(x + 80, y + 100, x + 150, y + 100, x + 170, y + 70)\n    ctx.bezierCurveTo(x + 250, y + 70, x + 250, y + 40, x + 220, y + 30)\n    ctx.bezierCurveTo(x + 260, y - 40, x + 200, y - 50, x + 170, y - 30)\n    ctx.bezierCurveTo(x + 150, y - 75, x + 80, y - 60, x + 80, y - 30)\n    ctx.bezierCurveTo(x + 30, y - 75, x - 20, y - 60, x, y)\n\n    ctx.closePath()\n  }\n\n  get path() {\n    return [{ x: this.x, y: this.y }]\n  }\n\n  set path(path) {\n    /* do nothing */\n  }\n}\n\nComponent.register('cloud', Cloud)\n"],"mappings":";;;;;;AAIA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJtC;AACA;AACA;;AAIe,MAAMG,KAAK,SAASC,kBAAS,CAAC;EAC3CC,SAASA,CAACC,GAAG,EAAE;IACb;EAAA;EAGFC,MAAMA,CAACD,GAAG,EAAE;IACV,IAAI;MAAEE,CAAC;MAAEC;IAAE,CAAC,GAAG,IAAI,CAACC,KAAK;IAEzBJ,GAAG,CAACK,SAAS,CAAC,CAAC;IAEfL,GAAG,CAACM,MAAM,CAACJ,CAAC,EAAEC,CAAC,CAAC;IAEhBH,GAAG,CAACO,aAAa,CAACL,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,CAAC;IACjEH,GAAG,CAACO,aAAa,CAACL,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,GAAG,EAAED,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAED,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,CAAC;IACrEH,GAAG,CAACO,aAAa,CAACL,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,CAAC;IACpEH,GAAG,CAACO,aAAa,CAACL,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,CAAC;IACpEH,GAAG,CAACO,aAAa,CAACL,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,CAAC;IAClEH,GAAG,CAACO,aAAa,CAACL,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,GAAG,EAAE,EAAEC,CAAC,GAAG,EAAE,EAAED,CAAC,EAAEC,CAAC,CAAC;IAEvDH,GAAG,CAACQ,SAAS,CAAC,CAAC;EACjB;EAEA,IAAIC,IAAIA,CAAA,EAAG;IACT,OAAO,CAAC;MAAEP,CAAC,EAAE,IAAI,CAACA,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACA;IAAE,CAAC,CAAC;EACnC;EAEA,IAAIM,IAAIA,CAACA,IAAI,EAAE;IACb;EAAA;AAEJ;AAACC,OAAA,CAAAd,OAAA,GAAAC,KAAA;AAEDC,kBAAS,CAACa,QAAQ,CAAC,OAAO,EAAEd,KAAK,CAAC","ignoreList":[]}