@versa_ai/vmml-editor 1.0.9 → 1.0.11

package/dist/index.js

@@ -254,12 +254,17 @@ var css = `@charset "UTF-8";
   height: 100%;
   object-fit: contain;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXHByb2plY3RzXFx2bW1sLXBsYXllclxccGFja2FnZXNcXGVkaXRvclxcc3JjXFxhc3NldHNcXGNzcyIsInNvdXJjZXMiOlsiaW5kZXguc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7O0FBR0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUtSO0VBQ0U7RUFDQTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7O0FBR0o7RUFDRTs7QUFLSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFLTjtFQUNFOztBQUdGO0VBQ0U7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7O0FBRUY7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5lZGl0b3J7XHJcbiAgYmFja2dyb3VuZDogIzAwMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBtaW4taGVpZ2h0OiAxMDB2aDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAucGFkZGluZy1ib3gge1xyXG4gICAgZmxleDogMTtcclxuICB9XHJcbiAgLy8g6aG26YOoXHJcbiAgJj4uaGVhZGVye1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTEuNDY3dnc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDQuNHZ3O1xyXG4gICAgcGFkZGluZy1yaWdodDogMy4ydnc7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgJj4uY2xvc2V7XHJcbiAgICAgIHdpZHRoOiA0dnc7XHJcbiAgICAgIGhlaWdodDogNHZ3O1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmPi5oaXN0b3J5LW9wZXJhdGV7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA0LjY2N3Z3O1xyXG4gICAgICAgIGhlaWdodDogNS4wNjd2dztcclxuICAgICAgfVxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxke1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4dnc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lm5leHQtYnV0dG9ue1xyXG4gICAgICB3aWR0aDogMTZ2dztcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgbGluZS1oZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjMTY3N0ZGO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA2LjUzM3Z3O1xyXG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgfVxyXG4gIH1cclxuICAudGV4dC1zdHlsZXtcclxuICAgIGZpbHRlcjpibHVyKDEwcHgpXHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZlc3NlbCB7XHJcbiAgICBwYWRkaW5nLXRvcDogMy4ydnc7XHJcbiAgfVxyXG4gIC8vcGxheWVy5LiO55S75biDXHJcbiAgLm1haW57XHJcbiAgICB3aWR0aDogODEuNDY3dnc7XHJcbiAgICBoZWlnaHQ6IDE0NC44dnc7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzLjJ2dztcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAudmVzc2VsIHtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuICAgIC5jb250cm9scy1ib3gge1xyXG4gICAgICBoZWlnaHQ6IDEydnc7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiAwO1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAyLjEzdnc7XHJcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCggMTgwZGVnLCByZ2JhKDAsMCwwLDApIDAlLCByZ2JhKDAsMCwwLDAuNikgMTAwJSk7XHJcbiAgICAgIC5tci0xNiB7XHJcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAyLjEzdnc7XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy10b2dnbGUge1xyXG4gICAgICAgID5pbWcge1xyXG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgICB3aWR0aDogNC44dnc7XHJcbiAgICAgICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXNlZWtiYXIge1xyXG4gICAgICAgIGZsZXg6IDE7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgIC5zZWVrYmFyLWNvbnRhaW5lciB7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgIHRvdWNoLWFjdGlvbjogbm9uZTtcclxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICAgICAgICAuc2Vla2Jhci1iYWNrZ3JvdW5kIHtcclxuICAgICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICAgIGhlaWdodDogMS42dnc7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XHJcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgLnNlZWtiYXItZmlsbCB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItbGluZSB7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLXNpZ24ge1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMHB4O1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB0b3A6IDUwJTtcclxuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAtNnB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWNpcmxlIHtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiAtMC44dnc7XHJcbiAgICAgICAgICAgICAgd2lkdGg6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMy4ydnc7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgICAgICAgICAgIGJhY2tncm91bmQ6ICNlZWVlZWU7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy10aW1lIHtcclxuICAgICAgICB3aWR0aDogMTB2dztcclxuICAgICAgICBjb2xvcjogI2ZmZjtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLnBsYXktYnRuIHtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBib3R0b206IDR2dztcclxuICAgICAgbGVmdDogM3Z3O1xyXG4gICAgICB3aWR0aDogNC44dnc7XHJcbiAgICAgIGhlaWdodDogNC44dnc7XHJcbiAgICAgIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAub3BhY2l0eS0wNiB7XHJcbiAgICAgIG9wYWNpdHk6IDAuNjtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8v5bqV6YOoXHJcbiAgLmZvb3RlcntcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBhZGRpbmc6IDAgMjAuMzMzdncgMTAuOTMzdnc7XHJcbiAgICAmPmRpdntcclxuICAgICAgd2lkdGg6IDMwJTtcclxuICAgICAgbWFyZ2luOiAwIDE1JTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA2LjR2dztcclxuICAgICAgICBoZWlnaHQ6IDYuNHZ3O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIG1hcmdpbjogYXV0bztcclxuICAgICAgfVxyXG4gICAgICBwe1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMS44Njd2dztcclxuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIC5ub3Qtc2hvdy10ZXh0e1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZpZGVvLW1lbnUge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgLy8gaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgaGVpZ2h0OiAwO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kOiAjMUUxRTFFO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC41cyBlYXNlLWluLW91dDsgIFxyXG4gICAgJi5hY3RpdmUge1xyXG4gICAgICBoZWlnaHQ6IDM4LjEzdmg7XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaGVhZGVyIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgcGFkZGluZzogMS42dncgMS42dncgMDtcclxuICAgICAgaGVpZ2h0OiA0Ljgxdmg7XHJcbiAgICAgIGxpbmUtaGVpZ2h0OiA0Ljgxdmg7XHJcbiAgICAgIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNDApO1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICBvdmVyZmxvdy14OiBhdXRvO1xyXG4gICAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTsgLyog6ZqQ6JeP5rua5Yqo5p2hICovXHJcbiAgICAgIH1cclxuICAgICAgPmRpdiB7XHJcbiAgICAgICAgbWFyZ2luOiAwIDMuMnZ3O1xyXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgIH1cclxuICAgICAgLmFjdGl2ZSB7XHJcbiAgICAgICAgY29sb3I6ICNGRkZGRkY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5lZGl0b3ItdmlkZW8tbWVudS1pdG1lcyB7XHJcbiAgICAgIHBhZGRpbmc6IDAgMy4zM3Z3O1xyXG4gICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSA0LjgxdmggLSAxLjZ2dyk7XHJcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XHJcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIDFmcik7XHJcbiAgICAgIHJvdy1nYXA6IDMuMnZ3O1xyXG4gICAgICBjb2x1bW4tZ2FwOiAyLjZ2dztcclxuICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIHdpZHRoOiAyMS4zM3Z3O1xyXG4gICAgICAgIGhlaWdodDogMjEuMzN2dztcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xyXG4gICAgICAgIGltZyB7XHJcbiAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1I7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFHSjtFQUNFOztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmVkaXRvcntcclxuICBiYWNrZ3JvdW5kOiAjMDAwO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIC5wYWRkaW5nLWJveCB7XHJcbiAgICBmbGV4OiAxO1xyXG4gIH1cclxuICAvLyDpobbpg6hcclxuICAmPi5oZWFkZXJ7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgaGVpZ2h0OiAxMS40Njd2dztcclxuICAgIHBhZGRpbmctbGVmdDogNC40dnc7XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAzLjJ2dztcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAmPi5jbG9zZXtcclxuICAgICAgd2lkdGg6IDR2dztcclxuICAgICAgaGVpZ2h0OiA0dnc7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lmhpc3Rvcnktb3BlcmF0ZXtcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiA1MCU7XHJcbiAgICAgIHRvcDogNTAlO1xyXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpO1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDQuNjY3dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA1LjA2N3Z3O1xyXG4gICAgICB9XHJcbiAgICAgICY+aW1nOmxhc3QtY2hpbGR7XHJcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDh2dztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgJj4ubmV4dC1idXR0b257XHJcbiAgICAgIHdpZHRoOiAxNnZ3O1xyXG4gICAgICBoZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBsaW5lLWhlaWdodDogNy4ydnc7XHJcbiAgICAgIGJhY2tncm91bmQ6ICMxNjc3RkY7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDYuNTMzdnc7XHJcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgZm9udC1zaXplOiAzLjJ2dztcclxuICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC50ZXh0LXN0eWxle1xyXG4gICAgZmlsdGVyOmJsdXIoMTBweClcclxuICB9XHJcblxyXG4gIC5lZGl0b3ItdmVzc2VsIHtcclxuICAgIHBhZGRpbmctdG9wOiAzLjJ2dztcclxuICB9XHJcbiAgLy9wbGF5ZXLkuI7nlLvluINcclxuICAubWFpbntcclxuICAgIHdpZHRoOiA4MS40Njd2dztcclxuICAgIGhlaWdodDogMTQ0Ljh2dztcclxuICAgIG1hcmdpbjogYXV0bztcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDMuMnZ3O1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIC52ZXNzZWwge1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgfVxyXG4gICAgLmNvbnRyb2xzLWJveCB7XHJcbiAgICAgIGhlaWdodDogMTJ2dztcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBib3R0b206IDA7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiAzLjJ2dztcclxuICAgIH1cclxuICAgIC5wbGF5ZXItY29udHJvbHMge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICBwYWRkaW5nOiAwIDIuMTN2dztcclxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KCAxODBkZWcsIHJnYmEoMCwwLDAsMCkgMCUsIHJnYmEoMCwwLDAsMC42KSAxMDAlKTtcclxuICAgICAgLm1yLTE2IHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIuMTN2dztcclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRvZ2dsZSB7XHJcbiAgICAgICAgPmltZyB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgIHdpZHRoOiA0Ljh2dztcclxuICAgICAgICAgIGhlaWdodDogNC44dnc7XHJcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtc2Vla2JhciB7XHJcbiAgICAgICAgZmxleDogMTtcclxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgLnNlZWtiYXItY29udGFpbmVyIHtcclxuICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgdG91Y2gtYWN0aW9uOiBub25lO1xyXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgICAgICAgIC5zZWVrYmFyLWJhY2tncm91bmQge1xyXG4gICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgICAgaGVpZ2h0OiAxLjZ2dztcclxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcclxuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICAuc2Vla2Jhci1maWxsIHtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1saW5lIHtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWVlZWU7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItc2lnbiB7XHJcbiAgICAgICAgICAgICAgd2lkdGg6IDEwcHg7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xyXG4gICAgICAgICAgICAgIG1hcmdpbi10b3A6IC02cHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItY2lybGUge1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB0b3A6IC0wLjh2dztcclxuICAgICAgICAgICAgICB3aWR0aDogMy4ydnc7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAzLjJ2dztcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZDogI2VlZWVlZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRpbWUge1xyXG4gICAgICAgIHdpZHRoOiAxMHZ3O1xyXG4gICAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAucGxheS1idG4ge1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogNHZ3O1xyXG4gICAgICBsZWZ0OiAzdnc7XHJcbiAgICAgIHdpZHRoOiA0Ljh2dztcclxuICAgICAgaGVpZ2h0OiA0Ljh2dztcclxuICAgICAgaW1nIHtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5vcGFjaXR5LTA2IHtcclxuICAgICAgb3BhY2l0eTogMC42O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy/lupXpg6hcclxuICAuZm9vdGVye1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgcGFkZGluZzogMCAyMC4zMzN2dyAxMC45MzN2dztcclxuICAgICY+ZGl2e1xyXG4gICAgICB3aWR0aDogMzAlO1xyXG4gICAgICBtYXJnaW46IDAgMTUlO1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDYuNHZ3O1xyXG4gICAgICAgIGhlaWdodDogNi40dnc7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgICB9XHJcbiAgICAgIHB7XHJcbiAgICAgICAgZm9udC1zaXplOiAzLjJ2dztcclxuICAgICAgICBjb2xvcjogI2ZmZjtcclxuICAgICAgICBtYXJnaW4tdG9wOiAxLjg2N3Z3O1xyXG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLm5vdC1zaG93LXRleHR7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcclxuICB9XHJcblxyXG4gIC5lZGl0b3ItdmlkZW8tbWVudSB7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICAvLyBoZWlnaHQ6IDM4LjEzdmg7XHJcbiAgICBoZWlnaHQ6IDA7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGJhY2tncm91bmQ6ICMxRTFFMUU7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDAgMDtcclxuICAgIHRyYW5zaXRpb246IGFsbCAwLjVzIGVhc2UtaW4tb3V0OyAgXHJcbiAgICAmLmFjdGl2ZSB7XHJcbiAgICAgIGhlaWdodDogMzguMTN2aDtcclxuICAgIH1cclxuICAgIC5lZGl0b3ItdmlkZW8tbWVudS1oZWFkZXIge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBwYWRkaW5nOiAxLjZ2dyAxLjZ2dyAwO1xyXG4gICAgICBoZWlnaHQ6IDQuODF2aDtcclxuICAgICAgbGluZS1oZWlnaHQ6IDQuODF2aDtcclxuICAgICAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC40MCk7XHJcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAgIG92ZXJmbG93LXg6IGF1dG87XHJcbiAgICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcclxuICAgICAgICBkaXNwbGF5OiBub25lOyAvKiDpmpDol4/mu5rliqjmnaEgKi9cclxuICAgICAgfVxyXG4gICAgICA+ZGl2IHtcclxuICAgICAgICBtYXJnaW46IDAgMy4ydnc7XHJcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgICAgfVxyXG4gICAgICAuYWN0aXZlIHtcclxuICAgICAgICBjb2xvcjogI0ZGRkZGRjtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLmVkaXRvci12aWRlby1tZW51LWl0bWVzIHtcclxuICAgICAgcGFkZGluZzogMCAzLjMzdnc7XHJcbiAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwJSAtIDQuODF2aCAtIDEuNnZ3KTtcclxuICAgICAgZGlzcGxheTogZ3JpZDtcclxuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgMWZyKTtcclxuICAgICAgcm93LWdhcDogMy4ydnc7XHJcbiAgICAgIGNvbHVtbi1nYXA6IDIuNnZ3O1xyXG4gICAgICBvdmVyZmxvdzogYXV0bztcclxuICAgICAgPmRpdiB7XHJcbiAgICAgICAgd2lkdGg6IDIxLjMzdnc7XHJcbiAgICAgICAgaGVpZ2h0OiAyMS4zM3Z3O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMxZTFlMWU7XHJcbiAgICAgICAgaW1nIHtcclxuICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgb2JqZWN0LWZpdDogY29udGFpbjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 
 // src/utils/const.ts
+var closeIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/c5dc68e4-2db5-4ea6-ada6-191bb9128a4c.png";
+var wordIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/6ba37577-5fef-4722-9a61-f7ab5e5790ad.png";
+var emotionIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/a6bb2684-4f26-481a-81dd-90500c1f7544.png";
 var playIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/9c6d947f-071a-4875-9546-fd0dce371928.png";
 var pauseIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/65076da8-c1e4-42a9-90af-839a2e42ace7.png";
+var iconText2 = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/f50a1be1-512b-49f5-8be5-61b85c7cbb66.png";
+var iconText1 = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/f9071de5-48d0-42ca-8b9a-13ae19ed48e3.png";
 var signIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/bcbd9a71-ec40-4c4d-ba03-29c2bec2bf89.png";
 var getFrameFromX = (clientX, durationInFrames, width) => {
   const pos = clientX;
@@ -1474,7 +1479,7 @@ var css2 = `.page-loader {
     transform: skew(-45deg) translateX(200%);
   }
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXHByb2plY3RzXFx2bW1sLXBsYXllclxccGFja2FnZXNcXGVkaXRvclxcc3JjXFxhc3NldHNcXGNzcyIsInNvdXJjZXMiOlsibG9hZGluZy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBT0E7RUFDQTs7O0FBSUo7RUFDRTtJQUNFIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbi5wYWdlLWxvYWRlciB7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHRvcDogMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIHotaW5kZXg6IDEwMDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIC5saWdodCB7XHJcbiAgICB3aWR0aDogNzUlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLFxyXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMCksXHJcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSxcclxuICAgICAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMyksXHJcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSxcclxuICAgICAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMCksXHJcbiAgICAgICk7XHJcbiAgICB0cmFuc2Zvcm06IHNrZXcoLTQ1ZGVnKSB0cmFuc2xhdGVYKC00MDAlKTtcclxuICAgIGFuaW1hdGlvbjogYW5pbWF0ZV9saWdodCAxcyBpbmZpbml0ZTtcclxuICB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgYW5pbWF0ZV9saWdodCB7XHJcbiAgMTAwJSB7XHJcbiAgICB0cmFuc2Zvcm06IHNrZXcoLTQ1ZGVnKSB0cmFuc2xhdGVYKDIwMCUpO1xyXG4gIH1cclxufSJdfQ== */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJsb2FkaW5nLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFPQTtFQUNBOzs7QUFJSjtFQUNFO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuLnBhZ2UtbG9hZGVyIHtcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgdG9wOiAwO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIGhlaWdodDogMTAwJTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgei1pbmRleDogMTAwO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgLmxpZ2h0IHtcclxuICAgIHdpZHRoOiA3NSU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsXHJcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSxcclxuICAgICAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTUpLFxyXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zKSxcclxuICAgICAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTUpLFxyXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wKSxcclxuICAgICAgKTtcclxuICAgIHRyYW5zZm9ybTogc2tldygtNDVkZWcpIHRyYW5zbGF0ZVgoLTQwMCUpO1xyXG4gICAgYW5pbWF0aW9uOiBhbmltYXRlX2xpZ2h0IDFzIGluZmluaXRlO1xyXG4gIH1cclxufVxyXG5cclxuQGtleWZyYW1lcyBhbmltYXRlX2xpZ2h0IHtcclxuICAxMDAlIHtcclxuICAgIHRyYW5zZm9ybTogc2tldygtNDVkZWcpIHRyYW5zbGF0ZVgoMjAwJSk7XHJcbiAgfVxyXG59Il19 */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css2));
 var Loaidng = ({ show }) => {
   const styles = {
@@ -1508,7 +1513,7 @@ var css3 = `.container {
   text-align: right;
   font-style: normal;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXHByb2plY3RzXFx2bW1sLXBsYXllclxccGFja2FnZXNcXGVkaXRvclxcc3JjXFxhc3NldHNcXGNzcyIsInNvdXJjZXMiOlsibWF4VGV4dExheWVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIiR2bV9iYXNlOiA3NTA7XHJcblxyXG5AZnVuY3Rpb24gdm0oJHB4KSB7XHJcblxyXG4gICAgQHJldHVybiAoJHB4IC8gNzUwKSAqIDEwMHZ3O1xyXG5cclxufVxyXG5cclxuLmNvbnRhaW5lcntcclxuICB3aWR0aDogMTAwdnc7XHJcbiAgaGVpZ2h0OiAxMDB2aDtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgbGVmdDogMDtcclxuICB0b3A6IDA7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAubWFpbl90ZXh0e1xyXG4gICAgYmFja2dyb3VuZDogIzAwMDAwMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcbiAgICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoNDBweCk7XHJcbiAgICBwYWRkaW5nOiB2bSgyNCk7XHJcbiAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgZm9udC1zaXplOiB2bSgzMCk7XHJcbiAgICBjb2xvcjogI0ZGRkZGRjtcclxuICAgIGxpbmUtaGVpZ2h0OiB2bSg0Mik7XHJcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcclxuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcclxuICB9XHJcbn0iXX0= */`;
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJtYXhUZXh0TGF5ZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiJHZtX2Jhc2U6IDc1MDtcclxuXHJcbkBmdW5jdGlvbiB2bSgkcHgpIHtcclxuXHJcbiAgICBAcmV0dXJuICgkcHggLyA3NTApICogMTAwdnc7XHJcblxyXG59XHJcblxyXG4uY29udGFpbmVye1xyXG4gIHdpZHRoOiAxMDB2dztcclxuICBoZWlnaHQ6IDEwMHZoO1xyXG4gIHBvc2l0aW9uOiBmaXhlZDtcclxuICBsZWZ0OiAwO1xyXG4gIHRvcDogMDtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZmxvdzogcm93IG5vd3JhcDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gIC5tYWluX3RleHR7XHJcbiAgICBiYWNrZ3JvdW5kOiAjMDAwMDAwO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcclxuICAgIGJhY2tkcm9wLWZpbHRlcjogYmx1cig0MHB4KTtcclxuICAgIHBhZGRpbmc6IHZtKDI0KTtcclxuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XHJcbiAgICBmb250LXNpemU6IHZtKDMwKTtcclxuICAgIGNvbG9yOiAjRkZGRkZGO1xyXG4gICAgbGluZS1oZWlnaHQ6IHZtKDQyKTtcclxuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xyXG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xyXG4gIH1cclxufSJdfQ== */`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css3));
 var MaxTextLayer = ({
   show = false,
@@ -1526,6 +1531,681 @@ var MaxTextLayer = ({
   return show && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", onClick: textLayerHide, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "main_text", children: text }) }) });
 };
 var MaxTextLayer_default = MaxTextLayer;
+
+// src/assets/css/editorTextMenu.scss
+var css4 = `@charset "UTF-8";
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  font-size: 24px;
+  overflow: hidden;
+}
+.overlay > .text-header {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 11.467vw;
+  padding-left: 4.4vw;
+  padding-right: 3.2vw;
+  box-sizing: border-box;
+  position: fixed;
+  top: 0;
+  transition: all 0.01s;
+  z-index: 16;
+}
+.overlay > .text-header > .close {
+  width: 5.0666666667vw;
+  height: 5.0666666667vw;
+}
+.overlay > .text-header > .close img {
+  width: 100%;
+  height: 100%;
+}
+.overlay > .text-header > .history-operate {
+  height: 7.2vw;
+  display: none;
+  align-items: center;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.overlay > .text-header > .history-operate img {
+  width: 4.667vw;
+  height: 5.067vw;
+}
+.overlay > .text-header > .history-operate > img:last-child {
+  margin-left: 8vw;
+}
+.overlay > .text-header > .next-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 16vw;
+  height: 7.2vw;
+  line-height: 7.2vw;
+  background: #1677FF;
+  border-radius: 6.533vw;
+  text-align: center;
+  font-size: 3.2vw;
+  color: #fff;
+  border: 0;
+}
+.overlay .cover {
+  position: fixed;
+  bottom: 8vw;
+  width: 100%;
+  height: 10.6666666667vw;
+  z-index: 999;
+  transition: all 0.1s;
+}
+.overlay .text-input, .overlay .mappingarea {
+  font-family: PingFangSC, PingFang SC;
+  border: none;
+  font-size: 22px;
+  /* \u53D6\u6D88\u5916\u8FB9\u6846 */
+  outline: none;
+  background-color: rgba(0, 0, 0, 0);
+  line-height: 30px;
+}
+.overlay .text-input::-webkit-scrollbar, .overlay .mappingarea::-webkit-scrollbar {
+  display: none;
+}
+.overlay .text-input, .overlay .mappingarea {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+  transition: all 0.1s;
+}
+.overlay .text-input {
+  padding-top: 1.0666666667vw;
+  padding-bottom: 1.0666666667vw;
+  padding-left: 1.6vw;
+  padding-right: 1.3333333333vw;
+  z-index: 10;
+  width: 84vw;
+  caret-color: #1677ff;
+  position: absolute;
+  top: 30%;
+  left: 5%;
+  height: 200px;
+  word-break: break-all;
+}
+.overlay .mappingarea {
+  padding-top: 1.0666666667vw;
+  padding-bottom: 1.0666666667vw;
+  padding-left: 1.6vw;
+  padding-right: 1.3333333333vw;
+  border-radius: 1.3333333333vw;
+  border: 0;
+  position: fixed;
+  top: 30%;
+  left: 5%;
+  height: fit-content;
+  max-height: 200px;
+  color: transparent;
+  overflow-y: scroll;
+  z-index: 9;
+  display: flex;
+  flex-flow: column nowrap;
+  box-sizing: content-box;
+}
+.overlay .mappingarea .mappingarea_span {
+  font-size: 22px;
+  max-width: 84vw;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJlZGl0b3JUZXh0TWVudS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFPQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUdBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUdGO0VBQ0U7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFFRTtFQUNBO0VBRUE7QUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQVpKO0VBY0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiJHZtX2Jhc2U6IDc1MDtcclxuXHJcbkBmdW5jdGlvbiB2bSgkcHgpIHtcclxuXHJcbiAgICBAcmV0dXJuICgkcHggLyA3NTApICogMTAwdnc7XHJcblxyXG59XHJcbi5vdmVybGF5IHtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgdG9wOiAwO1xyXG4gIGxlZnQ6IDA7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcclxuICAvLyBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMTBweCk7XHJcbiAgLy8gLXdlYmtpdC1iYWNrZHJvcC1maWx0ZXI6IGJsdXIoMTBweCk7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGNvbG9yOiB3aGl0ZTtcclxuICBmb250LXNpemU6IDI0cHg7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAvLyDpobbpg6hcclxuICAmPi50ZXh0LWhlYWRlciB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgaGVpZ2h0OiAxMS40Njd2dztcclxuICAgIHBhZGRpbmctbGVmdDogNC40dnc7XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAzLjJ2dztcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDA7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4wMXM7XHJcbiAgICB6LWluZGV4OjE2O1xyXG4gICAgJj4uY2xvc2Uge1xyXG4gICAgICB3aWR0aDogdm0oMzgpO1xyXG4gICAgICBoZWlnaHQ6IHZtKDM4KTtcclxuXHJcbiAgICAgIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgJj4uaGlzdG9yeS1vcGVyYXRlIHtcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiA1MCU7XHJcbiAgICAgIHRvcDogNTAlO1xyXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuXHJcbiAgICAgIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDQuNjY3dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA1LjA2N3Z3O1xyXG4gICAgICB9XHJcblxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxkIHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogOHZ3O1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgJj4ubmV4dC1idXR0b24ge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDE2dnc7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGxpbmUtaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgYmFja2dyb3VuZDogIzE2NzdGRjtcclxuICAgICAgYm9yZGVyLXJhZGl1czogNi41MzN2dztcclxuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICBjb2xvcjogI2ZmZjtcclxuICAgICAgYm9yZGVyOiAwO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLmNvdmVyIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIGJvdHRvbTogdm0oNjApO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6dm0oODApO1xyXG4gICAgei1pbmRleDogOTk5O1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMXM7XHJcbiAgfVxyXG5cclxuICAudGV4dC1pbnB1dCwubWFwcGluZ2FyZWF7XHJcbiAgICAvLyBmb250LWZhbWlseTo7XHJcbiAgICBmb250LWZhbWlseTogUGluZ0ZhbmdTQywgUGluZ0ZhbmcgU0M7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICAvLyBmb250LXdlaWdodDogNjAwO1xyXG4gICAgZm9udC1zaXplOiAyMnB4O1xyXG4gICAgLyog5Y+W5raI5aSW6L655qGGICovXHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcclxuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xyXG4gICAgLy8g6ZqQ6JeP5rua5Yqo5p2h77yM5L2G5LuN54S25L+d5oyB5rua5Yqo5Yqf6IO9XHJcbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7IFxyXG4gICAgICBkaXNwbGF5OiBub25lOyBcclxuICAgIH1cclxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTsgIC8qIElFIGFuZCBFZGdlICovXHJcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7ICAvKiBGaXJlZm94ICovXHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4xcztcclxuICB9XHJcbiAgLnRleHQtaW5wdXR7XHJcbiAgICBwYWRkaW5nLXRvcDogdm0oOCk7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogdm0oOCk7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IHZtKDEyKTtcclxuICAgIHBhZGRpbmctcmlnaHQ6IHZtKDEwKTtcclxuICAgIHotaW5kZXg6IDEwO1xyXG4gICAgd2lkdGg6IDg0dnc7XHJcbiAgICBjYXJldC1jb2xvcjogIzE2NzdGRkZGO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAzMCU7XHJcbiAgICBsZWZ0OiA1JTtcclxuICAgIGhlaWdodDogMjAwcHg7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICAvLyBwYWRkaW5nOiB2bSgxOCk7XHJcbiAgfVxyXG4gIC5tYXBwaW5nYXJlYXtcclxuICAgIHBhZGRpbmctdG9wOiB2bSg4KTtcclxuICAgIHBhZGRpbmctYm90dG9tOiB2bSg4KTtcclxuICAgIHBhZGRpbmctbGVmdDogdm0oMTIpO1xyXG4gICAgcGFkZGluZy1yaWdodDogdm0oMTApO1xyXG4gICAgYm9yZGVyLXJhZGl1czogdm0oMTApO1xyXG4gICAgYm9yZGVyOjA7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDMwJTtcclxuICAgIGxlZnQ6IDUlO1xyXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcclxuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xyXG4gICAgY29sb3I6IHRyYW5zcGFyZW50OyAvL+iuvue9ruminOiJsumAj+aYju+8jOS/neivgeiDjOaZr+minOiJslxyXG4gICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xyXG4gICAgei1pbmRleDogOTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWZsb3c6IGNvbHVtbiBub3dyYXA7XHJcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcclxuICAgIC5tYXBwaW5nYXJlYV9zcGFue1xyXG4gICAgICBmb250LXNpemU6IDIycHg7XHJcbiAgICAgIG1heC13aWR0aDogODR2dztcclxuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xyXG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB9XHJcbiAgfVxyXG59Il19 */`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css4));
+var checkIPhoneSeries = () => {
+  const screenWidth = window.screen.width;
+  const screenHeight = window.screen.height;
+  if (screenWidth === 320 && screenHeight === 480) {
+    return "iPhone 4 or 4S";
+  } else if (screenWidth === 375 && screenHeight === 667) {
+    return "iPhone 6/7/8";
+  } else if (screenWidth === 414 && screenHeight === 736) {
+    return "iPhone 6/7/8 Plus";
+  } else if (screenWidth === 375 && screenHeight === 812) {
+    return "iPhone X/XS";
+  } else if (screenWidth === 414 && screenHeight === 896) {
+    return "iPhone XR/11";
+  } else if (screenWidth === 414 && screenHeight === 844) {
+    return "iPhone 12 mini";
+  } else if (screenWidth === 414 && screenHeight === 915) {
+    return "iPhone 13 Pro Max/12 Pro Max";
+  } else if (screenWidth === 390 && screenHeight === 844) {
+    return "iPhone 13 mini";
+  } else {
+    return "Unknown iPhone model";
+  }
+};
+var iPhoneAdapter = (series) => {
+  const seriesArr = ["iPhone 6/7/8 Plus", "iPhone 6/7/8"];
+  return seriesArr.includes(series);
+};
+var watchKeyBoard = (callback) => {
+  const focusInHandler = (e) => {
+    callback(true);
+    stopMove();
+  };
+  const focusOutHandler = (e) => {
+    callback(false);
+  };
+  document.body.addEventListener("focusin", focusInHandler);
+  document.body.addEventListener("focusout", focusOutHandler);
+  return () => {
+    document.body.removeEventListener("focusin", focusInHandler);
+    document.body.removeEventListener("focusout", focusOutHandler);
+  };
+};
+var stopMove = () => {
+  const dom = document.getElementsByClassName("overlay")[0];
+  const element = document.querySelector(".mappingarea");
+  const stopScroll = (e) => {
+    var _a, _b, _c;
+    const lastTouchPositionX = 0;
+    const lastTouchPositionY = 0;
+    const currentTouchPositionX = e.touches[0].clientX;
+    const currentTouchPositionY = e.touches[0].clientY;
+    const deltaX = currentTouchPositionX - lastTouchPositionX;
+    const deltaY = currentTouchPositionY - lastTouchPositionY;
+    if (["text-header", "overlay", "text_bg_change"].includes((_a = e.target) == null ? void 0 : _a.className)) {
+      e.preventDefault();
+    }
+    if (element) {
+      const willOverflow = element.scrollHeight > element.clientHeight;
+      if (willOverflow) {
+        return;
+      } else if (((_b = e.target) == null ? void 0 : _b.className.split(" ").includes("color-item")) || ((_c = e.target) == null ? void 0 : _c.className) === "text_color_change") {
+        if (deltaX < 0 || deltaX > 0) {
+          return;
+        } else {
+          e.preventDefault();
+        }
+      } else {
+        if (Math.abs(deltaY) > Math.abs(deltaX)) {
+          e.preventDefault();
+        }
+      }
+    }
+    e.preventDefault();
+  };
+  if (dom) {
+    dom.addEventListener("touchmove", stopScroll);
+  }
+};
+var onKeyBoardAction = (status, headerRef, textareaRef, coverRef, mappingareaRef, aimTop) => {
+  if (vmmlUtils.isIOS()) {
+    forIos(status, headerRef, textareaRef, coverRef);
+  }
+};
+var forIos = (status, headerRef, textareaRef, coverRef, mappingareaRef) => {
+  const series = checkIPhoneSeries();
+  const isIPhoneAdapt = iPhoneAdapter(series);
+  if (status) {
+    const totalHeight = document.documentElement.clientHeight || document.body.clientHeight;
+    const keyBoardHeight = totalHeight * 0.25;
+    if (coverRef && textareaRef) {
+      const textareaRefPos = textareaRef.getBoundingClientRect();
+      const { height } = textareaRefPos;
+      if (isIPhoneAdapt) {
+        coverRef.style.bottom = `${keyBoardHeight + 50}px`;
+      } else {
+        coverRef.style.transform = `translateY(${-(height + 10)}px)`;
+      }
+    }
+  } else {
+    if (coverRef) {
+      if (isIPhoneAdapt) {
+        coverRef.style.bottom = `8vw`;
+      } else {
+        coverRef.style.transform = `translateY(0px)`;
+      }
+    }
+  }
+};
+
+// src/assets/css/colorSelector.scss
+var css5 = `@charset "UTF-8";
+.color-selector {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  padding-right: 2.6666666667vw;
+}
+.color-selector .text_bg_change {
+  width: 6.4vw;
+  height: 6.4vw;
+  flex: 0 0 auto;
+  text-align: center;
+  line-height: 6.4vw;
+  padding: 0 4.8vw;
+  margin-right: 4vw;
+  border-right: 2px solid rgba(255, 255, 255, 0.4); /* \u8BBE\u7F6E\u5DE6\u8FB9\u6846\u7684\u5BBD\u5EA6\u3001\u6837\u5F0F\u548C\u989C\u8272 */
+}
+.color-selector .text_color_change {
+  flex: 1 1 auto;
+  display: flex;
+  flex-flow: row nowrap;
+  overflow-x: auto;
+  white-space: nowrap;
+  height: 100%;
+  padding-right: 1.3333333333vw;
+  align-items: center;
+}
+.color-selector .text_color_change > * {
+  flex-shrink: 0;
+}
+.color-selector .text_color_change .color-item {
+  width: 6.4vw;
+  height: 6.4vw;
+  border-radius: 50%;
+  margin: 0 2vw;
+  box-sizing: border-box;
+}
+.color-selector .text_color_change .black-border {
+  border: 0.2666666667vw solid #333333;
+}
+.color-selector .text_color_change .current {
+  box-shadow: 0 0 0 0.8vw #1677FF;
+}
+.color-selector .text_color_change::-webkit-scrollbar {
+  display: none;
+}
+.color-selector .text_color_change {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJjb2xvclNlbGVjdG9yLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQVFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUVFOztBQUdGO0VBQ0k7O0FBNUJOO0VBOEJFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIkdm1fYmFzZTogNzUwO1xyXG5cclxuQGZ1bmN0aW9uIHZtKCRweCkge1xyXG5cclxuICAgIEByZXR1cm4gKCRweCAvIDc1MCkgKiAxMDB2dztcclxuXHJcbn1cclxuXHJcbi5jb2xvci1zZWxlY3RvcntcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBwYWRkaW5nLXJpZ2h0OiB2bSgyMCk7XHJcbiAgLnRleHRfYmdfY2hhbmdle1xyXG4gICAgd2lkdGg6IHZtKDQ4KTtcclxuICAgIGhlaWdodDogdm0oNDgpO1xyXG4gICAgZmxleDogMCAwIGF1dG87XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBsaW5lLWhlaWdodDogdm0oNDgpO1xyXG4gICAgcGFkZGluZzowIHZtKDM2KTtcclxuICAgIG1hcmdpbi1yaWdodDogdm0oMzApO1xyXG4gICAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgI0ZGRkZGRjY2OyAvKiDorr7nva7lt6bovrnmoYbnmoTlrr3luqbjgIHmoLflvI/lkozpopzoibIgKi9cclxuICB9XHJcbiAgLnRleHRfY29sb3JfY2hhbmdle1xyXG4gICAgZmxleDogMSAxIGF1dG87XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1mbG93OiByb3cgbm93cmFwO1xyXG4gICAgb3ZlcmZsb3cteDogYXV0bzsgLy8g5YWB6K645qiq5ZCR5rua5YqoXHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOyAvLyDnoa7kv53mlofmnKzkuI3kvJrmjaLooYxcclxuICAgIGhlaWdodDoxMDAlO1xyXG4gICAgcGFkZGluZy1yaWdodDogdm0oMTApO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICYgPiAqIHtcclxuICAgICAgZmxleC1zaHJpbms6IDA7IC8vIOmYsuatouWtkOWFg+e0oOe8qeWwj1xyXG4gICAgfVxyXG4gICAgLmNvbG9yLWl0ZW17XHJcbiAgICAgIHdpZHRoOiB2bSg0OCk7XHJcbiAgICAgIGhlaWdodDp2bSg0OCk7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgbWFyZ2luOiAwIHZtKDE1KTtcclxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIH1cclxuICAgIC5ibGFjay1ib3JkZXJ7XHJcbiAgICAgIGJvcmRlcjp2bSgyKSBzb2xpZCAjMzMzMzMzRkZcclxuICAgIH1cclxuICAgIC5jdXJyZW50e1xyXG4gICAgICAvLyBib3JkZXI6IHZtKDYpIHNvbGlkICMxNjc3RkY7XHJcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIHZtKDYpICMxNjc3RkY7XHJcbiAgICB9XHJcbiAgICAvLyDpmpDol4/mu5rliqjmnaHvvIzkvYbku43nhLbkv53mjIHmu5rliqjlip/og71cclxuICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHsgXHJcbiAgICAgICAgZGlzcGxheTogbm9uZTsgXHJcbiAgICB9XHJcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7ICAvKiBJRSBhbmQgRWRnZSAqL1xyXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOyAgLyogRmlyZWZveCAqL1xyXG4gIH1cclxufSJdfQ== */`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css5));
+var colorList = [
+  { colorName: "white", colorValue: "rgb(255,255,255)" },
+  { colorName: "black", colorValue: "rgb(0,0,0)" },
+  { colorName: "gray", colorValue: "rgb(153,153,153)" },
+  { colorName: "red", colorValue: "rgb(248,82,81)" },
+  { colorName: "orange", colorValue: "rgb(250,158,60)" },
+  { colorName: "yellow", colorValue: "rgb(255,196,0)" },
+  { colorName: "lightGreen", colorValue: "rgb(145,212,0)" },
+  { colorName: "green", colorValue: "rgb(0,181,212)" },
+  { colorName: "lightBlue", colorValue: "rgb(0,183,244)" },
+  { colorName: "blue", colorValue: "rgb(23,120,255)" },
+  { colorName: "purple", colorValue: "rgb(82,95,255)" }
+];
+var ColorSelector = react.forwardRef(({ onColorChange, onBackGroundChange }, ref) => {
+  const [currentColorItem, setCurrentColorItem] = react.useState(colorList.find((color) => color.colorName === "red"));
+  const [currentBack, setCurrentBgColor] = react.useState(null);
+  const [isSetBack, setIsSetBack] = react.useState(false);
+  const setColorClass = (item) => {
+    const { colorName } = currentColorItem;
+    const classes = [
+      item.colorName === "black" && "black-border",
+      item.colorName === colorName && "current",
+      "color-item"
+    ].filter(Boolean).join(" ");
+    return classes;
+  };
+  const handleColorClick = (item) => {
+    setCurrentColorItem(item);
+    onColorChange(item);
+  };
+  const handleChangeBackGround = () => {
+    const setBgStatus = new Promise((resolve, reject) => {
+      setIsSetBack(!isSetBack);
+      resolve();
+    });
+    setBgStatus.then(() => {
+      onBackGroundChange(currentColorItem);
+    });
+  };
+  const getBackState = () => {
+    return isSetBack;
+  };
+  react.useImperativeHandle(ref, () => ({
+    getBackState,
+    setIsSetBack,
+    setCurrentColorItem
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "color-selector", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "text_bg_change",
+        onClick: () => {
+          handleChangeBackGround();
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", src: isSetBack ? iconText2 : iconText1, style: { width: "100%", height: "100%" } })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text_color_change", children: colorList.map((item) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: setColorClass(item),
+          style: { backgroundColor: item.colorValue },
+          onClick: () => {
+            handleColorClick(item);
+          }
+        },
+        item.colorName
+      );
+    }) })
+  ] });
+});
+var ColorSelector_default = ColorSelector;
+var formatText = (text, maxLengthBase = 40) => {
+  var _a;
+  const newlineRegex = /(\r\n|\r|\n)/g;
+  const matches = ((_a = text.match(newlineRegex)) == null ? void 0 : _a.length) || 0;
+  const maxLength = maxLengthBase + matches;
+  let trimmedText = text.substring(0, maxLength);
+  if (text.length - matches === maxLengthBase) {
+    trimmedText = trimmedText.replace(/(\r\n|\r|\n)+$/g, "");
+  }
+  return trimmedText;
+};
+var TextMenu = react.forwardRef(({ createText, textClose, textInfo, showTextButtons }, ref) => {
+  const formRef = react.useRef(null);
+  const headerRef = react.useRef(null);
+  const textareaRef = react.useRef(null);
+  const coverRef = react.useRef(null);
+  const mappingarea = react.useRef(null);
+  const [textContent, setTextContent] = react.useState("");
+  const [bgColor, setBgColor] = react.useState("transparent");
+  const [textColor, setTextColor] = react.useState("rgb(248,82,81)");
+  const [textPos, setTextPos] = react.useState({ left: 0, top: 0, angle: 0, scaleX: 0.75, scaleY: 0.75, zoomX: 0, zoomY: 0 });
+  const [textBasicInfo, setTextBasicInfo] = react.useState({
+    colorName: "red",
+    colorValue: "rgb(248,82,81)",
+    isBack: false,
+    textAlign: "left"
+  });
+  const colorSelectorRef = react.useRef(null);
+  const [textContentOnShow, setTextContentOnShow] = react.useState([]);
+  const [scrollYValue, setScrollYValue] = react.useState(() => {
+    return Number.parseInt(localStorage.getItem("scrollYValue")) || null;
+  });
+  const scrollYValueRef = react.useRef(scrollYValue);
+  react.useEffect(() => {
+    const callback = (status) => {
+      if (scrollYValueRef.current === null) {
+        setTimeout(() => {
+          const newScrollYValue = window.scrollY;
+          setScrollYValue(newScrollYValue);
+          scrollYValueRef.current = newScrollYValue;
+          localStorage.setItem("scrollYValue", newScrollYValue.toString());
+        }, 150);
+      }
+      setTimeout(() => {
+        onKeyBoardAction(
+          status,
+          headerRef.current,
+          textareaRef.current,
+          coverRef.current,
+          mappingarea.current
+        );
+      }, 200);
+    };
+    const removeListeners = watchKeyBoard(callback);
+    return () => {
+      removeListeners();
+    };
+  }, []);
+  react.useEffect(() => {
+    const syncScroll = () => {
+      if (textareaRef.current && mappingarea.current) {
+        const scrollPosition = textareaRef.current.scrollTop;
+        mappingarea.current.scrollTop = scrollPosition;
+      }
+    };
+    if (textareaRef.current) {
+      textareaRef.current.addEventListener("scroll", syncScroll);
+      textareaRef.current.addEventListener("input", syncScroll);
+    }
+    return () => {
+      if (textareaRef.current) {
+        textareaRef.current.removeEventListener("scroll", syncScroll);
+        textareaRef.current.removeEventListener("input", syncScroll);
+      }
+    };
+  }, []);
+  react.useEffect(() => {
+    let lines = [];
+    if (textContent.includes("\r")) {
+      lines = textContent.split("\r");
+    } else {
+      lines = textContent.split("\n");
+    }
+    setTextContentOnShow(lines);
+  }, [textContent]);
+  react.useEffect(() => {
+    if (Object.keys(textInfo).length > 0) {
+      setText(textInfo);
+    } else {
+      resetInfo();
+    }
+  }, [textInfo]);
+  react.useEffect(() => {
+    if (!vmmlUtils.isIOS()) {
+      if (mappingarea.current && textareaRef.current) {
+        textareaRef.current.style.position = "static";
+        mappingarea.current.style.maxHeight = textareaRef.current.style.height = "50vh";
+        mappingarea.current.style.maxWidth = getComputedStyle(textareaRef.current).width;
+        textareaRef.current.focus();
+      }
+    } else {
+      if (textareaRef.current) {
+        textareaRef.current.focus();
+      }
+    }
+  }, []);
+  const handleOnChange = (e) => {
+    const inputValue = e.target.value;
+    setTextContent(formatText(inputValue));
+  };
+  const handleSubmit = (e) => {
+    if (showTextButtons) {
+      e.preventDefault();
+    }
+    if (formRef.current) {
+      const formData = new FormData(formRef.current);
+      const formJson = Object.fromEntries(formData.entries());
+      const { input_content } = formJson;
+      renderText(input_content);
+    }
+  };
+  const handleChangeColor = (item) => {
+    setColor(item);
+  };
+  const onBackGroundChange = (currentColorItem) => {
+    setColor(currentColorItem);
+  };
+  const setColor = (colorItem) => {
+    if (textareaRef.current) {
+      textareaRef.current.focus();
+    }
+    const { current } = colorSelectorRef;
+    const { colorName, colorValue } = colorItem;
+    const isBack = current ? current.getBackState() : false;
+    const textBasic = {
+      colorName,
+      colorValue,
+      isBack,
+      textAlign: textBasicInfo.textAlign
+    };
+    setTextBasicInfo(textBasic);
+    if (!isBack) {
+      setBgColor("transparent");
+      setTextColor(colorValue);
+    } else {
+      setBgColor(colorValue);
+      colorName === "white" || colorValue === "rgba(255, 255, 255, 1)" ? setTextColor("#000") : setTextColor("#fff");
+    }
+  };
+  const setText = (textInfo2) => {
+    const { bgColor: bgColor2, text, textColor: textColor2, left, top, angle, scaleX, scaleY, zoomX, zoomY, textBasicInfo: textBasicInfo2, width, height } = textInfo2;
+    const { isBack, colorName, colorValue } = textBasicInfo2;
+    const fillColor = text === "\u8BF7\u8F93\u5165\u6587\u6848" && textColor2 === "rgba(0, 0, 0, 0)" ? "rgba(255, 255, 255, 1)" : textColor2;
+    setBgColor(bgColor2);
+    setTextColor(fillColor);
+    setTextContent(text);
+    setTextBasicInfo(textBasicInfo2);
+    setTextPos({ left, top, angle, scaleX, scaleY, zoomX, zoomY, width, height });
+    const { current } = colorSelectorRef;
+    if (!current) return;
+    current.setIsSetBack(isBack);
+    current.setCurrentColorItem({ colorName, colorValue });
+  };
+  const resetInfo = () => {
+    setBgColor("transparent");
+    setTextColor("rgb(248,82,81)");
+    setTextContent("");
+    setTextPos({ left: 0, top: 0, angle: 0, scaleX: 0.75, scaleY: 0.75, zoomX: 0, zoomY: 0 });
+  };
+  const close = () => {
+    textClose(textInfo.id);
+  };
+  const renderText = (input_content) => {
+    const { current } = mappingarea;
+    if (current) {
+      const computedStyle = window.getComputedStyle(current);
+      const { width, height } = computedStyle;
+      setTextPos(
+        Object.assign(textPos, { width: Number(width.split("px")[0]), height: Number(height.split("px")[0]) })
+      );
+    }
+    if (input_content && input_content.trim() !== "") {
+      const { id, fontFamily, fontAssetUrl } = textInfo;
+      createText({ textContent: input_content, bgColor, textColor, position: textPos, textBasicInfo, id, fontFamily, fontAssetUrl });
+    } else {
+      textClose(textInfo.id);
+    }
+  };
+  react.useImperativeHandle(ref, () => ({
+    setText,
+    close,
+    handleSubmit
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { method: "post", onSubmit: handleSubmit, ref: formRef, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overlay", children: [
+    showTextButtons && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-header", ref: headerRef, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => close(), className: "close", children: /* @__PURE__ */ jsxRuntime.jsx("img", { crossOrigin: "anonymous", src: closeIcon, alt: "close" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "next-button", children: "\u5B8C\u6210" })
+    ] }),
+    !vmmlUtils.isIOS() && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "edit_container", style: {
+      width: "100%",
+      position: "relative",
+      paddingLeft: "4.4vw",
+      paddingRight: "3.2vw",
+      display: "flex"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref: textareaRef,
+          cols: 20,
+          wrap: "hard",
+          name: "input_content",
+          className: "text-input",
+          value: textContent,
+          onChange: handleOnChange,
+          style: { color: textColor, width: "94%", fontFamily: textInfo.fontFamily }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "mappingarea",
+          ref: mappingarea,
+          contentEditable: true,
+          suppressContentEditableWarning: true,
+          style: {
+            background: bgColor,
+            position: "absolute",
+            top: "0",
+            zIndex: "-1",
+            left: "4.4vw"
+          },
+          children: textContentOnShow.map((text, index) => {
+            return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mappingarea_span", style: { maxWidth: "100%" }, children: text ? text : " " }, index);
+          })
+        }
+      )
+    ] }),
+    vmmlUtils.isIOS() && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref: textareaRef,
+          cols: 20,
+          wrap: "hard",
+          name: "input_content",
+          className: "text-input",
+          value: textContent,
+          onChange: handleOnChange,
+          style: { color: textColor, fontFamily: textInfo.fontFamily }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "mappingarea",
+          ref: mappingarea,
+          contentEditable: true,
+          suppressContentEditableWarning: true,
+          style: { background: bgColor },
+          children: textContentOnShow.map((text, index) => {
+            return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mappingarea_span", children: text ? text : " " }, index);
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: coverRef, className: "cover", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ColorSelector_default,
+      {
+        ref: colorSelectorRef,
+        onColorChange: handleChangeColor,
+        onBackGroundChange
+      }
+    ) })
+  ] }) });
+});
+var TextMenu_default = TextMenu;
+var VideoMenu = ({ createImage, videoMenus, menuState }) => {
+  const [active, setActive] = react.useState();
+  const [menus, setMenus] = react.useState([]);
+  const [items, setItems] = react.useState([]);
+  const onClickClass = ({ id, emojiList }) => {
+    setActive(id);
+    setItems(emojiList);
+  };
+  const onClickItem = ({ emojiId, fileUrl }) => {
+    if (menuState === "video") {
+      createImage(fileUrl, emojiId);
+    }
+  };
+  react.useEffect(() => {
+    setMenus(videoMenus);
+    if (videoMenus.length) {
+      onClickClass(videoMenus[0]);
+    }
+  }, [videoMenus]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `editor-video-menu ${menuState === "video" ? "active" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-video-menu-header", children: menus.map((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: active === item.id ? "active" : "", onClick: () => onClickClass(item), children: item.classifyType }, item.id)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-video-menu-itmes", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => onClickItem(item), children: /* @__PURE__ */ jsxRuntime.jsx("img", { loading: "lazy", src: item.fileUrl.thumbnailUrl, alt: "\u7D20\u6750" }) }, item.emojiId)) })
+  ] });
+};
+var VideoMenu_default = VideoMenu;
 var historyClass = new HistoryClass();
 var EditorFn = ({
   vmml,
@@ -1627,6 +2307,39 @@ var EditorFn = ({
       setPreviewState(true);
     }
   };
+  const onClickMenu = (type) => {
+    if (type === "text" && checkTextNum()) return;
+    if (type === "video" && checkVideoNum()) return;
+    if (previewState) {
+      intoEdit();
+    }
+    setTextInfo({});
+    setMenuState(type);
+  };
+  const checkTextNum = () => {
+    const { current } = canvasRef;
+    if (current) {
+      const textNums = current.getfObjectNums("\u6587\u5B57");
+      if (textNums >= maxText) {
+        setTips(`\u6700\u591A\u6DFB\u52A0${maxText}\u4E2A\u6587\u5B57`);
+        setIsShowMaxTextLayer(true);
+        return true;
+      }
+    }
+    return false;
+  };
+  const checkVideoNum = () => {
+    const { current } = canvasRef;
+    if (current) {
+      const videoNum = current.getfObjectNums("\u8868\u60C5\u5305");
+      if (videoNum >= maxVideo) {
+        setTips(`\u6700\u591A\u6DFB\u52A0${maxVideo}\u4E2A\u8868\u60C5\u5305`);
+        setIsShowMaxTextLayer(true);
+        return true;
+      }
+    }
+    return false;
+  };
   const getfcObject = () => {
     const { current } = canvasRef;
     if (current) {
@@ -1658,6 +2371,23 @@ var EditorFn = ({
       current.updateImage(id, base64);
     }
   };
+  const createImage = async (file, emojiId) => {
+    const { current } = canvasRef;
+    if (current && !checkVideoNum()) {
+      const fObj = await current.createImage(file, emojiId);
+      vmmlConverterRef.current.addVideoClip(fObj);
+      setMenuState("");
+      setPreviewState(true);
+    }
+  };
+  const createText = async (data) => {
+    const { current } = canvasRef;
+    if (current) {
+      const server = data.id ? "updateText" : "createText";
+      await current[server](data);
+      setMenuState("");
+    }
+  };
   const onVideoChange = (clipData) => {
     const index = videoList.current.findIndex((item) => item.id === clipData.id);
     if (index > -1) {
@@ -1671,6 +2401,11 @@ var EditorFn = ({
     const { current } = canvasRef;
     return current.getActions().length;
   };
+  const textClose = (id) => {
+    const { current } = canvasRef;
+    id && current.changeObjectVisible(id);
+    setMenuState("");
+  };
   const intoTextEdit = (textInfo2) => {
     setMenuState("text");
     setTextInfo(textInfo2);
@@ -1834,7 +2569,7 @@ var EditorFn = ({
       textMenuRef.current.handleSubmit();
     }
   };
-  react.useMemo(() => {
+  const menuStyles = react.useMemo(() => {
     if (loading) {
       return {
         opacity: 0.4,
@@ -1858,7 +2593,6 @@ var EditorFn = ({
             muted: true,
             fps,
             onPlayerReady,
-            editableArray,
             premountFor: 40,
             pauseWhenBuffering,
             filterIds
@@ -1897,7 +2631,37 @@ var EditorFn = ({
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(Loading_default, { show: loading })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "padding-box" })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "padding-box" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
+        maxText > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            onClick: () => onClickMenu("text"),
+            "data-aspm-click": "c375146.d480849",
+            "data-aspm-expo": true,
+            "data-aspm-param": `Template_Id=${templateId}^Strategy_Id=${strategyId}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("img", { src: wordIcon, alt: "word" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\u6587\u5B57" })
+            ]
+          }
+        ),
+        maxVideo > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            onClick: () => onClickMenu("video"),
+            "data-aspm-click": "c375146.d480850",
+            "data-aspm-expo": true,
+            "data-aspm-param": `Template_Id=${templateId}^Strategy_Id=${strategyId}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("img", { src: emotionIcon, alt: "emotion" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\u8868\u60C5\u5305" })
+            ]
+          }
+        )
+      ] }),
+      maxVideo > 0 && /* @__PURE__ */ jsxRuntime.jsx(VideoMenu_default, { menuState, createImage, videoMenus }),
+      menuState === "text" && /* @__PURE__ */ jsxRuntime.jsx(TextMenu_default, { ref: textMenuRef, createText, textClose, textInfo, showTextButtons })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(MaxTextLayer_default, { textLayerHide: () => setIsShowMaxTextLayer(false), show: isShowMaxTextLayer, text: tips })
   ] });